/* ============================================================
   ARACION WEBSITE
   MAIN / DESKTOP CSS

   Header + Hero
   ============================================================ */


/* ============================================================
   ROOT
   ============================================================ */

:root {

    --arc-navy:
        #061c35;

    --arc-navy-deep:
        #03182f;

    --arc-blue:
        #18a9d4;

    --arc-blue-bright:
        #21b1dc;

    --arc-white:
        #ffffff;

    --arc-text-light:
        rgba(255, 255, 255, 0.88);

    --arc-border-light:
        rgba(255, 255, 255, 0.28);

    --arc-container:
        1400px;

    --arc-header-height:
        84px;

    --arc-transition:
        0.3s ease;
}


/* ============================================================
   RESET
   ============================================================ */

* {
    box-sizing:
        border-box;
}

html {
    width:
        100%;

    margin:
        0;

    padding:
        0;

    scroll-behavior:
        smooth;
}

body {
    width:
        100%;

    min-width:
        100%;

    margin:
        0;

    padding:
        0;

    background:
        #ffffff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;

    -moz-osx-font-smoothing:
        grayscale;

    overflow-x:
        hidden;
}

img {
    display:
        block;

    max-width:
        100%;
}

a {
    color:
        inherit;

    text-decoration:
        none;
}

button {
    font-family:
        inherit;
}


/* ============================================================
   SHARED HEADER
   ============================================================ */

.arc-shared-header {

    position:
        absolute;

    top:
        0;

    left:
        0;

    right:
        0;

    z-index:
        1000;

    width:
        100%;

    height:
        var(--arc-header-height);

    background:
        #061c35;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.65);
}


/* ============================================================
   HEADER INNER
   ============================================================ */

.arc-header-inner {

    width:
        calc(100% - 96px);

    max-width:
        var(--arc-container);

    height:
        100%;

    margin:
        0 auto;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;
}


/* ============================================================
   HEADER LOGO
   ============================================================ */

.arc-header-logo-link {

    display:
        flex;

    align-items:
        center;

    flex-shrink:
        0;
}

.arc-header-logo-image {

    width:
        178px;

    height:
        auto;

    object-fit:
        contain;
}


/* ============================================================
   PRIMARY NAVIGATION
   ============================================================ */

.arc-primary-navigation {

    height:
        100%;

    display:
        flex;

    align-items:
        center;

    gap:
        28px;
}


/* ============================================================
   NAVIGATION LINKS
   ============================================================ */

.arc-navigation-item {

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    height:
        100%;

    color:
        rgba(255, 255, 255, 0.92);

    font-size:
        14px;

    font-weight:
        500;

    white-space:
        nowrap;

    transition:
        color var(--arc-transition);
}

.arc-navigation-item:hover {

    color:
        var(--arc-blue-bright);
}

.arc-navigation-item-active {

    color:
        var(--arc-blue-bright);
}


/* ============================================================
   NAVIGATION DROPDOWN
   ============================================================ */

.arc-navigation-dropdown {

    position:
        relative;

    height:
        100%;

    display:
        flex;

    align-items:
        center;
}


/* ============================================================
   DROPDOWN TRIGGER
   ============================================================ */

.arc-navigation-dropdown-trigger {

    height:
        100%;

    padding:
        0;

    border:
        0;

    outline:
        none;

    background:
        transparent;

    color:
        rgba(255, 255, 255, 0.92);

    display:
        flex;

    align-items:
        center;

    gap:
        7px;

    font-size:
        14px;

    font-weight:
        500;

    cursor:
        pointer;

    transition:
        color var(--arc-transition);
}

.arc-navigation-dropdown-trigger:hover {

    color:
        var(--arc-blue-bright);
}


/* ============================================================
   DROPDOWN CHEVRON
   ============================================================ */

/* ============================================================
   NAVIGATION CHEVRON
   ============================================================ */

.arc-navigation-chevron {

    position:
        relative;

    width:
        6px;

    height:
        6px;

    margin-left:
        2px;

    margin-top:
        -3px;

    border-right:
        1px solid
        rgba(255, 255, 255, 0.85);

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.85);

    transform:
        rotate(45deg);

    flex-shrink:
        0;

    transition:
        transform var(--arc-transition),
        border-color var(--arc-transition);
}


/* ============================================================
   DROPDOWN MENU
   ============================================================ */

.arc-navigation-dropdown-menu {

    position:
        absolute;

    top:
        calc(100% + 1px);

    left:
        50%;

    min-width:
        185px;

    padding:
        9px;

    background:
        #061c35;

    border:
        1px solid
        rgba(255, 255, 255, 0.12);

    box-shadow:
        0 15px 35px
        rgba(0, 0, 0, 0.25);

    opacity:
        0;

    visibility:
        hidden;

    transform:
        translate(-50%, 8px);

    transition:
        opacity var(--arc-transition),
        transform var(--arc-transition),
        visibility var(--arc-transition);
}

.arc-navigation-dropdown:hover
.arc-navigation-dropdown-menu {

    opacity:
        1;

    visibility:
        visible;

    transform:
        translate(-50%, 0);
}


/* ============================================================
   DROPDOWN LINKS
   ============================================================ */

.arc-navigation-dropdown-menu a {

    display:
        block;

    padding:
        10px 13px;

    color:
        rgba(255, 255, 255, 0.85);

    font-size:
        12px;

    font-weight:
        500;

    transition:
        color var(--arc-transition),
        background var(--arc-transition);
}

.arc-navigation-dropdown-menu a:hover {

    color:
        var(--arc-blue-bright);

    background:
        rgba(24, 169, 212, 0.10);
}


/* ============================================================
   HEADER CONTACT BUTTON
   ============================================================ */

.arc-header-contact-button {

    min-width:
        91px;

    min-height:
        42px;

    padding:
        11px 16px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        var(--arc-blue);

    border-radius:
        3px;

    color:
        var(--arc-white);

    font-size:
        13px;

    font-weight:
        600;

    white-space:
        nowrap;

    transition:
        background var(--arc-transition),
        transform var(--arc-transition);
}

.arc-header-contact-button:hover {

    background:
        var(--arc-blue-bright);

    transform:
        translateY(-1px);
}


/* ============================================================
   MOBILE NAVIGATION BUTTON
   ============================================================ */

.arc-mobile-navigation-button {

    display:
        none;

    width:
        44px;

    height:
        42px;

    padding:
        8px;

    border:
        1px solid
        rgba(255, 255, 255, 0.30);

    background:
        transparent;

    cursor:
        pointer;
}

.arc-mobile-navigation-button span {

    display:
        block;

    width:
        100%;

    height:
        2px;

    margin:
        5px 0;

    background:
        #ffffff;
}


/* ============================================================
   HOME HERO
   ============================================================ */

.arc-home-hero {

    position:
        relative;

    width:
        100%;

    height:
        100vh;

    min-height:
        710px;

    overflow:
        hidden;

    background:
        var(--arc-navy);

    color:
        var(--arc-white);
}


/* ============================================================
   HERO BACKGROUND
   ============================================================ */

.arc-home-hero-background {

    position:
        absolute;

    inset:
        0;

    z-index:
        0;

    width:
        100%;

    height:
        100%;

    overflow:
        hidden;
}

.arc-home-hero-background img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    object-position:
        center center;
}


/* ============================================================
   HERO OVERLAY
   ============================================================ */

.arc-home-hero-overlay {

    position:
        absolute;

    inset:
        0;

    z-index:
        1;

    background:
        linear-gradient(
            90deg,
            rgba(2, 18, 37, 0.78) 0%,
            rgba(2, 18, 37, 0.56) 29%,
            rgba(2, 18, 37, 0.16) 55%,
            rgba(2, 18, 37, 0.04) 100%
        );
}


/* ============================================================
   HERO CONTAINER
   ============================================================ */

.arc-home-hero-container {

    position:
        relative;

    z-index:
        5;

    width:
        calc(100% - 96px);

    max-width:
        var(--arc-container);

    height:
        100%;

    margin:
        0 auto;

    display:
        flex;

    align-items:
        center;
}


/* ============================================================
   HERO CONTENT
   ============================================================ */

.arc-home-hero-content {

    width:
        510px;

    padding-top:
        45px;
}


/* ============================================================
   HERO TITLE
   ============================================================ */

.arc-home-hero-title {

    margin:
        0 0 29px;

    color:
        #ffffff;

    font-size:
        53px;

    font-weight:
        800;

    line-height:
        1.075;

    letter-spacing:
        -0.035em;

    text-transform:
        uppercase;
}

.arc-home-hero-title span {

    display: block;
    width: 1000px;
}


/* ============================================================
   HERO SUBTITLE
   ============================================================ */

.arc-home-hero-subtitle {

    width:
        480px;

    margin:
        0 0 22px;

    color:
        rgba(255, 255, 255, 0.97);

    font-size:
        22px;

    font-weight:
        500;

    line-height:
        1.28;

    letter-spacing:
        -0.015em;
}


/* ============================================================
   HERO DESCRIPTION
   ============================================================ */

.arc-home-hero-description {

    width:
        685px;

    margin:
        0 0 36px;

    color:
        rgba(255, 255, 255, 0.86);

    font-size:
        19px;

    font-weight:
        400;

    line-height:
        1.65;
}


/* ============================================================
   HERO ACTIONS
   ============================================================ */

.arc-home-hero-actions {

    display:
        flex;

    align-items:
        center;

    gap:
        20px;
}


/* ============================================================
   HERO PRIMARY BUTTON
   ============================================================ */

.arc-home-hero-primary-button {

    min-width:
        170px;

    min-height:
        44px;

    padding:
        11px 17px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        var(--arc-blue);

    border:
        1px solid
        var(--arc-blue);

    color:
        #ffffff;

    font-size:
        15px;

    font-weight:
        500;

    transition:
        background var(--arc-transition),
        border-color var(--arc-transition),
        transform var(--arc-transition);
}

.arc-home-hero-primary-button:hover {

    background:
        var(--arc-blue-bright);

    border-color:
        var(--arc-blue-bright);

    transform:
        translateY(-1px);
}


/* ============================================================
   HERO SECONDARY BUTTON
   ============================================================ */

.arc-home-hero-secondary-button {

    min-width:
        171px;

    min-height:
        44px;

    padding:
        11px 17px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        rgba(0, 0, 0, 0.12);

    border:
        1px solid
        var(--arc-blue);

    color:
        #ffffff;

    font-size:
        15px;

    font-weight:
        500;

    transition:
        background var(--arc-transition),
        border-color var(--arc-transition),
        transform var(--arc-transition);
}

.arc-home-hero-secondary-button:hover {

    background:
        rgba(24, 169, 212, 0.18);

    border-color:
        var(--arc-blue-bright);

    transform:
        translateY(-1px);
}


/* ============================================================
   HERO SPECIFICATION BAR
   ============================================================ */

.arc-home-hero-specification-bar {

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        0;

    z-index:
        10;

    width:
        100%;

    height:
        64px;

    background:
        rgba(2, 19, 38, 0.62);

    border-top:
        1px solid
        rgba(255, 255, 255, 0.30);
}


/* ============================================================
   SPECIFICATION INNER
   ============================================================ */

.arc-home-hero-specification-inner {

    width:
        calc(100% - 96px);

    max-width:
        var(--arc-container);

    height:
        100%;

    margin:
        0 auto;

    display:
        grid;

    grid-template-columns:
        repeat(5, 1fr);

    align-items:
        center;
}


/* ============================================================
   SPECIFICATION ITEM
   ============================================================ */

.arc-home-hero-specification-item {

    position:
        relative;

    height:
        100%;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    text-align:
        center;
}

.arc-home-hero-specification-item span {

    color:
        rgba(255, 255, 255, 0.90);

    font-size:
        12px;

    font-weight:
        400;

    line-height:
        1.3;

    white-space:
        nowrap;
}


/* ============================================================
   SPECIFICATION SEPARATORS
   ============================================================ */

.arc-home-hero-specification-item
+ .arc-home-hero-specification-item::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        19px;

    width:
        1px;

    height:
        26px;

    background:
        rgba(255, 255, 255, 0.14);
}


/* ============================================================
   SHARED FOCUS STATES
   ============================================================ */

.arc-header-contact-button:focus-visible,
.arc-navigation-item:focus-visible,
.arc-navigation-dropdown-trigger:focus-visible,
.arc-home-hero-primary-button:focus-visible,
.arc-home-hero-secondary-button:focus-visible {

    outline:
        2px solid
        var(--arc-blue-bright);

    outline-offset:
        3px;
}


/* ============================================================
   HOME - WHAT WE DO / OFFERINGS SECTION
   ============================================================ */


/* ============================================================
   OFFERINGS SECTION
   ============================================================ */

.arc-home-offerings-section {

    width:
        100%;

    margin:
        0;

    padding:
        68px 0 84px;

    background:
        #eef5f8;

    color:
        #111111;
}


/* ============================================================
   OFFERINGS CONTAINER
   ============================================================ */

.arc-home-offerings-container {

    width:
        calc(100% - 112px);

    max-width:
        1400px;

    margin:
        0 auto;
}


/* ============================================================
   OFFERINGS HEADING
   ============================================================ */

.arc-home-offerings-heading {

    width:
        100%;

    margin:
        0 0 45px;

    text-align:
        center;
}


/* ============================================================
   OFFERINGS EYEBROW
   ============================================================ */

.arc-home-offerings-eyebrow {

    margin:
        0 0 17px;

    color:
        #1c2023;

    font-size:
        14px;

    font-weight:
        500;

    line-height:
        1.2;

    letter-spacing:
        0.04em;

    text-transform:
        uppercase;
}


/* ============================================================
   OFFERINGS TITLE
   ============================================================ */

.arc-home-offerings-title {

    margin:
        0;

    color:
        #27a6d2;

    font-size:
        38px;

    font-weight:
        700;

    line-height:
        1.12;

    letter-spacing:
        -0.025em;

    text-transform:
        uppercase;
}


/* ============================================================
   OFFERINGS GRID
   ============================================================ */

.arc-home-offerings-grid {

    width:
        100%;

    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        20px;

    align-items:
        stretch;
}


/* ============================================================
   OFFERING CARD
   ============================================================ */

.arc-home-offering-card {

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    background:
        #ffffff;

    border:
        0;

    overflow:
        hidden;
}


/* ============================================================
   OFFERING IMAGE WRAPPER
   ============================================================ */

.arc-home-offering-image-wrap {

    position:
        relative;

    width:
        100%;

    height:
        230px;

    overflow:
        hidden;

    background:
        #dce6ea;
}


/* ============================================================
   OFFERING IMAGE
   ============================================================ */

.arc-home-offering-image {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

    object-position:
        center center;

    transition:
        transform 0.45s ease;
}


/* ============================================================
   OFFERING IMAGE HOVER
   ============================================================ */

.arc-home-offering-card:hover
.arc-home-offering-image {

    transform:
        scale(1.025);
}


/* ============================================================
   OFFERING CONTENT
   ============================================================ */

.arc-home-offering-content {

    flex:
        1;

    min-height:
        325px;

    padding:
        17px 14px 22px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    background:
        #ffffff;
}


/* ============================================================
   OFFERING LABEL
   ============================================================ */

.arc-home-offering-label {

    margin:
        0 0 13px;

    color:
        #272727;

    font-size:
        13px;

    font-weight:
        400;

    line-height:
        1.25;

    text-transform:
        uppercase;
}


/* ============================================================
   OFFERING NAME
   ============================================================ */

.arc-home-offering-name {

    margin:
        0 0 12px;

    color:
        #080808;

    font-size:
        23px;

    font-weight:
        700;

    line-height:
        1.15;
}


/* ============================================================
   OFFERING INTRO
   ============================================================ */

.arc-home-offering-intro {

    margin:
        0 0 10px;

    color:
        #666666;

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.48;
}


/* ============================================================
   OFFERING DESCRIPTION
   ============================================================ */

.arc-home-offering-description {

    margin:
        0 0 5px;

    color:
        #666666;

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.45;
}


/* ============================================================
   OFFERING LIST
   ============================================================ */

.arc-home-offering-list {

    margin:
        0;

    padding:
        0 0 0 17px;

    color:
        #666666;

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.72;

    list-style-type:
        disc;
}


/* ============================================================
   OFFERING LIST ITEM
   ============================================================ */

.arc-home-offering-list li {

    padding-left:
        2px;
}


/* ============================================================
   OFFERING LINK
   ============================================================ */

.arc-home-offering-link {

    margin-top:
        auto;

    padding-top:
        12px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        37px;

    color:
        #27a6d2;

    font-size:
        15px;

    font-weight:
        700;

    line-height:
        1.2;

    transition:
        color 0.3s ease,
        gap 0.3s ease;
}


/* ============================================================
   OFFERING LINK ARROW
   ============================================================ */

.arc-home-offering-arrow {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #27a6d2;

    font-size:
        23px;

    font-weight:
        300;

    line-height:
        1;

    transition:
        transform 0.3s ease;
}


/* ============================================================
   OFFERING LINK HOVER
   ============================================================ */

.arc-home-offering-link:hover {

    color:
        #168bb5;

    gap:
        42px;
}

.arc-home-offering-link:hover
.arc-home-offering-arrow {

    transform:
        translateX(3px);
}

/* ============================================================
   HOME - WHY ARACION / PERFORMANCE SECTION
   ============================================================ */


/* ============================================================
   PERFORMANCE SECTION
   ============================================================ */

.arc-home-performance-section {

    width:
        100%;

    margin:
        0;

    padding:
        72px 0 78px;

    background:
        #ffffff;

    color:
        #10243d;
}


/* ============================================================
   PERFORMANCE CONTAINER
   ============================================================ */

.arc-home-performance-container {

    width:
        calc(100% - 108px);

    max-width:
        1400px;

    margin:
        0 auto;
}


/* ============================================================
   PERFORMANCE HEADING
   ============================================================ */

.arc-home-performance-heading {

    width:
        100%;

    margin:
        0 0 47px;

    text-align:
        center;
}


/* ============================================================
   PERFORMANCE EYEBROW
   ============================================================ */

.arc-home-performance-eyebrow {

    margin:
        0 0 17px;

    color:
        #1e2022;

    font-size:
        14px;

    font-weight:
        500;

    line-height:
        1.2;

    letter-spacing:
        0.04em;

    text-transform:
        uppercase;
}


/* ============================================================
   PERFORMANCE MAIN TITLE
   ============================================================ */

.arc-home-performance-title {

    margin:
        0;

    color:
        #2ca6d2;

    font-size:
        38px;

    font-weight:
        700;

    line-height:
        1.12;

    letter-spacing:
        -0.025em;

    text-transform:
        uppercase;
}


/* ============================================================
   PERFORMANCE MAIN LAYOUT
   ============================================================ */

.arc-home-performance-layout {

    width:
        100%;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    column-gap:
        38px;

    align-items:
        start;
}


/* ============================================================
   PERFORMANCE LEFT COLUMN
   ============================================================ */

.arc-home-performance-left {

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;
}


/* ============================================================
   PERFORMANCE COPY
   ============================================================ */

.arc-home-performance-copy {

    width:
        100%;

    margin:
        0 0 26px;
}


/* ============================================================
   PERFORMANCE PARAGRAPH
   ============================================================ */

.arc-home-performance-paragraph {

    margin:
        0 0 22px;

    color:
        #747474;

    font-size:
        15px;

    font-weight:
        400;

    line-height:
        1.55;
}

.arc-home-performance-paragraph:last-child {

    margin-bottom:
        0;
}


/* ============================================================
   PERFORMANCE IMAGE WRAPPER
   ============================================================ */

.arc-home-performance-image-wrap {

    position:
        relative;

    width:
        100%;

    height:
        310px;

    overflow:
        hidden;

    background:
        #dce7ed;
}


/* ============================================================
   PERFORMANCE IMAGE
   ============================================================ */

.arc-home-performance-image {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

    object-position:
        center center;

    transition:
        transform 0.45s ease;
}


/* ============================================================
   PERFORMANCE IMAGE HOVER
   ============================================================ */

.arc-home-performance-image-wrap:hover
.arc-home-performance-image {

    transform:
        scale(1.02);
}


/* ============================================================
   PERFORMANCE CTA AREA
   ============================================================ */

.arc-home-performance-action {

    margin:
        20px 0 0;
}


/* ============================================================
   PERFORMANCE CTA BUTTON
   ============================================================ */

.arc-home-performance-button {

    min-height:
        44px;

    padding:
        10px 15px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        #39aee0;

    background:
        #ffffff;

    color:
        #243b55;

    font-size:
        15px;

    font-weight:
        400;

    line-height:
        1.2;

    text-decoration:
        none;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}


/* ============================================================
   PERFORMANCE CTA HOVER
   ============================================================ */

.arc-home-performance-button:hover {

    border-color:
        #229bc9;

    background:
        #229bc9;

    color:
        #ffffff;
}


/* ============================================================
   PROOF GRID
   ============================================================ */

.arc-home-performance-proof-grid {

    min-width:
        0;

    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        22px 14px;
}


/* ============================================================
   PROOF CARD
   ============================================================ */

.arc-home-performance-proof-card {

    min-width:
        0;

    min-height:
        228px;

    padding:
        18px 17px 20px;

    border-top:
        4px solid
        #08233d;

    background:
        #ffffff;

    box-shadow:
        0 2px 7px
        rgba(0, 0, 0, 0.20);

    display:
        flex;

    flex-direction:
        column;
}


/* ============================================================
   PROOF NUMBER
   ============================================================ */

.arc-home-performance-proof-number {

    margin:
        0 0 12px;

    color:
        #36a9d5;

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.2;
}


/* ============================================================
   PROOF TITLE
   ============================================================ */

.arc-home-performance-proof-title {

    margin:
        0 0 10px;

    color:
        #10243d;

    font-size:
        23px;

    font-weight:
        700;

    line-height:
        1.16;

    letter-spacing:
        -0.02em;
}


/* ============================================================
   PROOF DESCRIPTION
   ============================================================ */

.arc-home-performance-proof-text {

    margin:
        0;

    color:
        #777777;

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.45;
}

/* ============================================================
   HOME - ARACION IN NUMBERS
   ============================================================ */


/* ============================================================
   NUMBERS SECTION
   ============================================================ */

.arc-home-numbers-section {

    width: 100%;

    margin: 0;

    padding: 0;

    background: #ffffff;

    color: #10243d;
}


/* ============================================================
   NUMBERS HEADING CONTAINER
   ============================================================ */

.arc-home-numbers-container {

    width: calc(100% - 108px);

    max-width: 1400px;

    margin: 0 auto;
}


/* ============================================================
   NUMBERS HEADING
   ============================================================ */

.arc-home-numbers-heading {

    width: 100%;

    padding: 0px 0 54px;

    text-align: center;
}


/* ============================================================
   NUMBERS TITLE
   ============================================================ */

.arc-home-numbers-title {

    margin: 0;

    color: #2ca6d2;

    font-size: 38px;

    font-weight: 700;

    line-height: 1.15;

    letter-spacing: -0.025em;

    text-transform: uppercase;
}


/* ============================================================
   NUMBERS STRIP
   ============================================================ */

.arc-home-numbers-strip {

    width: 100%;

    padding: 20px 0 22px;

    margin-bottom: 80px;

    background: #f7f7f7;

    box-shadow:
        0 5px 16px
        rgba(0, 0, 0, 0.08);
}


/* ============================================================
   NUMBERS ITEMS CONTAINER
   ============================================================ */

.arc-home-numbers-items {

    width: calc(100% - 108px);

    max-width: 1400px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));
}


/* ============================================================
   NUMBER ITEM
   ============================================================ */

.arc-home-numbers-item {

    min-width: 0;

    min-height: 64px;

    padding: 0 20px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    border-right:
        1px solid
        #2ca6d2;
}


/* ============================================================
   REMOVE LAST DIVIDER
   ============================================================ */

.arc-home-numbers-item:last-child {

    border-right: none;
}


/* ============================================================
   NUMBER VALUE
   ============================================================ */

.arc-home-numbers-value {

    margin: 0 0 7px;

    color: #2ca6d2;

    font-size: 34px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: -0.025em;

    white-space: nowrap;
}


/* ============================================================
   WIDE NUMBER
   ============================================================ */

.arc-home-numbers-value-wide {

    font-size: 25px;

    letter-spacing: -0.02em;
}


/* ============================================================
   NUMBER LABEL
   ============================================================ */

.arc-home-numbers-label {

    color: #172d46;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.25;

    white-space: nowrap;
}



/* ============================================================
   HOME - INDUSTRIES WE SERVE
   ============================================================ */


/* ============================================================
   INDUSTRIES SECTION
   ============================================================ */

.arc-home-industries-section {

    width: 100%;

    margin: 0;

    padding: 58px 0 54px;

    background: #edf5f8;

    color: #10243d;
}


/* ============================================================
   INDUSTRIES CONTAINER
   ============================================================ */

.arc-home-industries-container {

    width: calc(100% - 96px);

    max-width: 1400px;

    margin: 0 auto;
}


/* ============================================================
   INDUSTRIES HEADING
   ============================================================ */

.arc-home-industries-heading {

    width: 100%;

    margin: 0 0 27px;

    text-align: center;
}


/* ============================================================
   INDUSTRIES TITLE
   ============================================================ */

.arc-home-industries-title {

    margin: 0 0 27px;

    color: #2ca6d2;

    font-size: 38px;

    font-weight: 700;

    line-height: 1.15;

    letter-spacing: -0.025em;

    text-transform: uppercase;
}


/* ============================================================
   INDUSTRIES DESCRIPTION
   ============================================================ */

.arc-home-industries-description {

    margin: 0;

    color: #777777;

    font-size: 19px;

    font-weight: 400;

    line-height: 1.45;
}


/* ============================================================
   INDUSTRY BUTTON LIST
   ============================================================ */

.arc-home-industries-list {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    gap: 17px 12px;
}


/* ============================================================
   INDUSTRY BUTTON
   ============================================================ */

.arc-home-industries-button {

    min-height: 44px;

    padding: 10px 14px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        #8999a8;

    background:
        rgba(255, 255, 255, 0.2);

    color: #203b57;

    font-size: 15px;

    font-weight: 500;

    line-height: 1.2;

    text-decoration: none;

    white-space: nowrap;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}


/* ============================================================
   INDUSTRY BUTTON HOVER
   ============================================================ */

.arc-home-industries-button:hover {

    border-color: #2ca6d2;

    background: #2ca6d2;

    color: #ffffff;
}



/* ============================================================
   HOME - LET'S BUILD WHAT'S NEXT
   ============================================================ */


/* ============================================================
   NEXT SECTION
   ============================================================ */

.arc-home-next-section {

    width: 100%;

    margin: 0;

    padding: 43px 0 45px;

    background: #061d37;

    color: #ffffff;
}


/* ============================================================
   NEXT CONTAINER
   ============================================================ */

.arc-home-next-container {

    width: calc(100% - 128px);

    max-width: 1400px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 50px;
}


/* ============================================================
   NEXT CONTENT
   ============================================================ */

.arc-home-next-content {

    min-width: 0;

    flex: 1;
}


/* ============================================================
   NEXT EYEBROW
   ============================================================ */

.arc-home-next-eyebrow {

    margin: 0 0 20px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 500;

    line-height: 1.2;

    letter-spacing: 0.03em;

    text-transform: uppercase;
}


/* ============================================================
   NEXT TITLE
   ============================================================ */

.arc-home-next-title {

    margin: 0 0 11px;

    color: #ffffff;

    font-size: 38px;

    font-weight: 700;

    line-height: 1.12;

    letter-spacing: -0.025em;

    text-transform: uppercase;
}


/* ============================================================
   NEXT DESCRIPTION
   ============================================================ */

.arc-home-next-description {

    max-width: 780px;

    margin: 0;

    color: #ffffff;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.5;
}


/* ============================================================
   NEXT ACTIONS
   ============================================================ */

.arc-home-next-actions {

    flex-shrink: 0;

    display: flex;

    align-items: center;

    gap: 12px;
}


/* ============================================================
   NEXT PRIMARY BUTTON
   ============================================================ */

.arc-home-next-primary-button {

    min-width: 133px;

    min-height: 46px;

    padding: 11px 22px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #2ca6d2;

    background: #2ca6d2;

    color: #ffffff;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.2;

    text-decoration: none;

    transition:
        background 0.25s ease,
        border-color 0.25s ease;
}


/* ============================================================
   NEXT PRIMARY HOVER
   ============================================================ */

.arc-home-next-primary-button:hover {

    border-color: #48b9df;

    background: #48b9df;
}


/* ============================================================
   NEXT SECONDARY BUTTON
   ============================================================ */

.arc-home-next-secondary-button {

    min-width: 172px;

    min-height: 46px;

    padding: 11px 22px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #2ca6d2;

    background: transparent;

    color: #ffffff;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.2;

    text-decoration: none;

    transition:
        background 0.25s ease,
        color 0.25s ease;
}


/* ============================================================
   NEXT SECONDARY HOVER
   ============================================================ */

.arc-home-next-secondary-button:hover {

    background: #2ca6d2;

    color: #ffffff;
}


/* ============================================================
   SHARED FOOTER
   ============================================================ */


/* ============================================================
   FOOTER MAIN
   ============================================================ */

.arc-shared-footer {

    width: 100%;

    margin: 0;

    padding: 42px 0 28px;

    background: #ffffff;

    color: #172d46;

    border-top:
        1px solid
        #e6e6e6;
}


/* ============================================================
   FOOTER CONTAINER
   ============================================================ */

.arc-shared-footer-container {

    width: calc(100% - 128px);

    max-width: 1400px;

    margin: 0 auto;
}


/* ============================================================
   FOOTER MAIN GRID
   ============================================================ */

.arc-shared-footer-main {

    width: 100%;

    display: grid;

    grid-template-columns:
        2.15fr
        0.8fr
        0.8fr
        0.8fr
        0.95fr;

    column-gap: 55px;

    align-items: start;
}


/* ============================================================
   FOOTER BRAND
   ============================================================ */

.arc-shared-footer-brand {

    min-width: 0;
}


/* ============================================================
   FOOTER LOGO LINK
   ============================================================ */

.arc-shared-footer-logo-link {

    display: inline-flex;

    align-items: center;

    text-decoration: none;

    margin: 0 0 13px;
}


/* ============================================================
   FOOTER LOGO
   ============================================================ */

.arc-shared-footer-logo {

    width: 190px;

    height: auto;

    display: block;

    object-fit: contain;
}


/* ============================================================
   FOOTER DESCRIPTION
   ============================================================ */

.arc-shared-footer-description {

    max-width: 370px;

    margin: 0 0 17px;

    color: #858585;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.48;
}


/* ============================================================
   FOOTER TAGLINE
   ============================================================ */

.arc-shared-footer-tagline {

    margin: 0;

    color: #2ca6d2;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.3;
}


/* ============================================================
   FOOTER COLUMN
   ============================================================ */

.arc-shared-footer-column {

    min-width: 0;
}


/* ============================================================
   FOOTER COLUMN HEADING
   ============================================================ */

.arc-shared-footer-heading {

    margin: 0 0 10px;

    color: #2ca6d2;

    font-size: 19px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: -0.01em;
}


/* ============================================================
   FOOTER LINKS LIST
   ============================================================ */

.arc-shared-footer-links {

    margin: 0;

    padding: 0;

    list-style: none;
}


/* ============================================================
   FOOTER LINK ITEM
   ============================================================ */

.arc-shared-footer-links li {

    margin: 0 0 8px;

    padding: 0;
}


/* ============================================================
   FOOTER LINK
   ============================================================ */

.arc-shared-footer-links a {

    display: inline-block;

    color: #111111;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.3;

    text-decoration: none;

    transition:
        color 0.25s ease;
}


/* ============================================================
   FOOTER LINK HOVER
   ============================================================ */

.arc-shared-footer-links a:hover {

    color: #2ca6d2;
}


/* ============================================================
   FOOTER DIVIDER
   ============================================================ */

.arc-shared-footer-divider {

    width: 100%;

    height: 2px;

    margin: 47px 0 21px;

    background: #54b8e3;
}


/* ============================================================
   FOOTER BOTTOM
   ============================================================ */

.arc-shared-footer-bottom {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;
}


/* ============================================================
   FOOTER BOTTOM LEFT
   ============================================================ */

.arc-shared-footer-bottom-left {

    margin: 0;

    color: #111111;

    font-size: 12px;

    font-weight: 400;

    line-height: 1.4;
}


/* ============================================================
   FOOTER BOTTOM RIGHT
   ============================================================ */

.arc-shared-footer-bottom-right {

    margin: 0;

    color: #111111;

    font-size: 12px;

    font-weight: 400;

    line-height: 1.4;

    text-align: right;

    white-space: nowrap;
}


/* About Us page */

/* =========================================================
   ABOUT US - INTRODUCTION SECTION
   ========================================================= */

.about-intro-section {
    width: 100%;
    background: #ffffff;
    padding: 56px 0 48px;
    box-sizing: border-box;
}

.about-intro-container {
    width: 100%;
    max-width: 1430px;
    margin: 0 auto;
    padding: 0 60px;
    box-sizing: border-box;

    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(420px, 1fr);
    column-gap: 80px;
    align-items: center;
}

.about-intro-content {
    width: 100%;
    max-width: 900px;
}

.about-intro-eyebrow {
    display: block;
    margin-bottom: 24px;

    color: #111111;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0;
}

.about-intro-title {
    margin: 0 0 32px;

    color: #2ea4d0;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.2px;
    text-transform: uppercase;
}

.about-intro-text {
    width: 100%;
}

.about-intro-text p {
    margin: 0 0 20px;

    color: #111111;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42;
}

.about-intro-text p:last-child {
    margin-bottom: 0;
}

.about-intro-image-wrapper {
    width: 100%;
    overflow: hidden;
}

.about-intro-image {
    display: block;
    width: 100%;
    height: 503px;

    object-fit: cover;
    object-position: center;

    margin: 0;
}


/* =========================================================
   ABOUT US - THREE CONNECTED OFFERINGS
   ========================================================= */

.about-offerings-section {
    width: 100%;
    background: #f2f7f9;
    padding: 62px 0 70px;
    box-sizing: border-box;
}

.about-offerings-container {
    width: min(100% - 90px, 1540px);
    margin: 0 auto;
    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.about-offerings-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 48px;
}

.about-offerings-eyebrow {
    display: block;
    margin-bottom: 22px;

    color: #111111;

    font-size: 19px;
    font-weight: 400;
    line-height: 1.2;

    letter-spacing: 0;
}

.about-offerings-title {
    margin: 0;

    color: #2da2d0;

    font-size: 38px;
    font-weight: 700;
    line-height: 1.12;

    letter-spacing: -1.2px;
}


/* =========================================================
   OFFERING GRID
   ========================================================= */

.about-offerings-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 40px;

    width: 100%;
    align-items: stretch;
}


/* =========================================================
   OFFERING CARD
   ========================================================= */

.about-offering-card {
    position: relative;

    width: 100%;
    min-width: 0;

    background: #ffffff;

    border-top: 8px solid #09213b;

    box-sizing: border-box;

    min-height: 265px;

    display: flex;
}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.about-offering-card-content {
    width: 100%;

    padding: 34px 48px 32px;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;

    align-items: flex-start;
}


/* =========================================================
   CARD TITLE
   ========================================================= */

.about-offering-card-title {
    margin: 0 0 20px;

    color: #050505;

    font-size: 19px;
    font-weight: 700;
    line-height: 1.15;

    letter-spacing: -0.5px;
}


/* =========================================================
   CARD SUBTITLE
   ========================================================= */

.about-offering-card-subtitle {
    margin: 0 0 17px;

    color: #555555;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}


/* =========================================================
   CARD DESCRIPTION
   ========================================================= */

.about-offering-card-description {
    margin: 0;

    color: #555555;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;

    max-width: 100%;
}


/* =========================================================
   CARD LINK
   ========================================================= */

.about-offering-card-link {
    display: inline-flex;
    align-items: center;

    gap: 15px;

    margin-top: auto;
    padding-top: 28px;

    color: #2da2d0;

    font-size: 17px;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;

    transition:
        color 0.25s ease,
        gap 0.25s ease;
}

.about-offering-card-link:hover {
    color: #168bb9;
    gap: 20px;
}


/* =========================================================
   CARD ARROW
   ========================================================= */

.about-offering-arrow {
    display: inline-block;

    font-size: 28px;
    font-weight: 300;

    line-height: 0.7;

    transform: translateY(-1px);

    transition: transform 0.25s ease;
}

.about-offering-card-link:hover .about-offering-arrow {
    transform: translate(4px, -1px);
}


/* =========================================================
   ABOUT US - VISION AND MISSION
   ========================================================= */

.about-vision-mission-section {
    width: 100%;
    background: #ffffff;
    padding: 58px 0 66px;
    box-sizing: border-box;
}

.about-vision-mission-container {
    width: min(100% - 90px, 1225px);
    margin: 0 auto;
    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.about-vision-mission-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 34px;
}

.about-vision-mission-title {
    margin: 0;

    color: #2da2d0;

    font-size: 38px;
    font-weight: 700;
    line-height: 1.12;

    letter-spacing: -1px;
}


/* =========================================================
   VISION / MISSION GRID
   ========================================================= */

.about-vision-mission-grid {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 40px;

    align-items: stretch;
}


/* =========================================================
   CARDS
   ========================================================= */

.about-vision-mission-card {
    width: 100%;
    min-width: 0;

    background: #ffffff;

    border-top: 8px solid #09213b;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;

    box-sizing: border-box;

    min-height: 253px;
}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.about-vision-mission-card-content {
    width: 100%;

    padding: 25px 30px 29px;

    box-sizing: border-box;
}


/* =========================================================
   CARD LABEL
   ========================================================= */

.about-vision-mission-label {
    display: block;

    margin: 0 0 17px;

    color: #151515;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
}


/* =========================================================
   CARD TITLE
   ========================================================= */

.about-vision-mission-card-title {
    margin: 0 0 16px;

    color: #050505;

    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;

    letter-spacing: -0.5px;
}


/* =========================================================
   CARD TEXT
   ========================================================= */

.about-vision-mission-card-text {
    margin: 0;

    color: #606060;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.42;
}


/* =========================================================
   ABOUT US - OUR JOURNEY TIMELINE
   ========================================================= */

.about-journey-section {
    width: 100%;
    background: #f4f7f8;
    padding: 46px 0 0;
    box-sizing: border-box;
}

.about-journey-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 48px;
    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.about-journey-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 38px;
}

.about-journey-eyebrow {
    display: block;
    margin-bottom: 16px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.2;

    color: #111111;
}

.about-journey-title {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.08;

    color: #2da1cf;
    text-transform: uppercase;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.about-journey-timeline {
    width: 100%;
    border-top: 2px solid #d7dadd;
}


/* =========================================================
   TIMELINE ROW
   ========================================================= */

.about-journey-row {
    display: grid;

    grid-template-columns:
        19% 
        27% 
        54%;

    width: 100%;
    min-height: 81px;

    border-bottom: 2px solid #d7dadd;

    align-items: center;

    box-sizing: border-box;
}


/* =========================================================
   YEAR
   ========================================================= */

.about-journey-year {
    padding: 17px 18px 17px 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;

    color: #111111;
    white-space: nowrap;

    box-sizing: border-box;
}


/* =========================================================
   EVENT TITLE
   ========================================================= */

.about-journey-event {
    padding: 17px 24px 17px 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;

    color: #111111;

    box-sizing: border-box;
}


/* =========================================================
   EVENT NOTE
   ========================================================= */

.about-journey-event-note {
    display: block;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;

    color: #111111;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.about-journey-description {
    padding: 17px 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.35;

    color: #666666;

    box-sizing: border-box;
}


/* =========================================================
   LAST ROW
   ========================================================= */

.about-journey-row-last {
    border-bottom: none;
}


/* =========================================================
   GENERAL BOX SIZING
   ========================================================= */

.about-journey-section *,
.about-journey-section *::before,
.about-journey-section *::after {
    box-sizing: border-box;
}


/* =========================================================
   ABOUT US - FROM BARE SHIELD TO HANDOVER
   ========================================================= */

.about-facility-journey-section {
    width: 100%;
    background: #ffffff;
    padding: 62px 0 60px;
    box-sizing: border-box;
}

.about-facility-journey-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 48px;
    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.about-facility-journey-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.about-facility-journey-eyebrow {
    display: block;

    margin: 0 0 22px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.2;

    color: #111111;
    text-transform: uppercase;
}

.about-facility-journey-title {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.1;

    color: #2da1cf;
    text-transform: uppercase;
}


/* =========================================================
   IMAGE GALLERY
   ========================================================= */

.about-facility-journey-gallery {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 26px;

    width: 100%;
}


/* =========================================================
   IMAGE WRAPPER
   ========================================================= */

.about-facility-journey-image {
    width: 100%;
    height: 395px;

    overflow: hidden;

    background: #edf2f4;
}


/* =========================================================
   IMAGES
   ========================================================= */

.about-facility-journey-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.35s ease;
}


/* =========================================================
   OPTIONAL IMAGE HOVER
   ========================================================= */

.about-facility-journey-image:hover img {
    transform: scale(1.02);
}


/* =========================================================
   BOX SIZING
   ========================================================= */

.about-facility-journey-section *,
.about-facility-journey-section *::before,
.about-facility-journey-section *::after {
    box-sizing: border-box;
}


/* =========================================================
   ARACION LEADERSHIP SECTION
   ========================================================= */

.aracion-leadership-section {
    width: 100%;
    padding: 70px 5.5% 85px;
    background: #ffffff;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   SECTION HEADING
   --------------------------------------------------------- */

.aracion-leadership-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 55px;
}

.aracion-leadership-eyebrow {
    display: block;
    margin-bottom: 20px;
    color: #111111;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
}

.aracion-leadership-title {
    margin: 0;
    color: #2da1d0;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -1.2px;
}


/* ---------------------------------------------------------
   LEADERSHIP GRID
   --------------------------------------------------------- */

.aracion-leadership-grid {
    width: 100%;
    max-width: 1365px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   LEADERSHIP CARD
   --------------------------------------------------------- */

.aracion-leadership-card {
    min-width: 0;
    background: #ffffff;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   IMAGE
   --------------------------------------------------------- */

.aracion-leadership-image-wrap {
    width: 100%;
    height: 310px;
    overflow: hidden;
    background: #eeeeee;
}

.aracion-leadership-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}


/* ---------------------------------------------------------
   CARD INFORMATION
   --------------------------------------------------------- */

.aracion-leadership-info {
    padding-top: 20px;
    box-sizing: border-box;
}

.aracion-leadership-name {
    margin: 0 0 8px;

    color: #0a0a0a;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
}

.aracion-leadership-role {
    margin: 0;

    color: #2da1d0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}


/* ---------------------------------------------------------
   LINKEDIN
   --------------------------------------------------------- */

.aracion-leadership-linkedin {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 8px;

    width: 28px;
    height: 28px;

    color: #2da1d0;
    text-decoration: none;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;

    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.aracion-leadership-linkedin:hover {
    color: #168bb8;
    transform: translateY(-2px);
}


/* =========================================================
   WHY ORGANISATIONS CHOOSE ARACION
   ========================================================= */

.aracion-whychoose-section {
    width: 100%;
    padding: 70px 8% 80px;
    background: #f3f8fa;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   HEADING
   --------------------------------------------------------- */

.aracion-whychoose-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 70px;
}

.aracion-whychoose-title {
    margin: 0;

    color: #2da1d0;

    font-size: 38px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1px;
}


/* ---------------------------------------------------------
   CARD GRID
   --------------------------------------------------------- */

.aracion-whychoose-grid {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    column-gap: 27px;
    row-gap: 34px;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   CARD
   --------------------------------------------------------- */

.aracion-whychoose-card {
    min-height: 200px;

    padding: 32px 34px;

    background: #ffffff;
    border-top: 8px solid #09223b;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   CARD TITLE
   --------------------------------------------------------- */

.aracion-whychoose-card-title {
    margin: 0 0 14px;

    color: #0a0a0a;

    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.5px;
}


/* ---------------------------------------------------------
   CARD TEXT
   --------------------------------------------------------- */

.aracion-whychoose-card-text {
    margin: 0;

    max-width: 390px;

    color: #5f5f5f;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}


/* =========================================================
   GLOBAL LOCATIONS SECTION
   ========================================================= */

.aracion-globallocations-section {
    width: 100%;
    padding: 78px 5.5% 85px;
    background: #ffffff;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   HEADING
   --------------------------------------------------------- */

.aracion-globallocations-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 43px;
}

.aracion-globallocations-eyebrow {
    display: block;
    margin-bottom: 18px;

    color: #111111;

    font-size: 19px;
    font-weight: 400;
    line-height: 1.2;
}

.aracion-globallocations-title {
    margin: 0;

    color: #2da1d0;

    font-size: 38px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1px;
}


/* ---------------------------------------------------------
   LOCATIONS GRID
   --------------------------------------------------------- */

.aracion-globallocations-grid {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    column-gap: 38px;
    row-gap: 0;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   LOCATION CARD
   --------------------------------------------------------- */

.aracion-globallocations-card {
    min-width: 0;

    padding: 22px 2px 28px;

    border-top: 2px solid #171717;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   LOCATION NAME
   --------------------------------------------------------- */

.aracion-globallocations-name {
    margin: 0 0 13px;

    color: #0a0a0a;

    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.5px;
}


/* ---------------------------------------------------------
   LOCATION DESCRIPTION
   --------------------------------------------------------- */

.aracion-globallocations-description {
    margin: 0;

    max-width: 470px;

    color: #5e5e5e;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}


/* EMI & EMC Testing page */

/* =========================================================
   EMI & EMC TESTING - OVERVIEW
   ========================================================= */

.emc-overview-section {
    width: 100%;
    background: #ffffff;
    padding: 48px 30px 68px;
    box-sizing: border-box;
}

.emc-overview-container {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    text-align: center;
}

.emc-overview-title {
    margin: 0 0 24px;
    color: #2fa0cf;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.emc-overview-content {
    max-width: 980px;
    margin: 0 auto;
}

.emc-overview-content p {
    margin: 0 auto 22px;
    color: #111111;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
}

.emc-overview-content p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   EMI & EMC TESTING
   GALLERY & CAPABILITIES
   ========================================================= */

.emc-gallery-capabilities {
    width: 100%;
    background: #f3f7f8;
    box-sizing: border-box;
}


/* =========================================================
   GALLERY
   ========================================================= */

.emc-gallery-wrapper {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 48px 30px 0;
    box-sizing: border-box;
    text-align: center;
}

.emc-gallery-label {
    margin-bottom: 24px;
    color: #111111;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
}

.emc-gallery-title {
    margin: 0 0 46px;
    color: #2fa0cf;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.emc-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
}

.emc-gallery-item {
    width: 100%;
    height: 360px;
    overflow: hidden;
}

.emc-gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================================
   CAPABILITIES
   ========================================================= */

.emc-capabilities-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 62px 30px 70px;
    box-sizing: border-box;
}

.emc-capabilities-title {
    margin: 0 0 46px;
    color: #2fa0cf;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1.5px;
    text-align: center;
}

.emc-capabilities-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 100px;
    align-items: start;
}

.emc-capability-column {
    width: 100%;
}

.emc-capability-heading {
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 2px solid #0a223b;
    color: #111111;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 700;
}

.emc-capability-list {
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.emc-capability-list li {
    position: relative;
    margin-bottom: 14px;
    padding-left: 14px;
    color: #5c5c5c;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
}

.emc-capability-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #5c5c5c;
}

/* =========================================================
   SUPPORTED EMC STANDARDS
   ========================================================= */

.emc-standards-section {
    width: 100%;
    background: #ffffff;
    padding: 60px 5.7% 55px;
    box-sizing: border-box;
}

.emc-standards-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.emc-standards-title {
    margin: 0 0 45px;
    text-align: center;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
    font-family: Arial, Helvetica, sans-serif;
}

.emc-standards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10.5%;
    align-items: start;
}

.emc-standards-column {
    width: 100%;
}

.emc-standards-heading {
    margin: 0;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 700;
    color: #080808;
    font-family: Arial, Helvetica, sans-serif;
}

.emc-standards-line {
    width: 100%;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 18px;
    background: #10263f;
}

.emc-standards-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.emc-standards-list li {
    position: relative;
    margin: 0 0 17px;
    padding-left: 17px;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 400;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}

.emc-standards-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #666666;
}

/* Environmental page */

/* =========================================================
   ENVIRONMENTAL TESTING - OVERVIEW
========================================================= */

.environmental-overview-section {
    width: 100%;
    background: #ffffff;
    padding: 55px 20px 60px;
    box-sizing: border-box;
}

.environmental-overview-container {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.environmental-overview-title {
    margin: 0 0 28px;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2b9dcc;
}

.environmental-overview-content {
    max-width: 1000px;
    margin: 0 auto;
}

.environmental-overview-content p {
    margin: 0 auto 24px;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 400;
    color: #222222;
}

.environmental-overview-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   EMI & EMC TESTING
   GALLERY & CAPABILITIES
   ========================================================= */

.environmental-gallery-capabilities {
    width: 100%;
    background: #f3f7f8;
    box-sizing: border-box;
}


/* =========================================================
   GALLERY
   ========================================================= */

.environmental-gallery-wrapper {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 48px 30px 0;
    box-sizing: border-box;
    text-align: center;
}

.environmental-gallery-label {
    margin-bottom: 24px;
    color: #111111;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
}

.environmental-gallery-title {
    margin: 0 0 46px;
    color: #2fa0cf;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.environmental-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
}

.environmental-gallery-item {
    width: 100%;
    height: 360px;
    overflow: hidden;
}

.environmental-gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================================
   CAPABILITIES
   ========================================================= */

.environmental-capabilities-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 62px 30px 70px;
    box-sizing: border-box;
}

.environmental-capabilities-title {
    margin: 0 0 46px;
    color: #2fa0cf;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1.5px;
    text-align: center;
}

.environmental-capabilities-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 100px;
    align-items: start;
}

.environmental-capability-column {
    width: 100%;
}

.environmental-capability-heading {
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 2px solid #0a223b;
    color: #111111;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 700;
}

.environmental-capability-list {
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.environmental-capability-list li {
    position: relative;
    margin-bottom: 14px;
    padding-left: 14px;
    color: #5c5c5c;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
}

.environmental-capability-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #5c5c5c;
}

/* =========================================================
   SUPPORTED STANDARDS
   ========================================================= */

.supported-standards-section {
    width: 100%;
    background: #ffffff;
    padding: 55px 5.7% 65px;
    box-sizing: border-box;
}

.supported-standards-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.supported-standards-title {
    margin: 0 0 38px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #2d9dcc;
}

.supported-standards-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: nowrap;
}

.supported-standard-item {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 55px;
    padding: 0 17px;

    box-sizing: border-box;
    border: 1px solid #718094;
    background: #ffffff;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    color: #243b56;

    white-space: nowrap;
}

/* Cellular Device page */

/* =========================================================
   RF TESTING OVERVIEW
   ========================================================= */

.rf-testing-overview-section {
    width: 100%;
    background: #ffffff;
    padding: 55px 5.7% 60px;
    box-sizing: border-box;
}

.rf-testing-overview-container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}

.rf-testing-overview-title {
    margin: 0 0 25px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #2d9dcc;
}

.rf-testing-overview-content {
    width: 100%;
    text-align: center;
}

.rf-testing-overview-content p {
    margin: 0 0 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 400;
    color: #111111;
}

.rf-testing-overview-content p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   DEVICE TEST BENCH
   ========================================================= */

.device-bench-section {
    width: 100%;
    background: #f3f6f7;
    padding: 55px 5.7% 60px;
    box-sizing: border-box;
}

.device-bench-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.device-bench-label {
    margin: 0 0 8px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 400;
    color: #111111;
}

.device-bench-title {
    margin: 0 0 32px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #2d9dcc;
}

/* =========================================================
   GALLERY
   ========================================================= */

.device-bench-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    width: 100%;
}

.device-bench-image {
    width: 100%;
    height: 420px;
    overflow: hidden;
}

.device-bench-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =========================================================
   CAPABILITIES
   ========================================================= */

.device-capabilities-title {
    margin: 45px 0 28px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #2d9dcc;
}

.device-capabilities-grid {
    display: grid;
    grid-template-columns: 1.15fr 1fr 1fr 1fr;
    column-gap: 45px;
    align-items: start;
}

.device-capability-column {
    width: 100%;
}

.device-capability-heading {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 700;
    color: #111111;
}

.device-capability-line {
    width: 100%;
    height: 2px;
    margin-top: 8px;
    margin-bottom: 12px;
    background: #10263f;
}

.device-capability-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.device-capability-list li {
    position: relative;
    margin: 0 0 11px;
    padding-left: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    color: #666666;
}

.device-capability-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #666666;
}

/* =========================================================
   CELLULAR TESTING - SUPPORTED STANDARDS
   ========================================================= */

.cellular-standards-section {
    width: 100%;
    background: #ffffff;
    padding: 48px 40px 52px;
    text-align: center;
}

.cellular-standards-section h2 {
    margin: 0 0 28px;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}

.cellular-standards-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px 10px;
    max-width: 740px;
    margin: 0 auto;
}

.cellular-standard-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid #7c8b9b;
    background: #ffffff;
    color: #26384d;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    white-space: nowrap;
}

/* O-RAN Testing Page */

/* =========================================================
   CATR OTA TESTING - OVERVIEW
   ========================================================= */

.catr-overview-section {
    width: 100%;
    background: #ffffff;
    padding: 48px 40px 52px;
}

.catr-overview-container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    text-align: center;
}

.catr-overview-container h2 {
    margin: 0 0 26px;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}

.catr-overview-container p {
    max-width: 850px;
    margin: 0 auto 20px;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 400;
    color: #111111;
}

.catr-overview-highlight {
    max-width: 650px;
    margin: 26px auto 18px;
    padding: 9px 16px;
    background: #eef8fc;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 400;
    color: #111111;
}

.catr-overview-button {
    display: inline-block;
    margin-top: 0;
    padding: 8px 14px;
    border: 1px solid #8bc9e8;
    background: #ffffff;
    color: #111111;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.2s ease;
}

.catr-overview-button:hover {
    background: #eef8fc;
}

/* =========================================================
   CATR OTA TESTING
   GALLERY + CAPABILITIES
   ========================================================= */

.catr-gallery-capabilities {
    width: 100%;
    background: #f4f7f8;
}


/* =========================================================
   GALLERY
   ========================================================= */

.catr-gallery-section {
    width: 100%;
    max-width: 1390px;
    margin: 0 auto;
    padding: 38px 40px 48px;
    text-align: center;
}

.catr-section-label {
    display: block;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    color: #111111;
}

.catr-gallery-section h2 {
    margin: 0 0 34px;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}

.catr-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    width: 100%;
}

.catr-gallery-item {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.catr-gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================================
   CAPABILITIES
   ========================================================= */

.catr-capabilities-section {
    width: 100%;
    max-width: 1390px;
    margin: 0 auto;
    padding: 0 40px 52px;
}

.catr-capabilities-section > h2 {
    margin: 0 0 38px;
    text-align: center;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}

.catr-capabilities-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.8fr 1fr;
    gap: 70px;
    width: 100%;
}

.catr-capability-column {
    width: 100%;
}

.catr-capability-column h3 {
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #10243b;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 700;
    color: #111111;
}

.catr-capability-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.catr-capability-column li {
    position: relative;
    margin: 0 0 13px;
    padding-left: 13px;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 400;
    color: #555555;
}

.catr-capability-column li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #555555;
}

/* =========================================================
   CATR OTA TESTING - SUPPORTED STANDARDS
   ========================================================= */

.catr-standards-section {
    width: 100%;
    background: #ffffff;
    padding: 48px 40px 52px;
    text-align: center;
}

.catr-standards-section h2 {
    margin: 0 0 28px;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}

.catr-standards-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px 10px;
    max-width: 740px;
    margin: 0 auto;
}

.catr-standard-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid #7c8b9b;
    background: #ffffff;
    color: #26384d;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    white-space: nowrap;
}

/* =========================================================
   WIRELESS TESTING - OVERVIEW
   ========================================================= */

.wireless-overview-section {
    width: 100%;
    background: #ffffff;
    padding: 48px 40px 52px;
}

.wireless-overview-container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    text-align: center;
}

.wireless-overview-container h2 {
    margin: 0 0 26px;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}

.wireless-overview-container p {
    max-width: 850px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 400;
    color: #111111;
}

/* =========================================================
   WIRELESS
   GALLERY & CAPABILITIES
   ========================================================= */

.wireless-gallery-capabilities {
    width: 100%;
    background: #f3f7f8;
    box-sizing: border-box;
}


/* =========================================================
   GALLERY
   ========================================================= */

.wireless-gallery-wrapper {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 48px 30px 0;
    box-sizing: border-box;
    text-align: center;
}

.wireless-gallery-label {
    margin-bottom: 24px;
    color: #111111;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
}

.wireless-gallery-title {
    margin: 0 0 46px;
    color: #2fa0cf;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.wireless-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
}

.wireless-gallery-item {
    width: 100%;
    height: 360px;
    overflow: hidden;
}

.wireless-gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================================
   CAPABILITIES
   ========================================================= */

.wireless-capabilities-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 62px 30px 70px;
    box-sizing: border-box;
}

.wireless-capabilities-title {
    margin: 0 0 46px;
    color: #2fa0cf;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1.5px;
    text-align: center;
}

.wireless-capabilities-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 100px;
    align-items: start;
}

.wireless-capability-column {
    width: 100%;
}

.wireless-capability-heading {
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 2px solid #0a223b;
    color: #111111;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 700;
}

.wireless-capability-list {
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.wireless-capability-list li {
    position: relative;
    margin-bottom: 14px;
    padding-left: 14px;
    color: #5c5c5c;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
}

.wireless-capability-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #5c5c5c;
}

/* =========================================================
   SUPPORTED STANDARDS
   ========================================================= */

.wireless-standards-section {
    width: 100%;
    background: #ffffff;
    padding: 48px 0 55px;
}

.wireless-standards-container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

/* Section Heading */

.wireless-standards-title {
    margin: 0 0 38px;
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    color: #2d9dcc;
}

/* Standards */

.wireless-standards-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
}

.wireless-standard-item {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 36px;
    padding: 7px 16px;

    border: 1px solid #7d8b9b;
    background: #ffffff;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #24364d;

    white-space: nowrap;
    box-sizing: border-box;
}

/* Landing page */

/* =========================================================
   SERVICES SECTION
   ========================================================= */

.services-section {
    width: 100%;
    background: #ffffff;
    padding: 100px 0 70px;
}

.services-container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

/* -------------------------
   SECTION HEADER
   ------------------------- */

.services-header {
    text-align: center;
    margin-bottom: 44px;
}

.services-label {
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #111;
}

.services-title {
    max-width: 850px;
    margin: 0 auto 12px;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    color: #2d9dcc;
}

.services-intro {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #555;
}

/* -------------------------
   SERVICES GRID
   ------------------------- */

.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px 16px;
    width: 100%;
}

/* -------------------------
   SERVICE CARD
   ------------------------- */

.service-card {
    display: flex;
    flex-direction: column;

    min-height: 170px;
    padding: 22px 28px 18px;

    background: #ffffff;
    border: 1px solid #dddddd;
    border-top: 4px solid #14263b;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
}

/* Card heading */

.service-card-title {
    margin: 0 0 8px;

    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;

    color: #111;
}

/* Card content */

.service-card-description {
    margin: 0;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;

    color: #555;
}

/* View service */

.service-card-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    margin-top: auto;
    padding-top: 14px;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;

    color: #2d9dcc;
    text-decoration: none;

    transition: color 0.2s ease;
}

.service-card-link:hover {
    color: #14263b;
}

.service-card-link-arrow {
    font-size: 18px;
    line-height: 1;
}

/* =========================================================
   WHY ALVEX
   ========================================================= */

.why-alvex-section {
    width: 100%;
    background: #f4f7f8;
    padding: 48px 0 55px;
}

.why-alvex-container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

/* -------------------------
   SECTION TITLE
   ------------------------- */

.why-alvex-title {
    margin: 0 0 44px;

    text-align: center;

    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;

    color: #2d9dcc;
}

/* -------------------------
   CARDS GRID
   ------------------------- */

.why-alvex-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px 18px;

    width: 100%;
}

/* -------------------------
   CARD
   ------------------------- */

.why-alvex-card {
    min-height: 175px;

    padding: 20px 20px 18px;

    background: #ffffff;

    border: 1px solid #dddddd;
    border-top: 4px solid #14263b;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);

    box-sizing: border-box;
}

/* Card heading */

.why-alvex-card h3 {
    margin: 0 0 8px;

    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;

    color: #111111;
}

/* Card content */

.why-alvex-card p {
    margin: 0;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;

    color: #555555;
}

/* =========================================================
   INSIDE THE LABORATORY
========================================================= */

.facility-gallery-section {
    width: 100%;
    background: #ffffff;
    padding: 45px 0 70px;
}

.facility-gallery-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 60px;
    box-sizing: border-box;
    text-align: center;
}

.facility-gallery-label {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #111111;
    margin-bottom: 12px;
}

.facility-gallery-title {
    margin: 0 0 42px;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.15;
    color: #2d9dcc;
    text-align: center;
}

.facility-gallery-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    align-items: stretch;
}

.facility-gallery-item {
    width: 100%;
    aspect-ratio: 1.18 / 1;
    overflow: hidden;
}

.facility-gallery-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* contact us page */

/* =========================================================
   CONTACT - START THE CONVERSATION
   ========================================================= */

/* =========================================================
   CONTACT SECTION
   ========================================================= */

.contact-section {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 55px 0 80px;
    background: #ffffff;
    box-sizing: border-box;
}

/* =========================================================
   FULL WIDTH INNER AREA
   Same horizontal alignment as Offices section
   ========================================================= */

.contact-section-inner {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 82px;
    box-sizing: border-box;
}

/* =========================================================
   HEADING
   ========================================================= */

.contact-heading {
    width: 100%;
    text-align: center;
    margin: 0 0 48px;
}

.contact-label {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.2;
    color: #111111;
    font-weight: 400;
    text-transform: uppercase;
}

.contact-heading h2 {
    margin: 0 0 14px;
    font-size: 40px;
    line-height: 1.15;
    font-weight: 700;
    color: #2da0ce;
    text-transform: uppercase;
}

.contact-intro {
    max-width: 700px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.45;
    color: #111111;
}

/* =========================================================
   MAIN CONTACT LAYOUT
   ========================================================= */

.contact-layout {
    width: 100%;
    max-width: none;
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    column-gap: 16px;
    align-items: start;
    box-sizing: border-box;
}

/* =========================================================
   FORM
   ========================================================= */

.contact-form-area {
    width: 100%;
    min-width: 0;
}

.contact-form {
    width: 100%;
    margin: 0;
}

/* =========================================================
   FORM GRID
   ========================================================= */

.contact-form-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 22px;
    row-gap: 15px;
}

.contact-field {
    width: 100%;
    min-width: 0;
}

.contact-field label,
.contact-message-field label {
    display: block;
    margin: 0 0 9px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #111111;
}

.contact-field input {
    display: block;
    width: 100%;
    height: 44px;
    padding: 8px 10px;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    background: #ffffff;
    font-size: 16px;
    color: #111111;
    box-sizing: border-box;
    outline: none;
}

.contact-field input:focus {
    border-color: #2da0ce;
}

/* =========================================================
   MESSAGE
   ========================================================= */

.contact-message-field {
    width: 100%;
    margin-top: 15px;
}

.contact-message-field textarea {
    display: block;
    width: 100%;
    height: 126px;
    min-height: 126px;
    padding: 10px;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    background: #ffffff;
    resize: vertical;
    font-size: 16px;
    line-height: 1.4;
    color: #111111;
    box-sizing: border-box;
    outline: none;
}

.contact-message-field textarea:focus {
    border-color: #2da0ce;
}

/* =========================================================
   PRIVACY CHECKBOX
   ========================================================= */

.contact-privacy {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
}

.contact-privacy input {
    width: 20px;
    height: 20px;
    margin: 0;
    flex: 0 0 auto;
    cursor: pointer;
}

.contact-privacy label {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    color: #555555;
    cursor: pointer;
}

/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.contact-submit {
    display: inline-block;
    margin-top: 27px;
    padding: 11px 16px;
    border: 0;
    border-radius: 0;
    background: #4aaed8;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.2;
    cursor: pointer;
}

.contact-submit:hover {
    background: #329dca;
}

/* =========================================================
   DIRECT LINES
   ========================================================= */

.contact-direct-lines {
    width: 100%;
    min-height: 300px;
    padding: 25px 27px;
    background: #f7f7f7;
    border: 1px solid #d1d1d1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
}

.contact-direct-lines h3 {
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #111111;
}

.direct-line-item {
    margin: 0 0 20px;
}

.direct-line-item:last-child {
    margin-bottom: 0;
}

.direct-line-item a {
    display: block;
    margin: 0 0 3px;
    color: #269fd0;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.3;
}

.direct-line-item p {
    margin: 0;
    color: #111111;
    font-size: 15px;
    line-height: 1.35;
}

/* =========================================================
   OFFICES / GLOBAL PRESENCE
   ========================================================= */

.offices-section {
    width: 100%;
    background: #f4f5f6;
    padding: 48px 70px 55px;
    box-sizing: border-box;
}

.offices-section .section-label {
    margin: 0 0 18px;
    text-align: center;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
    color: #111;
}

.offices-section h2 {
    margin: 0 0 44px;
    text-align: center;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2c9dcc;
}

.offices-grid {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 17px 14px;
}

.office-card {
    position: relative;
    background: #ffffff;
    border-top: 6px solid #071c32;
    min-height: 201px;
    padding: 20px 20px 18px;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

.office-card h3 {
    margin: 0 0 10px;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
}

.office-card p {
    margin: 0 0 8px;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 400;
    color: #111;
}

.office-card .office-description {
    color: #666;
}

.office-card a {
    display: inline-block;
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 400;
    color: #43aedd;
    text-decoration: none;
}

.office-card a:hover {
    text-decoration: underline;
}

/* =========================================================
   ENGINEERING EXPERTISE
   ========================================================= */

.industries-section {
    width: 100%;
    background: #ffffff;
    padding: 58px 68px 66px;
    box-sizing: border-box;
}

.industries-section h2 {
    margin: 0 auto 42px;

    text-align: center;

    font-size: 38px;
    line-height: 1.1;
    font-weight: 700;

    color: #2c9dcc;
}

.industries-grid {
    width: 100%;
    max-width: none;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    column-gap: 16px;
    row-gap: 17px;
}

.industry-card {
    min-height: 139px;

    padding: 20px 20px 18px;

    box-sizing: border-box;

    background: #ffffff;

    border-top: 6px solid #071c32;

    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.14);
}

.industry-card h3 {
    margin: 0 0 10px;

    font-size: 19px;
    line-height: 1.2;
    font-weight: 700;

    color: #111111;
}

.industry-card p {
    margin: 0;

    font-size: 15px;
    line-height: 1.45;
    font-weight: 400;

    color: #555555;
}

/* OTA testing */

/* =========================================================
   ALVEX OVERVIEW + FACILITY SPECIFICATION
   ========================================================= */

.alvex-overview-spec-section {
    width: 100%;
    margin: 0;
    padding: 60px 0 0;
    background: #ffffff;
    box-sizing: border-box;
}


/* =========================================================
   OVERVIEW
   ========================================================= */

.alvex-overview-block {
    width: 100%;
    margin: 0;
    padding: 0 25px;
    box-sizing: border-box;
    text-align: center;
}

.alvex-overview-title {
    margin: 0 0 25px;
    padding: 0;
    color: #2d9dcc;

    /* GLOBAL H2 RULE */
    font-size: 38px;

    line-height: 1.15;
    font-weight: 700;
    text-align: center;
}

.alvex-overview-content {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    color: #222222;
    text-align: center;
}

.alvex-overview-content p {
    margin: 0 0 25px;
    padding: 0;

    /* GLOBAL CONTENT RULE */
    font-size: 15px;

    line-height: 1.55;
    font-weight: 400;
}

.alvex-overview-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   FACILITY SPECIFICATION
   ========================================================= */

.alvex-facility-block {
    width: 100%;
    margin: 0;
    padding: 75px 25px 0;
    box-sizing: border-box;
}

.alvex-facility-title {
    margin: 0 0 32px;
    padding: 0;
    color: #2d9dcc;

    /* GLOBAL H2 RULE */
    font-size: 38px;

    line-height: 1.15;
    font-weight: 700;
    text-align: center;
}


/* =========================================================
   SPECIFICATION BAR
   ========================================================= */

.alvex-specification-bar {
    width: 100%;
    min-height: 145px;

    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: center;

    background: #f7f7f7;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);

    box-sizing: border-box;
}


/* =========================================================
   SPECIFICATION ITEM
   ========================================================= */

.alvex-spec-item {
    min-width: 0;
    min-height: 85px;

    padding: 0 20px;

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

    text-align: center;

    box-sizing: border-box;

    border-right: 2px solid #4db5dc;
}

.alvex-spec-item-last {
    border-right: none;
}


/* =========================================================
   SPECIFICATION LABEL
   ========================================================= */

.alvex-spec-label {
    display: block;

    margin: 0 0 12px;
    padding: 0;

    color: #27384b;

    /* GLOBAL H3 RULE */
    font-size: 19px;

    line-height: 1.2;
    font-weight: 600;
}


/* =========================================================
   SPECIFICATION VALUE
   ========================================================= */

.alvex-spec-item strong {
    display: block;

    margin: 0;
    padding: 0;

    color: #2d9dcc;

    /* CONTENT / VALUE RULE */
    font-size: 27px;

    line-height: 1.3;
    font-weight: 700;

    white-space: nowrap;
}

/* =========================================================
   GALLERY - INSIDE THE RANGE
   ========================================================= */

.range-gallery-section {
    width: 100%;
    background: #ffffff;
    padding: 75px 0 68px;
    box-sizing: border-box;
}


/* =========================================================
   GALLERY HEADING
   ========================================================= */

.range-gallery-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 38px;
}

.range-gallery-label {
    margin: 0 0 22px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #111111;
}

.range-gallery-heading h2 {
    margin: 0;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2fa0cc;
    text-transform: uppercase;
}


/* =========================================================
   GALLERY GRID
   ========================================================= */

.range-gallery-grid {
    width: calc(100% - 13.4%);
    max-width: 1440px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;

    box-sizing: border-box;
}


/* =========================================================
   GALLERY IMAGE
   ========================================================= */

.range-gallery-item {
    width: 100%;
    aspect-ratio: 1.17 / 1;
    overflow: hidden;
    background: #f5f5f5;
}

.range-gallery-item img {
    width: 100%;
    height: 100%;
    display: block;

    object-fit: cover;
    object-position: center;
}

/* =========================================================
   CAPABILITIES SECTION
   ========================================================= */

.capabilities-section {
    width: 100%;
    background: #f4f7f8;
    padding: 58px 0 72px;
    box-sizing: border-box;
}

.capabilities-container {
    width: 100%;
    max-width: 1760px;
    margin: 0 auto;
    padding: 0 68px;
    box-sizing: border-box;
}

/* H2 - established typography rule */
.capabilities-title {
    margin: 0;
    text-align: center;

    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2c9dcc;
}

/* Four-column layout */
.capabilities-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 54px;

    margin-top: 72px;
}

/* Individual column */
.capability-column {
    min-width: 0;
}

/* H3 - slightly increased from our standard */
.capability-column h3 {
    margin: 0;

    font-size: 22px;
    line-height: 1.18;
    font-weight: 700;
    color: #111111;

    min-height: 52px;

    display: flex;
    align-items: flex-start;
}

/* Dark blue divider */
.capability-divider {
    width: 100%;
    height: 3px;
    background: #071d35;

    margin: 18px 0 28px;
}

/* Bullet list */
.capability-list {
    width: 100%;
}

/* Individual bullet */
.capability-list p {
    position: relative;

    margin: 0 0 16px;
    padding-left: 0;

    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    color: #536474;

    /*
       Keeps every item at exactly two text lines.
       The wording is also kept concise so it fits
       naturally within the four-column layout.
    */
    /* height: 44px; */

    overflow: hidden;
}

/* Bullet symbol */
.capability-list p span {
    display: inline;
    margin-right: 5px;
    color: #536474;
}

/* Last item */
.capability-list p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   SUPPORTED STANDARDS
   ========================================================= */

.ota-standards-section {
    width: 100%;
    background: #ffffff;
    padding: 48px 0 55px;
}

.ota-standards-container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

/* Section Heading */

.ota-standards-title {
    margin: 0 0 38px;
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    color: #2d9dcc;
}

/* Standards */

.ota-standards-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
}

.ota-standard-item {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 36px;
    padding: 7px 16px;

    border: 1px solid #7d8b9b;
    background: #ffffff;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #24364d;

    white-space: nowrap;
    box-sizing: border-box;
}

/* CybersecurityTesting Page */

/* =========================================================
   SECURITY STATUS + OVERVIEW
   UNIQUE CLASSNAMES
   ========================================================= */

.security-overview-section {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #ffffff;
}


/* =========================================================
   SERVICE STATUS
   ========================================================= */

.security-status-panel {
    width: 100%;
    margin: 0;
    padding: 16px 0 34px;

    background: #e1f2fc;

    box-sizing: border-box;
}

.security-status-wrapper {
    width: 100%;
    max-width: 1760px;
    margin: 0 auto;
    padding: 0 68px;

    box-sizing: border-box;
}

.security-status-heading {
    margin: 0 0 4px;

    font-size: 20px;
    line-height: 1.25;
    font-weight: 400;

    color: #111111;
}

.security-status-text {
    max-width: 1400px;

    margin: 0;

    font-size: 20px;
    line-height: 1.6;
    font-weight: 400;

    color: #111111;
}


/* =========================================================
   OVERVIEW
   ========================================================= */

.security-overview-content {
    width: 100%;
    max-width: 1760px;

    margin: 0 auto;
    padding: 44px 68px 58px;

    box-sizing: border-box;

    text-align: center;
}

.security-overview-heading {
    margin: 0;

    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;

    color: #2c9dcc;
}

.security-overview-description {
    max-width: 860px;

    margin: 28px auto 0;

    font-size: 20px;
    line-height: 1.55;
    font-weight: 400;

    color: #111111;
}

/* =========================================================
   SECURITY CAPABILITIES SECTION
   UNIQUE CLASSNAMES
   ========================================================= */

.security-capabilities-section {
    width: 100%;
    background: #f5f8f9;
    padding: 62px 0 72px;
    box-sizing: border-box;
}

.security-capabilities-wrapper {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 68px;
    box-sizing: border-box;
}


/* =========================================================
   H2
   ========================================================= */

.security-capabilities-heading {
    margin: 0;

    text-align: center;

    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;

    color: #2c9dcc;
}


/* =========================================================
   TWO COLUMN LAYOUT
   ========================================================= */

.security-capabilities-grid {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 115px;

    margin-top: 66px;
}


/* =========================================================
   COLUMN
   ========================================================= */

.security-capability-column {
    min-width: 0;
}


/* =========================================================
   H3
   ========================================================= */

.security-capability-title {
    margin: 0;

    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;

    color: #111111;
}


/* =========================================================
   DIVIDER
   ========================================================= */

.security-capability-divider {
    width: 100%;
    height: 3px;

    margin: 14px 0 25px;

    background: #071d35;
}


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

.security-capability-list {
    width: 100%;
}

.security-capability-list p {
    margin: 0 0 23px;

    font-size: 20px;
    line-height: 1.45;
    font-weight: 400;

    color: #555555;
}

.security-capability-list p:last-child {
    margin-bottom: 0;
}

.security-capability-list p span {
    margin-right: 7px;
}

/* =========================================================
   SUPPORTED STANDARDS
   ========================================================= */

.cyber-standards-section {
    width: 100%;
    background: #ffffff;
    padding: 48px 0 55px;
}

.cyber-standards-container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

/* Section Heading */

.cyber-standards-title {
    margin: 0 0 38px;
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    color: #2d9dcc;
}

/* Standards */

.cyber-standards-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
}

.cyber-standard-item {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 36px;
    padding: 7px 16px;

    border: 1px solid #7d8b9b;
    background: #ffffff;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #24364d;

    white-space: nowrap;
    box-sizing: border-box;
}

/* operatorTesting page */

/* =========================================================
   ALVEX OVERVIEW SECTION
   ========================================================= */

.alvex-overview-section {
    width: 100%;
    margin: 0;
    padding: 65px 0 55px;
    background: #ffffff;
    box-sizing: border-box;
}

.alvex-overview-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
}

/* H2 - PROJECT STANDARD: 38px */

.alvex-overview-title {
    margin: 0 0 28px;
    padding: 0;
    text-align: center;

    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2fa0cf;

    font-family: Arial, Helvetica, sans-serif;
}

/* Content - PROJECT STANDARD: 15px */

.alvex-overview-content {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.alvex-overview-content p {
    margin: 0 auto 25px;
    padding: 0;

    font-size: 15px;
    line-height: 1.55;
    font-weight: 400;
    color: #111111;

    font-family: Arial, Helvetica, sans-serif;
}

.alvex-overview-content p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   PRE-CERTIFICATION GALLERY + CAPABILITIES
   ========================================================= */

.alvex-hardware-section {
    width: 100%;
    margin: 0;
    padding: 35px 0 55px;
    background: #f4f7f8;;
    box-sizing: border-box;
}


/* =========================================================
   GALLERY
   ========================================================= */

.alvex-hardware-gallery {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
}

.alvex-hardware-label {
    margin: 0 0 16px;
    padding: 0;

    text-align: center;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;

    color: #111111;
}

.alvex-hardware-title {
    margin: 0 0 30px;
    padding: 0;

    text-align: center;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;

    color: #2fa0cf;
}


/* Gallery Grid */

.alvex-hardware-gallery-grid {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 10px;

    box-sizing: border-box;
}


/* Gallery Image */

.alvex-hardware-gallery-item {
    width: 100%;
    height: 360px;

    overflow: hidden;

    box-sizing: border-box;
}

.alvex-hardware-gallery-item img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* =========================================================
   CAPABILITIES
   ========================================================= */

.alvex-hardware-capabilities {
    width: 100%;
    max-width: 1250px;

    margin: 54px auto 0;
    padding: 0 40px;

    box-sizing: border-box;
}

.alvex-hardware-capabilities-title {
    margin: 0 0 32px;
    padding: 0;

    text-align: center;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;

    color: #2fa0cf;
}


/* Capabilities Grid */

.alvex-hardware-capabilities-grid {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    column-gap: 52px;

    box-sizing: border-box;
}


/* Capability Card */

.alvex-hardware-capability-card {
    width: 100%;
    box-sizing: border-box;
}


/* H3 */

.alvex-hardware-capability-title {
    margin: 0;
    padding: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 700;

    color: #111111;
}


/* Dark Blue Line */

.alvex-hardware-capability-line {
    width: 100%;
    height: 2px;

    margin: 10px 0 14px;

    background: #071d35;
}


/* Capability Content */

.alvex-hardware-capability-list {
    margin: 0;
    padding: 0;

    list-style: none;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 400;

    color: #555555;
}


/* Individual Items */

.alvex-hardware-capability-list li {
    position: relative;

    margin: 0 0 12px;
    padding-left: 14px;

    box-sizing: border-box;
}

.alvex-hardware-capability-list li:last-child {
    margin-bottom: 0;
}


/* Bullet */

.alvex-hardware-capability-list li::before {
    content: "•";

    position: absolute;
    left: 0;
    top: 0;

    color: #555555;
}

/* Product landing page */

/* =========================================================
   PRODUCT LINES
   ADVANCED RF AND EMC INFRASTRUCTURE
   ========================================================= */

.alvex-product-lines-section {
    width: 100%;
    margin: 0;
    padding: 62px 0 65px;

    background: #eef3f5;

    box-sizing: border-box;
}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.alvex-product-lines-container {
    width: 100%;
    max-width: 1350px;

    margin: 0 auto;
    padding: 0 40px;

    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.alvex-product-lines-heading {
    width: 100%;
    margin: 0 0 46px;

    text-align: center;
}


/* Small Label */

.alvex-product-lines-label {
    margin: 0 0 16px;
    padding: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;

    color: #111111;
}


/* H2 - PROJECT RULE: 38px */

.alvex-product-lines-title {
    margin: 0;
    padding: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;

    color: #2fa0cf;
}


/* =========================================================
   PRODUCT GRID
   ========================================================= */

.alvex-product-lines-grid {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px 15px;

    align-items: stretch;

    box-sizing: border-box;
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

.alvex-product-card {
    width: 100%;
    min-width: 0;

    display: flex;
    flex-direction: column;

    background: #ffffff;

    box-sizing: border-box;

    overflow: hidden;
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.alvex-product-card-image {
    width: 100%;
    height: 280px;

    overflow: hidden;

    border-top: 4px solid #071d35;

    box-sizing: border-box;
}

.alvex-product-card-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

    transition: transform 0.3s ease;
}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.alvex-product-card-content {
    width: 100%;

    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 13px 13px 14px;

    box-sizing: border-box;
}


/* =========================================================
   CARD NUMBER
   ========================================================= */

.alvex-product-card-number {
    display: block;

    margin: 0 0 10px;
    padding: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 400;

    color: #111111;
}


/* =========================================================
   CARD H3
   PROJECT RULE: 19px
   ========================================================= */

.alvex-product-card-title {
    margin: 0 0 12px;
    padding: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 1.18;
    font-weight: 700;

    color: #111111;
}


/* =========================================================
   CARD DESCRIPTION
   PROJECT RULE: 15px
   ========================================================= */

.alvex-product-card-description {
    margin: 0 0 10px;
    padding: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;

    color: #5b5b5b;
}


/* =========================================================
   CARD LIST
   PROJECT RULE: 15px
   ========================================================= */

.alvex-product-card-list {
    margin: 0 0 20px;
    padding: 0;

    list-style: none;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 400;

    color: #5b5b5b;
}


/* =========================================================
   LIST ITEMS
   ========================================================= */

.alvex-product-card-list li {
    position: relative;

    margin: 0 0 7px;
    padding-left: 15px;

    box-sizing: border-box;
}

.alvex-product-card-list li:last-child {
    margin-bottom: 0;
}


/* Bullet */

.alvex-product-card-list li::before {
    content: "•";

    position: absolute;
    left: 0;
    top: 0;

    color: #5b5b5b;
}


/* =========================================================
   READ MORE
   ========================================================= */

.alvex-product-card-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    width: fit-content;

    margin-top: auto;
    padding: 0;

    text-decoration: none;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;

    color: #2fa0cf;

    transition:
        color 0.2s ease,
        gap 0.2s ease;
}


/* Arrow */

.alvex-product-card-arrow {
    display: inline-block;

    font-size: 24px;
    line-height: 1;
    font-weight: 300;

    transition: transform 0.2s ease;
}


/* Hover */

.alvex-product-card-link:hover {
    color: #208dbb;
    gap: 13px;
}

.alvex-product-card-link:hover .alvex-product-card-arrow {
    transform: translateX(3px);
}

/* =========================================================
   FEATURED CAPABILITY SECTION
   ========================================================= */

.alvex-featured-capability {
    width: 100%;
    padding: 28px 55px 30px;
    background: #ffffff;
    box-sizing: border-box;
}

.alvex-featured-wrapper {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    border: 1px solid #39a9df;
    padding: 30px 34px;
    box-sizing: border-box;

    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(400px, 0.95fr);
    gap: 42px;

    align-items: stretch;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

.alvex-featured-content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


/* Small section label */

.alvex-featured-label {
    margin-bottom: 10px;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;

    color: #111111;
    letter-spacing: 0.2px;
}


/* H2
   Project typography rule: 38px
*/

.alvex-featured-title {
    margin: 0 0 8px;

    font-size: 26px;
    line-height: 1.15;
    font-weight: 700;

    color: #111111;
}


/* Main content
   Project typography rule: 15px
*/

.alvex-featured-description {
    margin: 0;
    max-width: 690px;

    font-size: 19px;
    line-height: 1.6;
    font-weight: 400;

    color: #666666;
}


/* =========================================================
   SPECIFICATION BOX
   ========================================================= */

.alvex-featured-specs {
    width: 100%;
    max-width: 680px;

    margin-top: 25px;
    padding: 18px 22px;

    background: #f4f4f4;
    border-radius: 3px;

    box-sizing: border-box;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
}


/* Individual specification */

.alvex-featured-spec-item {
    min-height: 62px;
    padding: 8px 22px;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


/*
   Vertical separators
*/

.alvex-featured-spec-item:nth-child(2),
.alvex-featured-spec-item:nth-child(3),
.alvex-featured-spec-item:nth-child(5),
.alvex-featured-spec-item:nth-child(6) {
    border-left: 1px solid #43b1e5;
}


/* Specification label */

.alvex-featured-spec-label {
    display: block;

    margin-bottom: 3px;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;

    color: #18304a;
}


/* Specification value */

.alvex-featured-spec-value {
    display: block;

    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;

    color: #2da5d9;
}


/* =========================================================
   BUTTON
   ========================================================= */

.alvex-featured-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;

    margin-top: 20px;
    padding: 9px 12px;

    border: 1px solid #3aaee4;

    background: #ffffff;
    color: #18304a;

    text-decoration: none;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

.alvex-featured-button:hover {
    background: #3aaee4;
    color: #ffffff;
    border-color: #3aaee4;
}


/* =========================================================
   IMAGE
   ========================================================= */

.alvex-featured-image-wrapper {
    width: 100%;
    height: 100%;
    min-height: 355px;

    overflow: hidden;
}


.alvex-featured-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}


.alvex-featured-image-wrapper:hover .alvex-featured-image {
    transform: scale(1.02);
}

/* =========================================================
   HOW WE DELIVER SECTION
   ========================================================= */

.alvex-delivery-section {
    width: 100%;
    background: #eef3f6;
    padding: 34px 0 42px;
    box-sizing: border-box;
}

.alvex-delivery-container {
    width: calc(100% - 100px);
    max-width: 1400px;
    margin: 0 auto;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.alvex-delivery-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 34px;
}

.alvex-delivery-eyebrow {
    margin: 0 0 12px;
    padding: 0;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    color: #111111;

    text-transform: uppercase;
}

.alvex-delivery-title {
    margin: 0;
    padding: 0;

    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;

    color: #2f9dcc;

    text-transform: uppercase;
}


/* =========================================================
   DELIVERY GRID
   ========================================================= */

.alvex-delivery-grid {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 14px;

    align-items: stretch;
}


/* =========================================================
   DELIVERY CARD
   ========================================================= */

.alvex-delivery-card {
    width: 100%;
    min-width: 0;

    background: #ffffff;

    display: flex;
    flex-direction: column;

    box-sizing: border-box;

    overflow: hidden;
}


/* =========================================================
   CARD IMAGE
   ========================================================= */

.alvex-delivery-image {
    width: 100%;
    height: 200px;

    overflow: hidden;

    background: #e5e5e5;
}

.alvex-delivery-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.alvex-delivery-card-content {
    padding: 9px 10px 19px;

    display: flex;
    flex-direction: column;

    flex: 1;
}


/* Card Number */

.alvex-delivery-number {
    display: block;

    margin-bottom: 7px;

    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;

    color: #111111;
}


/* Card Heading */

.alvex-delivery-card-title {
    margin: 0 0 9px;
    padding: 0;

    font-size: 19px;
    line-height: 1.2;
    font-weight: 700;

    color: #111111;
}


/* Card Content */

.alvex-delivery-card-text {
    margin: 0;
    padding: 0;

    font-size: 15px;
    line-height: 1.3;
    font-weight: 400;

    color: #555555;
}


/* =========================================================
   HOVER
   ========================================================= */

.alvex-delivery-card {
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.alvex-delivery-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.08);
}

.alvex-delivery-image img {
    transition: transform 0.35s ease;
}

.alvex-delivery-card:hover .alvex-delivery-image img {
    transform: scale(1.03);
}

/* Products turkey page */

/* =========================================================
   ARACION OVERVIEW SECTION
   ========================================================= */

.aracion-overview-section {
    width: 100%;
    background: #ffffff;

    padding: 42px 0 48px;

    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.aracion-overview-container {
    width: calc(100% - 120px);
    max-width: 1400px;

    margin: 0 auto;

    box-sizing: border-box;
}


/* =========================================================
   HEADING
   ========================================================= */

.aracion-overview-heading {
    width: 100%;

    text-align: center;

    margin: 0 0 24px;
}

.aracion-overview-title {
    margin: 0;
    padding: 0;

    font-size: 38px;
    line-height: 1.15;

    font-weight: 700;

    color: #2f9dcc;

    text-transform: uppercase;
}


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

.aracion-overview-content {
    width: 100%;

    max-width: 1100px;

    margin: 0 auto;

    text-align: center;
}


/* =========================================================
   PARAGRAPHS
   ========================================================= */

.aracion-overview-text {
    margin: 0 0 24px;
    padding: 0;

    font-size: 15px;
    line-height: 1.55;

    font-weight: 400;

    color: #111111;
}

.aracion-overview-text:last-child {
    margin-bottom: 0;
}

/* =========================================================
   ARACION HYBRID CHAMBER - FEATURED CAPABILITY
   ========================================================= */

.aracion-hybrid-feature-section {
    width: 100%;
    background: #ffffff;

    padding: 22px 36px 38px;

    box-sizing: border-box;
}


/* =========================================================
   OUTER CONTAINER
   ========================================================= */

.aracion-hybrid-feature-container {
    width: 100%;
    max-width: 1350px;

    margin: 0 auto;

    padding: 55px 50px 42px;

    box-sizing: border-box;

    border: 2px solid #35a5d5;

    background: #ffffff;
}


/* =========================================================
   SECTION LABEL
   ========================================================= */

.aracion-hybrid-feature-label {
    margin: 0 0 26px;
    padding: 0;

    text-align: center;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;

    color: #111111;

    text-transform: uppercase;
}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.aracion-hybrid-feature-title {
    margin: 0 auto 30px;
    padding: 0;

    max-width: 1200px;

    text-align: center;

    font-size: 38px;
    line-height: 1.28;
    font-weight: 700;

    color: #2f9dcc;

    text-transform: uppercase;
}


/* =========================================================
   INTRO CONTENT
   ========================================================= */

.aracion-hybrid-feature-intro {
    width: 100%;
    max-width: 1000px;

    margin: 0 auto 40px;

    text-align: center;
}


.aracion-hybrid-feature-text {
    margin: 0 0 22px;
    padding: 0;

    font-size: 15px;
    line-height: 1.55;
    font-weight: 400;

    color: #111111;
}


.aracion-hybrid-feature-text:last-child {
    margin-bottom: 0;
}


/* =========================================================
   IMAGE GALLERY
   ========================================================= */

.aracion-hybrid-feature-gallery {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 22px;

    align-items: start;
}


/* =========================================================
   IMAGE ITEM
   ========================================================= */

.aracion-hybrid-feature-item {
    width: 100%;

    margin: 0;
    padding: 0;
}


/* =========================================================
   IMAGE WRAPPER
   ========================================================= */

.aracion-hybrid-feature-image-wrap {
    width: 100%;

    overflow: hidden;

    background: #eeeeee;
}


/* =========================================================
   IMAGE
   ========================================================= */

.aracion-hybrid-feature-image {
    width: 100%;
    height: 475px;

    display: block;

    object-fit: cover;

    object-position: center;
}


/* =========================================================
   IMAGE CAPTION
   ========================================================= */

.aracion-hybrid-feature-caption {
    margin: 12px 0 0;
    padding: 0;

    font-size: 19px;
    line-height: 1.4;
    font-weight: 400;

    color: #111111;
}

/* =========================================================
   PERFORMANCE GALLERY SECTION
   ========================================================= */

.performance-gallery-section {
    width: 100%;
    background: #ffffff;
    padding: 40px 0 52px;
    box-sizing: border-box;
}

.performance-gallery-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.performance-gallery-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 38px;
}

.performance-gallery-label {
    margin-bottom: 22px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #111111;

    text-transform: uppercase;
}

.performance-gallery-title {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.15;

    color: #2e9bc7;

    text-align: center;
    text-transform: uppercase;
}


/* =========================================================
   GALLERY GRID
   ========================================================= */

.performance-gallery-grid {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 26px;

    align-items: stretch;
}


/* =========================================================
   GALLERY ITEM
   ========================================================= */

.performance-gallery-item {
    width: 100%;
    height: 396px;

    overflow: hidden;

    background: #f2f2f2;
}

.performance-gallery-item img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}


/* =========================================================
   IMAGE HOVER
   ========================================================= */

.performance-gallery-item:hover img {
    transform: scale(1.03);
}

/* =========================================================
   CAPABILITIES SECTION
   ========================================================= */

.delivery-capabilities-section {
    width: 100%;
    background: #f5f6f7;
    padding: 36px 0 52px;
    box-sizing: border-box;
}

.delivery-capabilities-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 58px;
    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADING
   H2 = 38px
   ========================================================= */

.delivery-capabilities-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}

.delivery-capabilities-title {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.15;

    color: #2e9bc7;

    text-align: center;
    text-transform: uppercase;
}


/* =========================================================
   FOUR COLUMN GRID
   ========================================================= */

.delivery-capabilities-grid {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    column-gap: 36px;

    align-items: start;
}


/* =========================================================
   COLUMN
   ========================================================= */

.delivery-capabilities-column {
    width: 100%;
    min-width: 0;
}


/* =========================================================
   COLUMN HEADING
   H3 = 19px
   ========================================================= */

.delivery-capabilities-subtitle {
    margin: 0;

    min-height: 32px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;

    color: #050505;
}


/* =========================================================
   DIVIDER
   ========================================================= */

.delivery-capabilities-line {
    width: 100%;
    height: 3px;

    margin: 11px 0 22px;

    background: #102b46;
}


/* =========================================================
   CONTENT LIST
   Content = 15px
   ========================================================= */

.delivery-capabilities-list {
    margin: 0;
    padding: 0;

    list-style: none;
}


/* =========================================================
   CONTENT ITEM
   ========================================================= */

.delivery-capabilities-list li {
    position: relative;

    margin: 0 0 15px;
    padding-left: 15px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;

    color: #5c5c5c;
}


/* =========================================================
   BULLET
   ========================================================= */

.delivery-capabilities-list li::before {
    content: "•";

    position: absolute;
    left: 0;
    top: 0;

    font-size: 15px;
    line-height: 1.4;

    color: #5c5c5c;
}


/* =========================================================
   LAST ITEM
   ========================================================= */

.delivery-capabilities-list li:last-child {
    margin-bottom: 0;
}

/* =========================================================
   DELIVERY TESTING - SUPPORTED STANDARDS
   ========================================================= */

.delivery-standards-section {
    width: 100%;
    background: #ffffff;
    padding: 48px 40px 52px;
    text-align: center;
}

.delivery-standards-section h2 {
    margin: 0 0 28px;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}

.delivery-standards-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px 10px;
    max-width: 740px;
    margin: 0 auto;
}

.delivery-standard-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid #7c8b9b;
    background: #ffffff;
    color: #26384d;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    white-space: nowrap;
}


/* Products EMI page */

/* =========================================================
   RF ENVIRONMENT - OVERVIEW
   ========================================================= */

.rf-environment-overview-section {
    width: 100%;
    background: #ffffff;
    padding: 52px 40px 54px;
    box-sizing: border-box;
}

.rf-environment-overview-container {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}

/* Main Section Heading */

.rf-environment-overview-title {
    margin: 0 0 25px;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}

/* Content */

.rf-environment-overview-content {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}

.rf-environment-overview-content p {
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 400;
    color: #111111;
}

.rf-environment-overview-content p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   DELIVERED CHAMBERS - GALLERY & CAPABILITIES
   ========================================================= */

.delivered-chambers-showcase {
    width: 100%;
    background: #f5f6f7;
    padding: 36px 40px 56px;
    box-sizing: border-box;
}


/* =========================================================
   GALLERY
   ========================================================= */

.delivered-chambers-gallery {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    text-align: center;
}

.delivered-chambers-gallery-label {
    margin: 0 0 14px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 400;
    color: #111111;
}

.delivered-chambers-gallery-title {
    margin: 0 0 34px;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}


/* Gallery Images */

.delivered-chambers-gallery-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.delivered-chambers-gallery-image {
    width: 100%;
    height: 280px;
    overflow: hidden;
}

.delivered-chambers-gallery-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================================
   CAPABILITIES
   ========================================================= */

.delivered-chambers-capabilities {
    width: 100%;
    max-width: 1200px;
    margin: 66px auto 0;
}

.delivered-chambers-capabilities-title {
    margin: 0 0 46px;
    text-align: center;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}


/* Capabilities Grid */

.delivered-chambers-capabilities-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
}


/* Individual Column */

.delivered-chambers-capability-column {
    padding: 0 30px;
    box-sizing: border-box;
}

.delivered-chambers-capability-column + 
.delivered-chambers-capability-column {
    border-left: 1px solid #8190a0;
}


/* Capability Heading */

.delivered-chambers-capability-heading {
    margin: 0;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 700;
    color: #111111;
}


/* Heading Underline */

.delivered-chambers-capability-line {
    width: 100%;
    height: 2px;
    margin: 23px 0 16px;
    background: #102b48;
}


/* Capability List */

.delivered-chambers-capability-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.delivered-chambers-capability-list li {
    position: relative;
    margin: 0 0 16px;
    padding-left: 12px;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 400;
    color: #5b5b5b;
}

.delivered-chambers-capability-list li:last-child {
    margin-bottom: 0;
}

.delivered-chambers-capability-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #555555;
}

/* =========================================================
   DELIVERY TESTING - SUPPORTED STANDARDS
   ========================================================= */

.emi-standards-section {
    width: 100%;
    background: #ffffff;
    padding: 48px 40px 52px;
    text-align: center;
}

.emi-standards-section h2 {
    margin: 0 0 28px;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}

.emi-standards-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px 10px;
    max-width: 740px;
    margin: 0 auto;
}

.emi-standard-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid #7c8b9b;
    background: #ffffff;
    color: #26384d;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    white-space: nowrap;
}

/* products microwave page */

/* =========================================================
   NEAR-FIELD & FAR-FIELD SYSTEMS - OVERVIEW
   ========================================================= */

.nf-farfield-overview-section {
    width: 100%;
    background: #ffffff;
    padding: 52px 40px 56px;
    box-sizing: border-box;
}

.nf-farfield-overview-container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}


/* =========================================================
   OVERVIEW HEADING
   ========================================================= */

.nf-farfield-overview-title {
    margin: 0 0 26px;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}


/* =========================================================
   OVERVIEW CONTENT
   ========================================================= */

.nf-farfield-overview-content {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}

.nf-farfield-overview-content p {
    margin: 0 0 24px;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 400;
    color: #111111;
}

.nf-farfield-overview-content p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   OTA / ANTENNA - CAPABILITIES + GALLERY
   ========================================================= */

.ota-reference-section {
    width: 100%;
    background: #f5f6f7;
    padding: 28px 44px 52px;
    box-sizing: border-box;
}


/* =========================================================
   CAPABILITIES
   ========================================================= */

.ota-capabilities-block {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

.ota-section-title {
    margin: 0 0 30px;
    text-align: center;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}


/* ===================== CAPABILITY GRID ===================== */

.ota-capabilities-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 44px;
    width: 100%;
}


/* ===================== CAPABILITY COLUMN ===================== */

.ota-capability-column {
    min-width: 0;
}

.ota-capability-column h3 {
    margin: 0;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 700;
    color: #080808;
}


/* ===================== BLUE/DARK LINE ===================== */

.ota-capability-line {
    width: 100%;
    height: 2px;
    background: #102b46;
    margin: 10px 0 14px;
}


/* ===================== CAPABILITY LIST ===================== */

.ota-capability-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ota-capability-column li {
    position: relative;
    margin: 0 0 14px;
    padding-left: 14px;

    font-size: 15px;
    line-height: 1.35;
    font-weight: 400;
    color: #555555;
}

.ota-capability-column li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;

    font-size: 15px;
    color: #555555;
}


/* =========================================================
   GALLERY
   ========================================================= */

.ota-reference-gallery {
    width: 100%;
    max-width: 1500px;
    margin: 58px auto 0;
}


/* ===================== GALLERY LABEL ===================== */

.ota-gallery-label {
    margin-bottom: 20px;

    text-align: center;

    font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
    color: #111111;
    letter-spacing: 0.2px;
}


/* ===================== GALLERY TITLE ===================== */

.ota-gallery-title {
    margin: 0 0 34px;

    text-align: center;

    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;

    color: #2d9dcc;
}


/* ===================== GALLERY GRID ===================== */

.ota-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;

    width: 100%;
}


/* ===================== GALLERY IMAGE ===================== */

.ota-gallery-item {
    width: 100%;
    aspect-ratio: 1 / 0.76;
    overflow: hidden;
    background: #e8e8e8;
}

.ota-gallery-item img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.35s ease;
}

.ota-gallery-item:hover img {
    transform: scale(1.03);
}

/* =========================================================
   DELIVERY TESTING - SUPPORTED STANDARDS
   ========================================================= */

.micro-standards-section {
    width: 100%;
    background: #ffffff;
    padding: 48px 40px 52px;
    text-align: center;
}

.micro-standards-section h2 {
    margin: 0 0 28px;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    color: #2d9dcc;
}

.micro-standards-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px 10px;
    max-width: 740px;
    margin: 0 auto;
}

.micro-standard-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid #7c8b9b;
    background: #ffffff;
    color: #26384d;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    white-space: nowrap;
}