/* ============================================================
   ARACION WEBSITE
   RESPONSIVE CSS

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


/* ============================================================
   LARGE DESKTOP
   ============================================================ */

@media (min-width: 1600px) {

    .arc-header-inner,
    .arc-home-hero-container,
    .arc-home-hero-specification-inner {

        width:
            calc(100% - 120px);
    }

    .arc-header-logo-image {

        width:
            190px;
    }

    .arc-home-hero-title {

        font-size:
            62px;
    }

    .arc-home-hero-subtitle {

        font-size:
            24px;
    }

    .arc-home-hero-description {

        font-size:
            15px;
    }
}


/* ============================================================
   TABLET / SMALL DESKTOP
   ============================================================ */

@media (max-width: 1100px) {

    .arc-header-inner,
    .arc-home-hero-container,
    .arc-home-hero-specification-inner {

        width:
            calc(100% - 60px);
    }

    .arc-primary-navigation {

        gap:
            19px;
    }

    .arc-navigation-item,
    .arc-navigation-dropdown-trigger {

        font-size:
            13px;
    }

    .arc-home-hero-content {

        width:
            480px;
    }

    .arc-home-hero-title {

        font-size:
            48px;
    }

    .arc-home-hero-subtitle {

        width:
            440px;

        font-size:
            20px;
    }

    .arc-home-hero-description {

        width:
            440px;

        font-size:
            13px;
    }
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 900px) {

    .arc-shared-header {

        height:
            76px;
    }

    .arc-header-inner {

        width:
            calc(100% - 44px);
    }

    .arc-header-logo-image {

        width:
            155px;
    }

    .arc-primary-navigation {

        display:
            none;
    }

    .arc-mobile-navigation-button {

        display:
            block;
    }

    .arc-home-hero {

        min-height:
            680px;
    }

    .arc-home-hero-container {

        width:
            calc(100% - 44px);

        align-items:
            flex-start;

        padding-top:
            145px;
    }

    .arc-home-hero-content {

        width:
            470px;

        padding-top:
            0;
    }

    .arc-home-hero-title {

        font-size:
            46px;
    }

    .arc-home-hero-specification-inner {

        width:
            calc(100% - 44px);
    }

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

        font-size:
            10px;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

    .arc-shared-header {

        height:
            72px;
    }

    .arc-header-inner {

        width:
            calc(100% - 32px);
    }

    .arc-header-logo-image {

        width:
            145px;
    }

    .arc-home-hero {

        height:
            auto;

        min-height:
            760px;
    }

    .arc-home-hero-background img {

        object-position:
            center center;
    }

    .arc-home-hero-overlay {

        background:
            linear-gradient(
                90deg,
                rgba(2, 18, 37, 0.88) 0%,
                rgba(2, 18, 37, 0.65) 60%,
                rgba(2, 18, 37, 0.38) 100%
            );
    }

    .arc-home-hero-container {

        width:
            calc(100% - 32px);

        min-height:
            760px;

        padding-top:
            120px;

        padding-bottom:
            110px;
    }

    .arc-home-hero-content {

        width:
            100%;
    }

    .arc-home-hero-title {

        margin-bottom:
            24px;

        font-size:
            42px;

        line-height:
            1.03;
    }

    .arc-home-hero-subtitle {

        width:
            100%;

        font-size:
            19px;
    }

    .arc-home-hero-description {

        width:
            100%;

        font-size:
            13px;

        line-height:
            1.6;
    }

    .arc-home-hero-actions {

        gap:
            10px;

        flex-wrap:
            wrap;
    }

    .arc-home-hero-primary-button,
    .arc-home-hero-secondary-button {

        min-width:
            145px;

        font-size:
            13px;
    }

    .arc-home-hero-specification-bar {

        height:
            auto;

        min-height:
            100px;
    }

    .arc-home-hero-specification-inner {

        width:
            calc(100% - 32px);

        min-height:
            100px;

        padding:
            13px 0;

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

        row-gap:
            10px;
    }

    .arc-home-hero-specification-item {

        min-height:
            30px;
    }

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

        font-size:
            9px;

        white-space:
            normal;
    }

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

        display:
            none;
    }
}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 430px) {

    .arc-header-inner {

        width:
            calc(100% - 24px);
    }

    .arc-header-logo-image {

        width:
            132px;
    }

    .arc-home-hero-container {

        width:
            calc(100% - 24px);

        padding-top:
            108px;
    }

    .arc-home-hero-title span {
        width: 320px;
    }

    .arc-home-hero-title {

        font-size:
            30px;
    }

    .arc-home-hero-subtitle {

        font-size:
            17px;
    }

    .arc-home-hero-description {

        font-size:
            12px;
    }

    .arc-home-hero-primary-button,
    .arc-home-hero-secondary-button {

        width:
            100%;
    }

    .arc-home-hero-specification-inner {

        width:
            calc(100% - 24px);
    }
}


/* ============================================================
   HOME - WHAT WE DO / OFFERINGS
   RESPONSIVE CSS
   ============================================================ */


/* ============================================================
   LARGE DESKTOP
   ============================================================ */

@media (min-width: 1600px) {

    .arc-home-offerings-container {

        width:
            calc(100% - 120px);
    }

    .arc-home-offerings-title {

        font-size:
            42px;
    }

    .arc-home-offering-image-wrap {

        height:
            205px;
    }

    .arc-home-offering-content {

        min-height:
            340px;

        padding:
            18px 15px 23px;
    }
}


/* ============================================================
   SMALL DESKTOP / TABLET LANDSCAPE
   ============================================================ */

@media (max-width: 1100px) {

    .arc-home-offerings-container {

        width:
            calc(100% - 60px);
    }

    .arc-home-offerings-title {

        font-size:
            32px;
    }

    .arc-home-offerings-grid {

        gap:
            16px;
    }

    .arc-home-offering-image-wrap {

        height:
            170px;
    }

    .arc-home-offering-content {

        min-height:
            340px;

        padding:
            15px 13px 20px;
    }

    .arc-home-offering-label {

        font-size:
            11px;
    }

    .arc-home-offering-name {

        font-size:
            21px;
    }

    .arc-home-offering-intro,
    .arc-home-offering-description,
    .arc-home-offering-list {

        font-size:
            13px;
    }
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 800px) {

    .arc-home-offerings-section {

        padding:
            55px 0 65px;
    }

    .arc-home-offerings-container {

        width:
            calc(100% - 44px);
    }

    .arc-home-offerings-heading {

        margin-bottom:
            35px;
    }

    .arc-home-offerings-title {

        font-size:
            29px;
    }

    .arc-home-offerings-grid {

        grid-template-columns:
            1fr;

        gap:
            22px;
    }

    .arc-home-offering-image-wrap {

        height:
            240px;
    }

    .arc-home-offering-content {

        min-height:
            auto;

        padding:
            18px 18px 24px;
    }

    .arc-home-offering-label {

        font-size:
            12px;
    }

    .arc-home-offering-name {

        font-size:
            23px;
    }

    .arc-home-offering-intro,
    .arc-home-offering-description,
    .arc-home-offering-list {

        font-size:
            14px;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 600px) {

    .arc-home-offerings-section {

        padding:
            48px 0 55px;
    }

    .arc-home-offerings-container {

        width:
            calc(100% - 30px);
    }

    .arc-home-offerings-eyebrow {

        margin-bottom:
            13px;

        font-size:
            12px;
    }

    .arc-home-offerings-title {

        font-size:
            25px;

        line-height:
            1.15;
    }

    .arc-home-offerings-heading {

        margin-bottom:
            30px;
    }

    .arc-home-offerings-grid {

        gap:
            18px;
    }

    .arc-home-offering-image-wrap {

        height:
            205px;
    }

    .arc-home-offering-content {

        padding:
            17px 16px 22px;
    }

    .arc-home-offering-label {

        margin-bottom:
            10px;

        font-size:
            11px;
    }

    .arc-home-offering-name {

        margin-bottom:
            10px;

        font-size:
            22px;
    }

    .arc-home-offering-intro,
    .arc-home-offering-description,
    .arc-home-offering-list {

        font-size:
            13px;

        line-height:
            1.55;
    }

    .arc-home-offering-list {

        padding-left:
            16px;
    }

    .arc-home-offering-link {

        padding-top:
            14px;

        font-size:
            14px;
    }
}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 400px) {

    .arc-home-offerings-container {

        width:
            calc(100% - 24px);
    }

    .arc-home-offerings-title {

        font-size:
            22px;
    }

    .arc-home-offering-image-wrap {

        height:
            185px;
    }
}

/* ============================================================
   HOME - WHY ARACION / PERFORMANCE
   RESPONSIVE CSS
   ============================================================ */


/* ============================================================
   LARGE DESKTOP
   ============================================================ */

@media (min-width: 1600px) {

    .arc-home-performance-container {

        width:
            calc(100% - 120px);
    }

    .arc-home-performance-title {

        font-size:
            42px;
    }

    .arc-home-performance-layout {

        column-gap:
            42px;
    }

    .arc-home-performance-image-wrap {

        height:
            330px;
    }

    .arc-home-performance-proof-card {

        min-height:
            238px;
    }
}


/* ============================================================
   SMALL DESKTOP
   ============================================================ */

@media (max-width: 1100px) {

    .arc-home-performance-container {

        width:
            calc(100% - 60px);
    }

    .arc-home-performance-title {

        font-size:
            32px;
    }

    .arc-home-performance-layout {

        column-gap:
            25px;
    }

    .arc-home-performance-image-wrap {

        height:
            285px;
    }

    .arc-home-performance-proof-grid {

        gap:
            16px 12px;
    }

    .arc-home-performance-proof-card {

        min-height:
            215px;

        padding:
            16px 14px 18px;
    }

    .arc-home-performance-proof-title {

        font-size:
            20px;
    }

    .arc-home-performance-proof-text {

        font-size:
            13px;
    }
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 800px) {

    .arc-home-performance-section {

        padding:
            58px 0 65px;
    }

    .arc-home-performance-container {

        width:
            calc(100% - 44px);
    }

    .arc-home-performance-heading {

        margin-bottom:
            36px;
    }

    .arc-home-performance-title {

        font-size:
            29px;

        line-height:
            1.15;
    }

    .arc-home-performance-layout {

        grid-template-columns:
            1fr;

        row-gap:
            35px;
    }

    .arc-home-performance-image-wrap {

        height:
            300px;
    }

    .arc-home-performance-proof-grid {

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

        gap:
            18px 14px;
    }

    .arc-home-performance-proof-card {

        min-height:
            215px;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 600px) {

    .arc-home-performance-section {

        padding:
            48px 0 55px;
    }

    .arc-home-performance-container {

        width:
            calc(100% - 30px);
    }

    .arc-home-performance-eyebrow {

        margin-bottom:
            13px;

        font-size:
            12px;
    }

    .arc-home-performance-title {

        font-size:
            25px;
    }

    .arc-home-performance-heading {

        margin-bottom:
            30px;
    }

    .arc-home-performance-layout {

        row-gap:
            30px;
    }

    .arc-home-performance-paragraph {

        margin-bottom:
            18px;

        font-size:
            14px;

        line-height:
            1.55;
    }

    .arc-home-performance-image-wrap {

        height:
            235px;
    }

    .arc-home-performance-action {

        margin-top:
            17px;
    }

    .arc-home-performance-button {

        width:
            100%;

        min-height:
            45px;

        font-size:
            14px;
    }

    .arc-home-performance-proof-grid {

        grid-template-columns:
            1fr;

        gap:
            16px;
    }

    .arc-home-performance-proof-card {

        min-height:
            auto;

        padding:
            17px 16px 20px;
    }

    .arc-home-performance-proof-number {

        margin-bottom:
            10px;

        font-size:
            12px;
    }

    .arc-home-performance-proof-title {

        margin-bottom:
            9px;

        font-size:
            21px;
    }

    .arc-home-performance-proof-text {

        font-size:
            13px;

        line-height:
            1.5;
    }
}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 400px) {

    .arc-home-performance-container {

        width:
            calc(100% - 24px);
    }

    .arc-home-performance-title {

        font-size:
            22px;
    }

    .arc-home-performance-image-wrap {

        height:
            210px;
    }

    .arc-home-performance-proof-title {

        font-size:
            19px;
    }
}

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


/* ============================================================
   LARGE DESKTOP
   ============================================================ */

@media (min-width: 1600px) {

    .arc-home-numbers-heading {

        padding-top: 30px;

        padding-bottom: 58px;
    }

    .arc-home-numbers-title {

        font-size: 42px;
    }

    .arc-home-numbers-items {

        width: calc(100% - 120px);
    }

    .arc-home-numbers-value {

        font-size: 37px;
    }

    .arc-home-numbers-value-wide {

        font-size: 27px;
    }

    .arc-home-industries-title {

        font-size: 42px;
    }

    .arc-home-industries-description {

        font-size: 20px;
    }

    .arc-home-next-title {

        font-size: 42px;
    }
}


/* ============================================================
   SMALL DESKTOP
   ============================================================ */

@media (max-width: 1100px) {

    .arc-home-numbers-container {

        width: calc(100% - 60px);
    }

    .arc-home-numbers-items {

        width: calc(100% - 60px);
    }

    .arc-home-numbers-item {

        padding: 0 10px;
    }

    .arc-home-numbers-value {

        font-size: 29px;
    }

    .arc-home-numbers-value-wide {

        font-size: 21px;
    }

    .arc-home-numbers-label {

        font-size: 12px;
    }

    .arc-home-industries-container {

        width: calc(100% - 60px);
    }

    .arc-home-industries-title {

        font-size: 32px;
    }

    .arc-home-industries-description {

        font-size: 17px;
    }

    .arc-home-next-container {

        width: calc(100% - 70px);

        gap: 30px;
    }

    .arc-home-next-title {

        font-size: 32px;
    }

    .arc-home-next-description {

        font-size: 15px;
    }

    .arc-home-next-actions {

        gap: 9px;
    }
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 800px) {

    /* --------------------------------------------------------
       NUMBERS
       -------------------------------------------------------- */

    .arc-home-numbers-heading {

        padding: 27px 0 35px;
    }

    .arc-home-numbers-container {

        width: calc(100% - 44px);
    }

    .arc-home-numbers-title {

        font-size: 30px;
    }

    .arc-home-numbers-strip {

        padding: 22px 0;
    }

    .arc-home-numbers-items {

        width: calc(100% - 44px);

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

        row-gap: 22px;
    }

    .arc-home-numbers-item {

        min-height: 60px;

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

    .arc-home-numbers-item:nth-child(3) {

        border-right: none;
    }

    .arc-home-numbers-item:nth-child(4) {

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

    .arc-home-numbers-item:nth-child(6) {

        border-right: none;
    }

    .arc-home-numbers-value {

        font-size: 28px;
    }

    .arc-home-numbers-value-wide {

        font-size: 20px;
    }


    /* --------------------------------------------------------
       INDUSTRIES
       -------------------------------------------------------- */

    .arc-home-industries-section {

        padding: 52px 0 48px;
    }

    .arc-home-industries-container {

        width: calc(100% - 44px);
    }

    .arc-home-industries-title {

        margin-bottom: 20px;

        font-size: 30px;
    }

    .arc-home-industries-description {

        font-size: 16px;
    }

    .arc-home-industries-heading {

        margin-bottom: 25px;
    }

    .arc-home-industries-list {

        gap: 12px 10px;
    }

    .arc-home-industries-button {

        min-height: 42px;

        padding: 9px 12px;

        font-size: 14px;
    }


    /* --------------------------------------------------------
       NEXT CTA
       -------------------------------------------------------- */

    .arc-home-next-section {

        padding: 42px 0;
    }

    .arc-home-next-container {

        width: calc(100% - 44px);

        flex-direction: column;

        align-items: flex-start;

        gap: 27px;
    }

    .arc-home-next-title {

        font-size: 30px;
    }

    .arc-home-next-description {

        font-size: 15px;
    }

    .arc-home-next-actions {

        width: 100%;
    }

    .arc-home-next-primary-button,
    .arc-home-next-secondary-button {

        flex: 1;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 600px) {

    /* --------------------------------------------------------
       NUMBERS
       -------------------------------------------------------- */

    .arc-home-numbers-heading {

        padding: 25px 0 30px;
    }

    .arc-home-numbers-container {

        width: calc(100% - 30px);
    }

    .arc-home-numbers-title {

        font-size: 25px;
    }

    .arc-home-numbers-strip {

        padding: 22px 0;
    }

    .arc-home-numbers-items {

        width: calc(100% - 30px);

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

        row-gap: 22px;
    }

    .arc-home-numbers-item {

        min-height: 65px;

        padding: 0 8px;

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

    .arc-home-numbers-item:nth-child(2n) {

        border-right: none;
    }

    .arc-home-numbers-value {

        margin-bottom: 6px;

        font-size: 27px;
    }

    .arc-home-numbers-value-wide {

        font-size: 19px;
    }

    .arc-home-numbers-label {

        font-size: 11px;
    }


    /* --------------------------------------------------------
       INDUSTRIES
       -------------------------------------------------------- */

    .arc-home-industries-section {

        padding: 45px 0 43px;
    }

    .arc-home-industries-container {

        width: calc(100% - 30px);
    }

    .arc-home-industries-heading {

        margin-bottom: 24px;
    }

    .arc-home-industries-title {

        margin-bottom: 17px;

        font-size: 25px;
    }

    .arc-home-industries-description {

        font-size: 14px;

        line-height: 1.5;
    }

    .arc-home-industries-list {

        flex-direction: column;

        align-items: stretch;

        gap: 9px;
    }

    .arc-home-industries-button {

        width: 100%;

        min-height: 44px;

        padding: 10px 12px;

        font-size: 13px;

        white-space: normal;

        text-align: center;
    }


    /* --------------------------------------------------------
       NEXT CTA
       -------------------------------------------------------- */

    .arc-home-next-section {

        padding: 38px 0 40px;
    }

    .arc-home-next-container {

        width: calc(100% - 30px);

        gap: 24px;
    }

    .arc-home-next-eyebrow {

        margin-bottom: 14px;

        font-size: 12px;
    }

    .arc-home-next-title {

        margin-bottom: 10px;

        font-size: 25px;
    }

    .arc-home-next-description {

        font-size: 14px;

        line-height: 1.55;
    }

    .arc-home-next-actions {

        flex-direction: column;

        align-items: stretch;

        gap: 10px;
    }

    .arc-home-next-primary-button,
    .arc-home-next-secondary-button {

        width: 100%;

        min-height: 46px;

        flex: none;

        font-size: 14px;
    }
}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 400px) {

    .arc-home-numbers-title {

        font-size: 22px;
    }

    .arc-home-numbers-value {

        font-size: 24px;
    }

    .arc-home-numbers-value-wide {

        font-size: 17px;
    }

    .arc-home-numbers-label {

        font-size: 10px;
    }

    .arc-home-industries-title {

        font-size: 22px;
    }

    .arc-home-industries-description {

        font-size: 13px;
    }

    .arc-home-next-title {

        font-size: 22px;
    }

    .arc-home-next-description {

        font-size: 13px;
    }
}


/* ============================================================
   SHARED FOOTER
   RESPONSIVE CSS
   ============================================================ */


/* ============================================================
   LARGE DESKTOP
   ============================================================ */

@media (min-width: 1600px) {

    .arc-shared-footer-container {

        width: calc(100% - 140px);
    }

    .arc-shared-footer-main {

        column-gap: 65px;
    }

    .arc-shared-footer-logo {

        width: 205px;
    }

    .arc-shared-footer-description {

        font-size: 18px;
    }

    .arc-shared-footer-heading {

        font-size: 20px;
    }

    .arc-shared-footer-links a {

        font-size: 17px;
    }
}


/* ============================================================
   SMALL DESKTOP
   ============================================================ */

@media (max-width: 1100px) {

    .arc-shared-footer-container {

        width: calc(100% - 70px);
    }

    .arc-shared-footer-main {

        column-gap: 30px;

        grid-template-columns:
            1.8fr
            0.8fr
            0.8fr
            0.8fr
            0.9fr;
    }

    .arc-shared-footer-logo {

        width: 170px;
    }

    .arc-shared-footer-description {

        font-size: 15px;
    }

    .arc-shared-footer-tagline {

        font-size: 14px;
    }

    .arc-shared-footer-heading {

        font-size: 17px;
    }

    .arc-shared-footer-links a {

        font-size: 14px;
    }

    .arc-shared-footer-divider {

        margin-top: 40px;
    }
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 800px) {

    .arc-shared-footer {

        padding: 42px 0 25px;
    }

    .arc-shared-footer-container {

        width: calc(100% - 44px);
    }


    /* --------------------------------------------------------
       MAIN FOOTER GRID
       -------------------------------------------------------- */

    .arc-shared-footer-main {

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

        gap: 36px 35px;
    }


    /* --------------------------------------------------------
       BRAND
       -------------------------------------------------------- */

    .arc-shared-footer-brand {

        grid-column: 1 / -1;
    }

    .arc-shared-footer-logo {

        width: 180px;
    }

    .arc-shared-footer-description {

        max-width: 500px;

        font-size: 15px;
    }


    /* --------------------------------------------------------
       FOOTER HEADINGS
       -------------------------------------------------------- */

    .arc-shared-footer-heading {

        font-size: 18px;
    }


    /* --------------------------------------------------------
       FOOTER LINKS
       -------------------------------------------------------- */

    .arc-shared-footer-links a {

        font-size: 15px;
    }


    /* --------------------------------------------------------
       DIVIDER
       -------------------------------------------------------- */

    .arc-shared-footer-divider {

        margin: 38px 0 19px;
    }


    /* --------------------------------------------------------
       BOTTOM
       -------------------------------------------------------- */

    .arc-shared-footer-bottom {

        align-items: flex-start;

        flex-direction: column;

        gap: 8px;
    }

    .arc-shared-footer-bottom-right {

        text-align: left;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 600px) {

    .arc-shared-footer {

        padding: 38px 0 23px;
    }

    .arc-shared-footer-container {

        width: calc(100% - 30px);
    }


    /* --------------------------------------------------------
       FOOTER MAIN
       -------------------------------------------------------- */

    .arc-shared-footer-main {

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

        gap: 30px 22px;
    }


    /* --------------------------------------------------------
       BRAND
       -------------------------------------------------------- */

    .arc-shared-footer-brand {

        grid-column: 1 / -1;
    }

    .arc-shared-footer-logo {

        width: 170px;
    }

    .arc-shared-footer-description {

        max-width: 100%;

        margin-bottom: 14px;

        font-size: 14px;

        line-height: 1.5;
    }

    .arc-shared-footer-tagline {

        font-size: 14px;
    }


    /* --------------------------------------------------------
       COLUMNS
       -------------------------------------------------------- */

    .arc-shared-footer-heading {

        margin-bottom: 10px;

        font-size: 16px;
    }

    .arc-shared-footer-links li {

        margin-bottom: 7px;
    }

    .arc-shared-footer-links a {

        font-size: 14px;

        line-height: 1.35;
    }


    /* --------------------------------------------------------
       DIVIDER
       -------------------------------------------------------- */

    .arc-shared-footer-divider {

        height: 1px;

        margin: 33px 0 18px;
    }


    /* --------------------------------------------------------
       BOTTOM
       -------------------------------------------------------- */

    .arc-shared-footer-bottom {

        gap: 8px;
    }

    .arc-shared-footer-bottom-left {

        font-size: 11px;

        line-height: 1.5;
    }

    .arc-shared-footer-bottom-right {

        font-size: 11px;

        white-space: normal;
    }
}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 400px) {

    .arc-shared-footer-container {

        width: calc(100% - 24px);
    }

    .arc-shared-footer-main {

        gap: 27px 15px;
    }

    .arc-shared-footer-logo {

        width: 155px;
    }

    .arc-shared-footer-description {

        font-size: 13px;
    }

    .arc-shared-footer-tagline {

        font-size: 13px;
    }

    .arc-shared-footer-heading {

        font-size: 15px;
    }

    .arc-shared-footer-links a {

        font-size: 13px;
    }

    .arc-shared-footer-bottom-left,
    .arc-shared-footer-bottom-right {

        font-size: 10px;
    }
}

/* About Us page */

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


/* ---------------------------------------------------------
   LARGE LAPTOPS
   --------------------------------------------------------- */

@media (max-width: 1400px) {

    .about-intro-container {
        max-width: 1320px;
        padding: 0 50px;
        column-gap: 65px;
    }

    .about-intro-title {
        font-size: 45px;
    }

    .about-intro-text p {
        font-size: 20px;
    }

    .about-intro-image {
        height: 480px;
    }
}


/* ---------------------------------------------------------
   LAPTOP / SMALL DESKTOP
   --------------------------------------------------------- */

@media (max-width: 1200px) {

    .about-intro-section {
        padding: 50px 0 45px;
    }

    .about-intro-container {
        padding: 0 40px;
        column-gap: 50px;
        grid-template-columns: minmax(0, 1.4fr) minmax(380px, 1fr);
    }

    .about-intro-eyebrow {
        font-size: 19px;
        margin-bottom: 20px;
    }

    .about-intro-title {
        font-size: 40px;
        margin-bottom: 27px;
    }

    .about-intro-text p {
        font-size: 18px;
        line-height: 1.45;
        margin-bottom: 18px;
    }

    .about-intro-image {
        height: 450px;
    }
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 991px) {

    .about-intro-section {
        padding: 50px 0;
    }

    .about-intro-container {
        padding: 0 35px;
        grid-template-columns: 1fr;
        row-gap: 40px;
    }

    .about-intro-content {
        max-width: none;
    }

    .about-intro-eyebrow {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .about-intro-title {
        font-size: 38px;
        line-height: 1.1;
        letter-spacing: -0.7px;
        margin-bottom: 25px;
    }

    .about-intro-text p {
        font-size: 18px;
        line-height: 1.5;
    }

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

    .about-intro-image {
        width: 100%;
        height: 430px;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .about-intro-section {
        padding: 40px 0;
    }

    .about-intro-container {
        padding: 0 22px;
        row-gap: 32px;
    }

    .about-intro-eyebrow {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .about-intro-title {
        font-size: 30px;
        line-height: 1.1;
        letter-spacing: -0.4px;
        margin-bottom: 22px;
    }

    .about-intro-text p {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 17px;
    }

    .about-intro-image {
        height: 350px;
    }
}


/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 480px) {

    .about-intro-section {
        padding: 35px 0;
    }

    .about-intro-container {
        padding: 0 18px;
        row-gap: 28px;
    }

    .about-intro-eyebrow {
        font-size: 15px;
    }

    .about-intro-title {
        font-size: 26px;
        line-height: 1.12;
        margin-bottom: 19px;
    }

    .about-intro-text p {
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 15px;
    }

    .about-intro-image {
        height: 290px;
    }
}

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


/* =========================================================
   LARGE LAPTOP
   ========================================================= */

@media (max-width: 1400px) {

    .about-offerings-container {
        width: min(100% - 70px, 1350px);
    }

    .about-offerings-title {
        font-size: 44px;
    }

    .about-offerings-grid {
        gap: 30px;
    }

    .about-offering-card-content {
        padding: 32px 40px 30px;
    }

    .about-offering-card-title {
        font-size: 29px;
    }

    .about-offering-card-subtitle,
    .about-offering-card-description {
        font-size: 18px;
    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
   ========================================================= */

@media (max-width: 1100px) {

    .about-offerings-section {
        padding: 55px 0 60px;
    }

    .about-offerings-container {
        width: calc(100% - 50px);
    }

    .about-offerings-heading {
        margin-bottom: 40px;
    }

    .about-offerings-title {
        font-size: 38px;
    }

    .about-offerings-grid {
        gap: 22px;
    }

    .about-offering-card {
        min-height: 350px;
    }

    .about-offering-card-content {
        padding: 28px 28px 26px;
    }

    .about-offering-card-title {
        font-size: 26px;
    }

    .about-offering-card-subtitle,
    .about-offering-card-description {
        font-size: 17px;
    }

    .about-offering-card-link {
        font-size: 18px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .about-offerings-section {
        padding: 48px 0 50px;
    }

    .about-offerings-container {
        width: calc(100% - 32px);
    }

    .about-offerings-heading {
        margin-bottom: 32px;
    }

    .about-offerings-eyebrow {
        margin-bottom: 14px;
        font-size: 16px;
    }

    .about-offerings-title {
        font-size: 31px;
        line-height: 1.15;
        letter-spacing: -0.5px;
    }

    .about-offerings-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .about-offering-card {
        min-height: 0;
    }

    .about-offering-card-content {
        padding: 27px 25px 28px;
    }

    .about-offering-card-title {
        margin-bottom: 16px;
        font-size: 26px;
    }

    .about-offering-card-subtitle,
    .about-offering-card-description {
        font-size: 17px;
        line-height: 1.5;
    }

    .about-offering-card-subtitle {
        margin-bottom: 15px;
    }

    .about-offering-card-link {
        margin-top: 30px;
        padding-top: 0;

        font-size: 18px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .about-offerings-container {
        width: calc(100% - 24px);
    }

    .about-offerings-title {
        font-size: 27px;
    }

    .about-offering-card-content {
        padding: 24px 21px 25px;
    }

    .about-offering-card-title {
        font-size: 24px;
    }

    .about-offering-card-subtitle,
    .about-offering-card-description {
        font-size: 16px;
    }

}

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


/* =========================================================
   LARGE LAPTOP
   ========================================================= */

@media (max-width: 1400px) {

    .about-vision-mission-container {
        width: min(100% - 70px, 1150px);
    }

    .about-vision-mission-title {
        font-size: 44px;
    }

    .about-vision-mission-grid {
        gap: 32px;
    }

    .about-vision-mission-card-content {
        padding: 24px 28px 28px;
    }

    .about-vision-mission-card-title {
        font-size: 27px;
    }

    .about-vision-mission-card-text {
        font-size: 17px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .about-vision-mission-section {
        padding: 52px 0 58px;
    }

    .about-vision-mission-container {
        width: calc(100% - 50px);
    }

    .about-vision-mission-title {
        font-size: 38px;
    }

    .about-vision-mission-grid {
        gap: 24px;
    }

    .about-vision-mission-card {
        min-height: 270px;
    }

    .about-vision-mission-card-content {
        padding: 24px 24px 26px;
    }

    .about-vision-mission-label {
        font-size: 17px;
    }

    .about-vision-mission-card-title {
        font-size: 25px;
    }

    .about-vision-mission-card-text {
        font-size: 16px;
        line-height: 1.45;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .about-vision-mission-section {
        padding: 45px 0 50px;
    }

    .about-vision-mission-container {
        width: calc(100% - 32px);
    }

    .about-vision-mission-heading {
        margin-bottom: 28px;
    }

    .about-vision-mission-title {
        font-size: 32px;
        line-height: 1.15;
    }

    .about-vision-mission-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .about-vision-mission-card {
        min-height: 0;
    }

    .about-vision-mission-card-content {
        padding: 24px 22px 27px;
    }

    .about-vision-mission-label {
        margin-bottom: 14px;
        font-size: 16px;
    }

    .about-vision-mission-card-title {
        margin-bottom: 14px;
        font-size: 24px;
        line-height: 1.2;
    }

    .about-vision-mission-card-text {
        font-size: 16px;
        line-height: 1.5;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .about-vision-mission-container {
        width: calc(100% - 24px);
    }

    .about-vision-mission-title {
        font-size: 28px;
    }

    .about-vision-mission-card-content {
        padding: 22px 20px 24px;
    }

    .about-vision-mission-card-title {
        font-size: 22px;
    }

    .about-vision-mission-card-text {
        font-size: 15px;
    }

}


/* =========================================================
   ABOUT US - OUR JOURNEY
   RESPONSIVE CSS
   ========================================================= */


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .about-journey-section {
        padding-top: 40px;
    }

    .about-journey-container {
        padding-left: 32px;
        padding-right: 32px;
    }

    .about-journey-title {
        font-size: 42px;
    }

    .about-journey-eyebrow {
        font-size: 18px;
    }

    .about-journey-row {
        grid-template-columns: 18% 29% 53%;
    }

    .about-journey-year {
        font-size: 27px;
    }

    .about-journey-event {
        font-size: 18px;
    }

    .about-journey-event-note {
        font-size: 18px;
    }

    .about-journey-description {
        font-size: 18px;
    }
}


/* =========================================================
   TABLET / SMALL LAPTOP
   ========================================================= */

@media (max-width: 850px) {

    .about-journey-section {
        padding-top: 36px;
    }

    .about-journey-container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .about-journey-heading {
        margin-bottom: 30px;
    }

    .about-journey-title {
        font-size: 36px;
    }

    .about-journey-eyebrow {
        font-size: 17px;
        margin-bottom: 12px;
    }

    .about-journey-row {
        grid-template-columns: 16% 29% 55%;
        min-height: 75px;
    }

    .about-journey-year {
        font-size: 24px;
        padding-right: 12px;
    }

    .about-journey-event {
        font-size: 17px;
        padding-right: 16px;
    }

    .about-journey-event-note {
        font-size: 17px;
    }

    .about-journey-description {
        font-size: 17px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .about-journey-section {
        padding: 34px 0 0;
    }

    .about-journey-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .about-journey-heading {
        margin-bottom: 26px;
    }

    .about-journey-title {
        font-size: 31px;
        line-height: 1.1;
    }

    .about-journey-eyebrow {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .about-journey-timeline {
        border-top-width: 1px;
    }

    .about-journey-row {
        grid-template-columns: 1fr;
        min-height: auto;

        padding: 18px 0;

        border-bottom-width: 1px;
        align-items: start;
    }

    .about-journey-year {
        padding: 0;
        margin-bottom: 6px;

        font-size: 25px;
        line-height: 1.2;
    }

    .about-journey-event {
        padding: 0;
        margin-bottom: 7px;

        font-size: 18px;
        line-height: 1.3;
    }

    .about-journey-event-note {
        display: inline;
        font-size: 18px;
    }

    .about-journey-description {
        padding: 0;

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


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .about-journey-section {
        padding-top: 30px;
    }

    .about-journey-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-journey-title {
        font-size: 27px;
    }

    .about-journey-eyebrow {
        font-size: 14px;
    }

    .about-journey-year {
        font-size: 23px;
    }

    .about-journey-event {
        font-size: 17px;
    }

    .about-journey-event-note {
        font-size: 17px;
    }

    .about-journey-description {
        font-size: 15px;
    }
}


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


/* =========================================================
   TABLET / SMALL LAPTOP
   ========================================================= */

@media (max-width: 1100px) {

    .about-facility-journey-section {
        padding: 52px 0 50px;
    }

    .about-facility-journey-container {
        padding-left: 32px;
        padding-right: 32px;
    }

    .about-facility-journey-heading {
        margin-bottom: 42px;
    }

    .about-facility-journey-eyebrow {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .about-facility-journey-title {
        font-size: 42px;
    }

    .about-facility-journey-gallery {
        gap: 20px;
    }

    .about-facility-journey-image {
        height: 330px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 850px) {

    .about-facility-journey-section {
        padding: 46px 0;
    }

    .about-facility-journey-container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .about-facility-journey-heading {
        margin-bottom: 34px;
    }

    .about-facility-journey-eyebrow {
        font-size: 17px;
        margin-bottom: 15px;
    }

    .about-facility-journey-title {
        font-size: 36px;
    }

    .about-facility-journey-gallery {
        gap: 16px;
    }

    .about-facility-journey-image {
        height: 270px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .about-facility-journey-section {
        padding: 38px 0 40px;
    }

    .about-facility-journey-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .about-facility-journey-heading {
        margin-bottom: 28px;
    }

    .about-facility-journey-eyebrow {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .about-facility-journey-title {
        font-size: 30px;
        line-height: 1.12;
    }

    .about-facility-journey-gallery {
        grid-template-columns: 1fr;
        gap: 18px;
    }

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


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .about-facility-journey-section {
        padding-top: 32px;
        padding-bottom: 34px;
    }

    .about-facility-journey-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-facility-journey-title {
        font-size: 27px;
    }

    .about-facility-journey-eyebrow {
        font-size: 13px;
    }

    .about-facility-journey-image {
        height: 250px;
    }
}


/* =========================================================
   ARACION LEADERSHIP SECTION
   RESPONSIVE CSS
   ========================================================= */


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .aracion-leadership-section {
        padding: 60px 4% 70px;
    }

    .aracion-leadership-heading {
        margin-bottom: 45px;
    }

    .aracion-leadership-title {
        font-size: 40px;
    }

    .aracion-leadership-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 45px;
    }

    .aracion-leadership-image-wrap {
        height: 330px;
    }

    .aracion-leadership-name {
        font-size: 23px;
    }

    .aracion-leadership-role {
        font-size: 17px;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 700px) {

    .aracion-leadership-section {
        padding: 50px 20px 60px;
    }

    .aracion-leadership-heading {
        margin-bottom: 35px;
    }

    .aracion-leadership-eyebrow {
        margin-bottom: 14px;
        font-size: 17px;
    }

    .aracion-leadership-title {
        font-size: 34px;
        letter-spacing: -0.7px;
    }

    .aracion-leadership-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .aracion-leadership-image-wrap {
        height: 360px;
    }

    .aracion-leadership-info {
        padding-top: 17px;
    }

    .aracion-leadership-name {
        font-size: 23px;
        margin-bottom: 7px;
    }

    .aracion-leadership-role {
        font-size: 17px;
        line-height: 1.35;
    }

    .aracion-leadership-linkedin {
        margin-top: 7px;
    }
}


/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 450px) {

    .aracion-leadership-section {
        padding: 42px 16px 50px;
    }

    .aracion-leadership-title {
        font-size: 30px;
    }

    .aracion-leadership-grid {
        gap: 35px;
    }

    .aracion-leadership-image-wrap {
        height: 320px;
    }

    .aracion-leadership-name {
        font-size: 21px;
    }

    .aracion-leadership-role {
        font-size: 16px;
    }
}


/* =========================================================
   WHY ORGANISATIONS CHOOSE ARACION
   RESPONSIVE CSS
   ========================================================= */


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .aracion-whychoose-section {
        padding: 60px 5% 70px;
    }

    .aracion-whychoose-heading {
        margin-bottom: 50px;
    }

    .aracion-whychoose-title {
        font-size: 40px;
    }

    .aracion-whychoose-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        column-gap: 22px;
        row-gap: 25px;
    }

    .aracion-whychoose-card {
        min-height: 230px;
        padding: 28px 30px;
    }

    .aracion-whychoose-card-title {
        font-size: 25px;
    }

    .aracion-whychoose-card-text {
        font-size: 18px;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 700px) {

    .aracion-whychoose-section {
        padding: 50px 20px 60px;
    }

    .aracion-whychoose-heading {
        margin-bottom: 38px;
    }

    .aracion-whychoose-title {
        font-size: 32px;
        line-height: 1.15;
        letter-spacing: -0.5px;
    }

    .aracion-whychoose-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .aracion-whychoose-card {
        min-height: auto;
        padding: 27px 25px;
        border-top-width: 7px;
    }

    .aracion-whychoose-card-title {
        margin-bottom: 12px;
        font-size: 24px;
    }

    .aracion-whychoose-card-text {
        max-width: none;
        font-size: 17px;
        line-height: 1.45;
    }
}


/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 450px) {

    .aracion-whychoose-section {
        padding: 42px 16px 50px;
    }

    .aracion-whychoose-title {
        font-size: 28px;
    }

    .aracion-whychoose-card {
        padding: 24px 21px;
    }

    .aracion-whychoose-card-title {
        font-size: 22px;
    }

    .aracion-whychoose-card-text {
        font-size: 16px;
    }
}


/* =========================================================
   GLOBAL LOCATIONS SECTION
   RESPONSIVE CSS
   ========================================================= */


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .aracion-globallocations-section {
        padding: 65px 5% 70px;
    }

    .aracion-globallocations-heading {
        margin-bottom: 38px;
    }

    .aracion-globallocations-title {
        font-size: 40px;
    }

    .aracion-globallocations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 28px;
    }

    .aracion-globallocations-card {
        padding-top: 20px;
        padding-bottom: 27px;
    }

    .aracion-globallocations-name {
        font-size: 25px;
    }

    .aracion-globallocations-description {
        font-size: 18px;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 700px) {

    .aracion-globallocations-section {
        padding: 52px 20px 60px;
    }

    .aracion-globallocations-heading {
        margin-bottom: 32px;
    }

    .aracion-globallocations-eyebrow {
        margin-bottom: 13px;
        font-size: 17px;
    }

    .aracion-globallocations-title {
        font-size: 33px;
        letter-spacing: -0.5px;
    }

    .aracion-globallocations-grid {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .aracion-globallocations-card {
        padding: 21px 0 25px;
    }

    .aracion-globallocations-name {
        margin-bottom: 10px;
        font-size: 23px;
    }

    .aracion-globallocations-description {
        max-width: none;
        font-size: 17px;
        line-height: 1.45;
    }
}


/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 450px) {

    .aracion-globallocations-section {
        padding: 45px 16px 52px;
    }

    .aracion-globallocations-title {
        font-size: 29px;
    }

    .aracion-globallocations-name {
        font-size: 21px;
    }

    .aracion-globallocations-description {
        font-size: 16px;
    }
}


/* EMI & EMC Testing page */

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

@media (max-width: 1024px) {

    .emc-overview-section {
        padding: 42px 25px 55px;
    }

    .emc-overview-title {
        font-size: 40px;
    }

    .emc-overview-content {
        max-width: 900px;
    }

    .emc-overview-content p {
        font-size: 16px;
    }
}


@media (max-width: 768px) {

    .emc-overview-section {
        padding: 38px 20px 50px;
    }

    .emc-overview-title {
        font-size: 34px;
        letter-spacing: -0.8px;
        margin-bottom: 20px;
    }

    .emc-overview-content {
        max-width: 100%;
    }

    .emc-overview-content p {
        font-size: 15px;
        line-height: 1.55;
        margin-bottom: 20px;
    }
}


@media (max-width: 480px) {

    .emc-overview-section {
        padding: 32px 16px 42px;
    }

    .emc-overview-title {
        font-size: 30px;
        margin-bottom: 18px;
    }

    .emc-overview-content p {
        font-size: 14px;
        line-height: 1.6;
    }
}

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

@media (max-width: 1024px) {

    .emc-gallery-wrapper {
        padding: 42px 25px 0;
    }

    .emc-gallery-grid {
        gap: 18px;
    }

    .emc-gallery-item {
        height: 300px;
    }

    .emc-capabilities-wrapper {
        padding: 55px 25px 60px;
    }

    .emc-capabilities-grid {
        column-gap: 50px;
    }
}


@media (max-width: 768px) {

    .emc-gallery-wrapper {
        padding: 38px 20px 0;
    }

    .emc-gallery-title {
        margin-bottom: 30px;
    }

    .emc-gallery-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .emc-gallery-item {
        height: 280px;
    }

    .emc-capabilities-wrapper {
        padding: 48px 20px 55px;
    }

    .emc-capabilities-title {
        margin-bottom: 32px;
    }

    .emc-capabilities-grid {
        grid-template-columns: 1fr;
        row-gap: 32px;
    }

    .emc-capability-heading {
        font-size: 26px;
    }
}


@media (max-width: 480px) {

    .emc-gallery-wrapper {
        padding: 32px 16px 0;
    }

    .emc-gallery-label {
        margin-bottom: 18px;
    }

    .emc-gallery-title {
        margin-bottom: 25px;
    }

    .emc-gallery-grid {
        gap: 14px;
    }

    .emc-gallery-item {
        height: 230px;
    }

    .emc-capabilities-wrapper {
        padding: 40px 16px 45px;
    }

    .emc-capabilities-title {
        margin-bottom: 28px;
    }

    .emc-capabilities-grid {
        row-gap: 28px;
    }

    .emc-capability-heading {
        padding-bottom: 9px;
    }

    .emc-capability-list {
        margin-top: 14px;
    }

    .emc-capability-list li {
        margin-bottom: 11px;
    }
}

/* =========================================================
   SUPPORTED EMC STANDARDS - RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {

    .emc-standards-section {
        padding: 50px 5%;
    }

    .emc-standards-title {
        font-size: 46px;
        margin-bottom: 40px;
    }

    .emc-standards-grid {
        column-gap: 6%;
    }

    .emc-standards-heading {
        font-size: 26px;
    }

    .emc-standards-list li {
        font-size: 17px;
    }
}


@media (max-width: 768px) {

    .emc-standards-section {
        padding: 45px 30px;
    }

    .emc-standards-title {
        font-size: 40px;
        margin-bottom: 35px;
    }

    .emc-standards-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .emc-standards-heading {
        font-size: 28px;
    }

    .emc-standards-line {
        margin-top: 9px;
        margin-bottom: 16px;
    }

    .emc-standards-list li {
        font-size: 18px;
        margin-bottom: 14px;
    }
}


@media (max-width: 480px) {

    .emc-standards-section {
        padding: 40px 20px;
    }

    .emc-standards-title {
        font-size: 32px;
        line-height: 1.2;
        margin-bottom: 30px;
    }

    .emc-standards-grid {
        gap: 30px;
    }

    .emc-standards-heading {
        font-size: 24px;
    }

    .emc-standards-list li {
        font-size: 18px;
        line-height: 1.45;
        margin-bottom: 12px;
    }
}

/* Environmental Page - Responsive */

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

@media (max-width: 768px) {

    .environmental-overview-section {
        padding: 45px 20px 50px;
    }

    .environmental-overview-title {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 24px;
    }

    .environmental-overview-content {
        max-width: 100%;
    }

    .environmental-overview-content p {
        font-size: 15px;
        line-height: 1.55;
        margin-bottom: 22px;
    }
}


@media (max-width: 480px) {

    .environmental-overview-section {
        padding: 40px 16px 45px;
    }

    .environmental-overview-title {
        font-size: 32px;
        line-height: 1.15;
        margin-bottom: 22px;
    }

    .environmental-overview-content p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 20px;
    }
}


/* =========================================================
   ENVIRONMENTAL TESTING
   GALLERY & CAPABILITIES RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {

    .environmental-gallery-wrapper {
        padding: 42px 25px 0;
    }

    .environmental-gallery-grid {
        gap: 18px;
    }

    .environmental-gallery-item {
        height: 300px;
    }

    .environmental-capabilities-wrapper {
        padding: 55px 25px 60px;
    }

    .environmental-capabilities-grid {
        column-gap: 50px;
    }
}


@media (max-width: 768px) {

    .environmental-gallery-wrapper {
        padding: 38px 20px 0;
    }

    .environmental-gallery-title {
        margin-bottom: 30px;
    }

    .environmental-gallery-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .environmental-gallery-item {
        height: 280px;
    }

    .environmental-capabilities-wrapper {
        padding: 48px 20px 55px;
    }

    .environmental-capabilities-title {
        margin-bottom: 32px;
    }

    .environmental-capabilities-grid {
        grid-template-columns: 1fr;
        row-gap: 32px;
    }

    .environmental-capability-heading {
        font-size: 26px;
    }
}


@media (max-width: 480px) {

    .environmental-gallery-wrapper {
        padding: 32px 16px 0;
    }

    .environmental-gallery-label {
        margin-bottom: 18px;
    }

    .environmental-gallery-title {
        margin-bottom: 25px;
    }

    .environmental-gallery-grid {
        gap: 14px;
    }

    .environmental-gallery-item {
        height: 230px;
    }

    .environmental-capabilities-wrapper {
        padding: 40px 16px 45px;
    }

    .environmental-capabilities-title {
        margin-bottom: 28px;
    }

    .environmental-capabilities-grid {
        row-gap: 28px;
    }

    .environmental-capability-heading {
        padding-bottom: 9px;
    }

    .environmental-capability-list {
        margin-top: 14px;
    }

    .environmental-capability-list li {
        margin-bottom: 11px;
    }
}

/* =========================================================
   SUPPORTED STANDARDS - RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {

    .supported-standards-section {
        padding: 50px 5%;
    }

    .supported-standards-title {
        font-size: 38px;
        margin-bottom: 35px;
    }

    .supported-standards-list {
        gap: 12px;
    }

    .supported-standard-item {
        padding: 0 13px;
    }
}


@media (max-width: 768px) {

    .supported-standards-section {
        padding: 45px 30px;
    }

    .supported-standards-title {
        font-size: 34px;
        margin-bottom: 30px;
    }

    .supported-standards-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .supported-standard-item {
        width: 100%;
        min-height: 52px;
        padding: 10px 12px;
        text-align: center;
        white-space: normal;
    }
}


@media (max-width: 480px) {

    .supported-standards-section {
        padding: 40px 20px;
    }

    .supported-standards-title {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .supported-standards-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .supported-standard-item {
        min-height: 50px;
        font-size: 15px;
    }
}


/* Cellular Device page */

/* =========================================================
   RF TESTING OVERVIEW - RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {

    .rf-testing-overview-section {
        padding: 50px 5%;
    }

    .rf-testing-overview-container {
        max-width: 900px;
    }

    .rf-testing-overview-title {
        font-size: 38px;
    }

    .rf-testing-overview-content p {
        font-size: 15px;
    }
}


@media (max-width: 768px) {

    .rf-testing-overview-section {
        padding: 45px 30px;
    }

    .rf-testing-overview-title {
        font-size: 34px;
        margin-bottom: 22px;
    }

    .rf-testing-overview-content p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 18px;
    }
}


@media (max-width: 480px) {

    .rf-testing-overview-section {
        padding: 40px 20px;
    }

    .rf-testing-overview-title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .rf-testing-overview-content p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 17px;
    }
}

/* =========================================================
   DEVICE TEST BENCH - RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {

    .device-bench-section {
        padding: 50px 5%;
    }

    .device-bench-gallery {
        gap: 12px;
    }

    .device-bench-image {
        height: 210px;
    }

    .device-capabilities-grid {
        column-gap: 25px;
    }

    .device-capability-list li {
        font-size: 15px;
    }
}


@media (max-width: 768px) {

    .device-bench-section {
        padding: 45px 30px;
    }

    .device-bench-title,
    .device-capabilities-title {
        font-size: 34px;
    }

    .device-bench-gallery {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .device-bench-image {
        height: 250px;
    }

    .device-capabilities-title {
        margin-top: 40px;
        margin-bottom: 25px;
    }

    .device-capabilities-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 25px;
    }
}


@media (max-width: 480px) {

    .device-bench-section {
        padding: 40px 20px;
    }

    .device-bench-label {
        font-size: 15px;
    }

    .device-bench-title,
    .device-capabilities-title {
        font-size: 30px;
    }

    .device-bench-gallery {
        gap: 12px;
    }

    .device-bench-image {
        height: 220px;
    }

    .device-capabilities-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .device-capability-heading {
        font-size: 19px;
    }

    .device-capability-list li {
        font-size: 15px;
    }
}

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

@media (max-width: 768px) {

    .cellular-standards-section {
        padding: 40px 20px 44px;
    }

    .cellular-standards-section h2 {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 26px;
    }

    .cellular-standards-list {
        gap: 10px 8px;
    }

    .cellular-standard-item {
        font-size: 15px;
        padding: 7px 11px;
        white-space: normal;
        text-align: center;
    }
}


@media (max-width: 480px) {

    .cellular-standards-section {
        padding: 34px 16px 38px;
    }

    .cellular-standards-section h2 {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 24px;
    }

    .cellular-standards-list {
        gap: 9px 7px;
    }

    .cellular-standard-item {
        font-size: 15px;
        padding: 7px 10px;
    }
}

/* O-RAN Testing Page */

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

@media (max-width: 768px) {

    .catr-overview-section {
        padding: 40px 20px;
    }

    .catr-overview-container {
        max-width: 100%;
    }

    .catr-overview-container h2 {
        font-size: 38px;
    }

    .catr-overview-container p {
        font-size: 15px;
        line-height: 1.55;
    }

    .catr-overview-highlight {
        font-size: 15px;
        line-height: 1.5;
        margin-top: 24px;
    }

    .catr-overview-button {
        font-size: 15px;
    }
}

@media (max-width: 480px) {

    .catr-overview-section {
        padding: 34px 16px;
    }

    .catr-overview-container h2 {
        font-size: 38px;
    }

    .catr-overview-container p {
        font-size: 15px;
    }

    .catr-overview-highlight {
        padding: 10px 12px;
        font-size: 15px;
    }
}

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

@media (max-width: 768px) {

    .catr-gallery-section {
        padding: 36px 20px 42px;
    }

    .catr-gallery-section h2 {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 28px;
    }

    .catr-gallery-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .catr-gallery-item {
        height: 250px;
    }

    .catr-capabilities-section {
        padding: 0 20px 44px;
    }

    .catr-capabilities-section > h2 {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 32px;
    }

    .catr-capabilities-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .catr-capability-column h3 {
        font-size: 19px;
    }

    .catr-capability-column li {
        font-size: 15px;
    }
}


@media (max-width: 480px) {

    .catr-gallery-section {
        padding: 32px 16px 36px;
    }

    .catr-section-label {
        font-size: 15px;
    }

    .catr-gallery-section h2 {
        font-size: 38px;
        line-height: 1.15;
    }

    .catr-gallery-item {
        height: 220px;
    }

    .catr-capabilities-section {
        padding: 0 16px 38px;
    }

    .catr-capabilities-section > h2 {
        font-size: 38px;
        line-height: 1.15;
    }

    .catr-capabilities-grid {
        gap: 28px;
    }

    .catr-capability-column h3 {
        font-size: 19px;
    }

    .catr-capability-column li {
        font-size: 15px;
    }
}

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

@media (max-width: 768px) {

    .catr-standards-section {
        padding: 40px 20px 44px;
    }

    .catr-standards-section h2 {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 26px;
    }

    .catr-standards-list {
        gap: 10px 8px;
    }

    .catr-standard-item {
        font-size: 15px;
        padding: 7px 11px;
        white-space: normal;
        text-align: center;
    }
}


@media (max-width: 480px) {

    .catr-standards-section {
        padding: 34px 16px 38px;
    }

    .catr-standards-section h2 {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 24px;
    }

    .catr-standards-list {
        gap: 9px 7px;
    }

    .catr-standard-item {
        font-size: 15px;
        padding: 7px 10px;
    }
}

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

@media (max-width: 768px) {

    .wireless-overview-section {
        padding: 40px 20px 44px;
    }

    .wireless-overview-container h2 {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 24px;
    }

    .wireless-overview-container p {
        max-width: 100%;
        font-size: 15px;
        line-height: 1.55;
    }
}


@media (max-width: 480px) {

    .wireless-overview-section {
        padding: 34px 16px 38px;
    }

    .wireless-overview-container h2 {
        font-size: 38px;
        line-height: 1.15;
    }

    .wireless-overview-container p {
        font-size: 15px;
        line-height: 1.55;
    }
}

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

@media (max-width: 1024px) {

    .wireless-gallery-wrapper {
        padding: 42px 25px 0;
    }

    .wireless-gallery-grid {
        gap: 18px;
    }

    .wireless-gallery-item {
        height: 300px;
    }

    .wireless-capabilities-wrapper {
        padding: 55px 25px 60px;
    }

    .wireless-capabilities-grid {
        column-gap: 50px;
    }
}


@media (max-width: 768px) {

    .wireless-gallery-wrapper {
        padding: 38px 20px 0;
    }

    .wireless-gallery-title {
        margin-bottom: 30px;
    }

    .wireless-gallery-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .wireless-gallery-item {
        height: 280px;
    }

    .wireless-capabilities-wrapper {
        padding: 48px 20px 55px;
    }

    .wireless-capabilities-title {
        margin-bottom: 32px;
    }

    .wireless-capabilities-grid {
        grid-template-columns: 1fr;
        row-gap: 32px;
    }

    .wireless-capability-heading {
        font-size: 26px;
    }
}


@media (max-width: 480px) {

    .wireless-gallery-wrapper {
        padding: 32px 16px 0;
    }

    .wireless-gallery-label {
        margin-bottom: 18px;
    }

    .wireless-gallery-title {
        margin-bottom: 25px;
    }

    .wireless-gallery-grid {
        gap: 14px;
    }

    .wireless-gallery-item {
        height: 230px;
    }

    .wireless-capabilities-wrapper {
        padding: 40px 16px 45px;
    }

    .wireless-capabilities-title {
        margin-bottom: 28px;
    }

    .wireless-capabilities-grid {
        row-gap: 28px;
    }

    .wireless-capability-heading {
        padding-bottom: 9px;
    }

    .wireless-capability-list {
        margin-top: 14px;
    }

    .wireless-capability-list li {
        margin-bottom: 11px;
    }
}

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

@media (max-width: 1024px) {

    .wireless-standards-container {
        width: 90%;
    }

    .wireless-standards-list {
        gap: 10px;
    }

    .wireless-standard-item {
        padding: 7px 14px;
    }
}


@media (max-width: 768px) {

    .wireless-standards-section {
        padding: 40px 0 45px;
    }

    .wireless-standards-container {
        width: 90%;
    }

    .wireless-standards-title {
        margin-bottom: 30px;
        font-size: 32px;
    }

    .wireless-standards-list {
        gap: 10px;
    }

    .wireless-standard-item {
        font-size: 15px;
        padding: 7px 13px;
        white-space: normal;
        text-align: center;
    }
}


@media (max-width: 480px) {

    .wireless-standards-section {
        padding: 32px 0 40px;
    }

    .wireless-standards-title {
        margin-bottom: 25px;
        font-size: 28px;
    }

    .wireless-standards-list {
        gap: 9px;
    }

    .wireless-standard-item {
        font-size: 15px;
        padding: 7px 12px;
    }
}

/* LANDING PAGE */

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

@media (max-width: 1024px) {

    .services-container {
        width: 90%;
    }

    .services-grid {
        gap: 16px;
    }

    .service-card {
        padding: 20px 22px 17px;
    }
}


@media (max-width: 768px) {

    .services-section {
        padding: 40px 0 45px;
    }

    .services-container {
        width: 90%;
    }

    .services-header {
        margin-bottom: 32px;
    }

    .services-title {
        font-size: 32px;
    }

    .services-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .service-card {
        min-height: 175px;
        padding: 20px 22px 18px;
    }

    .service-card-title {
        font-size: 19px;
    }

    .service-card-description {
        font-size: 15px;
    }

    .service-card-link {
        font-size: 15px;
    }
}


@media (max-width: 480px) {

    .services-section {
        padding: 32px 0 40px;
    }

    .services-container {
        width: 90%;
    }

    .services-label {
        font-size: 15px;
    }

    .services-title {
        font-size: 28px;
    }

    .services-intro {
        font-size: 15px;
    }

    .services-header {
        margin-bottom: 26px;
    }

    .services-grid {
        gap: 14px;
    }

    .service-card {
        min-height: 165px;
        padding: 18px 20px 16px;
    }

    .service-card-title {
        font-size: 19px;
    }

    .service-card-description {
        font-size: 15px;
    }

    .service-card-link {
        font-size: 15px;
        padding-top: 12px;
    }
}

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

@media (max-width: 1024px) {

    .why-alvex-container {
        width: 90%;
    }

    .why-alvex-grid {
        gap: 18px;
    }

    .why-alvex-card {
        padding: 19px 18px 17px;
    }
}


@media (max-width: 768px) {

    .why-alvex-section {
        padding: 40px 0 45px;
    }

    .why-alvex-container {
        width: 90%;
    }

    .why-alvex-title {
        margin-bottom: 32px;
        font-size: 32px;
    }

    .why-alvex-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .why-alvex-card {
        min-height: auto;
        padding: 20px 22px 18px;
    }

    .why-alvex-card h3 {
        font-size: 19px;
    }

    .why-alvex-card p {
        font-size: 15px;
    }
}


@media (max-width: 480px) {

    .why-alvex-section {
        padding: 32px 0 40px;
    }

    .why-alvex-container {
        width: 90%;
    }

    .why-alvex-title {
        margin-bottom: 26px;
        font-size: 28px;
    }

    .why-alvex-grid {
        gap: 14px;
    }

    .why-alvex-card {
        padding: 18px 20px 16px;
    }

    .why-alvex-card h3 {
        font-size: 19px;
    }

    .why-alvex-card p {
        font-size: 15px;
    }
}

/* =========================================================
   INSIDE THE LABORATORY - RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .facility-gallery-section {
        padding: 40px 0 60px;
    }

    .facility-gallery-container {
        padding: 0 35px;
    }

    .facility-gallery-title {
        margin-bottom: 35px;
    }

    .facility-gallery-grid {
        gap: 14px;
    }

}


@media (max-width: 767px) {

    .facility-gallery-section {
        padding: 35px 0 50px;
    }

    .facility-gallery-container {
        padding: 0 20px;
    }

    .facility-gallery-label {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .facility-gallery-title {
        font-size: 38px;
        margin-bottom: 28px;
    }

    .facility-gallery-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .facility-gallery-item {
        aspect-ratio: 16 / 10;
    }

}


@media (max-width: 480px) {

    .facility-gallery-section {
        padding: 30px 0 45px;
    }

    .facility-gallery-container {
        padding: 0 16px;
    }

    .facility-gallery-title {
        font-size: 38px;
        line-height: 1.15;
    }

    .facility-gallery-item {
        aspect-ratio: 16 / 10;
    }

}

/* contact us page */

/* =========================================================
   TABLET
   ========================================================= */

/* =========================================================
   CONTACT SECTION - RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .contact-section-inner {
        padding: 0 30px;
    }

    .contact-heading h2 {
        font-size: 34px;
    }

    .contact-layout {
        grid-template-columns: minmax(0, 1fr) 250px;
        column-gap: 15px;
    }

}


@media (max-width: 700px) {

    .contact-section {
        padding: 45px 0 60px;
    }

    .contact-section-inner {
        padding: 0 20px;
    }

    .contact-heading {
        margin-bottom: 35px;
    }

    .contact-heading h2 {
        font-size: 28px;
        line-height: 1.2;
    }

    .contact-intro {
        font-size: 14px;
        line-height: 1.5;
    }

    .contact-layout {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .contact-form-grid {
        grid-template-columns: 1fr;
        row-gap: 15px;
    }

    .contact-direct-lines {
        width: 100%;
        min-height: auto;
    }

}


@media (max-width: 480px) {

    .contact-section-inner {
        padding: 0 15px;
    }

    .contact-heading h2 {
        font-size: 25px;
    }

    .contact-intro {
        font-size: 14px;
    }

    .contact-field label,
    .contact-message-field label {
        font-size: 15px;
    }

    .contact-field input {
        height: 44px;
    }

    .contact-message-field textarea {
        height: 130px;
        min-height: 130px;
    }

    .contact-privacy {
        align-items: flex-start;
    }

    .contact-privacy label {
        font-size: 13px;
    }

    .contact-submit {
        width: auto;
        padding: 11px 16px;
    }

}

/* =========================================================
   OFFICES - RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {

    .offices-section {
        padding: 45px 40px 50px;
    }

    .offices-section h2 {
        font-size: 34px;
        margin-bottom: 36px;
    }

    .offices-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .office-card {
        min-height: 195px;
    }
}


@media (max-width: 767px) {

    .offices-section {
        padding: 40px 20px 45px;
    }

    .offices-section .section-label {
        font-size: 14px;
        margin-bottom: 14px;
    }

    .offices-section h2 {
        font-size: 30px;
        line-height: 1.15;
        margin-bottom: 30px;
    }

    .offices-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .office-card {
        min-height: auto;
        padding: 19px 18px 18px;
    }

    .office-card h3 {
        font-size: 19px;
    }

    .office-card p,
    .office-card a {
        font-size: 15px;
    }
}


@media (max-width: 480px) {

    .offices-section {
        padding: 35px 16px 40px;
    }

    .offices-section h2 {
        font-size: 27px;
    }

    .office-card {
        padding: 18px 16px;
    }

    .office-card h3 {
        font-size: 18px;
    }

    .office-card p,
    .office-card a {
        font-size: 14px;
    }
}

/* =========================================================
   ENGINEERING EXPERTISE
   RESPONSIVE CSS
   ========================================================= */

@media (max-width: 1024px) {

    .industries-section {
        padding: 50px 40px 55px;
    }

    .industries-section h2 {
        font-size: 34px;
        margin-bottom: 36px;
    }

    .industries-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .industry-card {
        min-height: 145px;
    }
}


@media (max-width: 767px) {

    .industries-section {
        padding: 42px 20px 48px;
    }

    .industries-section h2 {
        font-size: 30px;
        line-height: 1.15;
        margin-bottom: 30px;
    }

    .industries-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .industry-card {
        min-height: auto;
        padding: 19px 18px 18px;
    }

    .industry-card h3 {
        font-size: 19px;
    }

    .industry-card p {
        font-size: 15px;
    }
}


@media (max-width: 480px) {

    .industries-section {
        padding: 35px 16px 42px;
    }

    .industries-section h2 {
        font-size: 27px;
        line-height: 1.15;
    }

    .industry-card {
        padding: 18px 16px;
    }

    .industry-card h3 {
        font-size: 18px;
    }

    .industry-card p {
        font-size: 14px;
    }
}

/* OTA testing */

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


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .alvex-overview-spec-section {
        padding-top: 50px;
    }


    /* OVERVIEW */

    .alvex-overview-block {
        padding: 0 20px;
    }

    .alvex-overview-title,
    .alvex-facility-title {
        /* KEEP GLOBAL H2 SIZE */
        font-size: 38px;
    }

    .alvex-overview-content {
        max-width: 900px;
    }

    .alvex-overview-content p {
        /* KEEP GLOBAL CONTENT SIZE */
        font-size: 15px;
        line-height: 1.55;
    }


    /* FACILITY */

    .alvex-facility-block {
        padding: 38px 18px 0;
    }


    /* SPECIFICATION */

    .alvex-specification-bar {
        grid-template-columns: repeat(3, 1fr);
        padding: 15px 0;
    }

    .alvex-spec-item {
        min-height: 100px;
        padding: 15px 15px;
    }


    .alvex-spec-item:nth-child(3) {
        border-right: none;
    }


    .alvex-spec-item:nth-child(4),
    .alvex-spec-item:nth-child(5),
    .alvex-spec-item:nth-child(6) {
        border-top: 1px solid #e2e2e2;
    }


    .alvex-spec-label {
        /* KEEP GLOBAL H3 SIZE */
        font-size: 19px;
    }


    .alvex-spec-item strong {
        /* KEEP GLOBAL CONTENT SIZE */
        font-size: 15px;
        white-space: normal;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .alvex-overview-spec-section {
        padding: 40px 0 0;
    }


    /* OVERVIEW */

    .alvex-overview-block {
        padding: 0 16px;
    }


    .alvex-overview-title,
    .alvex-facility-title {
        /* KEEP GLOBAL H2 SIZE */
        font-size: 38px;
        line-height: 1.15;
    }


    .alvex-overview-title {
        margin-bottom: 22px;
    }


    .alvex-overview-content {
        max-width: 100%;
    }


    .alvex-overview-content p {
        /* KEEP GLOBAL CONTENT SIZE */
        font-size: 15px;
        line-height: 1.55;
        margin-bottom: 20px;
    }


    /* FACILITY */

    .alvex-facility-block {
        padding: 32px 10px 0;
    }


    .alvex-facility-title {
        margin-bottom: 25px;
    }


    /* SPECIFICATION */

    .alvex-specification-bar {
        width: 100%;

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

        padding: 10px 0;
    }


    .alvex-spec-item {
        min-height: 100px;

        padding: 15px 10px;

        border-right: 1px solid #4db5dc;
        border-bottom: 1px solid #e1e1e1;
    }


    .alvex-spec-item:nth-child(2n) {
        border-right: none;
    }


    .alvex-spec-item:nth-child(5),
    .alvex-spec-item:nth-child(6) {
        border-bottom: none;
    }


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


    .alvex-spec-label {
        /* KEEP GLOBAL H3 SIZE */
        font-size: 19px;
        margin-bottom: 8px;
    }


    .alvex-spec-item strong {
        /* KEEP GLOBAL CONTENT SIZE */
        font-size: 15px;
        line-height: 1.3;
        white-space: normal;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .alvex-overview-spec-section {
        padding-top: 35px;
    }


    .alvex-overview-block {
        padding: 0 14px;
    }


    .alvex-overview-title,
    .alvex-facility-title {
        /* H2 = 38px */
        font-size: 38px;
        line-height: 1.15;
    }


    .alvex-overview-content p {
        /* CONTENT = 15px */
        font-size: 15px;
        line-height: 1.5;
    }


    .alvex-facility-block {
        padding-left: 8px;
        padding-right: 8px;
    }


    .alvex-spec-item {
        min-height: 95px;
        padding: 12px 7px;
    }


    .alvex-spec-label {
        /* H3 = 19px */
        font-size: 19px;
    }


    .alvex-spec-item strong {
        /* CONTENT = 15px */
        font-size: 15px;
    }

}

/* =========================================================
   GALLERY - RESPONSIVE
   ========================================================= */


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .range-gallery-section {
        padding: 42px 0 58px;
    }

    .range-gallery-label {
        font-size: 17px;
        margin-bottom: 18px;
    }

    .range-gallery-heading h2 {
        font-size: 40px;
    }

    .range-gallery-heading {
        margin-bottom: 32px;
    }

    .range-gallery-grid {
        width: calc(100% - 8%);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .range-gallery-section {
        padding: 36px 0 48px;
    }

    .range-gallery-heading {
        padding: 0 20px;
        margin-bottom: 28px;
    }

    .range-gallery-label {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .range-gallery-heading h2 {
        font-size: 32px;
        line-height: 1.15;
    }

    .range-gallery-grid {
        width: calc(100% - 32px);
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .range-gallery-item {
        aspect-ratio: 1.25 / 1;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .range-gallery-section {
        padding: 30px 0 40px;
    }

    .range-gallery-heading {
        padding: 0 16px;
        margin-bottom: 24px;
    }

    .range-gallery-label {
        font-size: 15px;
    }

    .range-gallery-heading h2 {
        font-size: 28px;
    }

    .range-gallery-grid {
        width: calc(100% - 24px);
        gap: 14px;
    }

}

/* =========================================================
   CAPABILITIES - RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {

    .capabilities-container {
        padding: 0 45px;
    }

    .capabilities-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 45px;
        row-gap: 55px;
    }

    .capabilities-title {
        font-size: 36px;
    }

    .capability-column h3 {
        font-size: 22px;
    }

}


@media (max-width: 768px) {

    .capabilities-section {
        padding: 45px 0 55px;
    }

    .capabilities-container {
        padding: 0 25px;
    }

    .capabilities-title {
        font-size: 32px;
        line-height: 1.15;
    }

    .capabilities-grid {
        grid-template-columns: 1fr;
        gap: 45px;
        margin-top: 50px;
    }

    .capability-column h3 {
        min-height: auto;
        font-size: 21px;
        line-height: 1.25;
    }

    .capability-divider {
        margin: 14px 0 22px;
    }

    .capability-list p {
        font-size: 15px;
        line-height: 22px;
        height: auto;
        min-height: 44px;
        margin-bottom: 24px;
    }

}


@media (max-width: 480px) {

    .capabilities-section {
        padding: 38px 0 48px;
    }

    .capabilities-container {
        padding: 0 20px;
    }

    .capabilities-title {
        font-size: 29px;
    }

    .capabilities-grid {
        margin-top: 40px;
        gap: 38px;
    }

    .capability-column h3 {
        font-size: 20px;
    }

    .capability-list p {
        font-size: 15px;
        line-height: 22px;
        min-height: 44px;
    }

}

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

@media (max-width: 1024px) {

    .ota-standards-container {
        width: 90%;
    }

    .ota-standards-list {
        gap: 10px;
    }

    .ota-standard-item {
        padding: 7px 14px;
    }
}


@media (max-width: 768px) {

    .ota-standards-section {
        padding: 40px 0 45px;
    }

    .ota-standards-container {
        width: 90%;
    }

    .ota-standards-title {
        margin-bottom: 30px;
        font-size: 32px;
    }

    .ota-standards-list {
        gap: 10px;
    }

    .ota-standard-item {
        font-size: 15px;
        padding: 7px 13px;
        white-space: normal;
        text-align: center;
    }
}


@media (max-width: 480px) {

    .ota-standards-section {
        padding: 32px 0 40px;
    }

    .ota-standards-title {
        margin-bottom: 25px;
        font-size: 28px;
    }

    .ota-standards-list {
        gap: 9px;
    }

    .ota-standard-item {
        font-size: 15px;
        padding: 7px 12px;
    }
}

/* CybersecurityTesting Page */

/* =========================================================
   SECURITY STATUS + OVERVIEW
   RESPONSIVE CSS
   ========================================================= */


@media (max-width: 1200px) {

    .security-status-wrapper {
        padding: 0 45px;
    }

    .security-overview-content {
        padding-left: 45px;
        padding-right: 45px;
    }

    .security-status-text {
        max-width: 100%;
    }

    .security-overview-description {
        max-width: 850px;
    }

}


@media (max-width: 768px) {

    .security-status-panel {
        padding: 15px 0 28px;
    }

    .security-status-wrapper {
        padding: 0 25px;
    }

    .security-status-heading {
        font-size: 18px;
    }

    .security-status-text {
        font-size: 17px;
        line-height: 1.55;
    }


    .security-overview-content {
        padding: 40px 25px 48px;
    }

    .security-overview-heading {
        font-size: 32px;
    }

    .security-overview-description {
        margin-top: 22px;

        font-size: 17px;
        line-height: 1.55;
    }

}


@media (max-width: 480px) {

    .security-status-panel {
        padding: 14px 0 24px;
    }

    .security-status-wrapper {
        padding: 0 20px;
    }

    .security-status-heading {
        font-size: 17px;
    }

    .security-status-text {
        font-size: 16px;
        line-height: 1.5;
    }


    .security-overview-content {
        padding: 35px 20px 42px;
    }

    .security-overview-heading {
        font-size: 29px;
    }

    .security-overview-description {
        margin-top: 20px;

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

}

/* =========================================================
   SECURITY CAPABILITIES
   RESPONSIVE CSS
   ========================================================= */

@media (max-width: 1200px) {

    .security-capabilities-wrapper {
        padding: 0 45px;
    }

    .security-capabilities-grid {
        column-gap: 60px;
    }

}


@media (max-width: 768px) {

    .security-capabilities-section {
        padding: 48px 0 58px;
    }

    .security-capabilities-wrapper {
        padding: 0 25px;
    }

    .security-capabilities-heading {
        font-size: 32px;
    }

    .security-capabilities-grid {
        grid-template-columns: 1fr;
        row-gap: 48px;
        margin-top: 45px;
    }

    .security-capability-title {
        font-size: 25px;
    }

    .security-capability-divider {
        margin: 12px 0 22px;
    }

    .security-capability-list p {
        font-size: 17px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

}


@media (max-width: 480px) {

    .security-capabilities-section {
        padding: 40px 0 48px;
    }

    .security-capabilities-wrapper {
        padding: 0 20px;
    }

    .security-capabilities-heading {
        font-size: 29px;
    }

    .security-capabilities-grid {
        margin-top: 38px;
        row-gap: 40px;
    }

    .security-capability-title {
        font-size: 23px;
    }

    .security-capability-list p {
        font-size: 16px;
        line-height: 1.5;
    }

}

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

@media (max-width: 1024px) {

    .cyber-standards-container {
        width: 90%;
    }

    .cyber-standards-list {
        gap: 10px;
    }

    .cyber-standard-item {
        padding: 7px 14px;
    }
}


@media (max-width: 768px) {

    .cyber-standards-section {
        padding: 40px 0 45px;
    }

    .cyber-standards-container {
        width: 90%;
    }

    .cyber-standards-title {
        margin-bottom: 30px;
        font-size: 32px;
    }

    .cyber-standards-list {
        gap: 10px;
    }

    .cyber-standard-item {
        font-size: 15px;
        padding: 7px 13px;
        white-space: normal;
        text-align: center;
    }
}


@media (max-width: 480px) {

    .cyber-standards-section {
        padding: 32px 0 40px;
    }

    .cyber-standards-title {
        margin-bottom: 25px;
        font-size: 28px;
    }

    .cyber-standards-list {
        gap: 9px;
    }

    .cyber-standard-item {
        font-size: 15px;
        padding: 7px 12px;
    }
}

/* operatorTesting page */

/* =========================================================
   ALVEX OVERVIEW - RESPONSIVE CSS
   Typography remains fixed according to project rule.
   ========================================================= */

@media (max-width: 1200px) {

    .alvex-overview-inner {
        padding-left: 35px;
        padding-right: 35px;
    }

    .alvex-overview-content {
        max-width: 100%;
    }
}


@media (max-width: 900px) {

    .alvex-overview-section {
        padding: 55px 0 45px;
    }

    .alvex-overview-inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .alvex-overview-title {
        margin-bottom: 25px;
    }
}


@media (max-width: 600px) {

    .alvex-overview-section {
        padding: 45px 0 40px;
    }

    .alvex-overview-inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .alvex-overview-title {
        margin-bottom: 22px;
    }

    .alvex-overview-content p {
        margin-bottom: 22px;
    }
}


@media (max-width: 400px) {

    .alvex-overview-section {
        padding: 40px 0 35px;
    }

    .alvex-overview-inner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .alvex-overview-title {
        margin-bottom: 20px;
    }
}

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


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .alvex-hardware-section {
        padding: 35px 0 45px;
    }


    /* Gallery */

    .alvex-hardware-gallery {
        padding-left: 30px;
        padding-right: 30px;
    }

    .alvex-hardware-gallery-grid {
        gap: 10px;
    }

    .alvex-hardware-gallery-item {
        height: 250px;
    }


    /* Capabilities */

    .alvex-hardware-capabilities {
        max-width: 100%;
        margin-top: 45px;

        padding-left: 30px;
        padding-right: 30px;
    }

    .alvex-hardware-capabilities-grid {
        column-gap: 30px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .alvex-hardware-section {
        padding: 30px 0 40px;
    }


    /* Gallery */

    .alvex-hardware-gallery {
        padding-left: 20px;
        padding-right: 20px;
    }

    .alvex-hardware-label {
        margin-bottom: 12px;
    }

    .alvex-hardware-title {
        margin-bottom: 22px;
    }

    .alvex-hardware-gallery-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .alvex-hardware-gallery-item {
        height: 230px;
    }


    /* Capabilities */

    .alvex-hardware-capabilities {
        margin-top: 40px;

        padding-left: 20px;
        padding-right: 20px;
    }

    .alvex-hardware-capabilities-title {
        margin-bottom: 28px;
    }

    .alvex-hardware-capabilities-grid {
        grid-template-columns: 1fr;
        row-gap: 30px;
        column-gap: 0;
    }

    .alvex-hardware-capability-line {
        margin-top: 9px;
        margin-bottom: 13px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 400px) {

    .alvex-hardware-gallery {
        padding-left: 16px;
        padding-right: 16px;
    }

    .alvex-hardware-capabilities {
        padding-left: 16px;
        padding-right: 16px;
    }

    .alvex-hardware-gallery-item {
        height: 210px;
    }
}

/* Product landing page */

/* =========================================================
   PRODUCT LINES
   RESPONSIVE CSS
   ========================================================= */


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .alvex-product-lines-section {
        padding: 55px 0 55px;
    }

    .alvex-product-lines-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .alvex-product-lines-heading {
        margin-bottom: 40px;
    }

    .alvex-product-lines-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 15px;
    }

    .alvex-product-card-image {
        height: 210px;
    }
}


/* =========================================================
   SMALL TABLET
   ========================================================= */

@media (max-width: 700px) {

    .alvex-product-lines-section {
        padding: 50px 0 50px;
    }

    .alvex-product-lines-container {
        padding-left: 25px;
        padding-right: 25px;
    }

    .alvex-product-lines-heading {
        margin-bottom: 35px;
    }

    .alvex-product-lines-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .alvex-product-card-image {
        height: 250px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .alvex-product-lines-section {
        padding: 45px 0 45px;
    }

    .alvex-product-lines-container {
        padding-left: 20px;
        padding-right: 20px;
    }


    /* Section Heading */

    .alvex-product-lines-heading {
        margin-bottom: 30px;
    }

    .alvex-product-lines-label {
        margin-bottom: 13px;
    }


    /* Product Grid */

    .alvex-product-lines-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }


    /* Product Image */

    .alvex-product-card-image {
        height: 230px;
    }


    /* Card Content */

    .alvex-product-card-content {
        padding: 14px 15px 17px;
    }

    .alvex-product-card-number {
        margin-bottom: 9px;
    }

    .alvex-product-card-title {
        margin-bottom: 11px;
    }

    .alvex-product-card-description {
        margin-bottom: 11px;
    }

    .alvex-product-card-list {
        margin-bottom: 20px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 400px) {

    .alvex-product-lines-section {
        padding: 40px 0 40px;
    }

    .alvex-product-lines-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .alvex-product-card-image {
        height: 210px;
    }

    .alvex-product-card-content {
        padding-left: 14px;
        padding-right: 14px;
    }
}

/* =========================================================
   FEATURED CAPABILITY
   RESPONSIVE CSS
   ========================================================= */


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .alvex-featured-capability {
        padding: 25px 30px;
    }

    .alvex-featured-wrapper {
        padding: 28px;
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .alvex-featured-content {
        width: 100%;
    }

    .alvex-featured-description {
        max-width: 100%;
    }

    .alvex-featured-specs {
        max-width: 100%;
    }

    .alvex-featured-image-wrapper {
        min-height: 360px;
        height: 360px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .alvex-featured-capability {
        padding: 20px 16px;
    }

    .alvex-featured-wrapper {
        padding: 22px 18px;
        gap: 25px;
    }


    /* H2 remains project standard: 38px */

    .alvex-featured-title {
        font-size: 38px;
        line-height: 1.15;
    }


    /* Content remains project standard: 15px */

    .alvex-featured-description {
        font-size: 15px;
        line-height: 1.6;
    }


    /* Specifications */

    .alvex-featured-specs {
        grid-template-columns: repeat(2, 1fr);
        padding: 14px;
    }

    .alvex-featured-spec-item {
        min-height: 65px;
        padding: 8px 12px;
    }

    .alvex-featured-spec-item:nth-child(2),
    .alvex-featured-spec-item:nth-child(6) {
        border-left: 1px solid #43b1e5;
    }

    .alvex-featured-spec-item:nth-child(3),
    .alvex-featured-spec-item:nth-child(5) {
        border-left: none;
    }


    .alvex-featured-spec-label {
        font-size: 10px;
    }

    .alvex-featured-spec-value {
        font-size: 13px;
    }


    /* Button */

    .alvex-featured-button {
        font-size: 16px;
        width: fit-content;
        padding: 9px 12px;
    }


    /* Image */

    .alvex-featured-image-wrapper {
        min-height: 300px;
        height: 300px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .alvex-featured-capability {
        padding: 16px 12px;
    }

    .alvex-featured-wrapper {
        padding: 20px 15px;
        gap: 22px;
    }


    /* H2 = 38px */

    .alvex-featured-title {
        font-size: 38px;
        line-height: 1.12;
    }


    /* Content = 15px */

    .alvex-featured-description {
        font-size: 15px;
        line-height: 1.55;
    }


    /* Specifications become one column */

    .alvex-featured-specs {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .alvex-featured-spec-item {
        min-height: auto;
        padding: 11px 10px;
        border-left: none !important;
        border-bottom: 1px solid #43b1e5;
    }

    .alvex-featured-spec-item:last-child {
        border-bottom: none;
    }


    .alvex-featured-spec-label {
        font-size: 10px;
    }

    .alvex-featured-spec-value {
        font-size: 13px;
    }


    .alvex-featured-button {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        font-size: 16px;
    }


    .alvex-featured-image-wrapper {
        min-height: 250px;
        height: 250px;
    }
}

/* =========================================================
   HOW WE DELIVER - RESPONSIVE
   ========================================================= */


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .alvex-delivery-container {
        width: calc(100% - 60px);
    }

    .alvex-delivery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .alvex-delivery-image {
        height: 190px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .alvex-delivery-section {
        padding: 30px 0 36px;
    }

    .alvex-delivery-container {
        width: calc(100% - 30px);
    }


    /* Section Heading */

    .alvex-delivery-heading {
        margin-bottom: 25px;
    }

    .alvex-delivery-eyebrow {
        font-size: 15px;
        line-height: 1.4;

        margin-bottom: 9px;
    }

    .alvex-delivery-title {
        font-size: 38px;
        line-height: 1.15;
    }


    /* Cards */

    .alvex-delivery-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .alvex-delivery-image {
        height: 210px;
    }

    .alvex-delivery-card-content {
        padding: 10px 14px 20px;
    }

    .alvex-delivery-number {
        font-size: 12px;
        margin-bottom: 7px;
    }

    .alvex-delivery-card-title {
        font-size: 19px;
        line-height: 1.25;
        margin-bottom: 9px;
    }

    .alvex-delivery-card-text {
        font-size: 15px;
        line-height: 1.4;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .alvex-delivery-container {
        width: calc(100% - 24px);
    }

    .alvex-delivery-section {
        padding: 26px 0 32px;
    }

    .alvex-delivery-title {
        font-size: 38px;
    }

    .alvex-delivery-image {
        height: 190px;
    }

}

/* Products turkey page */

/* =========================================================
   ARACION OVERVIEW - RESPONSIVE
   ========================================================= */


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .aracion-overview-section {
        padding: 38px 0 44px;
    }

    .aracion-overview-container {
        width: calc(100% - 70px);
    }

    .aracion-overview-content {
        max-width: 100%;
    }

    .aracion-overview-title {
        font-size: 38px;
    }

    .aracion-overview-text {
        font-size: 15px;
        line-height: 1.55;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .aracion-overview-section {
        padding: 32px 0 38px;
    }

    .aracion-overview-container {
        width: calc(100% - 30px);
    }


    /* Heading */

    .aracion-overview-heading {
        margin-bottom: 20px;
    }

    .aracion-overview-title {
        font-size: 38px;
        line-height: 1.15;
    }


    /* Content */

    .aracion-overview-content {
        width: 100%;
    }

    .aracion-overview-text {
        font-size: 15px;
        line-height: 1.55;

        margin-bottom: 21px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .aracion-overview-section {
        padding: 28px 0 34px;
    }

    .aracion-overview-container {
        width: calc(100% - 24px);
    }

    .aracion-overview-title {
        font-size: 38px;
    }

    .aracion-overview-text {
        font-size: 15px;
        line-height: 1.55;

        margin-bottom: 19px;
    }

}

/* =========================================================
   ARACION HYBRID CHAMBER - RESPONSIVE
   ========================================================= */


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .aracion-hybrid-feature-section {
        padding: 20px 25px 35px;
    }

    .aracion-hybrid-feature-container {
        padding: 45px 35px 38px;
    }


    .aracion-hybrid-feature-title {
        font-size: 38px;
        line-height: 1.25;
    }


    .aracion-hybrid-feature-intro {
        max-width: 900px;
        margin-bottom: 34px;
    }


    .aracion-hybrid-feature-image {
        height: 390px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .aracion-hybrid-feature-section {
        padding: 15px 12px 28px;
    }


    .aracion-hybrid-feature-container {
        padding: 32px 18px 30px;

        border-width: 1.5px;
    }


    /* Section Label */

    .aracion-hybrid-feature-label {
        margin-bottom: 17px;

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


    /* Main Heading */

    .aracion-hybrid-feature-title {
        max-width: 100%;

        margin-bottom: 23px;

        font-size: 38px;
        line-height: 1.2;
    }


    /* Remove manual desktop line break */

    .aracion-hybrid-feature-desktop-break {
        display: none;
    }


    /* Intro */

    .aracion-hybrid-feature-intro {
        max-width: 100%;

        margin-bottom: 30px;
    }


    .aracion-hybrid-feature-text {
        font-size: 15px;
        line-height: 1.55;

        margin-bottom: 19px;
    }


    /* Gallery */

    .aracion-hybrid-feature-gallery {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    /* Images */

    .aracion-hybrid-feature-image {
        width: 100%;
        height: auto;

        aspect-ratio: 16 / 9;

        object-fit: cover;
    }


    /* Captions */

    .aracion-hybrid-feature-caption {
        margin-top: 9px;

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

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .aracion-hybrid-feature-section {
        padding: 12px 8px 24px;
    }


    .aracion-hybrid-feature-container {
        padding: 27px 14px 26px;
    }


    .aracion-hybrid-feature-label {
        font-size: 15px;
        margin-bottom: 15px;
    }


    .aracion-hybrid-feature-title {
        font-size: 38px;
        line-height: 1.18;

        margin-bottom: 20px;
    }


    .aracion-hybrid-feature-text {
        font-size: 15px;
        line-height: 1.5;

        margin-bottom: 17px;
    }


    .aracion-hybrid-feature-gallery {
        gap: 21px;
    }


    .aracion-hybrid-feature-caption {
        font-size: 15px;
    }

}

/* =========================================================
   PERFORMANCE GALLERY
   RESPONSIVE CSS
   ========================================================= */


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .performance-gallery-section {
        padding: 36px 0 45px;
    }

    .performance-gallery-container {
        padding: 0 28px;
    }

    .performance-gallery-heading {
        margin-bottom: 32px;
    }

    .performance-gallery-label {
        font-size: 15px;
        margin-bottom: 18px;
    }

    .performance-gallery-title {
        font-size: 38px;
    }

    .performance-gallery-grid {
        gap: 20px;
    }

    .performance-gallery-item {
        height: 330px;
    }
}


/* =========================================================
   TABLET / SMALL LAPTOP
   ========================================================= */

@media (max-width: 900px) {

    .performance-gallery-section {
        padding: 34px 0 42px;
    }

    .performance-gallery-container {
        padding: 0 24px;
    }

    .performance-gallery-title {
        font-size: 34px;
    }

    .performance-gallery-grid {
        gap: 18px;
    }

    .performance-gallery-item {
        height: 280px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .performance-gallery-section {
        padding: 30px 0 38px;
    }

    .performance-gallery-container {
        padding: 0 18px;
    }

    .performance-gallery-heading {
        margin-bottom: 26px;
    }

    .performance-gallery-label {
        font-size: 14px;
        margin-bottom: 14px;
    }

    .performance-gallery-title {
        font-size: 30px;
        line-height: 1.2;
    }

    .performance-gallery-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .performance-gallery-item {
        height: 270px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .performance-gallery-section {
        padding: 26px 0 32px;
    }

    .performance-gallery-container {
        padding: 0 15px;
    }

    .performance-gallery-heading {
        margin-bottom: 22px;
    }

    .performance-gallery-label {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .performance-gallery-title {
        font-size: 28px;
        line-height: 1.2;
    }

    .performance-gallery-grid {
        gap: 15px;
    }

    .performance-gallery-item {
        height: 235px;
    }
}

/* =========================================================
   CAPABILITIES SECTION
   RESPONSIVE CSS
   ========================================================= */


/* =========================================================
   LARGE TABLET / SMALL LAPTOP
   ========================================================= */

@media (max-width: 1100px) {

    .delivery-capabilities-section {
        padding: 34px 0 46px;
    }

    .delivery-capabilities-container {
        padding: 0 36px;
    }

    .delivery-capabilities-heading {
        margin-bottom: 50px;
    }

    /* H2 */
    .delivery-capabilities-title {
        font-size: 38px;
    }

    .delivery-capabilities-grid {
        column-gap: 26px;
    }

    /* H3 */
    .delivery-capabilities-subtitle {
        font-size: 19px;
    }

    /* Content */
    .delivery-capabilities-list li {
        font-size: 15px;
        margin-bottom: 21px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .delivery-capabilities-section {
        padding: 32px 0 42px;
    }

    .delivery-capabilities-container {
        padding: 0 28px;
    }

    .delivery-capabilities-heading {
        margin-bottom: 42px;
    }

    /* H2 */
    .delivery-capabilities-title {
        font-size: 38px;
    }

    .delivery-capabilities-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 42px;
        column-gap: 32px;
    }

    /* H3 */
    .delivery-capabilities-subtitle {
        min-height: auto;
        font-size: 19px;
    }

    .delivery-capabilities-line {
        height: 2px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    /* Content */
    .delivery-capabilities-list li {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .delivery-capabilities-section {
        padding: 30px 0 38px;
    }

    .delivery-capabilities-container {
        padding: 0 20px;
    }

    .delivery-capabilities-heading {
        margin-bottom: 32px;
    }

    /* H2 */
    .delivery-capabilities-title {
        font-size: 38px;
        line-height: 1.2;
    }

    .delivery-capabilities-grid {
        grid-template-columns: 1fr;
        row-gap: 34px;
    }

    /* H3 */
    .delivery-capabilities-subtitle {
        font-size: 19px;
        line-height: 1.25;
    }

    .delivery-capabilities-line {
        height: 2px;
        margin-top: 10px;
        margin-bottom: 18px;
    }

    /* Content */
    .delivery-capabilities-list li {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 17px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .delivery-capabilities-section {
        padding: 26px 0 34px;
    }

    .delivery-capabilities-container {
        padding: 0 16px;
    }

    .delivery-capabilities-heading {
        margin-bottom: 28px;
    }

    /* H2 */
    .delivery-capabilities-title {
        font-size: 38px;
    }

    .delivery-capabilities-grid {
        row-gap: 30px;
    }

    /* H3 */
    .delivery-capabilities-subtitle {
        font-size: 19px;
    }

    .delivery-capabilities-line {
        margin-bottom: 16px;
    }

    /* Content */
    .delivery-capabilities-list li {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 15px;
    }
}

/* =========================================================
   DELIVERY TESTING - SUPPORTED STANDARDS RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .delivery-standards-section {
        padding: 40px 20px 44px;
    }

    .delivery-standards-section h2 {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 26px;
    }

    .delivery-standards-list {
        gap: 10px 8px;
    }

    .delivery-standard-item {
        font-size: 15px;
        padding: 7px 11px;
        white-space: normal;
        text-align: center;
    }
}


@media (max-width: 480px) {

    .delivery-standards-section {
        padding: 34px 16px 38px;
    }

    .delivery-standards-section h2 {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 24px;
    }

    .delivery-standards-list {
        gap: 9px 7px;
    }

    .delivery-standard-item {
        font-size: 15px;
        padding: 7px 10px;
    }
}

/* Products EMI page */

/* =========================================================
   RF ENVIRONMENT - OVERVIEW RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .rf-environment-overview-section {
        padding: 44px 24px 46px;
    }

    .rf-environment-overview-title {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 22px;
    }

    .rf-environment-overview-content {
        max-width: 100%;
    }

    .rf-environment-overview-content p {
        font-size: 15px;
        line-height: 1.55;
        margin-bottom: 18px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .rf-environment-overview-section {
        padding: 38px 18px 40px;
    }

    .rf-environment-overview-title {
        font-size: 32px;
        line-height: 1.15;
        margin-bottom: 20px;
    }

    .rf-environment-overview-content p {
        font-size: 15px;
        line-height: 1.55;
        margin-bottom: 17px;
    }
}

/* =========================================================
   DELIVERED CHAMBERS - RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .delivered-chambers-showcase {
        padding: 34px 24px 50px;
    }

    /* Gallery */

    .delivered-chambers-gallery-title {
        margin-bottom: 28px;
    }

    .delivered-chambers-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .delivered-chambers-gallery-image {
        height: 230px;
    }


    /* Capabilities */

    .delivered-chambers-capabilities {
        max-width: 760px;
        margin-top: 56px;
    }

    .delivered-chambers-capabilities-title {
        margin-bottom: 38px;
    }

    .delivered-chambers-capability-column {
        padding: 0 22px;
    }

}


/* =========================================================
   TABLET / SMALL SCREEN
   ========================================================= */

@media (max-width: 700px) {

    .delivered-chambers-showcase {
        padding: 32px 20px 46px;
    }

    .delivered-chambers-gallery-label {
        font-size: 15px;
        margin-bottom: 12px;
    }

    .delivered-chambers-gallery-title {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 26px;
    }

    .delivered-chambers-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .delivered-chambers-gallery-image {
        height: 210px;
    }


    /* Capabilities */

    .delivered-chambers-capabilities {
        margin-top: 50px;
    }

    .delivered-chambers-capabilities-title {
        font-size: 38px;
        margin-bottom: 34px;
    }

    .delivered-chambers-capabilities-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .delivered-chambers-capability-column {
        padding: 0;
    }

    .delivered-chambers-capability-column +
    .delivered-chambers-capability-column {
        border-left: none;
        border-top: 1px solid #8190a0;
        padding-top: 30px;
    }

    .delivered-chambers-capability-heading {
        font-size: 19px;
    }

    .delivered-chambers-capability-line {
        margin-top: 18px;
    }

    .delivered-chambers-capability-list li {
        font-size: 15px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .delivered-chambers-showcase {
        padding: 30px 16px 40px;
    }


    /* Gallery */

    .delivered-chambers-gallery-label {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .delivered-chambers-gallery-title {
        font-size: 32px;
        line-height: 1.15;
        margin-bottom: 24px;
    }

    .delivered-chambers-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 9px;
    }

    .delivered-chambers-gallery-image {
        height: 145px;
    }


    /* Capabilities */

    .delivered-chambers-capabilities {
        margin-top: 44px;
    }

    .delivered-chambers-capabilities-title {
        font-size: 32px;
        line-height: 1.15;
        margin-bottom: 30px;
    }

    .delivered-chambers-capabilities-grid {
        gap: 28px;
    }

    .delivered-chambers-capability-column +
    .delivered-chambers-capability-column {
        padding-top: 26px;
    }

    .delivered-chambers-capability-heading {
        font-size: 19px;
    }

    .delivered-chambers-capability-line {
        margin: 16px 0 14px;
    }

    .delivered-chambers-capability-list li {
        font-size: 15px;
        line-height: 1.45;
        margin-bottom: 13px;
    }

}

/* =========================================================
   DELIVERY TESTING - SUPPORTED STANDARDS RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .emi-standards-section {
        padding: 40px 20px 44px;
    }

    .emi-standards-section h2 {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 26px;
    }

    .emi-standards-list {
        gap: 10px 8px;
    }

    .emi-standard-item {
        font-size: 15px;
        padding: 7px 11px;
        white-space: normal;
        text-align: center;
    }
}


@media (max-width: 480px) {

    .emi-standards-section {
        padding: 34px 16px 38px;
    }

    .emi-standards-section h2 {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 24px;
    }

    .emi-standards-list {
        gap: 9px 7px;
    }

    .emi-standard-item {
        font-size: 15px;
        padding: 7px 10px;
    }
}

/* products microwave page */

/* =========================================================
   NEAR-FIELD & FAR-FIELD SYSTEMS - RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .nf-farfield-overview-section {
        padding: 44px 24px 48px;
    }

    .nf-farfield-overview-title {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 23px;
    }

    .nf-farfield-overview-content {
        max-width: 100%;
    }

    .nf-farfield-overview-content p {
        font-size: 15px;
        line-height: 1.55;
        margin-bottom: 20px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .nf-farfield-overview-section {
        padding: 38px 18px 42px;
    }

    .nf-farfield-overview-title {
        font-size: 32px;
        line-height: 1.15;
        margin-bottom: 20px;
    }

    .nf-farfield-overview-content p {
        font-size: 15px;
        line-height: 1.55;
        margin-bottom: 18px;
    }
}

/* =========================================================
   OTA / ANTENNA - RESPONSIVE
   ========================================================= */


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .ota-reference-section {
        padding: 28px 30px 48px;
    }


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

    .ota-capabilities-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 40px;
        row-gap: 34px;
    }


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

    .ota-reference-gallery {
        margin-top: 50px;
    }

    .ota-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }

}


/* =========================================================
   MOBILE / TABLET SMALL
   ========================================================= */

@media (max-width: 768px) {

    .ota-reference-section {
        padding: 32px 20px 42px;
    }


    /* ===================== SECTION TITLE ===================== */

    .ota-section-title {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 28px;
    }


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

    .ota-capabilities-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
        row-gap: 32px;
    }

    .ota-capability-column h3 {
        font-size: 19px;
    }

    .ota-capability-line {
        margin-top: 9px;
        margin-bottom: 13px;
    }

    .ota-capability-column li {
        font-size: 15px;
        line-height: 1.35;
        margin-bottom: 13px;
    }


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

    .ota-reference-gallery {
        margin-top: 48px;
    }

    .ota-gallery-label {
        font-size: 15px;
        margin-bottom: 18px;
    }

    .ota-gallery-title {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 28px;
    }

    .ota-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .ota-reference-section {
        padding: 30px 16px 38px;
    }


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

    .ota-section-title {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 28px;
    }

    /*
       Keep 2 columns when possible.
       This matches the requested mobile behavior:
       if two boxes can fit, show two in one row.
    */

    .ota-capabilities-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 18px;
        row-gap: 30px;
    }

    .ota-capability-column h3 {
        font-size: 19px;
        line-height: 1.25;
    }

    .ota-capability-line {
        margin-top: 8px;
        margin-bottom: 12px;
    }

    .ota-capability-column li {
        font-size: 15px;
        line-height: 1.35;
        padding-left: 12px;
        margin-bottom: 12px;
    }


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

    .ota-reference-gallery {
        margin-top: 44px;
    }

    .ota-gallery-label {
        font-size: 15px;
        margin-bottom: 16px;
    }

    .ota-gallery-title {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 25px;
    }

    .ota-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 360px) {

    .ota-reference-section {
        padding-left: 12px;
        padding-right: 12px;
    }

    .ota-capabilities-grid {
        column-gap: 12px;
    }

    .ota-capability-column h3 {
        font-size: 19px;
    }

    .ota-capability-column li {
        font-size: 15px;
    }

    .ota-gallery-grid {
        gap: 8px;
    }

}

/* =========================================================
   DELIVERY TESTING - SUPPORTED STANDARDS RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .micro-standards-section {
        padding: 40px 20px 44px;
    }

    .micro-standards-section h2 {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 26px;
    }

    .micro-standards-list {
        gap: 10px 8px;
    }

    .micro-standard-item {
        font-size: 15px;
        padding: 7px 11px;
        white-space: normal;
        text-align: center;
    }
}


@media (max-width: 480px) {

    .micro-standards-section {
        padding: 34px 16px 38px;
    }

    .micro-standards-section h2 {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 24px;
    }

    .micro-standards-list {
        gap: 9px 7px;
    }

    .micro-standard-item {
        font-size: 15px;
        padding: 7px 10px;
    }
}