/**-------------------------------------------------------------------   GTAW WELDING ------------------------------------------------------------------**/

/* =========================================================
   MPARCO - GTAW (TIG) WELDING SERVICES
   PART 2A : MAIN CSS
   ========================================================= */

.mparco-gtaw-page {
    --gtaw-dark: #061920;
    --gtaw-primary: #102630;
    --gtaw-orange: #f4772a;
    --gtaw-light: #f4f6f7;
    --gtaw-white: #ffffff;
    --gtaw-grey: #71808b;
    --gtaw-border: #dfe5e8;
    --gtaw-text: #17303d;
    --gtaw-soft: #eef2f4;

    width: 100%;
    overflow: hidden;
    color: var(--gtaw-text);
    background: var(--gtaw-white);
    font-family: inherit;
}


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

.mparco-gtaw-page .gtaw-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


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

.mparco-gtaw-page .gtaw-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--gtaw-orange);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.mparco-gtaw-page .gtaw-eyebrow::before {
    content: "";
    width: 22px;
    height: 2px;
    flex-shrink: 0;
    background: var(--gtaw-orange);
}


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

.mparco-gtaw-page .gtaw-hero {
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 84% 38%,
            rgba(244, 119, 42, 0.13),
            transparent 27%
        ),
        linear-gradient(
            115deg,
            #061920 0%,
            #081e28 55%,
            #102630 100%
        );
    isolation: isolate;
}

.mparco-gtaw-page .gtaw-hero::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 43%;
    height: 100%;
    background:
        linear-gradient(
            135deg,
            transparent 48%,
            rgba(244, 119, 42, 0.92) 48.5%,
            rgba(244, 119, 42, 0.92) 49%,
            transparent 49.5%
        );
    opacity: 0.75;
    pointer-events: none;
}

.mparco-gtaw-page .gtaw-hero::after {
    content: "";
    position: absolute;
    right: -105px;
    bottom: -150px;
    width: 320px;
    height: 320px;
    border: 1px solid rgba(244, 119, 42, 0.24);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(244, 119, 42, 0.035),
        0 0 0 70px rgba(244, 119, 42, 0.025);
    pointer-events: none;
}

.mparco-gtaw-page .gtaw-hero-grid {
    position: relative;
    z-index: 2;
    min-height: 400px;
    display: grid;
    grid-template-columns: 1.45fr 0.75fr;
    align-items: center;
    gap: 60px;
}

.mparco-gtaw-page .gtaw-hero-content {
    max-width: 680px;
    /* padding: 55px 0; */
}

.mparco-gtaw-page .gtaw-hero-content .gtaw-eyebrow {
    margin-bottom: 18px;
}

.mparco-gtaw-page .gtaw-hero-content h1 {
    margin: 0 0 22px;
    color: var(--gtaw-white);
    font-size: clamp(42px, 5vw, 50px);
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -2px;
    text-transform: uppercase;
}

.mparco-gtaw-page .gtaw-hero-content h1 span {
    display: block;
    color: var(--gtaw-orange);
}

.mparco-gtaw-page .gtaw-hero-content p {
    max-width: 650px;
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 14px;
    line-height: 1.8;
}


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

.mparco-gtaw-page .gtaw-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 30px;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.mparco-gtaw-page .gtaw-btn {
    min-height: 48px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.3px;
    text-decoration: none;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}

.mparco-gtaw-page .gtaw-btn i {
    font-size: 12px;
}

.mparco-gtaw-page .gtaw-btn-primary {
    color: #ffffff;
    background: var(--gtaw-orange);
    border: 1px solid var(--gtaw-orange);
    box-shadow: 0 8px 22px rgba(244, 119, 42, 0.2);
}

.mparco-gtaw-page .gtaw-btn-primary:hover {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(244, 119, 42, 0.3);
}

.mparco-gtaw-page .gtaw-btn-outline {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.03);
}

.mparco-gtaw-page .gtaw-btn-outline:hover {
    color: #ffffff;
    border-color: var(--gtaw-orange);
    background: rgba(244, 119, 42, 0.1);
    transform: translateY(-2px);
}


/* =========================================================
   HERO SIDE
   ========================================================= */

.mparco-gtaw-page .gtaw-hero-side {
    position: relative;
    min-height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.mparco-gtaw-page .gtaw-hero-badge {
    width: 235px;
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid rgba(244, 119, 42, 0.45);
    border-radius: 7px;
    background: rgba(6, 25, 32, 0.9);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.mparco-gtaw-page .gtaw-badge-icon {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(244, 119, 42, 0.5);
    border-radius: 50%;
    color: var(--gtaw-orange);
    font-size: 17px;
}

.mparco-gtaw-page .gtaw-hero-badge strong {
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.4px;
}

.mparco-gtaw-page .gtaw-hero-badge small {
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.mparco-gtaw-page .gtaw-hero-line {
    width: 1px;
    height: 65px;
    margin-right: 115px;
    background: linear-gradient(
        to bottom,
        var(--gtaw-orange),
        transparent
    );
}

.mparco-gtaw-page .gtaw-hero-mini {
    width: 215px;
    padding: 13px 0;
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.mparco-gtaw-page .gtaw-hero-mini span {
    color: var(--gtaw-orange);
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
}

.mparco-gtaw-page .gtaw-hero-mini p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}


/* =========================================================
   HIGHLIGHTS
   ========================================================= */

.mparco-gtaw-page .gtaw-highlights {
    position: relative;
    z-index: 5;
    background: var(--gtaw-dark);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.mparco-gtaw-page .gtaw-highlight-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.mparco-gtaw-page .gtaw-highlight-item {
    min-height: 125px;
    padding: 23px 25px;
    display: flex;
    align-items: center;
    gap: 17px;
    border-right: 1px solid rgba(255, 255, 255, 0.09);
}

.mparco-gtaw-page .gtaw-highlight-item:last-child {
    border-right: 0;
}

.mparco-gtaw-page .gtaw-highlight-number {
    color: rgba(244, 119, 42, 0.35);
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
}

.mparco-gtaw-page .gtaw-highlight-item strong {
    display: block;
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
}

.mparco-gtaw-page .gtaw-highlight-item p {
    margin: 0;
    color: rgba(255, 255, 255, 0.56);
    font-size: 12px;
    line-height: 1.6;
}


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

.mparco-gtaw-page .gtaw-section-heading {
    max-width: 720px;
}

.mparco-gtaw-page .gtaw-section-heading h2 {
    margin: 12px 0 0;
    color: var(--gtaw-primary);
    font-size: clamp(30px, 4vw, 40px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1px;
}

.mparco-gtaw-page .gtaw-section-heading h2 span {
    color: var(--gtaw-orange);
}

.mparco-gtaw-page .gtaw-section-heading > p {
    max-width: 750px;
    margin: 17px 0 0;
    color: var(--gtaw-grey);
    font-size: 13px;
    line-height: 1.8;
}


/* =========================================================
   SERVICE SECTION
   ========================================================= */

.mparco-gtaw-page .gtaw-service-section {
    padding: 40px 0;
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7f9fa 100%
        );
}

.mparco-gtaw-page .gtaw-service-layout {
    margin-top: 25px;
    display: grid;
    grid-template-columns: 0.75fr 1.25fr;
    gap: 60px;
    align-items: stretch;
}


/* =========================================================
   SERVICE INTRO
   ========================================================= */

.mparco-gtaw-page .gtaw-service-intro {
    position: relative;
    min-height: 420px;
    padding: 42px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    border-radius: 9px;
    background:
        linear-gradient(
            145deg,
            #061920 0%,
            #102630 100%
        );
    box-shadow: 0 18px 45px rgba(6, 25, 32, 0.1);
}

.mparco-gtaw-page .gtaw-service-intro::before {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    top: -80px;
    right: -70px;
    border: 1px solid rgba(244, 119, 42, 0.3);
    border-radius: 50%;
}

.mparco-gtaw-page .gtaw-service-intro::after {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    top: -45px;
    right: -35px;
    border: 1px solid rgba(244, 119, 42, 0.15);
    border-radius: 50%;
}

.mparco-gtaw-page .gtaw-big-number {
    position: absolute;
    top: 32px;
    left: 40px;
    color: rgba(255, 255, 255, 0.08);
    font-size: 90px;
    font-weight: 800;
    line-height: 1;
}

.mparco-gtaw-page .gtaw-service-intro h3 {
    position: relative;
    z-index: 2;
    max-width: 370px;
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.15;
}

.mparco-gtaw-page .gtaw-service-intro p {
    position: relative;
    z-index: 2;
    max-width: 390px;
    margin: 0;
    color: rgba(255, 255, 255, 0.64);
    font-size: 12px;
    line-height: 1.8;
}

.mparco-gtaw-page .gtaw-service-label {
    position: relative;
    z-index: 2;
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--gtaw-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.mparco-gtaw-page .gtaw-service-label span {
    width: 25px;
    height: 2px;
    background: var(--gtaw-orange);
}


/* =========================================================
   SERVICE LIST
   ========================================================= */

.mparco-gtaw-page .gtaw-service-list {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--gtaw-border);
}

.mparco-gtaw-page .gtaw-service-row {
    min-height: 83px;
    padding: 15px 10px 15px 0;
    display: grid;
    grid-template-columns: 60px 1fr 35px;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid var(--gtaw-border);
    transition:
        padding-left 0.25s ease,
        background 0.25s ease;
}

.mparco-gtaw-page .gtaw-service-row:hover {
    padding-left: 13px;
    background: #ffffff;
}

.mparco-gtaw-page .gtaw-row-number {
    color: #cbd3d7;
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    transition: color 0.25s ease;
}

.mparco-gtaw-page .gtaw-row-content h3 {
    margin: 0;
    color: var(--gtaw-primary);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.mparco-gtaw-page .gtaw-service-row > i {
    color: var(--gtaw-orange);
    font-size: 17px;
    text-align: center;
    transition: transform 0.25s ease;
}


/* =========================================================
   WHY CHOOSE
   ========================================================= */

.mparco-gtaw-page .gtaw-why-section {
    padding: 40px 0 40px;
    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(71, 37, 15, 0.08),
            transparent 25%
        ),
        var(--gtaw-dark);

        max-width: 1600px;

        margin: auto;

        border-radius: 25px;
}

.mparco-gtaw-page .gtaw-heading-light h2 {
    color: #ffffff;
}

.mparco-gtaw-page .gtaw-heading-light h2 span {
    color: var(--gtaw-orange);
}

.mparco-gtaw-page .gtaw-why-grid {
    margin-top: 42px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.mparco-gtaw-page .gtaw-why-card {
    min-height: 195px;
    padding: 27px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}

.mparco-gtaw-page .gtaw-why-card:hover {
    transform: translateY(-5px);
    border-color: rgba(244, 119, 42, 0.45);
    background: rgba(244, 119, 42, 0.06);
}

.mparco-gtaw-page .gtaw-why-icon {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(244, 119, 42, 0.55);
    border-radius: 50%;
    color: var(--gtaw-orange);
    font-size: 16px;
    transition: transform 0.25s ease;
}

.mparco-gtaw-page .gtaw-why-card p {
    margin: 25px 0 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================================
   FAQ SECTION
   ========================================================= */

.mparco-gtaw-page .gtaw-faq-section {
    padding: 90px 0;
    background: #ffffff;
}

.mparco-gtaw-page .gtaw-faq-grid {
    margin-top: 42px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    align-items: start;
}

.mparco-gtaw-page .gtaw-faq-item {
    overflow: hidden;
    border: 1px solid var(--gtaw-border);
    border-radius: 7px;
    background: #ffffff;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.mparco-gtaw-page .gtaw-faq-item.active {
    border-color: rgba(244, 119, 42, 0.5);
    box-shadow: 0 12px 30px rgba(6, 25, 32, 0.06);
}

.mparco-gtaw-page .gtaw-faq-question {
    width: 100%;
    min-height: 72px;
    padding: 17px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--gtaw-primary);
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.mparco-gtaw-page .gtaw-faq-question span {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.mparco-gtaw-page .gtaw-faq-question b {
    color: var(--gtaw-orange);
    font-size: 13px;
    flex-shrink: 0;
}

.mparco-gtaw-page .gtaw-faq-question > i {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gtaw-primary);
    font-size: 12px;
    transition:
        transform 0.3s ease,
        color 0.3s ease;
}

.mparco-gtaw-page .gtaw-faq-item.active .gtaw-faq-question > i {
    color: var(--gtaw-orange);
    transform: rotate(45deg);
}

.mparco-gtaw-page .gtaw-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition:
        max-height 0.35s ease,
        padding 0.35s ease;
}

.mparco-gtaw-page .gtaw-faq-answer p {
    margin: 0;
    padding: 0 20px 21px 48px;
    color: var(--gtaw-grey);
    font-size: 12px;
    line-height: 1.8;
}


/* =========================================================
   CTA
   NO IMAGE
   ========================================================= */

.mparco-gtaw-page .gtaw-cta-section {
    padding: 0 0 0px;
    background: #ffffff;
}

.mparco-gtaw-page .gtaw-cta-box {
    position: relative;
    min-height: 100px;
    padding: 25px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    overflow: hidden;
    border-radius: 30px;
    background:
        linear-gradient(
            120deg,
            #061920 0%,
            #102630 100%
        );
    box-shadow: 0 20px 45px rgba(6, 25, 32, 0.12);

    margin: 20px;
}

.mparco-gtaw-page .gtaw-cta-box::before {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    top: -115px;
    right: 90px;
    border: 1px solid rgba(244, 119, 42, 0.18);
    border-radius: 50%;
}

.mparco-gtaw-page .gtaw-cta-box::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    right: 20px;
    bottom: -90px;
    border: 1px solid rgba(244, 119, 42, 0.15);
    border-radius: 50%;
}

.mparco-gtaw-page .gtaw-cta-content {
    position: relative;
    z-index: 2;
}

.mparco-gtaw-page .gtaw-cta-content h2 {
    margin: 10px 0;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.1;
}

.mparco-gtaw-page .gtaw-cta-content h2 span {
    color: var(--gtaw-orange);
}

.mparco-gtaw-page .gtaw-cta-content p {
    max-width: 580px;
    margin: 0;
    color: rgba(255, 255, 255, 0.65);
    font-size: 12px;
    line-height: 1.7;
}

.mparco-gtaw-page .gtaw-cta-action {
    position: relative;
    z-index: 3;
    flex-shrink: 0;
}


/* =========================================================
   SEO SECTION
   ========================================================= */

.mparco-gtaw-page .gtaw-seo-section {
    padding: 80px 0 90px;
    background: var(--gtaw-light);
}

.mparco-gtaw-page .gtaw-keyword-table-wrapper {
    margin-top: 32px;
    overflow-x: auto;
    border: 1px solid var(--gtaw-border);
    border-radius: 6px;
    background: #ffffff;
}

.mparco-gtaw-page .gtaw-keyword-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.mparco-gtaw-page .gtaw-keyword-table th {
    padding: 15px 18px;
    color: #ffffff;
    background: var(--gtaw-primary);
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-align: left;
}

.mparco-gtaw-page .gtaw-keyword-table th:first-child {
    width: 28%;
}

.mparco-gtaw-page .gtaw-keyword-table th:last-child {
    border-right: 0;
}

.mparco-gtaw-page .gtaw-keyword-table td {
    padding: 18px;
    color: var(--gtaw-grey);
    border-right: 1px solid var(--gtaw-border);
    border-bottom: 1px solid var(--gtaw-border);
    font-size: 12px;
    line-height: 1.7;
    vertical-align: top;
}

.mparco-gtaw-page .gtaw-keyword-table td:first-child {
    color: var(--gtaw-primary);
    font-weight: 800;
}

.mparco-gtaw-page .gtaw-keyword-table td:last-child {
    border-right: 0;
}

.mparco-gtaw-page .gtaw-keyword-table tbody tr:last-child td {
    border-bottom: 0;
}


/* =========================================================
   HOVER POLISH
   ========================================================= */

.mparco-gtaw-page .gtaw-highlight-item {
    transition: background 0.25s ease;
}

.mparco-gtaw-page .gtaw-highlight-item:hover {
    background: rgba(244, 119, 42, 0.035);
}


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

@media (max-width: 1100px) {

    .mparco-gtaw-page .gtaw-container {
        width: min(100% - 34px, 1000px);
    }

    .mparco-gtaw-page .gtaw-hero-grid {
        gap: 35px;
        grid-template-columns: 1.25fr 0.75fr;
    }

    .mparco-gtaw-page .gtaw-hero-content h1 {
        font-size: 52px;
    }

    .mparco-gtaw-page .gtaw-highlight-item {
        padding: 20px 15px;
    }

    .mparco-gtaw-page .gtaw-service-layout {
        gap: 35px;
    }

    .mparco-gtaw-page .gtaw-why-card {
        padding: 22px;
    }

}


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

@media (max-width: 900px) {

    .mparco-gtaw-page .gtaw-hero {
        min-height: auto;
    }

    .mparco-gtaw-page .gtaw-hero-grid {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .mparco-gtaw-page .gtaw-hero-content {
        max-width: 750px;
        padding: 65px 0 20px;
    }

    .mparco-gtaw-page .gtaw-hero-content h1 {
        font-size: 52px;
    }

    .mparco-gtaw-page .gtaw-hero-side {
        min-height: auto;
        padding: 10px 0 55px;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 20px;
    }

    .mparco-gtaw-page .gtaw-hero-line {
        display: none;
    }

    .mparco-gtaw-page .gtaw-hero-mini {
        width: auto;
        min-width: 180px;
        padding: 10px 15px;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 0;
    }

    .mparco-gtaw-page .gtaw-highlight-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mparco-gtaw-page .gtaw-highlight-item:nth-child(2) {
        border-right: 0;
    }

    .mparco-gtaw-page .gtaw-highlight-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    }

    .mparco-gtaw-page .gtaw-service-layout {
        grid-template-columns: 1fr;
    }

    .mparco-gtaw-page .gtaw-service-intro {
        min-height: 300px;
    }

    .mparco-gtaw-page .gtaw-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mparco-gtaw-page .gtaw-faq-grid {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 600px) {

    .mparco-gtaw-page .gtaw-container {
        width: calc(100% - 28px);
    }


    /* HERO */

    .mparco-gtaw-page .gtaw-hero::before {
        width: 90%;
        opacity: 0.22;
    }

    .mparco-gtaw-page .gtaw-hero::after {
        width: 220px;
        height: 220px;
        right: -120px;
        bottom: -100px;
    }

    .mparco-gtaw-page .gtaw-hero-grid {
        display: block;
    }

    .mparco-gtaw-page .gtaw-hero-content {
        padding: 48px 0 20px;
    }

    .mparco-gtaw-page .gtaw-hero-content .gtaw-eyebrow {
        margin-bottom: 14px;
    }

    .mparco-gtaw-page .gtaw-hero-content h1 {
        margin-bottom: 17px;
        font-size: 39px;
        line-height: 1;
        letter-spacing: -1px;
    }

    .mparco-gtaw-page .gtaw-hero-content p {
        font-size: 11.5px;
        line-height: 1.75;
    }


    /* BUTTONS */

    .mparco-gtaw-page .gtaw-hero-actions {
        width: 100%;
        margin-top: 25px;
        flex-direction: column;
        gap: 10px;
    }

    .mparco-gtaw-page .gtaw-hero-actions .gtaw-btn {
        width: 100%;
    }


    /* HERO SIDE */

    .mparco-gtaw-page .gtaw-hero-side {
        min-height: auto;
        padding: 15px 0 35px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        align-items: stretch;
    }

    .mparco-gtaw-page .gtaw-hero-badge {
        width: 100%;
        grid-column: 1 / -1;
        padding: 14px;
    }

    .mparco-gtaw-page .gtaw-badge-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .mparco-gtaw-page .gtaw-hero-mini {
        width: 100%;
        min-width: 0;
        padding: 10px;
        border-left: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }


    /* HIGHLIGHTS */

    .mparco-gtaw-page .gtaw-highlight-grid {
        grid-template-columns: 1fr;
    }

    .mparco-gtaw-page .gtaw-highlight-item,
    .mparco-gtaw-page .gtaw-highlight-item:nth-child(1),
    .mparco-gtaw-page .gtaw-highlight-item:nth-child(2),
    .mparco-gtaw-page .gtaw-highlight-item:nth-child(3),
    .mparco-gtaw-page .gtaw-highlight-item:nth-child(4) {
        min-height: auto;
        padding: 18px 5px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    }

    .mparco-gtaw-page .gtaw-highlight-item:last-child {
        border-bottom: 0;
    }

    .mparco-gtaw-page .gtaw-highlight-number {
        min-width: 35px;
        font-size: 25px;
    }

    .mparco-gtaw-page .gtaw-highlight-item strong {
        font-size: 12px;
    }

    .mparco-gtaw-page .gtaw-highlight-item p {
        font-size: 11px;
    }


    /* HEADINGS */

    .mparco-gtaw-page .gtaw-section-heading {
        width: 100%;
    }

    .mparco-gtaw-page .gtaw-section-heading h2 {
        font-size: 29px;
        line-height: 1.15;
        letter-spacing: -0.5px;
    }

    .mparco-gtaw-page .gtaw-section-heading > p {
        font-size: 12px;
        line-height: 1.7;
    }


    /* SERVICE */

    .mparco-gtaw-page .gtaw-service-section {
        padding: 58px 0;
    }

    .mparco-gtaw-page .gtaw-service-layout {
        margin-top: 28px;
        gap: 22px;
    }

    .mparco-gtaw-page .gtaw-service-intro {
        min-height: 275px;
        padding: 27px;
        border-radius: 7px;
    }

    .mparco-gtaw-page .gtaw-big-number {
        top: 22px;
        left: 25px;
        font-size: 65px;
    }

    .mparco-gtaw-page .gtaw-service-intro h3 {
        max-width: 290px;
        font-size: 22px;
    }

    .mparco-gtaw-page .gtaw-service-intro p {
        font-size: 11.5px;
        line-height: 1.7;
    }

    .mparco-gtaw-page .gtaw-service-label {
        margin-top: 22px;
        font-size: 12px;
    }


    /* SERVICE ROWS */

    .mparco-gtaw-page .gtaw-service-row {
        min-height: 90px;
        padding: 13px 2px;
        grid-template-columns: 37px 1fr 22px;
        gap: 7px;
    }

    .mparco-gtaw-page .gtaw-service-row:hover {
        padding-left: 5px;
    }

    .mparco-gtaw-page .gtaw-row-number {
        font-size: 18px;
    }

    .mparco-gtaw-page .gtaw-row-content h3 {
        font-size: 12px;
        line-height: 1.45;
    }

    .mparco-gtaw-page .gtaw-service-row > i {
        font-size: 12px;
    }


    /* WHY */

    .mparco-gtaw-page .gtaw-why-section {
        padding: 58px 0;
    }

    .mparco-gtaw-page .gtaw-why-grid {
        grid-template-columns: 1fr;
        margin-top: 28px;
        gap: 10px;
    }

    .mparco-gtaw-page .gtaw-why-card {
        min-height: 135px;
        padding: 20px;
    }

    .mparco-gtaw-page .gtaw-why-icon {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

    .mparco-gtaw-page .gtaw-why-card p {
        margin-top: 18px;
        font-size: 11.5px;
        line-height: 1.65;
    }


    /* FAQ */

    .mparco-gtaw-page .gtaw-faq-section {
        padding: 58px 0;
    }

    .mparco-gtaw-page .gtaw-faq-grid {
        margin-top: 28px;
        gap: 10px;
    }

    .mparco-gtaw-page .gtaw-faq-question {
        min-height: 62px;
        padding: 13px 14px;
        gap: 10px;
        font-size: 12px;
        line-height: 1.45;
    }

    .mparco-gtaw-page .gtaw-faq-question span {
        gap: 7px;
    }

    .mparco-gtaw-page .gtaw-faq-question b {
        font-size: 12px;
    }

    .mparco-gtaw-page .gtaw-faq-question > i {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
        font-size: 12px;
    }

    .mparco-gtaw-page .gtaw-faq-answer p {
        padding: 0 14px 17px 33px;
        font-size: 12px;
        line-height: 1.7;
    }


    /* CTA */

    .mparco-gtaw-page .gtaw-cta-section {
        padding-bottom: 58px;
    }

    .mparco-gtaw-page .gtaw-cta-box {
        min-height: auto;
        padding: 28px 22px;
        flex-direction: column;
        align-items: flex-start;
        gap: 23px;
        border-radius: 7px;
    }

    .mparco-gtaw-page .gtaw-cta-box::before {
        width: 180px;
        height: 180px;
        right: -70px;
        top: -90px;
    }

    .mparco-gtaw-page .gtaw-cta-content h2 {
        margin-top: 9px;
        font-size: 27px;
        line-height: 1.15;
    }

    .mparco-gtaw-page .gtaw-cta-content p {
        font-size: 11.5px;
        line-height: 1.7;
    }

    .mparco-gtaw-page .gtaw-cta-action {
        width: 100%;
    }

    .mparco-gtaw-page .gtaw-cta-action .gtaw-btn {
        width: 100%;
    }


    /* SEO */

    .mparco-gtaw-page .gtaw-seo-section {
        padding: 58px 0;
    }

    .mparco-gtaw-page .gtaw-keyword-table-wrapper {
        margin-top: 25px;
        border-radius: 5px;
    }

    .mparco-gtaw-page .gtaw-keyword-table {
        min-width: 520px;
    }

    .mparco-gtaw-page .gtaw-keyword-table th {
        padding: 12px 13px;
        font-size: 9px;
    }

    .mparco-gtaw-page .gtaw-keyword-table td {
        padding: 13px;
        font-size: 11px;
        line-height: 1.6;
    }

}


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

@media (max-width: 480px) {

    .mparco-gtaw-page .gtaw-container {
        width: calc(100% - 24px);
    }

    .mparco-gtaw-page .gtaw-hero-content {
        padding-top: 42px;
    }

    .mparco-gtaw-page .gtaw-hero-content h1 {
        font-size: 35px;
    }

    .mparco-gtaw-page .gtaw-hero-content p {
        font-size: 12px;
    }

    .mparco-gtaw-page .gtaw-btn {
        min-height: 45px;
        padding: 0 18px;
        font-size: 12px;
    }

    .mparco-gtaw-page .gtaw-hero-side {
        grid-template-columns: 1fr;
    }

    .mparco-gtaw-page .gtaw-hero-badge {
        grid-column: auto;
    }

    .mparco-gtaw-page .gtaw-hero-mini {
        min-height: 54px;
    }

    .mparco-gtaw-page .gtaw-highlight-item {
        padding: 16px 3px !important;
    }

    .mparco-gtaw-page .gtaw-section-heading h2 {
        font-size: 26px;
    }

    .mparco-gtaw-page .gtaw-service-intro {
        min-height: 260px;
        padding: 24px;
    }

    .mparco-gtaw-page .gtaw-service-intro h3 {
        font-size: 20px;
    }

    .mparco-gtaw-page .gtaw-service-intro p {
        font-size: 12px;
    }

    .mparco-gtaw-page .gtaw-service-row {
        min-height: 88px;
        grid-template-columns: 32px 1fr 18px;
    }

    .mparco-gtaw-page .gtaw-row-number {
        font-size: 16px;
    }

    .mparco-gtaw-page .gtaw-row-content h3 {
        font-size: 11.5px;
    }

    .mparco-gtaw-page .gtaw-why-card {
        min-height: 125px;
        padding: 18px;
    }

    .mparco-gtaw-page .gtaw-faq-question {
        font-size: 12px;
    }

    .mparco-gtaw-page .gtaw-cta-box {
        padding: 25px 19px;
    }

    .mparco-gtaw-page .gtaw-cta-content h2 {
        font-size: 24px;
    }

}


/* =========================================================
   EXTRA SMALL DEVICES
   ========================================================= */

@media (max-width: 360px) {

    .mparco-gtaw-page .gtaw-container {
        width: calc(100% - 20px);
    }

    .mparco-gtaw-page .gtaw-hero-content h1 {
        font-size: 31px;
    }

    .mparco-gtaw-page .gtaw-section-heading h2 {
        font-size: 24px;
    }

    .mparco-gtaw-page .gtaw-service-intro {
        padding: 21px;
    }

    .mparco-gtaw-page .gtaw-service-intro h3 {
        font-size: 18px;
    }

    .mparco-gtaw-page .gtaw-service-row {
        grid-template-columns: 29px 1fr 16px;
        gap: 5px;
    }

    .mparco-gtaw-page .gtaw-row-content h3 {
        font-size: 11px;
    }

    .mparco-gtaw-page .gtaw-cta-content h2 {
        font-size: 22px;
    }

}




/* =========================================================
   MPARCO - GTAW (TIG) WELDING SERVICES
   PART 2B : RESPONSIVE REFINEMENT
   Paste AFTER PART 2A
   ========================================================= */


/* =========================================================
   1024px - LAPTOP
   ========================================================= */

@media (max-width: 1024px) {

    .mparco-gtaw-page .gtaw-container {
        width: calc(100% - 50px);
    }

    /* HERO */

    .mparco-gtaw-page .gtaw-hero-grid {
        grid-template-columns: 1.15fr 0.85fr;
        gap: 35px;
    }

    .mparco-gtaw-page .gtaw-hero-content h1 {
        font-size: 50px;
    }

    .mparco-gtaw-page .gtaw-hero-content p {
        max-width: 570px;
        font-size: 13px;
    }

    .mparco-gtaw-page .gtaw-hero-side {
        padding-right: 15px;
    }

    /* HIGHLIGHTS */

    .mparco-gtaw-page .gtaw-highlight-item {
        padding-left: 18px;
        padding-right: 18px;
        gap: 12px;
    }

    .mparco-gtaw-page .gtaw-highlight-number {
        font-size: 27px;
    }

    /* SERVICE */

    .mparco-gtaw-page .gtaw-service-layout {
        gap: 35px;
    }

    .mparco-gtaw-page .gtaw-service-intro {
        padding: 32px;
    }

    /* WHY */

    .mparco-gtaw-page .gtaw-why-card {
        padding: 22px;
    }

}


/* =========================================================
   900px - TABLET LANDSCAPE
   ========================================================= */

@media (max-width: 900px) {

    .mparco-gtaw-page .gtaw-container {
        width: calc(100% - 40px);
    }

    /* HERO */

    .mparco-gtaw-page .gtaw-hero {
        min-height: auto;
    }

    .mparco-gtaw-page .gtaw-hero-grid {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .mparco-gtaw-page .gtaw-hero-content {
        max-width: 750px;
        padding: 65px 0 20px;
    }

    .mparco-gtaw-page .gtaw-hero-content h1 {
        font-size: 52px;
    }

    .mparco-gtaw-page .gtaw-hero-content p {
        max-width: 700px;
    }

    .mparco-gtaw-page .gtaw-hero-side {
        min-height: auto;
        padding: 10px 0 55px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 20px;
    }

    .mparco-gtaw-page .gtaw-hero-line {
        display: none;
    }

    .mparco-gtaw-page .gtaw-hero-mini {
        width: auto;
        min-width: 180px;
        padding: 10px 15px;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 0;
    }


    /* HIGHLIGHTS */

    .mparco-gtaw-page .gtaw-highlight-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mparco-gtaw-page .gtaw-highlight-item:nth-child(2),
    .mparco-gtaw-page .gtaw-highlight-item:nth-child(4) {
        border-right: 0;
    }

    .mparco-gtaw-page .gtaw-highlight-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    }


    /* SERVICE */

    .mparco-gtaw-page .gtaw-service-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .mparco-gtaw-page .gtaw-service-intro {
        min-height: 300px;
    }


    /* WHY */

    .mparco-gtaw-page .gtaw-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* FAQ */

    .mparco-gtaw-page .gtaw-faq-grid {
        grid-template-columns: 1fr;
    }


    /* CTA */

    .mparco-gtaw-page .gtaw-cta-box {
        padding: 35px;
    }

}


/* =========================================================
   768px - TABLET PORTRAIT
   ========================================================= */

@media (max-width: 768px) {

    .mparco-gtaw-page .gtaw-container {
        width: calc(100% - 32px);
    }


    /* HERO */

    .mparco-gtaw-page .gtaw-hero-content {
        padding-top: 55px;
    }

    .mparco-gtaw-page .gtaw-hero-content h1 {
        font-size: clamp(40px, 8vw, 50px);
        letter-spacing: -1.5px;
    }

    .mparco-gtaw-page .gtaw-hero-content p {
        font-size: 12px;
        line-height: 1.75;
    }

    .mparco-gtaw-page .gtaw-hero-side {
        padding-bottom: 40px;
    }

    .mparco-gtaw-page .gtaw-hero-badge {
        width: 220px;
    }


    /* HEADING */

    .mparco-gtaw-page .gtaw-section-heading h2 {
        font-size: 34px;
    }


    /* SERVICE */

    .mparco-gtaw-page .gtaw-service-section {
        padding: 70px 0;
    }

    .mparco-gtaw-page .gtaw-service-intro {
        min-height: 280px;
    }


    /* WHY */

    .mparco-gtaw-page .gtaw-why-section {
        padding: 70px 0;
    }

    .mparco-gtaw-page .gtaw-why-grid {
        gap: 12px;
    }


    /* FAQ */

    .mparco-gtaw-page .gtaw-faq-section {
        padding: 70px 0;
    }


    /* CTA */

    .mparco-gtaw-page .gtaw-cta-section {
        padding-bottom: 70px;
    }

}


/* =========================================================
   600px - MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .mparco-gtaw-page .gtaw-container {
        width: calc(100% - 28px);
    }


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

    .mparco-gtaw-page .gtaw-hero {
        min-height: auto;
    }

    .mparco-gtaw-page .gtaw-hero::before {
        width: 90%;
        opacity: 0.22;
    }

    .mparco-gtaw-page .gtaw-hero::after {
        width: 220px;
        height: 220px;
        right: -120px;
        bottom: -100px;
    }

    .mparco-gtaw-page .gtaw-hero-grid {
        display: block;
    }

    .mparco-gtaw-page .gtaw-hero-content {
        padding: 48px 0 20px;
    }

    .mparco-gtaw-page .gtaw-hero-content .gtaw-eyebrow {
        margin-bottom: 14px;
    }

    .mparco-gtaw-page .gtaw-hero-content h1 {
        margin-bottom: 17px;
        font-size: 39px;
        line-height: 1;
        letter-spacing: -1px;
    }

    .mparco-gtaw-page .gtaw-hero-content p {
        font-size: 11.5px;
        line-height: 1.75;
    }


    /* BUTTONS */

    .mparco-gtaw-page .gtaw-hero-actions {
        width: 100%;
        margin-top: 25px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .mparco-gtaw-page .gtaw-hero-actions .gtaw-btn {
        width: 100%;
    }


    /* HERO SIDE */

    .mparco-gtaw-page .gtaw-hero-side {
        min-height: auto;
        padding: 15px 0 35px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        align-items: stretch;
    }

    .mparco-gtaw-page .gtaw-hero-badge {
        width: 100%;
        grid-column: 1 / -1;
        padding: 14px;
    }

    .mparco-gtaw-page .gtaw-badge-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .mparco-gtaw-page .gtaw-hero-mini {
        width: 100%;
        min-width: 0;
        padding: 10px;
        border-left: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }


    /* =====================================================
       HIGHLIGHTS
    ===================================================== */

    .mparco-gtaw-page .gtaw-highlight-grid {
        grid-template-columns: 1fr;
    }

    .mparco-gtaw-page .gtaw-highlight-item,
    .mparco-gtaw-page .gtaw-highlight-item:nth-child(1),
    .mparco-gtaw-page .gtaw-highlight-item:nth-child(2),
    .mparco-gtaw-page .gtaw-highlight-item:nth-child(3),
    .mparco-gtaw-page .gtaw-highlight-item:nth-child(4) {
        min-height: auto;
        padding: 18px 5px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    }

    .mparco-gtaw-page .gtaw-highlight-item:last-child {
        border-bottom: 0;
    }

    .mparco-gtaw-page .gtaw-highlight-number {
        min-width: 35px;
        font-size: 25px;
    }

    .mparco-gtaw-page .gtaw-highlight-item strong {
        font-size: 12px;
    }

    .mparco-gtaw-page .gtaw-highlight-item p {
        font-size: 11px;
    }


    /* =====================================================
       SECTION HEADINGS
    ===================================================== */

    .mparco-gtaw-page .gtaw-section-heading {
        width: 100%;
    }

    .mparco-gtaw-page .gtaw-section-heading h2 {
        font-size: 29px;
        line-height: 1.15;
        letter-spacing: -0.5px;
    }

    .mparco-gtaw-page .gtaw-section-heading > p {
        font-size: 12px;
        line-height: 1.7;
    }


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

    .mparco-gtaw-page .gtaw-service-section {
        padding: 58px 0;
    }

    .mparco-gtaw-page .gtaw-service-layout {
        margin-top: 28px;
        gap: 22px;
    }

    .mparco-gtaw-page .gtaw-service-intro {
        min-height: 275px;
        padding: 27px;
        border-radius: 7px;
    }

    .mparco-gtaw-page .gtaw-big-number {
        top: 22px;
        left: 25px;
        font-size: 65px;
    }

    .mparco-gtaw-page .gtaw-service-intro h3 {
        max-width: 290px;
        font-size: 22px;
        line-height: 1.2;
    }

    .mparco-gtaw-page .gtaw-service-intro p {
        font-size: 11.5px;
        line-height: 1.7;
    }

    .mparco-gtaw-page .gtaw-service-label {
        margin-top: 22px;
        font-size: 8px;
    }


    /* SERVICE ROWS */

    .mparco-gtaw-page .gtaw-service-row {
        min-height: 90px;
        padding: 13px 2px;
        grid-template-columns: 37px 1fr 22px;
        gap: 7px;
    }

    .mparco-gtaw-page .gtaw-service-row:hover {
        padding-left: 5px;
    }

    .mparco-gtaw-page .gtaw-row-number {
        font-size: 18px;
    }

    .mparco-gtaw-page .gtaw-row-content h3 {
        font-size: 12px;
        line-height: 1.45;
    }

    .mparco-gtaw-page .gtaw-service-row > i {
        font-size: 12px;
    }


    /* =====================================================
       WHY CHOOSE
    ===================================================== */

    .mparco-gtaw-page .gtaw-why-section {
        padding: 58px 0;
    }

    .mparco-gtaw-page .gtaw-why-grid {
        grid-template-columns: 1fr;
        margin-top: 28px;
        gap: 10px;
    }

    .mparco-gtaw-page .gtaw-why-card {
        min-height: 135px;
        padding: 20px;
    }

    .mparco-gtaw-page .gtaw-why-icon {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

    .mparco-gtaw-page .gtaw-why-card p {
        margin-top: 18px;
        font-size: 11.5px;
        line-height: 1.65;
    }


    /* =====================================================
       FAQ
    ===================================================== */

    .mparco-gtaw-page .gtaw-faq-section {
        padding: 58px 0;
    }

    .mparco-gtaw-page .gtaw-faq-grid {
        margin-top: 28px;
        gap: 10px;
    }

    .mparco-gtaw-page .gtaw-faq-question {
        min-height: 62px;
        padding: 13px 14px;
        gap: 10px;
        font-size: 11.5px;
        line-height: 1.45;
    }

    .mparco-gtaw-page .gtaw-faq-question span {
        gap: 7px;
    }

    .mparco-gtaw-page .gtaw-faq-question b {
        font-size: 12px;
    }

    .mparco-gtaw-page .gtaw-faq-question > i {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
        font-size: 9px;
    }

    .mparco-gtaw-page .gtaw-faq-answer p {
        padding: 0 14px 17px 33px;
        font-size: 12px;
        line-height: 1.7;
    }


    /* =====================================================
       CTA
    ===================================================== */

    .mparco-gtaw-page .gtaw-cta-section {
        padding-bottom: 58px;
    }

    .mparco-gtaw-page .gtaw-cta-box {
        min-height: auto;
        padding: 28px 22px;
        flex-direction: column;
        align-items: flex-start;
        gap: 23px;
        border-radius: 7px;
    }

    .mparco-gtaw-page .gtaw-cta-box::before {
        width: 180px;
        height: 180px;
        right: -70px;
        top: -90px;
    }

    .mparco-gtaw-page .gtaw-cta-content h2 {
        margin-top: 9px;
        font-size: 27px;
        line-height: 1.15;
    }

    .mparco-gtaw-page .gtaw-cta-content p {
        font-size: 11.5px;
        line-height: 1.7;
    }

    .mparco-gtaw-page .gtaw-cta-action {
        width: 100%;
    }

    .mparco-gtaw-page .gtaw-cta-action .gtaw-btn {
        width: 100%;
    }


    /* =====================================================
       SEO TABLE
    ===================================================== */

    .mparco-gtaw-page .gtaw-seo-section {
        padding: 58px 0;
    }

    .mparco-gtaw-page .gtaw-keyword-table-wrapper {
        margin-top: 25px;
        border-radius: 5px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mparco-gtaw-page .gtaw-keyword-table {
        min-width: 520px;
    }

    .mparco-gtaw-page .gtaw-keyword-table th {
        padding: 12px 13px;
        font-size: 9px;
    }

    .mparco-gtaw-page .gtaw-keyword-table td {
        padding: 13px;
        font-size: 11px;
        line-height: 1.6;
    }

}


/* =========================================================
   480px - SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .mparco-gtaw-page .gtaw-container {
        width: calc(100% - 24px);
    }

    .mparco-gtaw-page .gtaw-hero-content {
        padding-top: 42px;
    }

    .mparco-gtaw-page .gtaw-hero-content h1 {
        font-size: 35px;
    }

    .mparco-gtaw-page .gtaw-hero-content p {
        font-size: 12px;
    }

    .mparco-gtaw-page .gtaw-btn {
        min-height: 45px;
        padding: 0 18px;
        font-size: 12px;
    }

    .mparco-gtaw-page .gtaw-hero-side {
        grid-template-columns: 1fr;
    }

    .mparco-gtaw-page .gtaw-hero-badge {
        grid-column: auto;
    }

    .mparco-gtaw-page .gtaw-hero-mini {
        min-height: 54px;
    }

    .mparco-gtaw-page .gtaw-highlight-item {
        padding: 16px 3px !important;
    }

    .mparco-gtaw-page .gtaw-section-heading h2 {
        font-size: 26px;
    }

    .mparco-gtaw-page .gtaw-service-intro {
        min-height: 260px;
        padding: 24px;
    }

    .mparco-gtaw-page .gtaw-service-intro h3 {
        font-size: 20px;
    }

    .mparco-gtaw-page .gtaw-service-intro p {
        font-size: 12px;
    }

    .mparco-gtaw-page .gtaw-service-row {
        min-height: 88px;
        grid-template-columns: 32px 1fr 18px;
    }

    .mparco-gtaw-page .gtaw-row-number {
        font-size: 16px;
    }

    .mparco-gtaw-page .gtaw-row-content h3 {
        font-size: 11.5px;
    }

    .mparco-gtaw-page .gtaw-why-card {
        min-height: 125px;
        padding: 18px;
    }

    .mparco-gtaw-page .gtaw-faq-question {
        font-size: 12px;
    }

    .mparco-gtaw-page .gtaw-cta-box {
        padding: 25px 19px;
    }

    .mparco-gtaw-page .gtaw-cta-content h2 {
        font-size: 24px;
    }

}


/* =========================================================
   360px - EXTRA SMALL
   ========================================================= */

@media (max-width: 360px) {

    .mparco-gtaw-page .gtaw-container {
        width: calc(100% - 20px);
    }

    .mparco-gtaw-page .gtaw-hero-content h1 {
        font-size: 31px;
    }

    .mparco-gtaw-page .gtaw-section-heading h2 {
        font-size: 24px;
    }

    .mparco-gtaw-page .gtaw-service-intro {
        padding: 21px;
    }

    .mparco-gtaw-page .gtaw-service-intro h3 {
        font-size: 18px;
    }

    .mparco-gtaw-page .gtaw-service-row {
        grid-template-columns: 29px 1fr 16px;
        gap: 5px;
    }

    .mparco-gtaw-page .gtaw-row-content h3 {
        font-size: 11px;
    }

    .mparco-gtaw-page .gtaw-cta-content h2 {
        font-size: 22px;
    }

}
























/**-------------------------------------------------------------------   SMAW WELDING ------------------------------------------------------------------**/


/* =========================================================
   MPARCO - SMAW (STICK) WELDING SERVICES
   PART 2A : MAIN CSS
   Scoped only to .mparco-smaw-page
========================================================= */

.mparco-smaw-page {
    --smaw-dark: #061920;
    --smaw-primary: #102630;
    --smaw-orange: #f4772a;
    --smaw-light: #f4f6f7;
    --smaw-white: #ffffff;
    --smaw-grey: #71808b;
    --smaw-border: #dfe5e8;
    --smaw-text: #17303d;
    --smaw-soft: #eef2f4;

    color: var(--smaw-text);
    background: var(--smaw-white);
    font-family: inherit;
    overflow: hidden;
}

.mparco-smaw-page *,
.mparco-smaw-page *::before,
.mparco-smaw-page *::after {
    box-sizing: border-box;
}

.mparco-smaw-page a {
    text-decoration: none;
}

.mparco-smaw-page button,
.mparco-smaw-page a {
    -webkit-tap-highlight-color: transparent;
}


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

.mparco-smaw-page .smaw-container {
    width: min(1180px, calc(100% - 50px));
    margin: 0 auto;
}


/* =========================================================
   COMMON EYEBROW
========================================================= */

.mparco-smaw-page .smaw-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: var(--smaw-orange);

    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.mparco-smaw-page .smaw-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: currentColor;
    display: inline-block;
}


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

.mparco-smaw-page .smaw-hero {
    position: relative;
    min-height: 400px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            115deg,
            rgba(6, 25, 32, 1) 0%,
            rgba(6, 25, 32, 0.98) 55%,
            rgba(16, 38, 48, 0.97) 100%
        );

    overflow: hidden;
}

.mparco-smaw-page .smaw-hero::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;

    right: -180px;
    top: -160px;

    border: 1px solid rgba(244, 119, 42, 0.18);
    border-radius: 50%;
}

.mparco-smaw-page .smaw-hero::after {
    content: "";
    position: absolute;

    width: 340px;
    height: 340px;

    right: 20px;
    bottom: -230px;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.mparco-smaw-page .smaw-hero-grid {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(300px, 0.7fr);
    gap: 80px;

    align-items: center;
}

.mparco-smaw-page .smaw-hero-content {
    max-width: 780px;
}

.mparco-smaw-page .smaw-hero h1 {
    margin: 22px 0 22px;

    color: var(--smaw-white);

    font-size: clamp(44px, 5vw, 50px);
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -2.5px;
}

.mparco-smaw-page .smaw-hero h1 span {
    display: block;
    color: var(--smaw-orange);
}

.mparco-smaw-page .smaw-hero-content > p {
    max-width: 720px;
    margin: 0;

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

    font-size: 14px;
    line-height: 1.8;
}


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

.mparco-smaw-page .smaw-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;

    margin-top: 34px;
}

.mparco-smaw-page .smaw-btn {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 0 24px;

    border: 1px solid transparent;

    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.3px;

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

.mparco-smaw-page .smaw-btn-primary {
    background: var(--smaw-orange);
    color: var(--smaw-white);

    box-shadow: 0 12px 28px rgba(244, 119, 42, 0.18);
}

.mparco-smaw-page .smaw-btn-primary:hover {
    transform: translateY(-3px);
    background: #ff8537;
    box-shadow: 0 16px 35px rgba(244, 119, 42, 0.27);
}

.mparco-smaw-page .smaw-btn-outline {
    border-color: rgba(255, 255, 255, 0.25);
    color: var(--smaw-white);
    background: transparent;
}

.mparco-smaw-page .smaw-btn-outline:hover {
    transform: translateY(-3px);
    border-color: var(--smaw-orange);
    color: var(--smaw-orange);
}


/* =========================================================
   HERO SIDE
========================================================= */

.mparco-smaw-page .smaw-hero-side {
    position: relative;

    min-height: 320px;

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

    padding-left: 55px;

    border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.mparco-smaw-page .smaw-hero-badge {
    display: flex;
    align-items: center;
    gap: 15px;

    margin-bottom: 40px;
}

.mparco-smaw-page .smaw-badge-icon {
    width: 58px;
    height: 58px;

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

    background: rgba(244, 119, 42, 0.12);
    border: 1px solid rgba(244, 119, 42, 0.3);

    color: var(--smaw-orange);

    font-size: 21px;
}

.mparco-smaw-page .smaw-hero-badge strong {
    display: block;

    color: var(--smaw-white);

    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.7px;
}

.mparco-smaw-page .smaw-hero-badge small {
    display: block;

    margin-top: 5px;

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

    font-size: 12px;
}

.mparco-smaw-page .smaw-hero-line {
    width: 100%;
    max-width: 210px;
    height: 1px;

    margin-bottom: 26px;

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

.mparco-smaw-page .smaw-hero-mini {
    display: flex;
    align-items: center;
    gap: 18px;

    margin-bottom: 22px;
}

.mparco-smaw-page .smaw-hero-mini span {
    color: var(--smaw-orange);

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.mparco-smaw-page .smaw-hero-mini p {
    margin: 0;

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

    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.mparco-smaw-page .smaw-highlights {
    position: relative;
    z-index: 3;

    background: var(--smaw-white);

    border-bottom: 1px solid var(--smaw-border);

    box-shadow: 0 12px 35px rgba(6, 25, 32, 0.04);
}

.mparco-smaw-page .smaw-highlight-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.mparco-smaw-page .smaw-highlight-item {
    min-height: 145px;

    display: flex;
    align-items: flex-start;
    gap: 18px;

    padding: 30px 25px;

    border-right: 1px solid var(--smaw-border);
}

.mparco-smaw-page .smaw-highlight-item:first-child {
    padding-left: 0;
}

.mparco-smaw-page .smaw-highlight-item:last-child {
    border-right: 0;
}

.mparco-smaw-page .smaw-highlight-number {
    color: var(--smaw-orange);

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.mparco-smaw-page .smaw-highlight-item strong {
    display: block;

    margin-bottom: 8px;

    color: var(--smaw-primary);

    font-size: 15px;
    font-weight: 800;
}

.mparco-smaw-page .smaw-highlight-item p {
    margin: 0;

    color: var(--smaw-grey);

    font-size: 12px;
    line-height: 1.65;
}


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

.mparco-smaw-page .smaw-section-heading {
    max-width: 760px;
    margin-bottom: 50px;
}

.mparco-smaw-page .smaw-section-heading h2 {
    margin: 16px 0 0;

    color: var(--smaw-primary);

    font-size: clamp(34px, 4vw, 39px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.mparco-smaw-page .smaw-section-heading h2 span {
    color: var(--smaw-orange);
}

.mparco-smaw-page .smaw-section-heading > p {
    max-width: 680px;

    margin: 18px 0 0;

    color: var(--smaw-grey);

    font-size: 14px;
    line-height: 1.75;
}


/* =========================================================
   SERVICE SECTION
========================================================= */

.mparco-smaw-page .smaw-service-section {
    padding: 40px 0;

    background: var(--smaw-light);
}

.mparco-smaw-page .smaw-service-layout {
    display: grid;
    grid-template-columns: 0.78fr 1.22fr;
    gap: 65px;

    align-items: stretch;
}


/* =========================================================
   SERVICE INTRO CARD
========================================================= */

.mparco-smaw-page .smaw-service-intro {
    position: relative;

    min-height: 400px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding: 42px;

    background: var(--smaw-primary);

    overflow: hidden;

    border-radius: 10px;
}

.mparco-smaw-page .smaw-service-intro::before {
    content: "";
    position: absolute;

    width: 230px;
    height: 230px;

    right: -110px;
    top: -110px;

    border: 1px solid rgba(244, 119, 42, 0.28);
    border-radius: 50%;
}

.mparco-smaw-page .smaw-service-intro::after {
    content: "";
    position: absolute;

    width: 140px;
    height: 140px;

    right: -50px;
    top: -50px;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.mparco-smaw-page .smaw-big-number {
    position: absolute;

    top: 35px;
    left: 42px;

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

    font-size: 100px;
    font-weight: 900;
    line-height: 1;
}

.mparco-smaw-page .smaw-service-intro h3 {
    position: relative;
    z-index: 2;

    max-width: 410px;

    margin: 0 0 18px;

    color: var(--smaw-white);

    font-size: 30px;
    font-weight: 800;
    line-height: 1.18;
}

.mparco-smaw-page .smaw-service-intro p {
    position: relative;
    z-index: 2;

    max-width: 440px;

    margin: 0 0 32px;

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

    font-size: 13px;
    line-height: 1.75;
}

.mparco-smaw-page .smaw-service-label {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 10px;

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

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.mparco-smaw-page .smaw-service-label span {
    width: 30px;
    height: 2px;

    background: var(--smaw-orange);
}


/* =========================================================
   SERVICE LIST
========================================================= */

.mparco-smaw-page .smaw-service-list {
    display: flex;
    flex-direction: column;

    border-top: 1px solid var(--smaw-border);
}

.mparco-smaw-page .smaw-service-row {
    min-height: 80px;

    display: grid;
    grid-template-columns: 55px minmax(0, 1fr) 30px;
    gap: 18px;

    align-items: center;

    padding: 20px 5px 20px 0;

    border-bottom: 1px solid var(--smaw-border);

    transition:
        padding 0.3s ease,
        background 0.3s ease;
}

.mparco-smaw-page .smaw-service-row:hover {
    padding-left: 15px;
    padding-right: 15px;

    background: var(--smaw-white);
}

.mparco-smaw-page .smaw-row-number {
    color: var(--smaw-orange);

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.mparco-smaw-page .smaw-row-content h3 {
    margin: 0;

    color: var(--smaw-primary);

    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.mparco-smaw-page .smaw-service-row > i {
    color: var(--smaw-grey);

    font-size: 14px;

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

.mparco-smaw-page .smaw-service-row:hover > i {
    color: var(--smaw-orange);
    transform: translateX(4px);
}


/* =========================================================
   WHY SECTION
========================================================= */

.mparco-smaw-page .smaw-why-section {
    position: relative;

    padding: 40px 0;

    background: var(--smaw-dark);

    overflow: hidden;
}

.mparco-smaw-page .smaw-why-section::before {
    content: "";

    position: absolute;

    width: 550px;
    height: 550px;

    right: -260px;
    top: -280px;

    border: 1px solid rgba(244, 119, 42, 0.13);
    border-radius: 50%;
}

.mparco-smaw-page .smaw-heading-light {
    position: relative;
    z-index: 2;
}

.mparco-smaw-page .smaw-heading-light h2 {
    color: var(--smaw-white);
}

.mparco-smaw-page .smaw-why-grid {
    position: relative;
    z-index: 2;

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

    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    margin: auto;
    text-align: center;
}

.mparco-smaw-page .smaw-why-card {
    min-height: 150px;

    padding: 15px 50px;

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

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}

.mparco-smaw-page .smaw-why-card:first-child {
    padding-left: 0;
}

.mparco-smaw-page .smaw-why-card:last-child {
    border-right: 0;
}

.mparco-smaw-page .smaw-why-card:hover {
    background: rgba(255, 255, 255, 0.025);
    transform: translateY(-4px);
}

.mparco-smaw-page .smaw-why-icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;

    margin-bottom: 30px;

    border: 1px solid rgba(244, 119, 42, 0.3);

    color: var(--smaw-orange);

    font-size: 16px;
}

.mparco-smaw-page .smaw-why-card p {
    max-width: 210px;

    margin: 0;

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

    font-size: 13px;
    line-height: 1.7;
}


/* =========================================================
   FAQ
========================================================= */

.mparco-smaw-page .smaw-faq-section {
    padding: 105px 0;

    background: var(--smaw-white);
}

.mparco-smaw-page .smaw-faq-grid {
    max-width: 900px;

    border-top: 1px solid var(--smaw-border);
}

.mparco-smaw-page .smaw-faq-item {
    border-bottom: 1px solid var(--smaw-border);
}

.mparco-smaw-page .smaw-faq-question {
    width: 100%;
    min-height: 80px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    padding: 20px 5px;

    border: 0;
    background: transparent;

    color: var(--smaw-primary);

    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;

    text-align: left;
    cursor: pointer;
}

.mparco-smaw-page .smaw-faq-question span {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.mparco-smaw-page .smaw-faq-question b {
    flex: 0 0 auto;

    color: var(--smaw-orange);

    font-size: 12px;
}

.mparco-smaw-page .smaw-faq-question i {
    flex: 0 0 auto;

    color: var(--smaw-orange);

    font-size: 13px;

    transition: transform 0.3s ease;
}

.mparco-smaw-page .smaw-faq-item.active .smaw-faq-question i {
    transform: rotate(45deg);
}

.mparco-smaw-page .smaw-faq-answer {
    max-height: 0;

    overflow: hidden;

    transition:
        max-height 0.4s ease,
        padding 0.4s ease;
}

.mparco-smaw-page .smaw-faq-answer p {
    max-width: 800px;

    margin: 0;

    padding: 0 45px 0 25px;

    color: var(--smaw-grey);

    font-size: 13px;
    line-height: 1.8;
}

.mparco-smaw-page .smaw-faq-item.active .smaw-faq-answer {
    max-height: 250px;
}

.mparco-smaw-page .smaw-faq-item.active .smaw-faq-answer p {
    padding-bottom: 25px;
}


/* =========================================================
   CTA
========================================================= */

.mparco-smaw-page .smaw-cta-section {
    padding: 20px 0 20px;

    background: var(--smaw-white);
}

.mparco-smaw-page .smaw-cta-box {
    position: relative;

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

    align-items: center;
    gap: 45px;

    padding: 25px 50px;

    background: var(--smaw-primary);

    overflow: hidden;

    border-radius: 20px;
}

.mparco-smaw-page .smaw-cta-box::before {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    right: -140px;
    top: -140px;

    border: 1px solid rgba(244, 119, 42, 0.2);
    border-radius: 50%;
}

.mparco-smaw-page .smaw-cta-box::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -90px;
    top: -90px;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.mparco-smaw-page .smaw-cta-content {
    position: relative;
    z-index: 2;
}

.mparco-smaw-page .smaw-cta-content h2 {
    margin: 14px 0 12px;

    color: var(--smaw-white);

    font-size: clamp(30px, 4vw, 46px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -1px;
}

.mparco-smaw-page .smaw-cta-content h2 span {
    color: var(--smaw-orange);
}

.mparco-smaw-page .smaw-cta-content p {
    max-width: 620px;

    margin: 0;

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

    font-size: 13px;
    line-height: 1.7;
}

.mparco-smaw-page .smaw-cta-action {
    position: relative;
    z-index: 3;
}


/* =========================================================
   SEO SECTION
========================================================= */

.mparco-smaw-page .smaw-seo-section {
    padding: 0 0 100px;

    background: var(--smaw-white);
}

.mparco-smaw-page .smaw-seo-section .smaw-section-heading {
    margin-bottom: 30px;
}

.mparco-smaw-page .smaw-keyword-table-wrapper {
    width: 100%;

    overflow-x: auto;

    border: 1px solid var(--smaw-border);
}

.mparco-smaw-page .smaw-keyword-table {
    width: 100%;
    min-width: 650px;

    border-collapse: collapse;

    background: var(--smaw-white);
}

.mparco-smaw-page .smaw-keyword-table th {
    padding: 16px 20px;

    background: var(--smaw-primary);

    color: var(--smaw-white);

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

    text-align: left;
}

.mparco-smaw-page .smaw-keyword-table td {
    padding: 16px 20px;

    border-top: 1px solid var(--smaw-border);

    color: var(--smaw-text);

    font-size: 12px;
    line-height: 1.6;
}

.mparco-smaw-page .smaw-keyword-table td:first-child {
    width: 180px;

    color: var(--smaw-primary);

    font-weight: 800;
}

.mparco-smaw-page .smaw-keyword-table tbody tr:nth-child(even) {
    background: var(--smaw-light);
}


/* =========================================================
   REVEAL BASE STATES
========================================================= */

.mparco-smaw-page .smaw-highlight-item,
.mparco-smaw-page .smaw-service-intro,
.mparco-smaw-page .smaw-service-row,
.mparco-smaw-page .smaw-why-card,
.mparco-smaw-page .smaw-faq-item,
.mparco-smaw-page .smaw-cta-box {
    will-change: transform, opacity;
}










/**-------------------------------------------------------------------   GMAW(MIG) WELDING ------------------------------------------------------------------**/

/* =========================================================
   MPARCO - GMAW (MIG) WELDING SERVICES
   PART 2A : MAIN CSS
   Fully Scoped CSS
========================================================= */

.mparco-gmaw-page {

    --gmaw-dark: #061920;
    --gmaw-primary: #102630;
    --gmaw-orange: #f4772a;
    --gmaw-light: #f4f6f7;
    --gmaw-white: #ffffff;
    --gmaw-grey: #71808b;
    --gmaw-border: #dfe5e8;
    --gmaw-text: #17303d;
    --gmaw-soft: #eef2f4;

    color: var(--gmaw-text);
    background: var(--gmaw-white);

    font-family: inherit;

    overflow: hidden;
}


/* =========================================================
   GLOBAL PAGE RESET
========================================================= */

.mparco-gmaw-page *,
.mparco-gmaw-page *::before,
.mparco-gmaw-page *::after {
    box-sizing: border-box;
}

.mparco-gmaw-page a {
    text-decoration: none;
}

.mparco-gmaw-page button {
    font-family: inherit;
}


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

.mparco-gmaw-page .gmaw-container {

    width: min(1180px, calc(100% - 50px));

    margin-left: auto;
    margin-right: auto;
}


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

.mparco-gmaw-page .gmaw-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: var(--gmaw-orange);

    font-size: 12px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.mparco-gmaw-page .gmaw-eyebrow::before {

    content: "";

    width: 28px;

    height: 2px;

    display: inline-block;

    background: currentColor;
}


/* =========================================================
   HERO SECTION
========================================================= */

.mparco-gmaw-page .gmaw-hero {

    position: relative;

    min-height: 400px;

    display: flex;

    align-items: center;

    background:
        linear-gradient(
            115deg,
            rgba(6, 25, 32, 1) 0%,
            rgba(6, 25, 32, 0.98) 55%,
            rgba(16, 38, 48, 0.97) 100%
        );

    overflow: hidden;
}


/* Decorative Circle */

.mparco-gmaw-page .gmaw-hero::before {

    content: "";

    position: absolute;

    width: 520px;

    height: 520px;

    right: -190px;

    top: -175px;

    border:

        1px solid

        rgba(244, 119, 42, 0.18);

    border-radius: 50%;
}


/* Secondary Circle */

.mparco-gmaw-page .gmaw-hero::after {

    content: "";

    position: absolute;

    width: 330px;

    height: 330px;

    right: 30px;

    bottom: -235px;

    border:

        1px solid

        rgba(255, 255, 255, 0.08);

    border-radius: 50%;
}


/* =========================================================
   HERO GRID
========================================================= */

.mparco-gmaw-page .gmaw-hero-grid {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.6fr)
        minmax(300px, 0.7fr);

    gap: 80px;

    align-items: center;
}


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

.mparco-gmaw-page .gmaw-hero-content {

    max-width: 780px;
}

.mparco-gmaw-page .gmaw-hero h1 {

    margin:

        22px 0 22px;

    color: var(--gmaw-white);

    font-size:

        clamp(44px, 5vw, 50px);

    font-weight: 800;

    line-height: 0.98;

    letter-spacing: -2.5px;
}

.mparco-gmaw-page .gmaw-hero h1 span {

    display: block;

    color: var(--gmaw-orange);
}

.mparco-gmaw-page .gmaw-hero-content > p {

    max-width: 720px;

    margin: 0;

    color:

        rgba(255, 255, 255, 0.72);

    font-size: 14px;

    line-height: 1.8;
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.mparco-gmaw-page .gmaw-hero-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 14px;

    margin-top: 34px;
}

.mparco-gmaw-page .gmaw-btn {

    min-height: 52px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    padding:

        0 24px;

    border:

        1px solid transparent;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 0.3px;

    transition:

        transform 0.3s ease,

        background 0.3s ease,

        border-color 0.3s ease,

        color 0.3s ease,

        box-shadow 0.3s ease;
}


/* Primary Button */

.mparco-gmaw-page .gmaw-btn-primary {

    background:

        var(--gmaw-orange);

    color:

        var(--gmaw-white);

    box-shadow:

        0 12px 28px

        rgba(244, 119, 42, 0.18);
}

.mparco-gmaw-page .gmaw-btn-primary:hover {

    transform:

        translateY(-3px);

    background:

        #ff8537;

    box-shadow:

        0 16px 35px

        rgba(244, 119, 42, 0.27);
}


/* Outline Button */

.mparco-gmaw-page .gmaw-btn-outline {

    background:

        transparent;

    border-color:

        rgba(255, 255, 255, 0.25);

    color:

        var(--gmaw-white);
}

.mparco-gmaw-page .gmaw-btn-outline:hover {

    transform:

        translateY(-3px);

    border-color:

        var(--gmaw-orange);

    color:

        var(--gmaw-orange);
}


/* =========================================================
   HERO SIDE
========================================================= */

.mparco-gmaw-page .gmaw-hero-side {

    position: relative;

    min-height: 320px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-left: 55px;

    border-left:

        1px solid

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


/* Hero Badge */

.mparco-gmaw-page .gmaw-hero-badge {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 40px;
}

.mparco-gmaw-page .gmaw-badge-icon {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:

        rgba(244, 119, 42, 0.12);

    border:

        1px solid

        rgba(244, 119, 42, 0.3);

    color:

        var(--gmaw-orange);

    font-size: 21px;
}

.mparco-gmaw-page .gmaw-hero-badge strong {

    display: block;

    color:

        var(--gmaw-white);

    font-size: 15px;

    font-weight: 800;

    letter-spacing: 0.7px;
}

.mparco-gmaw-page .gmaw-hero-badge small {

    display: block;

    margin-top: 5px;

    color:

        rgba(255, 255, 255, 0.5);

    font-size: 12px;
}


/* Hero Line */

.mparco-gmaw-page .gmaw-hero-line {

    width: 100%;

    max-width: 210px;

    height: 1px;

    margin-bottom: 26px;

    background:

        rgba(255, 255, 255, 0.12);
}


/* Hero Mini Items */

.mparco-gmaw-page .gmaw-hero-mini {

    display: flex;

    align-items: center;

    gap: 18px;

    margin-bottom: 22px;
}

.mparco-gmaw-page .gmaw-hero-mini span {

    color:

        var(--gmaw-orange);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;
}

.mparco-gmaw-page .gmaw-hero-mini p {

    margin: 0;

    color:

        rgba(255, 255, 255, 0.68);

    font-size: 13px;

    font-weight: 600;

    line-height: 1.45;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.mparco-gmaw-page .gmaw-highlights {

    position: relative;

    z-index: 3;

    background:

        var(--gmaw-white);

    border-bottom:

        1px solid

        var(--gmaw-border);

    box-shadow:

        0 12px 35px

        rgba(6, 25, 32, 0.04);
}

.mparco-gmaw-page .gmaw-highlight-grid {

    display: grid;

    grid-template-columns:

        repeat(4, 1fr);
}

.mparco-gmaw-page .gmaw-highlight-item {

    min-height: 145px;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    padding:

        30px 25px;

    border-right:

        1px solid

        var(--gmaw-border);
}

.mparco-gmaw-page .gmaw-highlight-item:first-child {

    padding-left: 0;
}

.mparco-gmaw-page .gmaw-highlight-item:last-child {

    border-right: 0;
}

.mparco-gmaw-page .gmaw-highlight-number {

    color:

        var(--gmaw-orange);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;
}

.mparco-gmaw-page .gmaw-highlight-item strong {

    display: block;

    margin-bottom: 8px;

    color:

        var(--gmaw-primary);

    font-size: 15px;

    font-weight: 800;
}

.mparco-gmaw-page .gmaw-highlight-item p {

    margin: 0;

    color:

        var(--gmaw-grey);

    font-size: 12px;

    line-height: 1.65;
}


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

.mparco-gmaw-page .gmaw-section-heading {

    max-width: 760px;

    margin-bottom: 50px;
}

.mparco-gmaw-page .gmaw-section-heading h2 {

    margin:

        16px 0 0;

    color:

        var(--gmaw-primary);

    font-size:

        clamp(34px, 4vw, 39px);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -1.5px;
}

.mparco-gmaw-page .gmaw-section-heading h2 span {

    color:

        var(--gmaw-orange);
}

.mparco-gmaw-page .gmaw-section-heading > p {

    max-width: 680px;

    margin:

        18px 0 0;

    color:

        var(--gmaw-grey);

    font-size: 14px;

    line-height: 1.75;
}


/* =========================================================
   SERVICE SECTION
========================================================= */

.mparco-gmaw-page .gmaw-service-section {

    padding:

        40px 0;

    background:

        var(--gmaw-light);
}

.mparco-gmaw-page .gmaw-service-layout {

    display: grid;

    grid-template-columns:

        0.78fr 1.22fr;

    gap: 65px;

    align-items: stretch;
}


/* =========================================================
   SERVICE INTRO
========================================================= */

.mparco-gmaw-page .gmaw-service-intro {

    position: relative;

    min-height: 400px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    padding: 42px;

    background:

        var(--gmaw-primary);

    overflow: hidden;
    border-radius: 10px;
}

.mparco-gmaw-page .gmaw-service-intro::before {

    content: "";

    position: absolute;

    width: 230px;

    height: 230px;

    right: -110px;

    top: -110px;

    border:

        1px solid

        rgba(244, 119, 42, 0.28);

    border-radius: 50%;
}

.mparco-gmaw-page .gmaw-service-intro::after {

    content: "";

    position: absolute;

    width: 140px;

    height: 140px;

    right: -50px;

    top: -50px;

    border:

        1px solid

        rgba(255, 255, 255, 0.08);

    border-radius: 50%;
}


/* Big Number */

.mparco-gmaw-page .gmaw-big-number {

    position: absolute;

    top: 35px;

    left: 42px;

    color:

        rgba(255, 255, 255, 0.06);

    font-size: 100px;

    font-weight: 900;

    line-height: 1;
}


/* Intro Heading */

.mparco-gmaw-page .gmaw-service-intro h3 {

    position: relative;

    z-index: 2;

    max-width: 410px;

    margin:

        0 0 18px;

    color:

        var(--gmaw-white);

    font-size: 30px;

    font-weight: 800;

    line-height: 1.18;
}

.mparco-gmaw-page .gmaw-service-intro p {

    position: relative;

    z-index: 2;

    max-width: 440px;

    margin:

        0 0 32px;

    color:

        rgba(255, 255, 255, 0.62);

    font-size: 13px;

    line-height: 1.75;
}


/* Service Label */

.mparco-gmaw-page .gmaw-service-label {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 10px;

    color:

        rgba(255, 255, 255, 0.7);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1.5px;
}

.mparco-gmaw-page .gmaw-service-label span {

    width: 30px;

    height: 2px;

    background:

        var(--gmaw-orange);
}


/* =========================================================
   SERVICE LIST
========================================================= */

.mparco-gmaw-page .gmaw-service-list {

    display: flex;

    flex-direction: column;

    border-top:

        1px solid

        var(--gmaw-border);
}

.mparco-gmaw-page .gmaw-service-row {

    min-height: 80px;

    display: grid;

    grid-template-columns:

        55px minmax(0, 1fr) 30px;

    gap: 18px;

    align-items: center;

    padding:

        20px 5px 20px 0;

    border-bottom:

        1px solid

        var(--gmaw-border);

    transition:

        padding 0.3s ease,

        background 0.3s ease;
}

.mparco-gmaw-page .gmaw-service-row:hover {

    padding-left: 15px;

    padding-right: 15px;

    background:

        var(--gmaw-white);
}

.mparco-gmaw-page .gmaw-row-number {

    color:

        var(--gmaw-orange);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;
}

.mparco-gmaw-page .gmaw-row-content h3 {

    margin: 0;

    color:

        var(--gmaw-primary);

    font-size: 14px;

    font-weight: 700;

    line-height: 1.5;
}

.mparco-gmaw-page .gmaw-service-row > i {

    color:

        var(--gmaw-grey);

    font-size: 14px;

    transition:

        color 0.3s ease,

        transform 0.3s ease;
}

.mparco-gmaw-page .gmaw-service-row:hover > i {

    color:

        var(--gmaw-orange);

    transform:

        translateX(4px);
}


/* =========================================================
   WHY CHOOSE SECTION
========================================================= */

.mparco-gmaw-page .gmaw-why-section {

    position: relative;

    padding:

        40px 0;

    background:

        var(--gmaw-dark);

    overflow: hidden;
}

.mparco-gmaw-page .gmaw-why-section::before {

    content: "";

    position: absolute;

    width: 550px;

    height: 550px;

    right: -260px;

    top: -280px;

    border:

        1px solid

        rgba(244, 119, 42, 0.13);

    border-radius: 50%;
}


/* Light Heading */

.mparco-gmaw-page .gmaw-heading-light {

    position: relative;

    z-index: 2;
}

.mparco-gmaw-page .gmaw-heading-light h2 {

    color:

        var(--gmaw-white);
}


/* Why Grid */

.mparco-gmaw-page .gmaw-why-grid {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:

        repeat(4, 1fr);

    border-top:

        1px solid

        rgba(255, 255, 255, 0.12);

    border-bottom:

        1px solid

        rgba(255, 255, 255, 0.12);

        margin: auto;
        text-align: center;
}

.mparco-gmaw-page .gmaw-why-card {

    min-height: 150px;

    padding:

        15px 50px;

    border-right:

        1px solid

        rgba(255, 255, 255, 0.12);

    transition:

        background 0.3s ease,

        transform 0.3s ease;
}

.mparco-gmaw-page .gmaw-why-card:first-child {

    padding-left: 0;
}

.mparco-gmaw-page .gmaw-why-card:last-child {

    border-right: 0;
}

.mparco-gmaw-page .gmaw-why-card:hover {

    background:

        rgba(255, 255, 255, 0.025);

    transform:

        translateY(-4px);
}


/* Why Icon */

.mparco-gmaw-page .gmaw-why-icon {

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;
    margin: auto;

    margin-bottom: 30px;

    border:

        1px solid

        rgba(244, 119, 42, 0.3);

    color:

        var(--gmaw-orange);

    font-size: 16px;

    transition:

        transform 0.3s ease;
}

.mparco-gmaw-page .gmaw-why-card p {

    max-width: 210px;

    margin: 0;

    color:

        rgba(255, 255, 255, 0.67);

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   FAQ SECTION
========================================================= */

.mparco-gmaw-page .gmaw-faq-section {

    padding:

        105px 0;

    background:

        var(--gmaw-white);
}

.mparco-gmaw-page .gmaw-faq-grid {

    max-width: 900px;

    border-top:

        1px solid

        var(--gmaw-border);
}

.mparco-gmaw-page .gmaw-faq-item {

    border-bottom:

        1px solid

        var(--gmaw-border);
}


/* FAQ Question */

.mparco-gmaw-page .gmaw-faq-question {

    width: 100%;

    min-height: 80px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    padding:

        20px 5px;

    border: 0;

    outline: none;

    background:

        transparent;

    color:

        var(--gmaw-primary);

    font-size: 14px;

    font-weight: 700;

    line-height: 1.5;

    text-align: left;

    cursor: pointer;
}

.mparco-gmaw-page .gmaw-faq-question span {

    display: flex;

    align-items: flex-start;

    gap: 12px;
}

.mparco-gmaw-page .gmaw-faq-question b {

    flex: 0 0 auto;

    color:

        var(--gmaw-orange);

    font-size: 12px;
}

.mparco-gmaw-page .gmaw-faq-question i {

    flex: 0 0 auto;

    color:

        var(--gmaw-orange);

    font-size: 13px;

    transition:

        transform 0.3s ease;
}

.mparco-gmaw-page
.gmaw-faq-item.active
.gmaw-faq-question i {

    transform:

        rotate(45deg);
}


/* FAQ Answer */

.mparco-gmaw-page .gmaw-faq-answer {

    max-height: 0;

    overflow: hidden;

    transition:

        max-height 0.4s ease,

        padding 0.4s ease;
}

.mparco-gmaw-page .gmaw-faq-answer p {

    max-width: 800px;

    margin: 0;

    padding:

        0 45px 0 25px;

    color:

        var(--gmaw-grey);

    font-size: 13px;

    line-height: 1.8;
}

.mparco-gmaw-page
.gmaw-faq-item.active
.gmaw-faq-answer {

    max-height: 250px;
}

.mparco-gmaw-page
.gmaw-faq-item.active
.gmaw-faq-answer p {

    padding-bottom: 25px;
}


/* =========================================================
   CTA SECTION
========================================================= */

.mparco-gmaw-page .gmaw-cta-section {

    padding:

        20px 0 20px;

    background:

        var(--gmaw-white);
}

.mparco-gmaw-page .gmaw-cta-box {

    position: relative;

    display: grid;

    grid-template-columns:

        minmax(0, 1fr) auto;

    align-items: center;

    gap: 45px;

    padding:

        25px 50px;

    background:

        var(--gmaw-primary);

    overflow: hidden;

    border-radius: 20px;
}


/* CTA Decorative Circle */

.mparco-gmaw-page .gmaw-cta-box::before {

    content: "";

    position: absolute;

    width: 280px;

    height: 280px;

    right: -140px;

    top: -140px;

    border:

        1px solid

        rgba(244, 119, 42, 0.2);

    border-radius: 50%;
}

.mparco-gmaw-page .gmaw-cta-box::after {

    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    right: -90px;

    top: -90px;

    border:

        1px solid

        rgba(255, 255, 255, 0.08);

    border-radius: 50%;
}


/* CTA Content */

.mparco-gmaw-page .gmaw-cta-content {

    position: relative;

    z-index: 2;
}

.mparco-gmaw-page .gmaw-cta-content h2 {

    margin:

        14px 0 12px;

    color:

        var(--gmaw-white);

    font-size:

        clamp(30px, 4vw, 46px);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -1px;
}

.mparco-gmaw-page .gmaw-cta-content h2 span {

    color:

        var(--gmaw-orange);
}

.mparco-gmaw-page .gmaw-cta-content p {

    max-width: 620px;

    margin: 0;

    color:

        rgba(255, 255, 255, 0.62);

    font-size: 13px;

    line-height: 1.7;
}


/* CTA Action */

.mparco-gmaw-page .gmaw-cta-action {

    position: relative;

    z-index: 3;
}


/* =========================================================
   SEO SECTION
========================================================= */

.mparco-gmaw-page .gmaw-seo-section {

    padding:

        0 0 100px;

    background:

        var(--gmaw-white);
}

.mparco-gmaw-page
.gmaw-seo-section
.gmaw-section-heading {

    margin-bottom: 30px;
}


/* Keyword Table Wrapper */

.mparco-gmaw-page .gmaw-keyword-table-wrapper {

    width: 100%;

    overflow-x: auto;

    border:

        1px solid

        var(--gmaw-border);
}


/* Keyword Table */

.mparco-gmaw-page .gmaw-keyword-table {

    width: 100%;

    min-width: 650px;

    border-collapse: collapse;

    background:

        var(--gmaw-white);
}


/* Table Header */

.mparco-gmaw-page .gmaw-keyword-table th {

    padding:

        16px 20px;

    background:

        var(--gmaw-primary);

    color:

        var(--gmaw-white);

    font-size: 12px;

    font-weight: 800;

    text-align: left;
}


/* Table Cells */

.mparco-gmaw-page .gmaw-keyword-table td {

    padding:

        16px 20px;

    border-top:

        1px solid

        var(--gmaw-border);

    color:

        var(--gmaw-text);

    font-size: 12px;

    line-height: 1.6;
}

.mparco-gmaw-page
.gmaw-keyword-table
td:first-child {

    width: 180px;

    color:

        var(--gmaw-primary);

    font-weight: 800;
}


/* Alternate Row */

.mparco-gmaw-page
.gmaw-keyword-table
tbody tr:nth-child(even) {

    background:

        var(--gmaw-light);
}


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

.mparco-gmaw-page
.gmaw-btn:focus-visible,
.mparco-gmaw-page
.gmaw-faq-question:focus-visible {

    outline:

        2px solid

        var(--gmaw-orange);

    outline-offset: 4px;
}


/* =========================================================
   IMAGE / MEDIA SAFETY
========================================================= */

.mparco-gmaw-page img {

    max-width: 100%;

    height: auto;
}


/* =========================================================
   REVEAL SUPPORT
========================================================= */

.mparco-gmaw-page .gmaw-highlight-item,
.mparco-gmaw-page .gmaw-service-intro,
.mparco-gmaw-page .gmaw-service-row,
.mparco-gmaw-page .gmaw-why-card,
.mparco-gmaw-page .gmaw-faq-item,
.mparco-gmaw-page .gmaw-cta-box {

    will-change:

        transform,
        opacity;
}



/* =========================================================
   MPARCO - GMAW (MIG) WELDING SERVICES
   PART 2B : RESPONSIVE CSS
========================================================= */


/* =========================================================
   LARGE LAPTOP / SMALL DESKTOP
========================================================= */

@media (max-width: 1100px) {

    .mparco-gmaw-page .gmaw-container {
        width: min(100%, calc(100% - 40px));
    }


    /* HERO */

    .mparco-gmaw-page .gmaw-hero-grid {
        gap: 50px;
        grid-template-columns:
            minmax(0, 1.45fr)
            minmax(260px, 0.7fr);
    }

    .mparco-gmaw-page .gmaw-hero h1 {
        font-size: 58px;
    }

    .mparco-gmaw-page .gmaw-hero-side {
        padding-left: 35px;
    }


    /* SERVICE */

    .mparco-gmaw-page .gmaw-service-layout {
        gap: 40px;
    }

    .mparco-gmaw-page .gmaw-service-intro {
        padding: 35px;
    }

    .mparco-gmaw-page .gmaw-service-intro h3 {
        font-size: 27px;
    }


    /* CTA */

    .mparco-gmaw-page .gmaw-cta-box {
        padding: 50px;
    }

}


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

@media (max-width: 900px) {

    .mparco-gmaw-page .gmaw-container {
        width: min(100%, calc(100% - 36px));
    }


    /* HERO */

    .mparco-gmaw-page .gmaw-hero {
        min-height: auto;
        padding: 90px 0;
    }

    .mparco-gmaw-page .gmaw-hero-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .mparco-gmaw-page .gmaw-hero-content {
        max-width: 850px;
    }

    .mparco-gmaw-page .gmaw-hero h1 {
        font-size: clamp(48px, 8vw, 64px);
    }

    .mparco-gmaw-page .gmaw-hero-content > p {
        max-width: 760px;
    }

    .mparco-gmaw-page .gmaw-hero-side {
        min-height: auto;

        display: grid;
        grid-template-columns: 1fr 1fr;

        gap: 20px;

        padding: 25px 0 0;

        border-left: 0;
        border-top:
            1px solid
            rgba(255, 255, 255, 0.14);
    }

    .mparco-gmaw-page .gmaw-hero-badge {
        margin-bottom: 0;
    }

    .mparco-gmaw-page .gmaw-hero-line {
        display: none;
    }

    .mparco-gmaw-page .gmaw-hero-mini {
        margin-bottom: 0;
    }


    /* HIGHLIGHTS */

    .mparco-gmaw-page .gmaw-highlight-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mparco-gmaw-page .gmaw-highlight-item {
        min-height: 135px;

        border-bottom:
            1px solid
            var(--gmaw-border);
    }

    .mparco-gmaw-page .gmaw-highlight-item:nth-child(2) {
        border-right: 0;
    }

    .mparco-gmaw-page .gmaw-highlight-item:nth-child(3),
    .mparco-gmaw-page .gmaw-highlight-item:nth-child(4) {
        border-bottom: 0;
    }

    .mparco-gmaw-page .gmaw-highlight-item:nth-child(3) {
        padding-left: 0;
    }


    /* SERVICE */

    .mparco-gmaw-page .gmaw-service-section {
        padding: 85px 0;
    }

    .mparco-gmaw-page .gmaw-service-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .mparco-gmaw-page .gmaw-service-intro {
        min-height: 390px;
    }


    /* WHY */

    .mparco-gmaw-page .gmaw-why-section {
        padding: 85px 0;
    }

    .mparco-gmaw-page .gmaw-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mparco-gmaw-page .gmaw-why-card {
        min-height: 210px;

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

    .mparco-gmaw-page .gmaw-why-card:nth-child(2) {
        border-right: 0;
    }

    .mparco-gmaw-page .gmaw-why-card:nth-child(3),
    .mparco-gmaw-page .gmaw-why-card:nth-child(4) {
        border-bottom: 0;
    }

    .mparco-gmaw-page .gmaw-why-card:nth-child(3) {
        padding-left: 0;
    }


    /* FAQ */

    .mparco-gmaw-page .gmaw-faq-section {
        padding: 85px 0;
    }


    /* CTA */

    .mparco-gmaw-page .gmaw-cta-section {
        padding-bottom: 80px;
    }

    .mparco-gmaw-page .gmaw-cta-box {
        grid-template-columns: 1fr;
        gap: 30px;

        padding: 45px;
    }

    .mparco-gmaw-page .gmaw-cta-action {
        justify-self: flex-start;
    }


    /* SEO */

    .mparco-gmaw-page .gmaw-seo-section {
        padding-bottom: 80px;
    }

}


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

@media (max-width: 700px) {

    .mparco-gmaw-page .gmaw-container {
        width: calc(100% - 30px);
    }


    /* HERO */

    .mparco-gmaw-page .gmaw-hero {
        padding: 75px 0;
    }

    .mparco-gmaw-page .gmaw-hero-grid {
        gap: 45px;
    }

    .mparco-gmaw-page .gmaw-hero h1 {
        margin-top: 18px;
        margin-bottom: 18px;

        font-size: clamp(40px, 11vw, 56px);

        letter-spacing: -1.8px;
    }

    .mparco-gmaw-page .gmaw-hero-content > p {
        font-size: 14px;
        line-height: 1.75;
    }

    .mparco-gmaw-page .gmaw-hero-actions {
        margin-top: 28px;
    }

    .mparco-gmaw-page .gmaw-btn {
        min-height: 50px;
        padding: 0 20px;
    }


    /* HERO SIDE */

    .mparco-gmaw-page .gmaw-hero-side {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .mparco-gmaw-page .gmaw-hero-badge {
        margin-bottom: 8px;
    }


    /* HIGHLIGHTS */

    .mparco-gmaw-page .gmaw-highlight-grid {
        grid-template-columns: 1fr;
    }

    .mparco-gmaw-page .gmaw-highlight-item,
    .mparco-gmaw-page .gmaw-highlight-item:first-child,
    .mparco-gmaw-page .gmaw-highlight-item:nth-child(3) {
        min-height: auto;

        padding: 24px 0;

        border-right: 0;

        border-bottom:
            1px solid
            var(--gmaw-border);
    }

    .mparco-gmaw-page .gmaw-highlight-item:last-child {
        border-bottom: 0;
    }


    /* SECTION HEADINGS */

    .mparco-gmaw-page .gmaw-section-heading {
        margin-bottom: 35px;
    }

    .mparco-gmaw-page .gmaw-section-heading h2 {
        font-size: clamp(31px, 8vw, 42px);
        letter-spacing: -1px;
    }

    .mparco-gmaw-page .gmaw-section-heading > p {
        font-size: 13px;
    }


    /* SERVICE */

    .mparco-gmaw-page .gmaw-service-section {
        padding: 70px 0;
    }

    .mparco-gmaw-page .gmaw-service-layout {
        gap: 35px;
    }

    .mparco-gmaw-page .gmaw-service-intro {
        min-height: 380px;
        padding: 32px;
    }

    .mparco-gmaw-page .gmaw-big-number {
        top: 28px;
        left: 32px;

        font-size: 80px;
    }

    .mparco-gmaw-page .gmaw-service-intro h3 {
        font-size: 25px;
    }

    .mparco-gmaw-page .gmaw-service-intro p {
        font-size: 12px;
    }


    /* SERVICE ROW */

    .mparco-gmaw-page .gmaw-service-row {
        min-height: auto;

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

        gap: 12px;

        padding:
            19px 0;
    }

    .mparco-gmaw-page .gmaw-service-row:hover {
        padding-left: 8px;
        padding-right: 8px;
    }

    .mparco-gmaw-page .gmaw-row-content h3 {
        font-size: 13px;
        line-height: 1.55;
    }


    /* WHY */

    .mparco-gmaw-page .gmaw-why-section {
        padding: 70px 0;
    }

    .mparco-gmaw-page .gmaw-why-grid {
        grid-template-columns: 1fr;
    }

    .mparco-gmaw-page .gmaw-why-card,
    .mparco-gmaw-page .gmaw-why-card:first-child,
    .mparco-gmaw-page .gmaw-why-card:nth-child(3) {
        min-height: auto;

        padding: 28px 0;

        border-right: 0;

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

    .mparco-gmaw-page .gmaw-why-card:last-child {
        border-bottom: 0;
    }

    .mparco-gmaw-page .gmaw-why-icon {
        margin-bottom: 20px;
    }


    /* FAQ */

    .mparco-gmaw-page .gmaw-faq-section {
        padding: 70px 0;
    }

    .mparco-gmaw-page .gmaw-faq-question {
        min-height: 72px;

        gap: 15px;

        padding:
            18px 0;

        font-size: 13px;
    }

    .mparco-gmaw-page .gmaw-faq-question span {
        gap: 9px;
    }

    .mparco-gmaw-page .gmaw-faq-answer p {
        padding-left: 21px;
        padding-right: 20px;

        font-size: 12px;
    }


    /* CTA */

    .mparco-gmaw-page .gmaw-cta-section {
        padding:
            20px 0 70px;
    }

    .mparco-gmaw-page .gmaw-cta-box {
        padding: 35px 28px;
    }

    .mparco-gmaw-page .gmaw-cta-content h2 {
        font-size: clamp(29px, 8vw, 39px);
    }

    .mparco-gmaw-page .gmaw-cta-content p {
        font-size: 12px;
    }

    .mparco-gmaw-page .gmaw-cta-action {
        width: 100%;
    }

    .mparco-gmaw-page .gmaw-cta-action .gmaw-btn {
        width: 100%;
    }


    /* SEO */

    .mparco-gmaw-page .gmaw-seo-section {
        padding-bottom: 70px;
    }

    .mparco-gmaw-page .gmaw-keyword-table {
        min-width: 580px;
    }

}


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

@media (max-width: 480px) {

    .mparco-gmaw-page .gmaw-container {
        width: calc(100% - 24px);
    }


    /* HERO */

    .mparco-gmaw-page .gmaw-hero {
        padding: 62px 0;
    }

    .mparco-gmaw-page .gmaw-eyebrow {
        font-size: 9px;
        letter-spacing: 1.5px;
    }

    .mparco-gmaw-page .gmaw-eyebrow::before {
        width: 20px;
    }

    .mparco-gmaw-page .gmaw-hero h1 {
        font-size: 39px;
        line-height: 1;
        letter-spacing: -1.4px;
    }

    .mparco-gmaw-page .gmaw-hero-content > p {
        font-size: 13px;
        line-height: 1.7;
    }

    .mparco-gmaw-page .gmaw-hero-actions {
        flex-direction: column;
        gap: 10px;
    }

    .mparco-gmaw-page .gmaw-hero-actions .gmaw-btn {
        width: 100%;
    }


    /* HERO SIDE */

    .mparco-gmaw-page .gmaw-badge-icon {
        width: 50px;
        height: 50px;

        font-size: 18px;
    }

    .mparco-gmaw-page .gmaw-hero-badge strong {
        font-size: 13px;
    }

    .mparco-gmaw-page .gmaw-hero-badge small {
        font-size: 12px;
    }

    .mparco-gmaw-page .gmaw-hero-mini {
        gap: 14px;
    }

    .mparco-gmaw-page .gmaw-hero-mini p {
        font-size: 12px;
    }


    /* HIGHLIGHTS */

    .mparco-gmaw-page .gmaw-highlight-item {
        gap: 14px;
        padding: 21px 0;
    }

    .mparco-gmaw-page .gmaw-highlight-item strong {
        font-size: 13px;
    }

    .mparco-gmaw-page .gmaw-highlight-item p {
        font-size: 12px;
    }


    /* SECTION */

    .mparco-gmaw-page .gmaw-service-section,
    .mparco-gmaw-page .gmaw-why-section,
    .mparco-gmaw-page .gmaw-faq-section {
        padding: 60px 0;
    }

    .mparco-gmaw-page .gmaw-section-heading h2 {
        font-size: 30px;
    }


    /* SERVICE INTRO */

    .mparco-gmaw-page .gmaw-service-intro {
        min-height: 350px;
        padding: 27px;
    }

    .mparco-gmaw-page .gmaw-big-number {
        top: 24px;
        left: 27px;

        font-size: 70px;
    }

    .mparco-gmaw-page .gmaw-service-intro h3 {
        font-size: 22px;
    }

    .mparco-gmaw-page .gmaw-service-intro p {
        font-size: 12px;
        line-height: 1.7;
    }


    /* SERVICE ROW */

    .mparco-gmaw-page .gmaw-service-row {
        grid-template-columns:
            32px minmax(0, 1fr) 20px;

        gap: 8px;
    }

    .mparco-gmaw-page .gmaw-row-number {
        font-size: 12px;
    }

    .mparco-gmaw-page .gmaw-row-content h3 {
        font-size: 12px;
    }

    .mparco-gmaw-page .gmaw-service-row > i {
        font-size: 12px;
    }


    /* WHY */

    .mparco-gmaw-page .gmaw-why-card {
        padding: 25px 0;
    }

    .mparco-gmaw-page .gmaw-why-card p {
        font-size: 12px;
    }


    /* FAQ */

    .mparco-gmaw-page .gmaw-faq-question {
        font-size: 12px;
    }

    .mparco-gmaw-page .gmaw-faq-question i {
        font-size: 12px;
    }

    .mparco-gmaw-page .gmaw-faq-answer p {
        padding-left: 19px;
        font-size: 12px;
        line-height: 1.7;
    }


    /* CTA */

    .mparco-gmaw-page .gmaw-cta-box {
        padding: 30px 22px;
    }

    .mparco-gmaw-page .gmaw-cta-content h2 {
        font-size: 28px;
    }


    /* SEO */

    .mparco-gmaw-page .gmaw-keyword-table {
        min-width: 520px;
    }

    .mparco-gmaw-page .gmaw-keyword-table th,
    .mparco-gmaw-page .gmaw-keyword-table td {
        padding:
            13px 14px;

        font-size: 12px;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 360px) {

    .mparco-gmaw-page .gmaw-container {
        width: calc(100% - 20px);
    }

    .mparco-gmaw-page .gmaw-hero h1 {
        font-size: 35px;
    }

    .mparco-gmaw-page .gmaw-section-heading h2 {
        font-size: 27px;
    }

    .mparco-gmaw-page .gmaw-service-intro {
        padding: 23px;
    }

    .mparco-gmaw-page .gmaw-service-intro h3 {
        font-size: 20px;
    }

    .mparco-gmaw-page .gmaw-cta-box {
        padding: 27px 18px;
    }

}

























/**-------------------------------------------------------------------   FCAW WELDING ------------------------------------------------------------------**/


/* =========================================================
   MPARCO - FCAW WELDING SERVICES
   PART 2A : MAIN CSS
   ========================================================= */

.mparco-fcaw-page {
    --fcaw-dark: #061920;
    --fcaw-primary: #102630;
    --fcaw-orange: #f4772a;
    --fcaw-light: #f4f6f7;
    --fcaw-white: #ffffff;
    --fcaw-grey: #71808b;
    --fcaw-border: #dfe5e8;
    --fcaw-text: #17303d;
    --fcaw-soft: #eef2f4;

    width: 100%;
    overflow: hidden;
    color: var(--fcaw-text);
    background: var(--fcaw-white);
    font-family: inherit;
}


/* =========================================================
   COMMON CONTAINER
   ========================================================= */

.mparco-fcaw-page .fcaw-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================================
   COMMON EYEBROW
   ========================================================= */

.mparco-fcaw-page .fcaw-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--fcaw-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.4;
    text-transform: uppercase;
}

.mparco-fcaw-page .fcaw-eyebrow::before {
    content: "";
    width: 22px;
    height: 2px;
    background: var(--fcaw-orange);
    display: inline-block;
}


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

.mparco-fcaw-page .fcaw-hero {
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
    background:
        radial-gradient(
            circle at 82% 40%,
            rgba(244, 119, 42, 0.12),
            transparent 27%
        ),
        linear-gradient(
            115deg,
            #061920 0%,
            #081e28 55%,
            #102630 100%
        );
    isolation: isolate;
}

.mparco-fcaw-page .fcaw-hero::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 43%;
    height: 100%;
    background:
        linear-gradient(
            135deg,
            transparent 48%,
            rgba(244, 119, 42, 0.95) 48.5%,
            rgba(244, 119, 42, 0.95) 49%,
            transparent 49.5%
        );
    opacity: 0.75;
    pointer-events: none;
}

.mparco-fcaw-page .fcaw-hero::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    right: -100px;
    bottom: -150px;
    border: 1px solid rgba(244, 119, 42, 0.25);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(244, 119, 42, 0.035),
        0 0 0 70px rgba(244, 119, 42, 0.025);
    pointer-events: none;
}

.mparco-fcaw-page .fcaw-hero-grid {
    position: relative;
    z-index: 2;
    min-height: 400px;
    display: grid;
    grid-template-columns: 1.45fr 0.75fr;
    align-items: center;
    gap: 60px;
}

.mparco-fcaw-page .fcaw-hero-content {
    max-width: 400px;
    padding: px 0;
}

.mparco-fcaw-page .fcaw-hero-content .fcaw-eyebrow {
    margin-bottom: 18px;
}

.mparco-fcaw-page .fcaw-hero-content h1 {
    margin: 0 0 22px;
    color: var(--fcaw-white);
    font-size: clamp(42px, 5vw, 50px);
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -2px;
    text-transform: uppercase;
}

.mparco-fcaw-page .fcaw-hero-content h1 span {
    display: block;
    color: var(--fcaw-orange);
}

.mparco-fcaw-page .fcaw-hero-content p {
    max-width: 650px;
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 14px;
    line-height: 1.8;
}

.mparco-fcaw-page .fcaw-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 30px;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.mparco-fcaw-page .fcaw-btn {
    min-height: 48px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.3px;
    text-decoration: none;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

.mparco-fcaw-page .fcaw-btn i {
    font-size: 12px;
}

.mparco-fcaw-page .fcaw-btn-primary {
    color: #ffffff;
    background: var(--fcaw-orange);
    border: 1px solid var(--fcaw-orange);
    box-shadow: 0 8px 22px rgba(244, 119, 42, 0.2);
}

.mparco-fcaw-page .fcaw-btn-primary:hover {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(244, 119, 42, 0.3);
}

.mparco-fcaw-page .fcaw-btn-outline {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.03);
}

.mparco-fcaw-page .fcaw-btn-outline:hover {
    color: #ffffff;
    border-color: var(--fcaw-orange);
    background: rgba(244, 119, 42, 0.1);
    transform: translateY(-2px);
}


/* =========================================================
   HERO SIDE
   ========================================================= */

.mparco-fcaw-page .fcaw-hero-side {
    position: relative;
    min-height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.mparco-fcaw-page .fcaw-hero-badge {
    width: 230px;
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid rgba(244, 119, 42, 0.45);
    border-radius: 7px;
    background: rgba(6, 25, 32, 0.88);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.mparco-fcaw-page .fcaw-badge-icon {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(244, 119, 42, 0.5);
    border-radius: 50%;
    color: var(--fcaw-orange);
    font-size: 17px;
}

.mparco-fcaw-page .fcaw-hero-badge strong {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.mparco-fcaw-page .fcaw-hero-badge small {
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.mparco-fcaw-page .fcaw-hero-line {
    width: 1px;
    height: 65px;
    margin-right: 115px;
    background: linear-gradient(
        to bottom,
        var(--fcaw-orange),
        transparent
    );
}

.mparco-fcaw-page .fcaw-hero-mini {
    width: 215px;
    padding: 13px 0;
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.mparco-fcaw-page .fcaw-hero-mini span {
    color: var(--fcaw-orange);
    font-size: 25px;
    font-weight: 800;
}

.mparco-fcaw-page .fcaw-hero-mini p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}


/* =========================================================
   HIGHLIGHTS
   ========================================================= */

.mparco-fcaw-page .fcaw-highlights {
    position: relative;
    z-index: 5;
    margin-top: -1px;
    background: var(--fcaw-dark);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.mparco-fcaw-page .fcaw-highlight-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.mparco-fcaw-page .fcaw-highlight-item {
    min-height: 125px;
    padding: 23px 25px;
    display: flex;
    align-items: center;
    gap: 17px;
    border-right: 1px solid rgba(255, 255, 255, 0.09);
}

.mparco-fcaw-page .fcaw-highlight-item:last-child {
    border-right: 0;
}

.mparco-fcaw-page .fcaw-highlight-number {
    color: rgba(244, 119, 42, 0.35);
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
}

.mparco-fcaw-page .fcaw-highlight-item strong {
    display: block;
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
}

.mparco-fcaw-page .fcaw-highlight-item p {
    margin: 0;
    color: rgba(255, 255, 255, 0.56);
    font-size: 12px;
    line-height: 1.6;
}


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

.mparco-fcaw-page .fcaw-section-heading {
    max-width: 700px;
}

.mparco-fcaw-page .fcaw-section-heading h2 {
    margin: 12px 0 0;
    color: var(--fcaw-primary);
    font-size: clamp(30px, 4vw, 39px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1px;
}

.mparco-fcaw-page .fcaw-section-heading h2 span {
    color: var(--fcaw-orange);
}

.mparco-fcaw-page .fcaw-section-heading > p {
    max-width: 750px;
    margin: 17px 0 0;
    color: var(--fcaw-grey);
    font-size: 13px;
    line-height: 1.8;
}


/* =========================================================
   SERVICE SECTION
   ========================================================= */

.mparco-fcaw-page .fcaw-service-section {
    padding: 40px 0;
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7f9fa 100%
        );
}

.mparco-fcaw-page .fcaw-service-layout {
    margin-top: 45px;
    display: grid;
    grid-template-columns: 0.75fr 1.25fr;
    gap: 60px;
    align-items: stretch;
}


/* =========================================================
   SERVICE INTRO CARD
   ========================================================= */

.mparco-fcaw-page .fcaw-service-intro {
    position: relative;
    min-height: 420px;
    padding: 42px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    border-radius: 9px;
    background:
        linear-gradient(
            145deg,
            #061920 0%,
            #102630 100%
        );
    box-shadow: 0 18px 45px rgba(6, 25, 32, 0.1);
}

.mparco-fcaw-page .fcaw-service-intro::before {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    top: -80px;
    right: -70px;
    border: 1px solid rgba(244, 119, 42, 0.3);
    border-radius: 50%;
}

.mparco-fcaw-page .fcaw-service-intro::after {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    top: -45px;
    right: -35px;
    border: 1px solid rgba(244, 119, 42, 0.15);
    border-radius: 50%;
}

.mparco-fcaw-page .fcaw-big-number {
    position: absolute;
    top: 32px;
    left: 40px;
    color: rgba(255, 255, 255, 0.08);
    font-size: 90px;
    font-weight: 800;
    line-height: 1;
}

.mparco-fcaw-page .fcaw-service-intro h3 {
    position: relative;
    z-index: 2;
    max-width: 370px;
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 27px;
    line-height: 1.15;
}

.mparco-fcaw-page .fcaw-service-intro p {
    position: relative;
    z-index: 2;
    max-width: 390px;
    margin: 0;
    color: rgba(255, 255, 255, 0.64);
    font-size: 12px;
    line-height: 1.8;
}

.mparco-fcaw-page .fcaw-service-label {
    position: relative;
    z-index: 2;
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--fcaw-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.mparco-fcaw-page .fcaw-service-label span {
    width: 25px;
    height: 2px;
    background: var(--fcaw-orange);
}


/* =========================================================
   SERVICE LIST
   ========================================================= */

.mparco-fcaw-page .fcaw-service-list {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--fcaw-border);
}

.mparco-fcaw-page .fcaw-service-row {
    min-height: 80px;
    padding: 15px 10px 15px 0;
    display: grid;
    grid-template-columns: 60px 1fr 35px;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid var(--fcaw-border);
    transition:
        padding-left 0.25s ease,
        background 0.25s ease;
}

.mparco-fcaw-page .fcaw-service-row:hover {
    padding-left: 13px;
    background: #ffffff;
}

.mparco-fcaw-page .fcaw-row-number {
    color: #cbd3d7;
    font-size: 25px;
    font-weight: 800;
}

.mparco-fcaw-page .fcaw-row-content h3 {
    margin: 0;
    color: var(--fcaw-primary);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.mparco-fcaw-page .fcaw-service-row > i {
    color: var(--fcaw-orange);
    font-size: 17px;
    text-align: center;
}


/* =========================================================
   WHY CHOOSE SECTION
   ========================================================= */

.mparco-fcaw-page .fcaw-why-section {
    padding: 40px 0 40px;
    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(244, 119, 42, 0.08),
            transparent 25%
        ),
        var(--fcaw-dark);
}

.mparco-fcaw-page .fcaw-heading-light h2 {
    color: #ffffff;
}

.mparco-fcaw-page .fcaw-heading-light h2 span {
    color: var(--fcaw-orange);
}

.mparco-fcaw-page .fcaw-why-grid {
    margin-top: 42px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.mparco-fcaw-page .fcaw-why-card {
    min-height: 150px;
    padding: 27px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}

.mparco-fcaw-page .fcaw-why-card:hover {
    transform: translateY(-5px);
    border-color: rgba(244, 119, 42, 0.45);
    background: rgba(244, 119, 42, 0.06);
}

.mparco-fcaw-page .fcaw-why-icon {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(244, 119, 42, 0.55);
    border-radius: 50%;
    color: var(--fcaw-orange);
    font-size: 16px;
}

.mparco-fcaw-page .fcaw-why-card p {
    margin: 25px 0 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================================
   FAQ
   ========================================================= */

.mparco-fcaw-page .fcaw-faq-section {
    padding: 90px 0;
    background: #ffffff;
}

.mparco-fcaw-page .fcaw-faq-grid {
    margin-top: 42px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    align-items: start;
}

.mparco-fcaw-page .fcaw-faq-item {
    overflow: hidden;
    border: 1px solid var(--fcaw-border);
    border-radius: 7px;
    background: #ffffff;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.mparco-fcaw-page .fcaw-faq-item.active {
    border-color: rgba(244, 119, 42, 0.5);
    box-shadow: 0 12px 30px rgba(6, 25, 32, 0.06);
}

.mparco-fcaw-page .fcaw-faq-question {
    width: 100%;
    min-height: 72px;
    padding: 17px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--fcaw-primary);
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.mparco-fcaw-page .fcaw-faq-question span {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.mparco-fcaw-page .fcaw-faq-question b {
    color: var(--fcaw-orange);
    font-size: 13px;
}

.mparco-fcaw-page .fcaw-faq-question > i {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fcaw-primary);
    font-size: 12px;
    transition: transform 0.3s ease;
}

.mparco-fcaw-page .fcaw-faq-item.active .fcaw-faq-question > i {
    color: var(--fcaw-orange);
    transform: rotate(45deg);
}

.mparco-fcaw-page .fcaw-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition:
        max-height 0.35s ease,
        padding 0.35s ease;
}

.mparco-fcaw-page .fcaw-faq-answer p {
    margin: 0;
    padding: 0 20px 21px 48px;
    color: var(--fcaw-grey);
    font-size: 12px;
    line-height: 1.8;
}


/* =========================================================
   CTA
   ========================================================= */

.mparco-fcaw-page .fcaw-cta-section {
    padding: 0 0 px;
    background: #ffffff;
}

.mparco-fcaw-page .fcaw-cta-box {
    position: relative;
    min-height: 190px;
    padding: 15px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    overflow: hidden;
    border-radius: 8px;
    background:
        linear-gradient(
            120deg,
            #061920 0%,
            #102630 100%
        );
    box-shadow: 0 20px 45px rgba(6, 25, 32, 0.12);

    border-radius: 20px;

    margin: 20px;
}

.mparco-fcaw-page .fcaw-cta-box::before {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    top: -115px;
    right: 90px;
    border: 1px solid rgba(244, 119, 42, 0.18);
    border-radius: 50%;
}

.mparco-fcaw-page .fcaw-cta-box::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    bottom: -90px;
    right: 20px;
    border: 1px solid rgba(244, 119, 42, 0.15);
    border-radius: 50%;
}

.mparco-fcaw-page .fcaw-cta-content {
    position: relative;
    z-index: 2;
}

.mparco-fcaw-page .fcaw-cta-content h2 {
    margin: 10px 0 10px;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.1;
}

.mparco-fcaw-page .fcaw-cta-content h2 span {
    color: var(--fcaw-orange);
}

.mparco-fcaw-page .fcaw-cta-content p {
    max-width: 580px;
    margin: 0;
    color: rgba(255, 255, 255, 0.65);
    font-size: 12px;
    line-height: 1.7;
}

.mparco-fcaw-page .fcaw-cta-action {
    position: relative;
    z-index: 3;
    flex-shrink: 0;
}


/* =========================================================
   SEO SECTION
   ========================================================= */

.mparco-fcaw-page .fcaw-seo-section {
    padding: 80px 0 90px;
    background: var(--fcaw-light);
}

.mparco-fcaw-page .fcaw-keyword-table-wrapper {
    margin-top: 32px;
    overflow-x: auto;
    border: 1px solid var(--fcaw-border);
    border-radius: 6px;
    background: #ffffff;
}

.mparco-fcaw-page .fcaw-keyword-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.mparco-fcaw-page .fcaw-keyword-table th {
    padding: 15px 18px;
    color: #ffffff;
    background: var(--fcaw-primary);
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-align: left;
}

.mparco-fcaw-page .fcaw-keyword-table th:first-child {
    width: 28%;
}

.mparco-fcaw-page .fcaw-keyword-table th:last-child {
    border-right: 0;
}

.mparco-fcaw-page .fcaw-keyword-table td {
    padding: 18px;
    color: var(--fcaw-grey);
    border-right: 1px solid var(--fcaw-border);
    border-bottom: 1px solid var(--fcaw-border);
    font-size: 12px;
    line-height: 1.7;
    vertical-align: top;
}

.mparco-fcaw-page .fcaw-keyword-table td:first-child {
    color: var(--fcaw-primary);
    font-weight: 800;
}

.mparco-fcaw-page .fcaw-keyword-table td:last-child {
    border-right: 0;
}

.mparco-fcaw-page .fcaw-keyword-table tbody tr:last-child td {
    border-bottom: 0;
}


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

@media (max-width: 1100px) {

    .mparco-fcaw-page .fcaw-container {
        width: min(100% - 34px, 1000px);
    }

    .mparco-fcaw-page .fcaw-hero-grid {
        gap: 35px;
        grid-template-columns: 1.25fr 0.75fr;
    }

    .mparco-fcaw-page .fcaw-hero-content h1 {
        font-size: 52px;
    }

    .mparco-fcaw-page .fcaw-highlight-item {
        padding: 20px 15px;
    }

    .mparco-fcaw-page .fcaw-service-layout {
        gap: 35px;
    }

    .mparco-fcaw-page .fcaw-why-card {
        padding: 22px;
    }

}


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

@media (max-width: 900px) {

    .mparco-fcaw-page .fcaw-hero {
        min-height: auto;
    }

    .mparco-fcaw-page .fcaw-hero-grid {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .mparco-fcaw-page .fcaw-hero-content {
        padding: 70px 0 30px;
        max-width: 720px;
    }

    .mparco-fcaw-page .fcaw-hero-side {
        min-height: 180px;
        padding-bottom: 55px;
        align-items: flex-start;
        flex-direction: row;
        gap: 15px;
    }

    .mparco-fcaw-page .fcaw-hero-line {
        display: none;
    }

    .mparco-fcaw-page .fcaw-hero-mini {
        width: auto;
        min-width: 170px;
        border-bottom: 0;
    }

    .mparco-fcaw-page .fcaw-highlight-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mparco-fcaw-page .fcaw-highlight-item:nth-child(2) {
        border-right: 0;
    }

    .mparco-fcaw-page .fcaw-highlight-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    }

    .mparco-fcaw-page .fcaw-service-layout {
        grid-template-columns: 1fr;
    }

    .mparco-fcaw-page .fcaw-service-intro {
        min-height: 300px;
    }

    .mparco-fcaw-page .fcaw-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mparco-fcaw-page .fcaw-faq-grid {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 600px) {

    .mparco-fcaw-page .fcaw-container {
        width: calc(100% - 28px);
    }

    .mparco-fcaw-page .fcaw-hero::before {
        width: 75%;
        opacity: 0.35;
    }

    .mparco-fcaw-page .fcaw-hero-content {
        padding: 55px 0 20px;
    }

    .mparco-fcaw-page .fcaw-eyebrow {
        font-size: 9px;
        letter-spacing: 1.5px;
    }

    .mparco-fcaw-page .fcaw-hero-content h1 {
        margin-bottom: 18px;
        font-size: 39px;
        letter-spacing: -1px;
    }

    .mparco-fcaw-page .fcaw-hero-content p {
        font-size: 12px;
        line-height: 1.7;
    }

    .mparco-fcaw-page .fcaw-hero-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .mparco-fcaw-page .fcaw-btn {
        width: 100%;
    }

    .mparco-fcaw-page .fcaw-hero-side {
        min-height: 125px;
        padding-bottom: 35px;
        flex-wrap: wrap;
    }

    .mparco-fcaw-page .fcaw-hero-badge {
        width: 100%;
        max-width: 270px;
    }

    .mparco-fcaw-page .fcaw-hero-mini {
        min-width: auto;
        width: calc(50% - 8px);
    }

    .mparco-fcaw-page .fcaw-hero-mini span {
        font-size: 20px;
    }

    .mparco-fcaw-page .fcaw-hero-mini p {
        font-size: 9px;
    }


    /* Highlights */

    .mparco-fcaw-page .fcaw-highlight-grid {
        grid-template-columns: 1fr;
    }

    .mparco-fcaw-page .fcaw-highlight-item,
    .mparco-fcaw-page .fcaw-highlight-item:nth-child(-n+2) {
        min-height: auto;
        padding: 18px 5px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    }

    .mparco-fcaw-page .fcaw-highlight-item:last-child {
        border-bottom: 0;
    }


    /* Sections */

    .mparco-fcaw-page .fcaw-service-section,
    .mparco-fcaw-page .fcaw-faq-section {
        padding: 60px 0;
    }

    .mparco-fcaw-page .fcaw-why-section {
        padding: 60px 0;
    }

    .mparco-fcaw-page .fcaw-section-heading h2 {
        font-size: 30px;
    }


    /* Service */

    .mparco-fcaw-page .fcaw-service-layout {
        margin-top: 30px;
        gap: 25px;
    }

    .mparco-fcaw-page .fcaw-service-intro {
        min-height: 300px;
        padding: 30px;
    }

    .mparco-fcaw-page .fcaw-big-number {
        left: 28px;
        top: 25px;
        font-size: 70px;
    }

    .mparco-fcaw-page .fcaw-service-intro h3 {
        font-size: 23px;
    }

    .mparco-fcaw-page .fcaw-service-row {
        grid-template-columns: 42px 1fr 25px;
        gap: 8px;
        min-height: 95px;
        padding-right: 5px;
    }

    .mparco-fcaw-page .fcaw-row-number {
        font-size: 20px;
    }

    .mparco-fcaw-page .fcaw-row-content h3 {
        font-size: 12px;
    }

    .mparco-fcaw-page .fcaw-service-row > i {
        font-size: 14px;
    }


    /* Why */

    .mparco-fcaw-page .fcaw-why-grid {
        grid-template-columns: 1fr;
        margin-top: 30px;
    }

    .mparco-fcaw-page .fcaw-why-card {
        min-height: 150px;
    }


    /* FAQ */

    .mparco-fcaw-page .fcaw-faq-grid {
        margin-top: 30px;
        gap: 12px;
    }

    .mparco-fcaw-page .fcaw-faq-question {
        min-height: 65px;
        padding: 14px;
        font-size: 12px;
    }

    .mparco-fcaw-page .fcaw-faq-answer p {
        padding: 0 14px 18px 38px;
        font-size: 12px;
    }


    /* CTA */

    .mparco-fcaw-page .fcaw-cta-section {
        padding: 0 0 60px;
    }

    .mparco-fcaw-page .fcaw-cta-box {
        min-height: auto;
        padding: 30px 25px;
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }

    .mparco-fcaw-page .fcaw-cta-content h2 {
        font-size: 28px;
    }

    .mparco-fcaw-page .fcaw-cta-action {
        width: 100%;
    }

    .mparco-fcaw-page .fcaw-cta-action .fcaw-btn {
        width: 100%;
    }


    /* SEO */

    .mparco-fcaw-page .fcaw-seo-section {
        padding: 60px 0;
    }

    .mparco-fcaw-page .fcaw-keyword-table {
        min-width: 550px;
    }

}


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

@media (max-width: 380px) {

    .mparco-fcaw-page .fcaw-hero-content h1 {
        font-size: 34px;
    }

    .mparco-fcaw-page .fcaw-service-intro {
        padding: 25px;
    }

    .mparco-fcaw-page .fcaw-service-row {
        grid-template-columns: 35px 1fr 20px;
    }

    .mparco-fcaw-page .fcaw-row-content h3 {
        font-size: 12px;
    }

}



/* =========================================================
   MPARCO - FCAW WELDING SERVICES
   PART 2B : RESPONSIVE + MOBILE REFINEMENT
   Paste AFTER PART 2A
   ========================================================= */


/* =========================================================
   1024px - LAPTOP / SMALL DESKTOP
   ========================================================= */

@media (max-width: 1024px) {

    .mparco-fcaw-page .fcaw-container {
        width: calc(100% - 50px);
    }

    /* HERO */

    .mparco-fcaw-page .fcaw-hero-grid {
        grid-template-columns: 1.15fr 0.85fr;
        gap: 35px;
    }

    .mparco-fcaw-page .fcaw-hero-content h1 {
        font-size: 50px;
    }

    .mparco-fcaw-page .fcaw-hero-content p {
        font-size: 13px;
        max-width: 570px;
    }

    .mparco-fcaw-page .fcaw-hero-side {
        padding-right: 15px;
    }


    /* HIGHLIGHTS */

    .mparco-fcaw-page .fcaw-highlight-item {
        padding-left: 18px;
        padding-right: 18px;
        gap: 12px;
    }

    .mparco-fcaw-page .fcaw-highlight-number {
        font-size: 27px;
    }


    /* SERVICE */

    .mparco-fcaw-page .fcaw-service-layout {
        gap: 35px;
    }

    .mparco-fcaw-page .fcaw-service-intro {
        padding: 32px;
    }


    /* WHY */

    .mparco-fcaw-page .fcaw-why-card {
        padding: 22px;
    }

}


/* =========================================================
   900px - TABLET LANDSCAPE
   ========================================================= */

@media (max-width: 900px) {

    .mparco-fcaw-page .fcaw-container {
        width: calc(100% - 40px);
    }


    /* HERO */

    .mparco-fcaw-page .fcaw-hero {
        min-height: auto;
    }

    .mparco-fcaw-page .fcaw-hero-grid {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .mparco-fcaw-page .fcaw-hero-content {
        max-width: 750px;
        padding: 65px 0 20px;
    }

    .mparco-fcaw-page .fcaw-hero-content h1 {
        font-size: 52px;
    }

    .mparco-fcaw-page .fcaw-hero-content p {
        max-width: 700px;
    }

    .mparco-fcaw-page .fcaw-hero-side {
        min-height: auto;
        padding: 10px 0 55px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 20px;
    }

    .mparco-fcaw-page .fcaw-hero-line {
        display: none;
    }

    .mparco-fcaw-page .fcaw-hero-mini {
        width: auto;
        min-width: 180px;
        padding: 10px 15px;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 0;
    }


    /* HIGHLIGHTS */

    .mparco-fcaw-page .fcaw-highlight-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mparco-fcaw-page .fcaw-highlight-item:nth-child(1),
    .mparco-fcaw-page .fcaw-highlight-item:nth-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    }

    .mparco-fcaw-page .fcaw-highlight-item:nth-child(2) {
        border-right: 0;
    }

    .mparco-fcaw-page .fcaw-highlight-item:nth-child(4) {
        border-right: 0;
    }


    /* SERVICE */

    .mparco-fcaw-page .fcaw-service-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .mparco-fcaw-page .fcaw-service-intro {
        min-height: 290px;
    }


    /* WHY */

    .mparco-fcaw-page .fcaw-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* FAQ */

    .mparco-fcaw-page .fcaw-faq-grid {
        grid-template-columns: 1fr;
    }


    /* CTA */

    .mparco-fcaw-page .fcaw-cta-box {
        padding: 35px;
    }

}


/* =========================================================
   768px - TABLET PORTRAIT
   ========================================================= */

@media (max-width: 768px) {

    .mparco-fcaw-page .fcaw-container {
        width: calc(100% - 32px);
    }


    /* HERO */

    .mparco-fcaw-page .fcaw-hero-content {
        padding-top: 55px;
    }

    .mparco-fcaw-page .fcaw-hero-content h1 {
        font-size: clamp(40px, 8vw, 50px);
        letter-spacing: -1.5px;
    }

    .mparco-fcaw-page .fcaw-hero-content p {
        font-size: 12px;
        line-height: 1.75;
    }

    .mparco-fcaw-page .fcaw-hero-side {
        padding-bottom: 40px;
    }

    .mparco-fcaw-page .fcaw-hero-badge {
        width: 220px;
    }


    /* COMMON HEADING */

    .mparco-fcaw-page .fcaw-section-heading h2 {
        font-size: 34px;
    }


    /* SERVICE */

    .mparco-fcaw-page .fcaw-service-section {
        padding: 70px 0;
    }

    .mparco-fcaw-page .fcaw-service-intro {
        min-height: 280px;
    }


    /* WHY */

    .mparco-fcaw-page .fcaw-why-section {
        padding: 70px 0;
    }

    .mparco-fcaw-page .fcaw-why-grid {
        gap: 12px;
    }


    /* FAQ */

    .mparco-fcaw-page .fcaw-faq-section {
        padding: 70px 0;
    }


    /* CTA */

    .mparco-fcaw-page .fcaw-cta-section {
        padding-bottom: 70px;
    }

}


/* =========================================================
   600px - MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .mparco-fcaw-page .fcaw-container {
        width: calc(100% - 28px);
    }


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

    .mparco-fcaw-page .fcaw-hero {
        min-height: auto;
    }

    .mparco-fcaw-page .fcaw-hero::before {
        width: 90%;
        opacity: 0.22;
    }

    .mparco-fcaw-page .fcaw-hero::after {
        width: 220px;
        height: 220px;
        right: -120px;
        bottom: -100px;
    }

    .mparco-fcaw-page .fcaw-hero-grid {
        display: block;
    }

    .mparco-fcaw-page .fcaw-hero-content {
        padding: 48px 0 20px;
    }

    .mparco-fcaw-page .fcaw-hero-content .fcaw-eyebrow {
        margin-bottom: 14px;
    }

    .mparco-fcaw-page .fcaw-hero-content h1 {
        margin-bottom: 17px;
        font-size: 39px;
        line-height: 1;
        letter-spacing: -1px;
    }

    .mparco-fcaw-page .fcaw-hero-content p {
        font-size: 11.5px;
        line-height: 1.75;
    }


    /* HERO BUTTONS */

    .mparco-fcaw-page .fcaw-hero-actions {
        width: 100%;
        margin-top: 25px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .mparco-fcaw-page .fcaw-hero-actions .fcaw-btn {
        width: 100%;
    }


    /* HERO SIDE */

    .mparco-fcaw-page .fcaw-hero-side {
        min-height: auto;
        padding: 15px 0 35px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        align-items: stretch;
    }

    .mparco-fcaw-page .fcaw-hero-badge {
        width: 100%;
        grid-column: 1 / -1;
        padding: 14px;
    }

    .mparco-fcaw-page .fcaw-badge-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .mparco-fcaw-page .fcaw-hero-mini {
        width: 100%;
        min-width: 0;
        padding: 10px;
        border-left: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }


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

    .mparco-fcaw-page .fcaw-highlight-grid {
        grid-template-columns: 1fr;
    }

    .mparco-fcaw-page .fcaw-highlight-item,
    .mparco-fcaw-page .fcaw-highlight-item:nth-child(1),
    .mparco-fcaw-page .fcaw-highlight-item:nth-child(2),
    .mparco-fcaw-page .fcaw-highlight-item:nth-child(3),
    .mparco-fcaw-page .fcaw-highlight-item:nth-child(4) {
        min-height: auto;
        padding: 18px 5px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    }

    .mparco-fcaw-page .fcaw-highlight-item:last-child {
        border-bottom: 0;
    }

    .mparco-fcaw-page .fcaw-highlight-number {
        min-width: 35px;
        font-size: 25px;
    }

    .mparco-fcaw-page .fcaw-highlight-item strong {
        font-size: 12px;
    }

    .mparco-fcaw-page .fcaw-highlight-item p {
        font-size: 11px;
    }


    /* =====================================================
       SECTION HEADINGS
    ===================================================== */

    .mparco-fcaw-page .fcaw-section-heading {
        width: 100%;
    }

    .mparco-fcaw-page .fcaw-section-heading h2 {
        font-size: 29px;
        line-height: 1.15;
        letter-spacing: -0.5px;
    }

    .mparco-fcaw-page .fcaw-section-heading > p {
        font-size: 12px;
        line-height: 1.7;
    }


    /* =====================================================
       SERVICE SECTION MOBILE
    ===================================================== */

    .mparco-fcaw-page .fcaw-service-section {
        padding: 58px 0;
    }

    .mparco-fcaw-page .fcaw-service-layout {
        margin-top: 28px;
        gap: 22px;
    }

    .mparco-fcaw-page .fcaw-service-intro {
        min-height: 275px;
        padding: 27px;
        border-radius: 7px;
    }

    .mparco-fcaw-page .fcaw-big-number {
        top: 22px;
        left: 25px;
        font-size: 65px;
    }

    .mparco-fcaw-page .fcaw-service-intro h3 {
        max-width: 290px;
        font-size: 22px;
        line-height: 1.2;
    }

    .mparco-fcaw-page .fcaw-service-intro p {
        font-size: 11.5px;
        line-height: 1.7;
    }

    .mparco-fcaw-page .fcaw-service-label {
        margin-top: 22px;
        font-size: 8px;
    }


    /* SERVICE ROWS */

    .mparco-fcaw-page .fcaw-service-row {
        min-height: 90px;
        padding: 13px 2px;
        grid-template-columns: 37px 1fr 22px;
        gap: 7px;
    }

    .mparco-fcaw-page .fcaw-service-row:hover {
        padding-left: 5px;
    }

    .mparco-fcaw-page .fcaw-row-number {
        font-size: 18px;
    }

    .mparco-fcaw-page .fcaw-row-content h3 {
        font-size: 12px;
        line-height: 1.45;
    }

    .mparco-fcaw-page .fcaw-service-row > i {
        font-size: 12px;
    }


    /* =====================================================
       WHY SECTION MOBILE
    ===================================================== */

    .mparco-fcaw-page .fcaw-why-section {
        padding: 58px 0;
    }

    .mparco-fcaw-page .fcaw-why-grid {
        grid-template-columns: 1fr;
        margin-top: 28px;
        gap: 10px;
    }

    .mparco-fcaw-page .fcaw-why-card {
        min-height: 135px;
        padding: 20px;
    }

    .mparco-fcaw-page .fcaw-why-icon {
        width: 38px;
        height: 38px;
        font-size: 14px;
        margin: auto;
    }

    .mparco-fcaw-page .fcaw-why-card p {
        margin-top: 18px;
        font-size: 11.5px;
        line-height: 1.65;
        text-align: center;
        margin: auto;
    }


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

    .mparco-fcaw-page .fcaw-faq-section {
        padding: 58px 0;
    }

    .mparco-fcaw-page .fcaw-faq-grid {
        margin-top: 28px;
        gap: 10px;
    }

    .mparco-fcaw-page .fcaw-faq-question {
        min-height: 62px;
        padding: 13px 14px;
        gap: 10px;
        font-size: 11.5px;
        line-height: 1.45;
    }

    .mparco-fcaw-page .fcaw-faq-question span {
        gap: 7px;
    }

    .mparco-fcaw-page .fcaw-faq-question b {
        font-size: 12px;
    }

    .mparco-fcaw-page .fcaw-faq-question > i {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
        font-size: 9px;
    }

    .mparco-fcaw-page .fcaw-faq-answer p {
        padding: 0 14px 17px 33px;
        font-size: 12px;
        line-height: 1.7;
    }


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

    .mparco-fcaw-page .fcaw-cta-section {
        padding-bottom: 58px;
    }

    .mparco-fcaw-page .fcaw-cta-box {
        min-height: auto;
        padding: 28px 22px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 23px;
        border-radius: 7px;
    }

    .mparco-fcaw-page .fcaw-cta-box::before {
        width: 180px;
        height: 180px;
        right: -70px;
        top: -90px;
    }

    .mparco-fcaw-page .fcaw-cta-content h2 {
        margin-top: 9px;
        font-size: 27px;
        line-height: 1.15;
    }

    .mparco-fcaw-page .fcaw-cta-content p {
        font-size: 11.5px;
        line-height: 1.7;
    }

    .mparco-fcaw-page .fcaw-cta-action {
        width: 100%;
    }

    .mparco-fcaw-page .fcaw-cta-action .fcaw-btn {
        width: 100%;
    }


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

    .mparco-fcaw-page .fcaw-seo-section {
        padding: 58px 0;
    }

    .mparco-fcaw-page .fcaw-keyword-table-wrapper {
        margin-top: 25px;
        border-radius: 5px;
    }

    .mparco-fcaw-page .fcaw-keyword-table {
        min-width: 520px;
    }

    .mparco-fcaw-page .fcaw-keyword-table th {
        padding: 12px 13px;
        font-size: 9px;
    }

    .mparco-fcaw-page .fcaw-keyword-table td {
        padding: 13px;
        font-size: 11px;
        line-height: 1.6;
    }

}


/* =========================================================
   480px - SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .mparco-fcaw-page .fcaw-container {
        width: calc(100% - 24px);
    }


    /* HERO */

    .mparco-fcaw-page .fcaw-hero-content {
        padding-top: 42px;
    }

    .mparco-fcaw-page .fcaw-hero-content h1 {
        font-size: 35px;
    }

    .mparco-fcaw-page .fcaw-hero-content p {
        font-size: 12px;
    }

    .mparco-fcaw-page .fcaw-btn {
        min-height: 45px;
        padding: 0 18px;
        font-size: 12px;
    }


    /* HERO SIDE */

    .mparco-fcaw-page .fcaw-hero-side {
        grid-template-columns: 1fr;
    }

    .mparco-fcaw-page .fcaw-hero-badge {
        grid-column: auto;
    }

    .mparco-fcaw-page .fcaw-hero-mini {
        min-height: 54px;
    }


    /* HIGHLIGHTS */

    .mparco-fcaw-page .fcaw-highlight-item {
        padding: 16px 3px !important;
    }


    /* HEADINGS */

    .mparco-fcaw-page .fcaw-section-heading h2 {
        font-size: 26px;
    }


    /* SERVICE */

    .mparco-fcaw-page .fcaw-service-intro {
        min-height: 260px;
        padding: 24px;
    }

    .mparco-fcaw-page .fcaw-service-intro h3 {
        font-size: 20px;
    }

    .mparco-fcaw-page .fcaw-service-intro p {
        font-size: 12px;
    }

    .mparco-fcaw-page .fcaw-service-row {
        min-height: 88px;
        grid-template-columns: 32px 1fr 18px;
    }

    .mparco-fcaw-page .fcaw-row-number {
        font-size: 16px;
    }

    .mparco-fcaw-page .fcaw-row-content h3 {
        font-size: 11.5px;
    }


    /* WHY */

    .mparco-fcaw-page .fcaw-why-card {
        min-height: 125px;
        padding: 18px;
    }


    /* FAQ */

    .mparco-fcaw-page .fcaw-faq-question {
        font-size: 12px;
    }


    /* CTA */

    .mparco-fcaw-page .fcaw-cta-box {
        padding: 25px 19px;
    }

    .mparco-fcaw-page .fcaw-cta-content h2 {
        font-size: 24px;
    }

}


/* =========================================================
   360px - EXTRA SMALL DEVICES
   ========================================================= */

@media (max-width: 360px) {

    .mparco-fcaw-page .fcaw-container {
        width: calc(100% - 20px);
    }

    .mparco-fcaw-page .fcaw-hero-content h1 {
        font-size: 31px;
    }

    .mparco-fcaw-page .fcaw-section-heading h2 {
        font-size: 24px;
    }

    .mparco-fcaw-page .fcaw-service-intro {
        padding: 21px;
    }

    .mparco-fcaw-page .fcaw-service-intro h3 {
        font-size: 18px;
    }

    .mparco-fcaw-page .fcaw-service-row {
        grid-template-columns: 29px 1fr 16px;
        gap: 5px;
    }

    .mparco-fcaw-page .fcaw-row-content h3 {
        font-size: 11px;
    }

    .mparco-fcaw-page .fcaw-cta-content h2 {
        font-size: 22px;
    }

}
























/**-------------------------------------------------------------------   PIPE WELDING ------------------------------------------------------------------**/


/* =========================================================
   MPARCO - PIPE WELDING SERVICES
   PART 2A : MAIN CSS
   Fully Scoped
========================================================= */

.mparco-pipe-welding-page {

    --pipew-dark: #061920;
    --pipew-primary: #102630;
    --pipew-orange: #f4772a;
    --pipew-light: #f4f6f7;
    --pipew-white: #ffffff;
    --pipew-grey: #71808b;
    --pipew-border: #dfe5e8;
    --pipew-text: #17303d;
    --pipew-soft: #eef2f4;

    color: var(--pipew-text);
    background: var(--pipew-white);

    font-family: inherit;

    overflow: hidden;
}


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

.mparco-pipe-welding-page *,
.mparco-pipe-welding-page *::before,
.mparco-pipe-welding-page *::after {
    box-sizing: border-box;
}

.mparco-pipe-welding-page a {
    text-decoration: none;
}

.mparco-pipe-welding-page button {
    font-family: inherit;
}


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

.mparco-pipe-welding-page .pipew-container {

    width: min(1180px, calc(100% - 50px));

    margin-left: auto;
    margin-right: auto;
}


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

.mparco-pipe-welding-page .pipew-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: var(--pipew-orange);

    font-size: 12px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.mparco-pipe-welding-page .pipew-eyebrow::before {

    content: "";

    width: 28px;

    height: 2px;

    display: inline-block;

    background: currentColor;
}


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

.mparco-pipe-welding-page .pipew-hero {

    position: relative;

    min-height: 400px;

    display: flex;

    align-items: center;

    background:
        linear-gradient(
            115deg,
            rgba(6, 25, 32, 1) 0%,
            rgba(6, 25, 32, 0.98) 55%,
            rgba(16, 38, 48, 0.97) 100%
        );

    overflow: hidden;
}


/* Decorative circles */

.mparco-pipe-welding-page .pipew-hero::before {

    content: "";

    position: absolute;

    width: 520px;

    height: 520px;

    right: -190px;

    top: -175px;

    border:
        1px solid
        rgba(244, 119, 42, 0.18);

    border-radius: 50%;
}

.mparco-pipe-welding-page .pipew-hero::after {

    content: "";

    position: absolute;

    width: 330px;

    height: 330px;

    right: 30px;

    bottom: -235px;

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

    border-radius: 50%;
}


/* =========================================================
   HERO GRID
========================================================= */

.mparco-pipe-welding-page .pipew-hero-grid {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.6fr)
        minmax(300px, 0.7fr);

    gap: 80px;

    align-items: center;
}


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

.mparco-pipe-welding-page .pipew-hero-content {

    max-width: 780px;
}

.mparco-pipe-welding-page .pipew-hero h1 {

    margin:
        22px 0 22px;

    color:
        var(--pipew-white);

    font-size:
        clamp(44px, 5vw, 50px);

    font-weight: 800;

    line-height: 0.98;

    letter-spacing: -2.5px;
}

.mparco-pipe-welding-page .pipew-hero h1 span {

    display: block;

    color:
        var(--pipew-orange);
}

.mparco-pipe-welding-page .pipew-hero-content > p {

    max-width: 720px;

    margin: 0;

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

    font-size: 14px;

    line-height: 1.8;
}


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

.mparco-pipe-welding-page .pipew-hero-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 14px;

    margin-top: 34px;
}

.mparco-pipe-welding-page .pipew-btn {

    min-height: 52px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    padding:
        0 24px;

    border:
        1px solid transparent;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 0.3px;

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


/* Primary */

.mparco-pipe-welding-page .pipew-btn-primary {

    background:
        var(--pipew-orange);

    color:
        var(--pipew-white);

    box-shadow:
        0 12px 28px
        rgba(244, 119, 42, 0.18);
}

.mparco-pipe-welding-page .pipew-btn-primary:hover {

    transform:
        translateY(-3px);

    background:
        #ff8537;

    box-shadow:
        0 16px 35px
        rgba(244, 119, 42, 0.27);
}


/* Outline */

.mparco-pipe-welding-page .pipew-btn-outline {

    background:
        transparent;

    border-color:
        rgba(255, 255, 255, 0.25);

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

.mparco-pipe-welding-page .pipew-btn-outline:hover {

    transform:
        translateY(-3px);

    border-color:
        var(--pipew-orange);

    color:
        var(--pipew-orange);
}


/* =========================================================
   HERO SIDE
========================================================= */

.mparco-pipe-welding-page .pipew-hero-side {

    position: relative;

    min-height: 320px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-left: 55px;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.14);
}


/* Badge */

.mparco-pipe-welding-page .pipew-hero-badge {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 40px;
}

.mparco-pipe-welding-page .pipew-badge-icon {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(244, 119, 42, 0.12);

    border:
        1px solid
        rgba(244, 119, 42, 0.3);

    color:
        var(--pipew-orange);

    font-size: 21px;
}

.mparco-pipe-welding-page .pipew-hero-badge strong {

    display: block;

    color:
        var(--pipew-white);

    font-size: 15px;

    font-weight: 800;

    letter-spacing: 0.7px;
}

.mparco-pipe-welding-page .pipew-hero-badge small {

    display: block;

    margin-top: 5px;

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

    font-size: 12px;
}


/* Hero line */

.mparco-pipe-welding-page .pipew-hero-line {

    width: 100%;

    max-width: 210px;

    height: 1px;

    margin-bottom: 26px;

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


/* Hero mini */

.mparco-pipe-welding-page .pipew-hero-mini {

    display: flex;

    align-items: center;

    gap: 18px;

    margin-bottom: 22px;
}

.mparco-pipe-welding-page .pipew-hero-mini span {

    color:
        var(--pipew-orange);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;
}

.mparco-pipe-welding-page .pipew-hero-mini p {

    margin: 0;

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

    font-size: 13px;

    font-weight: 600;

    line-height: 1.45;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.mparco-pipe-welding-page .pipew-highlights {

    position: relative;

    z-index: 3;

    background:
        var(--pipew-white);

    border-bottom:
        1px solid
        var(--pipew-border);

    box-shadow:
        0 12px 35px
        rgba(6, 25, 32, 0.04);
}

.mparco-pipe-welding-page .pipew-highlight-grid {

    display: grid;

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

.mparco-pipe-welding-page .pipew-highlight-item {

    min-height: 125px;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    padding:
        23px 25px;

    border-right:
        1px solid
        var(--pipew-border);
}

.mparco-pipe-welding-page
.pipew-highlight-item:first-child {

    padding-left: 0;
}

.mparco-pipe-welding-page
.pipew-highlight-item:last-child {

    border-right: 0;
}

.mparco-pipe-welding-page .pipew-highlight-number {

    color:
        var(--pipew-orange);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;
}

.mparco-pipe-welding-page
.pipew-highlight-item strong {

    display: block;

    margin-bottom: 8px;

    color:
        var(--pipew-primary);

    font-size: 14px;

    font-weight: 800;
}

.mparco-pipe-welding-page
.pipew-highlight-item p {

    margin: 0;

    color:
        var(--pipew-grey);

    font-size: 12px;

    line-height: 1.65;
}


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

.mparco-pipe-welding-page .pipew-section-heading {

    max-width: 760px;

    margin-bottom: 50px;
}

.mparco-pipe-welding-page
.pipew-section-heading h2 {

    margin:
        16px 0 0;

    color:
        var(--pipew-primary);

    font-size:
        clamp(34px, 4vw, 39px);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -1.5px;
}

.mparco-pipe-welding-page
.pipew-section-heading h2 span {

    color:
        var(--pipew-orange);
}

.mparco-pipe-welding-page
.pipew-section-heading > p {

    max-width: 680px;

    margin:
        18px 0 0;

    color:
        var(--pipew-grey);

    font-size: 14px;

    line-height: 1.75;
}


/* =========================================================
   SERVICE SECTION
========================================================= */

.mparco-pipe-welding-page .pipew-service-section {

    padding:
        40px 0;

    background:
        var(--pipew-light);
}

.mparco-pipe-welding-page .pipew-service-layout {

    display: grid;

    grid-template-columns:
        0.78fr 1.22fr;

    gap: 65px;

    align-items: stretch;
}


/* =========================================================
   SERVICE INTRO
========================================================= */

.mparco-pipe-welding-page .pipew-service-intro {

    position: relative;

    min-height: 420px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    padding: 42px;

    background:
        var(--pipew-primary);

    overflow: hidden;

    border-radius: 10px;
}


/* Circle */

.mparco-pipe-welding-page
.pipew-service-intro::before {

    content: "";

    position: absolute;

    width: 230px;

    height: 230px;

    right: -110px;

    top: -110px;

    border:
        1px solid
        rgba(244, 119, 42, 0.28);

    border-radius: 50%;
}

.mparco-pipe-welding-page
.pipew-service-intro::after {

    content: "";

    position: absolute;

    width: 140px;

    height: 140px;

    right: -50px;

    top: -50px;

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

    border-radius: 50%;
}


/* Big number */

.mparco-pipe-welding-page .pipew-big-number {

    position: absolute;

    top: 35px;

    left: 42px;

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

    font-size: 100px;

    font-weight: 900;

    line-height: 1;
}


/* Intro icon */

.mparco-pipe-welding-page .pipew-intro-icon {

    position: absolute;

    top: 45px;

    right: 42px;

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(244, 119, 42, 0.28);

    color:
        var(--pipew-orange);

    font-size: 16px;
}


/* Intro heading */

.mparco-pipe-welding-page
.pipew-service-intro h3 {

    position: relative;

    z-index: 2;

    max-width: 410px;

    margin:
        0 0 18px;

    color:
        var(--pipew-white);

    font-size: 30px;

    font-weight: 800;

    line-height: 1.18;
}

.mparco-pipe-welding-page
.pipew-service-intro p {

    position: relative;

    z-index: 2;

    max-width: 440px;

    margin:
        0 0 32px;

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

    font-size: 13px;

    line-height: 1.75;
}


/* Service label */

.mparco-pipe-welding-page .pipew-service-label {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 10px;

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

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1.5px;
}

.mparco-pipe-welding-page .pipew-service-label span {

    width: 30px;

    height: 2px;

    background:
        var(--pipew-orange);
}


/* =========================================================
   SERVICE LIST
========================================================= */

.mparco-pipe-welding-page .pipew-service-list {

    display: flex;

    flex-direction: column;

    border-top:
        1px solid
        var(--pipew-border);
}

.mparco-pipe-welding-page .pipew-service-row {

    min-height: 80px;

    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        20px 5px 20px 0;

    border-bottom:
        1px solid
        var(--pipew-border);

    transition:
        padding 0.3s ease,
        background 0.3s ease;
}

.mparco-pipe-welding-page .pipew-service-row:hover {

    padding-left: 15px;

    padding-right: 15px;

    background:
        var(--pipew-white);
}

.mparco-pipe-welding-page .pipew-row-number {

    color:
        var(--pipew-orange);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;
}

.mparco-pipe-welding-page
.pipew-row-content h3 {

    margin: 0;

    color:
        var(--pipew-primary);

    font-size: 14px;

    font-weight: 700;

    line-height: 1.5;
}

.mparco-pipe-welding-page
.pipew-service-row > i {

    color:
        var(--pipew-grey);

    font-size: 14px;

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

.mparco-pipe-welding-page
.pipew-service-row:hover > i {

    color:
        var(--pipew-orange);

    transform:
        translateX(4px);
}


/* =========================================================
   WHY CHOOSE
========================================================= */

.mparco-pipe-welding-page .pipew-why-section {

    position: relative;

    padding:
        40px 0;

    background:
        var(--pipew-dark);

    overflow: hidden;
}

.mparco-pipe-welding-page
.pipew-why-section::before {

    content: "";

    position: absolute;

    width: 550px;

    height: 550px;

    right: -260px;

    top: -280px;

    border:
        1px solid
        rgba(244, 119, 42, 0.13);

    border-radius: 50%;
}


/* Light heading */

.mparco-pipe-welding-page
.pipew-heading-light {

    position: relative;

    z-index: 2;
}

.mparco-pipe-welding-page
.pipew-heading-light h2 {

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


/* Why grid */

.mparco-pipe-welding-page .pipew-why-grid {

    position: relative;

    z-index: 2;

    display: grid;

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

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

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

.mparco-pipe-welding-page .pipew-why-card {

    min-height: 165px;

    padding:
        15px 40px;

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

    transition:
        background 0.3s ease,
        transform 0.3s ease;

        margin: auto;

        text-align: center;
}

.mparco-pipe-welding-page
.pipew-why-card:first-child {

    padding-left: 0;
}

.mparco-pipe-welding-page
.pipew-why-card:last-child {

    border-right: 0;
}

.mparco-pipe-welding-page
.pipew-why-card:hover {

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

    transform:
        translateY(-4px);
}


/* Why icon */

.mparco-pipe-welding-page .pipew-why-icon {

    width: 48px;

    height: 48px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

    border:
        1px solid
        rgba(244, 119, 42, 0.3);

    color:
        var(--pipew-orange);

    font-size: 16px;

    transition:
        transform 0.3s ease;

        
}

.mparco-pipe-welding-page
.pipew-why-card p {

    max-width: 210px;

    margin: 0;

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

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   FAQ
========================================================= */

.mparco-pipe-welding-page .pipew-faq-section {

    padding:
        105px 0;

    background:
        var(--pipew-white);
}

.mparco-pipe-welding-page .pipew-faq-grid {

    max-width: 900px;

    border-top:
        1px solid
        var(--pipew-border);
}

.mparco-pipe-welding-page .pipew-faq-item {

    border-bottom:
        1px solid
        var(--pipew-border);
}


/* Question */

.mparco-pipe-welding-page
.pipew-faq-question {

    width: 100%;

    min-height: 80px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    padding:
        20px 5px;

    border: 0;

    outline: none;

    background:
        transparent;

    color:
        var(--pipew-primary);

    font-size: 14px;

    font-weight: 700;

    line-height: 1.5;

    text-align: left;

    cursor: pointer;
}

.mparco-pipe-welding-page
.pipew-faq-question span {

    display: flex;

    align-items: flex-start;

    gap: 12px;
}

.mparco-pipe-welding-page
.pipew-faq-question b {

    flex: 0 0 auto;

    color:
        var(--pipew-orange);

    font-size: 12px;
}

.mparco-pipe-welding-page
.pipew-faq-question i {

    flex: 0 0 auto;

    color:
        var(--pipew-orange);

    font-size: 13px;

    transition:
        transform 0.3s ease;
}

.mparco-pipe-welding-page
.pipew-faq-item.active
.pipew-faq-question i {

    transform:
        rotate(45deg);
}


/* Answer */

.mparco-pipe-welding-page .pipew-faq-answer {

    max-height: 0;

    overflow: hidden;

    transition:
        max-height 0.4s ease,
        padding 0.4s ease;
}

.mparco-pipe-welding-page
.pipew-faq-answer p {

    max-width: 800px;

    margin: 0;

    padding:
        0 45px 0 25px;

    color:
        var(--pipew-grey);

    font-size: 13px;

    line-height: 1.8;
}

.mparco-pipe-welding-page
.pipew-faq-item.active
.pipew-faq-answer {

    max-height: 250px;
}

.mparco-pipe-welding-page
.pipew-faq-item.active
.pipew-faq-answer p {

    padding-bottom: 25px;
}


/* =========================================================
   CTA
========================================================= */

.mparco-pipe-welding-page .pipew-cta-section {

    margin:20px;
        

    background:
        var(--pipew-white);
}

.mparco-pipe-welding-page .pipew-cta-box {

    position: relative;

    display: grid;

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

    align-items: center;

    min-height: 190px;

    gap: 45px;

    padding:
        15px 50px;

    background:
        var(--pipew-primary);

    overflow: hidden;

    border-radius: 10px;
}


/* CTA circles */

.mparco-pipe-welding-page
.pipew-cta-box::before {

    content: "";

    position: absolute;

    width: 280px;

    height: 280px;

    right: -140px;

    top: -140px;

    border:
        1px solid
        rgba(244, 119, 42, 0.2);

    border-radius: 50%;
}

.mparco-pipe-welding-page
.pipew-cta-box::after {

    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    right: -90px;

    top: -90px;

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

    border-radius: 50%;
}


/* CTA content */

.mparco-pipe-welding-page
.pipew-cta-content {

    position: relative;

    z-index: 2;
}

.mparco-pipe-welding-page
.pipew-cta-content h2 {

    margin:
        14px 0 12px;

    color:
        var(--pipew-white);

    font-size:
        clamp(30px, 4vw, 46px);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -1px;
}

.mparco-pipe-welding-page
.pipew-cta-content h2 span {

    color:
        var(--pipew-orange);
}

.mparco-pipe-welding-page
.pipew-cta-content p {

    max-width: 620px;

    margin: 0;

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

    font-size: 13px;

    line-height: 1.7;
}


/* CTA action */

.mparco-pipe-welding-page
.pipew-cta-action {

    position: relative;

    z-index: 3;
}


/* =========================================================
   SEO
========================================================= */

.mparco-pipe-welding-page .pipew-seo-section {

    padding:
        0 0 100px;

    background:
        var(--pipew-white);
}

.mparco-pipe-welding-page
.pipew-seo-section
.pipew-section-heading {

    margin-bottom: 30px;
}


/* Table wrapper */

.mparco-pipe-welding-page
.pipew-keyword-table-wrapper {

    width: 100%;

    overflow-x: auto;

    border:
        1px solid
        var(--pipew-border);
}


/* Table */

.mparco-pipe-welding-page
.pipew-keyword-table {

    width: 100%;

    min-width: 650px;

    border-collapse: collapse;

    background:
        var(--pipew-white);
}


/* Header */

.mparco-pipe-welding-page
.pipew-keyword-table th {

    padding:
        16px 20px;

    background:
        var(--pipew-primary);

    color:
        var(--pipew-white);

    font-size: 12px;

    font-weight: 800;

    text-align: left;
}


/* Cells */

.mparco-pipe-welding-page
.pipew-keyword-table td {

    padding:
        16px 20px;

    border-top:
        1px solid
        var(--pipew-border);

    color:
        var(--pipew-text);

    font-size: 12px;

    line-height: 1.6;
}

.mparco-pipe-welding-page
.pipew-keyword-table
td:first-child {

    width: 180px;

    color:
        var(--pipew-primary);

    font-weight: 800;
}


/* Alternate row */

.mparco-pipe-welding-page
.pipew-keyword-table
tbody tr:nth-child(even) {

    background:
        var(--pipew-light);
}


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

.mparco-pipe-welding-page
.pipew-btn:focus-visible,
.mparco-pipe-welding-page
.pipew-faq-question:focus-visible {

    outline:
        2px solid
        var(--pipew-orange);

    outline-offset: 4px;
}


/* =========================================================
   MEDIA SAFETY
========================================================= */

.mparco-pipe-welding-page img {

    max-width: 100%;

    height: auto;
}


/* =========================================================
   REVEAL SUPPORT
========================================================= */

.mparco-pipe-welding-page
.pipew-highlight-item,
.mparco-pipe-welding-page
.pipew-service-intro,
.mparco-pipe-welding-page
.pipew-service-row,
.mparco-pipe-welding-page
.pipew-why-card,
.mparco-pipe-welding-page
.pipew-faq-item,
.mparco-pipe-welding-page
.pipew-cta-box {

    will-change:
        transform,
        opacity;
}




/* =========================================================
   MPARCO - PIPE WELDING SERVICES
   PART 2B : RESPONSIVE CSS
========================================================= */


/* =========================================================
   LARGE LAPTOP / SMALL DESKTOP
========================================================= */

@media (max-width: 1100px) {

    .mparco-pipe-welding-page .pipew-container {
        width: min(100%, calc(100% - 40px));
    }


    /* HERO */

    .mparco-pipe-welding-page .pipew-hero-grid {

        gap: 50px;

        grid-template-columns:
            minmax(0, 1.45fr)
            minmax(260px, 0.7fr);
    }

    .mparco-pipe-welding-page .pipew-hero h1 {
        font-size: 58px;
    }

    .mparco-pipe-welding-page .pipew-hero-side {
        padding-left: 35px;
    }


    /* SERVICE */

    .mparco-pipe-welding-page .pipew-service-layout {
        gap: 40px;
    }

    .mparco-pipe-welding-page .pipew-service-intro {
        padding: 35px;
    }

    .mparco-pipe-welding-page
    .pipew-service-intro h3 {
        font-size: 27px;
    }


    /* CTA */

    .mparco-pipe-welding-page .pipew-cta-box {
        padding: 50px;
    }

}


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

@media (max-width: 900px) {

    .mparco-pipe-welding-page .pipew-container {
        width: min(100%, calc(100% - 36px));
    }


    /* HERO */

    .mparco-pipe-welding-page .pipew-hero {

        min-height: auto;

        padding: 90px 0;
    }

    .mparco-pipe-welding-page .pipew-hero-grid {

        grid-template-columns: 1fr;

        gap: 55px;
    }

    .mparco-pipe-welding-page .pipew-hero-content {
        max-width: 850px;
    }

    .mparco-pipe-welding-page .pipew-hero h1 {
        font-size:
            clamp(48px, 8vw, 64px);
    }

    .mparco-pipe-welding-page
    .pipew-hero-content > p {
        max-width: 760px;
    }


    /* HERO SIDE */

    .mparco-pipe-welding-page .pipew-hero-side {

        min-height: auto;

        display: grid;

        grid-template-columns:
            1fr 1fr;

        gap: 20px;

        padding:
            25px 0 0;

        border-left: 0;

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

    .mparco-pipe-welding-page .pipew-hero-badge {
        margin-bottom: 0;
    }

    .mparco-pipe-welding-page .pipew-hero-line {
        display: none;
    }

    .mparco-pipe-welding-page .pipew-hero-mini {
        margin-bottom: 0;
    }


    /* =====================================================
       HIGHLIGHTS
    ===================================================== */

    .mparco-pipe-welding-page .pipew-highlight-grid {

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

    .mparco-pipe-welding-page .pipew-highlight-item {

        min-height: 135px;

        border-bottom:
            1px solid
            var(--pipew-border);
    }

    .mparco-pipe-welding-page
    .pipew-highlight-item:nth-child(2) {

        border-right: 0;
    }

    .mparco-pipe-welding-page
    .pipew-highlight-item:nth-child(3),
    .mparco-pipe-welding-page
    .pipew-highlight-item:nth-child(4) {

        border-bottom: 0;
    }

    .mparco-pipe-welding-page
    .pipew-highlight-item:nth-child(3) {

        padding-left: 0;
    }


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

    .mparco-pipe-welding-page
    .pipew-service-section {

        padding: 85px 0;
    }

    .mparco-pipe-welding-page
    .pipew-service-layout {

        grid-template-columns: 1fr;

        gap: 45px;
    }

    .mparco-pipe-welding-page
    .pipew-service-intro {

        min-height: 390px;
    }


    /* =====================================================
       WHY SECTION
    ===================================================== */

    .mparco-pipe-welding-page
    .pipew-why-section {

        padding: 85px 0;
    }

    .mparco-pipe-welding-page
    .pipew-why-grid {

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

    .mparco-pipe-welding-page
    .pipew-why-card {

        min-height: 210px;

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

    .mparco-pipe-welding-page
    .pipew-why-card:nth-child(2) {

        border-right: 0;
    }

    .mparco-pipe-welding-page
    .pipew-why-card:nth-child(3),
    .mparco-pipe-welding-page
    .pipew-why-card:nth-child(4) {

        border-bottom: 0;
    }

    .mparco-pipe-welding-page
    .pipew-why-card:nth-child(3) {

        padding-left: 0;
    }


    /* =====================================================
       FAQ
    ===================================================== */

    .mparco-pipe-welding-page
    .pipew-faq-section {

        padding: 85px 0;
    }


    /* =====================================================
       CTA
    ===================================================== */

    .mparco-pipe-welding-page
    .pipew-cta-section {

        padding-bottom: 80px;
    }

    .mparco-pipe-welding-page
    .pipew-cta-box {

        grid-template-columns: 1fr;

        gap: 30px;

        padding: 45px;
    }

    .mparco-pipe-welding-page
    .pipew-cta-action {

        justify-self: flex-start;
    }


    /* =====================================================
       SEO
    ===================================================== */

    .mparco-pipe-welding-page
    .pipew-seo-section {

        padding-bottom: 80px;
    }

}


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

@media (max-width: 700px) {

    .mparco-pipe-welding-page .pipew-container {

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


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

    .mparco-pipe-welding-page .pipew-hero {

        padding: 75px 0;
    }

    .mparco-pipe-welding-page .pipew-hero-grid {

        gap: 45px;
    }

    .mparco-pipe-welding-page .pipew-hero h1 {

        margin-top: 18px;

        margin-bottom: 18px;

        font-size:
            clamp(40px, 11vw, 56px);

        letter-spacing: -1.8px;
    }

    .mparco-pipe-welding-page
    .pipew-hero-content > p {

        font-size: 14px;

        line-height: 1.75;
    }

    .mparco-pipe-welding-page
    .pipew-hero-actions {

        margin-top: 28px;
    }

    .mparco-pipe-welding-page .pipew-btn {

        min-height: 50px;

        padding: 0 20px;
    }


    /* =====================================================
       HERO SIDE
    ===================================================== */

    .mparco-pipe-welding-page .pipew-hero-side {

        grid-template-columns: 1fr;

        gap: 22px;
    }

    .mparco-pipe-welding-page .pipew-hero-badge {

        margin-bottom: 8px;
    }


    /* =====================================================
       HIGHLIGHTS
    ===================================================== */

    .mparco-pipe-welding-page
    .pipew-highlight-grid {

        grid-template-columns: 1fr;
    }

    .mparco-pipe-welding-page
    .pipew-highlight-item,
    .mparco-pipe-welding-page
    .pipew-highlight-item:first-child,
    .mparco-pipe-welding-page
    .pipew-highlight-item:nth-child(3) {

        min-height: auto;

        padding: 24px 0;

        border-right: 0;

        border-bottom:
            1px solid
            var(--pipew-border);
    }

    .mparco-pipe-welding-page
    .pipew-highlight-item:last-child {

        border-bottom: 0;
    }


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

    .mparco-pipe-welding-page
    .pipew-section-heading {

        margin-bottom: 35px;
    }

    .mparco-pipe-welding-page
    .pipew-section-heading h2 {

        font-size:
            clamp(31px, 8vw, 42px);

        letter-spacing: -1px;
    }

    .mparco-pipe-welding-page
    .pipew-section-heading > p {

        font-size: 13px;
    }


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

    .mparco-pipe-welding-page
    .pipew-service-section {

        padding: 70px 0;
    }

    .mparco-pipe-welding-page
    .pipew-service-layout {

        gap: 35px;
    }

    .mparco-pipe-welding-page
    .pipew-service-intro {

        min-height: 380px;

        padding: 32px;
    }

    .mparco-pipe-welding-page
    .pipew-big-number {

        top: 28px;

        left: 32px;

        font-size: 80px;
    }

    .mparco-pipe-welding-page
    .pipew-intro-icon {

        top: 30px;

        right: 30px;

        width: 43px;

        height: 43px;
    }

    .mparco-pipe-welding-page
    .pipew-service-intro h3 {

        font-size: 25px;
    }

    .mparco-pipe-welding-page
    .pipew-service-intro p {

        font-size: 12px;
    }


    /* =====================================================
       SERVICE ROW
    ===================================================== */

    .mparco-pipe-welding-page
    .pipew-service-row {

        min-height: auto;

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

        gap: 12px;

        padding:
            19px 0;
    }

    .mparco-pipe-welding-page
    .pipew-service-row:hover {

        padding-left: 8px;

        padding-right: 8px;
    }

    .mparco-pipe-welding-page
    .pipew-row-content h3 {

        font-size: 13px;

        line-height: 1.55;
    }


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

    .mparco-pipe-welding-page
    .pipew-why-section {

        padding: 70px 0;
    }

    .mparco-pipe-welding-page
    .pipew-why-grid {

        grid-template-columns: 1fr;
    }

    .mparco-pipe-welding-page
    .pipew-why-card,
    .mparco-pipe-welding-page
    .pipew-why-card:first-child,
    .mparco-pipe-welding-page
    .pipew-why-card:nth-child(3) {

        min-height: auto;

        padding: 28px 0;

        border-right: 0;

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

    .mparco-pipe-welding-page
    .pipew-why-card:last-child {

        border-bottom: 0;
    }

    .mparco-pipe-welding-page
    .pipew-why-icon {

        margin-bottom: 20px;
    }


    /* =====================================================
       FAQ
    ===================================================== */

    .mparco-pipe-welding-page
    .pipew-faq-section {

        padding: 70px 0;
    }

    .mparco-pipe-welding-page
    .pipew-faq-question {

        min-height: 72px;

        gap: 15px;

        padding: 18px 0;

        font-size: 13px;
    }

    .mparco-pipe-welding-page
    .pipew-faq-question span {

        gap: 9px;
    }

    .mparco-pipe-welding-page
    .pipew-faq-answer p {

        padding-left: 21px;

        padding-right: 20px;

        font-size: 12px;
    }


    /* =====================================================
       CTA
    ===================================================== */

    .mparco-pipe-welding-page
    .pipew-cta-section {

        padding:
            20px 0 70px;
    }

    .mparco-pipe-welding-page
    .pipew-cta-box {

        padding:
            35px 28px;
    }

    .mparco-pipe-welding-page
    .pipew-cta-content h2 {

        font-size:
            clamp(29px, 8vw, 39px);
    }

    .mparco-pipe-welding-page
    .pipew-cta-content p {

        font-size: 12px;
    }

    .mparco-pipe-welding-page
    .pipew-cta-action {

        width: 100%;
    }

    .mparco-pipe-welding-page
    .pipew-cta-action .pipew-btn {

        width: 100%;
    }


    /* =====================================================
       SEO
    ===================================================== */

    .mparco-pipe-welding-page
    .pipew-seo-section {

        padding-bottom: 70px;
    }

    .mparco-pipe-welding-page
    .pipew-keyword-table {

        min-width: 580px;
    }

}


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

@media (max-width: 480px) {

    .mparco-pipe-welding-page
    .pipew-container {

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


    /* HERO */

    .mparco-pipe-welding-page
    .pipew-hero {

        padding: 62px 0;
    }

    .mparco-pipe-welding-page
    .pipew-eyebrow {

        font-size: 9px;

        letter-spacing: 1.5px;
    }

    .mparco-pipe-welding-page
    .pipew-eyebrow::before {

        width: 20px;
    }

    .mparco-pipe-welding-page
    .pipew-hero h1 {

        font-size: 39px;

        line-height: 1;

        letter-spacing: -1.4px;
    }

    .mparco-pipe-welding-page
    .pipew-hero-content > p {

        font-size: 13px;

        line-height: 1.7;
    }

    .mparco-pipe-welding-page
    .pipew-hero-actions {

        flex-direction: column;

        gap: 10px;
    }

    .mparco-pipe-welding-page
    .pipew-hero-actions .pipew-btn {

        width: 100%;
    }


    /* HERO SIDE */

    .mparco-pipe-welding-page
    .pipew-badge-icon {

        width: 50px;

        height: 50px;

        font-size: 18px;
    }

    .mparco-pipe-welding-page
    .pipew-hero-badge strong {

        font-size: 13px;
    }

    .mparco-pipe-welding-page
    .pipew-hero-badge small {

        font-size: 12px;
    }

    .mparco-pipe-welding-page
    .pipew-hero-mini {

        gap: 14px;
    }

    .mparco-pipe-welding-page
    .pipew-hero-mini p {

        font-size: 12px;
    }


    /* HIGHLIGHTS */

    .mparco-pipe-welding-page
    .pipew-highlight-item {

        gap: 14px;

        padding: 21px 0;
    }

    .mparco-pipe-welding-page
    .pipew-highlight-item strong {

        font-size: 13px;
    }

    .mparco-pipe-welding-page
    .pipew-highlight-item p {

        font-size: 12px;
    }


    /* SECTION */

    .mparco-pipe-welding-page
    .pipew-service-section,

    .mparco-pipe-welding-page
    .pipew-why-section,

    .mparco-pipe-welding-page
    .pipew-faq-section {

        padding: 60px 0;
    }

    .mparco-pipe-welding-page
    .pipew-section-heading h2 {

        font-size: 30px;
    }


    /* SERVICE INTRO */

    .mparco-pipe-welding-page
    .pipew-service-intro {

        min-height: 350px;

        padding: 27px;
    }

    .mparco-pipe-welding-page
    .pipew-big-number {

        top: 24px;

        left: 27px;

        font-size: 70px;
    }

    .mparco-pipe-welding-page
    .pipew-intro-icon {

        top: 25px;

        right: 25px;

        width: 40px;

        height: 40px;

        font-size: 13px;
    }

    .mparco-pipe-welding-page
    .pipew-service-intro h3 {

        font-size: 22px;
    }

    .mparco-pipe-welding-page
    .pipew-service-intro p {

        font-size: 12px;

        line-height: 1.7;
    }


    /* SERVICE ROW */

    .mparco-pipe-welding-page
    .pipew-service-row {

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

        gap: 8px;
    }

    .mparco-pipe-welding-page
    .pipew-row-number {

        font-size: 12px;
    }

    .mparco-pipe-welding-page
    .pipew-row-content h3 {

        font-size: 12px;
    }

    .mparco-pipe-welding-page
    .pipew-service-row > i {

        font-size: 12px;
    }


    /* WHY */

    .mparco-pipe-welding-page
    .pipew-why-card {

        padding: 25px 0;
    }

    .mparco-pipe-welding-page
    .pipew-why-card p {

        font-size: 12px;
    }


    /* FAQ */

    .mparco-pipe-welding-page
    .pipew-faq-question {

        font-size: 12px;
    }

    .mparco-pipe-welding-page
    .pipew-faq-question i {

        font-size: 12px;
    }

    .mparco-pipe-welding-page
    .pipew-faq-answer p {

        padding-left: 19px;

        font-size: 12px;

        line-height: 1.7;
    }


    /* CTA */

    .mparco-pipe-welding-page
    .pipew-cta-box {

        padding:
            30px 22px;
    }

    .mparco-pipe-welding-page
    .pipew-cta-content h2 {

        font-size: 28px;
    }


    /* SEO */

    .mparco-pipe-welding-page
    .pipew-keyword-table {

        min-width: 520px;
    }

    .mparco-pipe-welding-page
    .pipew-keyword-table th,

    .mparco-pipe-welding-page
    .pipew-keyword-table td {

        padding:
            13px 14px;

        font-size: 12px;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 360px) {

    .mparco-pipe-welding-page
    .pipew-container {

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

    .mparco-pipe-welding-page
    .pipew-hero h1 {

        font-size: 35px;
    }

    .mparco-pipe-welding-page
    .pipew-section-heading h2 {

        font-size: 27px;
    }

    .mparco-pipe-welding-page
    .pipew-service-intro {

        padding: 23px;
    }

    .mparco-pipe-welding-page
    .pipew-service-intro h3 {

        font-size: 20px;
    }

    .mparco-pipe-welding-page
    .pipew-cta-box {

        padding:
            27px 18px;
    }

}




/**-------------------------------------------------------------------   STRUCTURAL WELDING ------------------------------------------------------------------**/

/* =========================================================
   MPARCO - STRUCTURAL WELDING SERVICES
   PART 2A : MAIN CSS
   Fully Scoped
========================================================= */

.mparco-structural-welding-page {

    --structw-dark: #061920;
    --structw-primary: #102630;
    --structw-orange: #f4772a;
    --structw-light: #f4f6f7;
    --structw-white: #ffffff;
    --structw-grey: #71808b;
    --structw-border: #dfe5e8;
    --structw-text: #17303d;
    --structw-soft: #eef2f4;

    color: var(--structw-text);
    background: var(--structw-white);

    font-family: inherit;

    overflow: hidden;
}


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

.mparco-structural-welding-page *,
.mparco-structural-welding-page *::before,
.mparco-structural-welding-page *::after {
    box-sizing: border-box;
}

.mparco-structural-welding-page a {
    text-decoration: none;
}

.mparco-structural-welding-page button {
    font-family: inherit;
}


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

.mparco-structural-welding-page .structw-container {

    width: min(1180px, calc(100% - 50px));

    margin-left: auto;
    margin-right: auto;
}


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

.mparco-structural-welding-page .structw-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: var(--structw-orange);

    font-size: 12px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.mparco-structural-welding-page .structw-eyebrow::before {

    content: "";

    width: 28px;

    height: 2px;

    display: inline-block;

    background: currentColor;
}


/* =========================================================
   HERO SECTION
========================================================= */

.mparco-structural-welding-page .structw-hero {

    position: relative;

    min-height: 400px;

    display: flex;

    align-items: center;

    background:
        linear-gradient(
            115deg,
            rgba(6, 25, 32, 1) 0%,
            rgba(6, 25, 32, 0.98) 55%,
            rgba(16, 38, 48, 0.97) 100%
        );

    overflow: hidden;
}


/* Decorative circles */

.mparco-structural-welding-page .structw-hero::before {

    content: "";

    position: absolute;

    width: 520px;

    height: 520px;

    right: -190px;

    top: -175px;

    border:
        1px solid
        rgba(244, 119, 42, 0.18);

    border-radius: 50%;
}

.mparco-structural-welding-page .structw-hero::after {

    content: "";

    position: absolute;

    width: 330px;

    height: 330px;

    right: 30px;

    bottom: -235px;

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

    border-radius: 50%;
}


/* =========================================================
   HERO GRID
========================================================= */

.mparco-structural-welding-page .structw-hero-grid {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.6fr)
        minmax(300px, 0.7fr);

    gap: 80px;

    align-items: center;
}


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

.mparco-structural-welding-page .structw-hero-content {

    max-width: 780px;
}

.mparco-structural-welding-page .structw-hero h1 {

    margin:
        22px 0 22px;

    color:
        var(--structw-white);

    font-size:
        clamp(44px, 5vw, 50px);

    font-weight: 800;

    line-height: 0.98;

    letter-spacing: -2.5px;
}

.mparco-structural-welding-page .structw-hero h1 span {

    display: block;

    color:
        var(--structw-orange);
}

.mparco-structural-welding-page
.structw-hero-content > p {

    max-width: 720px;

    margin: 0;

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

    font-size: 14px;

    line-height: 1.8;
}


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

.mparco-structural-welding-page .structw-hero-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 14px;

    margin-top: 34px;
}

.mparco-structural-welding-page .structw-btn {

    min-height: 52px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    padding:
        0 24px;

    border:
        1px solid transparent;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 0.3px;

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


/* Primary button */

.mparco-structural-welding-page
.structw-btn-primary {

    background:
        var(--structw-orange);

    color:
        var(--structw-white);

    box-shadow:
        0 12px 28px
        rgba(244, 119, 42, 0.18);
}

.mparco-structural-welding-page
.structw-btn-primary:hover {

    transform:
        translateY(-3px);

    background:
        #ff8537;

    box-shadow:
        0 16px 35px
        rgba(244, 119, 42, 0.27);
}


/* Outline button */

.mparco-structural-welding-page
.structw-btn-outline {

    background:
        transparent;

    border-color:
        rgba(255, 255, 255, 0.25);

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

.mparco-structural-welding-page
.structw-btn-outline:hover {

    transform:
        translateY(-3px);

    border-color:
        var(--structw-orange);

    color:
        var(--structw-orange);
}


/* =========================================================
   HERO SIDE
========================================================= */

.mparco-structural-welding-page .structw-hero-side {

    position: relative;

    min-height: 320px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-left: 55px;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.14);
}


/* Hero badge */

.mparco-structural-welding-page
.structw-hero-badge {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 40px;
}

.mparco-structural-welding-page
.structw-badge-icon {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(244, 119, 42, 0.12);

    border:
        1px solid
        rgba(244, 119, 42, 0.3);

    color:
        var(--structw-orange);

    font-size: 21px;
}

.mparco-structural-welding-page
.structw-hero-badge strong {

    display: block;

    color:
        var(--structw-white);

    font-size: 15px;

    font-weight: 800;

    letter-spacing: 0.7px;
}

.mparco-structural-welding-page
.structw-hero-badge small {

    display: block;

    margin-top: 5px;

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

    font-size: 12px;
}


/* Hero line */

.mparco-structural-welding-page
.structw-hero-line {

    width: 100%;

    max-width: 210px;

    height: 1px;

    margin-bottom: 26px;

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


/* Hero mini */

.mparco-structural-welding-page
.structw-hero-mini {

    display: flex;

    align-items: center;

    gap: 18px;

    margin-bottom: 22px;
}

.mparco-structural-welding-page
.structw-hero-mini span {

    color:
        var(--structw-orange);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;
}

.mparco-structural-welding-page
.structw-hero-mini p {

    margin: 0;

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

    font-size: 13px;

    font-weight: 600;

    line-height: 1.45;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.mparco-structural-welding-page
.structw-highlights {

    position: relative;

    z-index: 3;

    background:
        var(--structw-white);

    border-bottom:
        1px solid
        var(--structw-border);

    box-shadow:
        0 12px 35px
        rgba(6, 25, 32, 0.04);
}

.mparco-structural-welding-page
.structw-highlight-grid {

    display: grid;

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

.mparco-structural-welding-page
.structw-highlight-item {

    min-height: 125px;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    padding:
        23px 25px;

    border-right:
        1px solid
        var(--structw-border);
}

.mparco-structural-welding-page
.structw-highlight-item:first-child {

    padding-left: 0;
}

.mparco-structural-welding-page
.structw-highlight-item:last-child {

    border-right: 0;
}

.mparco-structural-welding-page
.structw-highlight-number {

    color:
        var(--structw-orange);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;
}

.mparco-structural-welding-page
.structw-highlight-item strong {

    display: block;

    margin-bottom: 8px;

    color:
        var(--structw-primary);

    font-size: 14px;

    font-weight: 800;
}

.mparco-structural-welding-page
.structw-highlight-item p {

    margin: 0;

    color:
        var(--structw-grey);

    font-size: 12px;

    line-height: 1.65;
}


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

.mparco-structural-welding-page
.structw-section-heading {

    max-width: 760px;

    margin-bottom: 50px;
}

.mparco-structural-welding-page
.structw-section-heading h2 {

    margin:
        16px 0 0;

    color:
        var(--structw-primary);

    font-size:
        clamp(34px, 4vw, 39px);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -1.5px;
}

.mparco-structural-welding-page
.structw-section-heading h2 span {

    color:
        var(--structw-orange);
}

.mparco-structural-welding-page
.structw-section-heading > p {

    max-width: 680px;

    margin:
        18px 0 0;

    color:
        var(--structw-grey);

    font-size: 14px;

    line-height: 1.75;
}


/* =========================================================
   SERVICE SECTION
========================================================= */

.mparco-structural-welding-page
.structw-service-section {

    padding:
        40px 0;

    background:
        var(--structw-light);
}

.mparco-structural-welding-page
.structw-service-layout {

    display: grid;

    grid-template-columns:
        0.78fr 1.22fr;

    gap: 65px;

    align-items: stretch;
}


/* =========================================================
   SERVICE INTRO
========================================================= */

.mparco-structural-welding-page
.structw-service-intro {

    position: relative;

    min-height: 400px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    padding: 42px;

    background:
        var(--structw-primary);

    overflow: hidden;

    border-radius: 10px;
}

.mparco-structural-welding-page
.structw-service-intro::before {

    content: "";

    position: absolute;

    width: 230px;

    height: 230px;

    right: -110px;

    top: -110px;

    border:
        1px solid
        rgba(244, 119, 42, 0.28);

    border-radius: 50%;
}

.mparco-structural-welding-page
.structw-service-intro::after {

    content: "";

    position: absolute;

    width: 140px;

    height: 140px;

    right: -50px;

    top: -50px;

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

    border-radius: 50%;
}


/* Big number */

.mparco-structural-welding-page
.structw-big-number {

    position: absolute;

    top: 35px;

    left: 42px;

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

    font-size: 100px;

    font-weight: 900;

    line-height: 1;
}


/* Intro icon */

.mparco-structural-welding-page
.structw-intro-icon {

    position: absolute;

    top: 45px;

    right: 42px;

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(244, 119, 42, 0.28);

    color:
        var(--structw-orange);

    font-size: 16px;
}


/* Intro heading */

.mparco-structural-welding-page
.structw-service-intro h3 {

    position: relative;

    z-index: 2;

    max-width: 410px;

    margin:
        0 0 18px;

    color:
        var(--structw-white);

    font-size: 30px;

    font-weight: 800;

    line-height: 1.18;
}

.mparco-structural-welding-page
.structw-service-intro p {

    position: relative;

    z-index: 2;

    max-width: 440px;

    margin:
        0 0 32px;

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

    font-size: 13px;

    line-height: 1.75;
}


/* Service label */

.mparco-structural-welding-page
.structw-service-label {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 10px;

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

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1.5px;
}

.mparco-structural-welding-page
.structw-service-label span {

    width: 30px;

    height: 2px;

    background:
        var(--structw-orange);
}


/* =========================================================
   SERVICE LIST
========================================================= */

.mparco-structural-welding-page
.structw-service-list {

    display: flex;

    flex-direction: column;

    border-top:
        1px solid
        var(--structw-border);
}

.mparco-structural-welding-page
.structw-service-row {

    min-height: 80px;

    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        20px 5px 20px 0;

    border-bottom:
        1px solid
        var(--structw-border);

    transition:
        padding 0.3s ease,
        background 0.3s ease;
}

.mparco-structural-welding-page
.structw-service-row:hover {

    padding-left: 15px;

    padding-right: 15px;

    background:
        var(--structw-white);
}

.mparco-structural-welding-page
.structw-row-number {

    color:
        var(--structw-orange);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;
}

.mparco-structural-welding-page
.structw-row-content h3 {

    margin: 0;

    color:
        var(--structw-primary);

    font-size: 14px;

    font-weight: 700;

    line-height: 1.5;
}

.mparco-structural-welding-page
.structw-service-row > i {

    color:
        var(--structw-grey);

    font-size: 14px;

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

.mparco-structural-welding-page
.structw-service-row:hover > i {

    color:
        var(--structw-orange);

    transform:
        translateX(4px);
}


/* =========================================================
   WHY CHOOSE SECTION
========================================================= */

.mparco-structural-welding-page
.structw-why-section {

    position: relative;

    padding:
        40px 0;

    background:
        var(--structw-dark);

    overflow: hidden;

    margin: auto;
    text-align: center;
}

.mparco-structural-welding-page
.structw-why-section::before {

    content: "";

    position: absolute;

    width: 550px;

    height: 550px;

    right: -260px;

    top: -280px;

    border:
        1px solid
        rgba(244, 119, 42, 0.13);

    border-radius: 50%;
}


/* Light heading */

.mparco-structural-welding-page
.structw-heading-light {

    position: relative;

    z-index: 2;
}

.mparco-structural-welding-page
.structw-heading-light h2 {

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


/* Why grid */

.mparco-structural-welding-page
.structw-why-grid {

    position: relative;

    z-index: 2;

    display: grid;

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

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

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

.mparco-structural-welding-page
.structw-why-card {

    min-height: 165px;

    padding:
        15px 40px;

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

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}

.mparco-structural-welding-page
.structw-why-card:first-child {

    padding-left: 0;
}

.mparco-structural-welding-page
.structw-why-card:last-child {

    border-right: 0;
}

.mparco-structural-welding-page
.structw-why-card:hover {

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

    transform:
        translateY(-4px);
}


/* Why icon */

.mparco-structural-welding-page
.structw-why-icon {

    width: 48px;

    height: 48px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 30px;

    border:
        1px solid
        rgba(244, 119, 42, 0.3);

    color:
        var(--structw-orange);

    font-size: 16px;

    transition:
        transform 0.3s ease;
}

.mparco-structural-welding-page
.structw-why-card p {

    max-width: 210px;

    margin: 0;

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

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   FAQ SECTION
========================================================= */

.mparco-structural-welding-page
.structw-faq-section {

    padding:
        105px 0;

    background:
        var(--structw-white);
}

.mparco-structural-welding-page
.structw-faq-grid {

    max-width: 900px;

    border-top:
        1px solid
        var(--structw-border);
}

.mparco-structural-welding-page
.structw-faq-item {

    border-bottom:
        1px solid
        var(--structw-border);
}


/* FAQ question */

.mparco-structural-welding-page
.structw-faq-question {

    width: 100%;

    min-height: 80px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    padding:
        20px 5px;

    border: 0;

    outline: none;

    background:
        transparent;

    color:
        var(--structw-primary);

    font-size: 14px;

    font-weight: 700;

    line-height: 1.5;

    text-align: left;

    cursor: pointer;
}

.mparco-structural-welding-page
.structw-faq-question span {

    display: flex;

    align-items: flex-start;

    gap: 12px;
}

.mparco-structural-welding-page
.structw-faq-question b {

    flex: 0 0 auto;

    color:
        var(--structw-orange);

    font-size: 12px;
}

.mparco-structural-welding-page
.structw-faq-question i {

    flex: 0 0 auto;

    color:
        var(--structw-orange);

    font-size: 13px;

    transition:
        transform 0.3s ease;
}

.mparco-structural-welding-page
.structw-faq-item.active
.structw-faq-question i {

    transform:
        rotate(45deg);
}


/* FAQ answer */

.mparco-structural-welding-page
.structw-faq-answer {

    max-height: 0;

    overflow: hidden;

    transition:
        max-height 0.4s ease,
        padding 0.4s ease;
}

.mparco-structural-welding-page
.structw-faq-answer p {

    max-width: 800px;

    margin: 0;

    padding:
        0 45px 0 25px;

    color:
        var(--structw-grey);

    font-size: 13px;

    line-height: 1.8;
}

.mparco-structural-welding-page
.structw-faq-item.active
.structw-faq-answer {

    max-height: 250px;
}

.mparco-structural-welding-page
.structw-faq-item.active
.structw-faq-answer p {

    padding-bottom: 25px;
}


/* =========================================================
   CTA SECTION
========================================================= */

.mparco-structural-welding-page
.structw-cta-section {

    padding:
        20px 0 20px;

    background:
        var(--structw-white);
}

.mparco-structural-welding-page
.structw-cta-box {

    position: relative;

    display: grid;

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

    align-items: center;

    min-height: 165px;

    gap: 45px;

    padding:
        15px 50px;

    background:
        var(--structw-primary);

    overflow: hidden;

    border-radius: 20px;
}


/* CTA decorative circles */

.mparco-structural-welding-page
.structw-cta-box::before {

    content: "";

    position: absolute;

    width: 280px;

    height: 280px;

    right: -140px;

    top: -140px;

    border:
        1px solid
        rgba(244, 119, 42, 0.2);

    border-radius: 50%;
}

.mparco-structural-welding-page
.structw-cta-box::after {

    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    right: -90px;

    top: -90px;

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

    border-radius: 50%;
}


/* CTA content */

.mparco-structural-welding-page
.structw-cta-content {

    position: relative;

    z-index: 2;
}

.mparco-structural-welding-page
.structw-cta-content h2 {

    margin:
        14px 0 12px;

    color:
        var(--structw-white);

    font-size:
        clamp(30px, 4vw, 46px);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -1px;
}

.mparco-structural-welding-page
.structw-cta-content h2 span {

    color:
        var(--structw-orange);
}

.mparco-structural-welding-page
.structw-cta-content p {

    max-width: 620px;

    margin: 0;

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

    font-size: 13px;

    line-height: 1.7;
}


/* CTA action */

.mparco-structural-welding-page
.structw-cta-action {

    position: relative;

    z-index: 3;
}


/* =========================================================
   SEO SECTION
========================================================= */

.mparco-structural-welding-page
.structw-seo-section {

    padding:
        0 0 100px;

    background:
        var(--structw-white);
}

.mparco-structural-welding-page
.structw-seo-section
.structw-section-heading {

    margin-bottom: 30px;
}


/* Table wrapper */

.mparco-structural-welding-page
.structw-keyword-table-wrapper {

    width: 100%;

    overflow-x: auto;

    border:
        1px solid
        var(--structw-border);
}


/* Keyword table */

.mparco-structural-welding-page
.structw-keyword-table {

    width: 100%;

    min-width: 650px;

    border-collapse: collapse;

    background:
        var(--structw-white);
}


/* Header */

.mparco-structural-welding-page
.structw-keyword-table th {

    padding:
        16px 20px;

    background:
        var(--structw-primary);

    color:
        var(--structw-white);

    font-size: 12px;

    font-weight: 800;

    text-align: left;
}


/* Cells */

.mparco-structural-welding-page
.structw-keyword-table td {

    padding:
        16px 20px;

    border-top:
        1px solid
        var(--structw-border);

    color:
        var(--structw-text);

    font-size: 12px;

    line-height: 1.6;
}

.mparco-structural-welding-page
.structw-keyword-table
td:first-child {

    width: 180px;

    color:
        var(--structw-primary);

    font-weight: 800;
}


/* Alternate row */

.mparco-structural-welding-page
.structw-keyword-table
tbody tr:nth-child(even) {

    background:
        var(--structw-light);
}


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

.mparco-structural-welding-page
.structw-btn:focus-visible,

.mparco-structural-welding-page
.structw-faq-question:focus-visible {

    outline:
        2px solid
        var(--structw-orange);

    outline-offset: 4px;
}


/* =========================================================
   MEDIA SAFETY
========================================================= */

.mparco-structural-welding-page img {

    max-width: 100%;

    height: auto;
}


/* =========================================================
   REVEAL SUPPORT
========================================================= */

.mparco-structural-welding-page
.structw-highlight-item,

.mparco-structural-welding-page
.structw-service-intro,

.mparco-structural-welding-page
.structw-service-row,

.mparco-structural-welding-page
.structw-why-card,

.mparco-structural-welding-page
.structw-faq-item,

.mparco-structural-welding-page
.structw-cta-box {

    will-change:
        transform,
        opacity;
}




/* =========================================================
   MPARCO - STRUCTURAL WELDING SERVICES
   PART 2B : RESPONSIVE CSS
========================================================= */


/* =========================================================
   LARGE LAPTOP / SMALL DESKTOP
========================================================= */

@media (max-width: 1100px) {

    .mparco-structural-welding-page
    .structw-container {

        width:
            min(100%, calc(100% - 40px));
    }


    /* HERO */

    .mparco-structural-welding-page
    .structw-hero-grid {

        gap: 50px;

        grid-template-columns:
            minmax(0, 1.45fr)
            minmax(260px, 0.7fr);
    }

    .mparco-structural-welding-page
    .structw-hero h1 {

        font-size: 58px;
    }

    .mparco-structural-welding-page
    .structw-hero-side {

        padding-left: 35px;
    }


    /* SERVICE */

    .mparco-structural-welding-page
    .structw-service-layout {

        gap: 40px;
    }

    .mparco-structural-welding-page
    .structw-service-intro {

        padding: 35px;
    }

    .mparco-structural-welding-page
    .structw-service-intro h3 {

        font-size: 27px;
    }


    /* CTA */

    .mparco-structural-welding-page
    .structw-cta-box {

        padding: 50px;
    }

}


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

@media (max-width: 900px) {

    .mparco-structural-welding-page
    .structw-container {

        width:
            min(100%, calc(100% - 36px));
    }


    /* HERO */

    .mparco-structural-welding-page
    .structw-hero {

        min-height: auto;

        padding: 90px 0;
    }

    .mparco-structural-welding-page
    .structw-hero-grid {

        grid-template-columns: 1fr;

        gap: 55px;
    }

    .mparco-structural-welding-page
    .structw-hero-content {

        max-width: 850px;
    }

    .mparco-structural-welding-page
    .structw-hero h1 {

        font-size:
            clamp(48px, 8vw, 64px);
    }

    .mparco-structural-welding-page
    .structw-hero-content > p {

        max-width: 760px;
    }


    /* HERO SIDE */

    .mparco-structural-welding-page
    .structw-hero-side {

        min-height: auto;

        display: grid;

        grid-template-columns:
            1fr 1fr;

        gap: 20px;

        padding:
            25px 0 0;

        border-left: 0;

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

    .mparco-structural-welding-page
    .structw-hero-badge {

        margin-bottom: 0;
    }

    .mparco-structural-welding-page
    .structw-hero-line {

        display: none;
    }

    .mparco-structural-welding-page
    .structw-hero-mini {

        margin-bottom: 0;
    }


    /* =====================================================
       HIGHLIGHTS
    ===================================================== */

    .mparco-structural-welding-page
    .structw-highlight-grid {

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

    .mparco-structural-welding-page
    .structw-highlight-item {

        min-height: 135px;

        border-bottom:
            1px solid
            var(--structw-border);
    }

    .mparco-structural-welding-page
    .structw-highlight-item:nth-child(2) {

        border-right: 0;
    }

    .mparco-structural-welding-page
    .structw-highlight-item:nth-child(3),
    .mparco-structural-welding-page
    .structw-highlight-item:nth-child(4) {

        border-bottom: 0;
    }

    .mparco-structural-welding-page
    .structw-highlight-item:nth-child(3) {

        padding-left: 0;
    }


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

    .mparco-structural-welding-page
    .structw-service-section {

        padding: 85px 0;
    }

    .mparco-structural-welding-page
    .structw-service-layout {

        grid-template-columns: 1fr;

        gap: 45px;
    }

    .mparco-structural-welding-page
    .structw-service-intro {

        min-height: 390px;
    }


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

    .mparco-structural-welding-page
    .structw-why-section {

        padding: 85px 0;
    }

    .mparco-structural-welding-page
    .structw-why-grid {

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

    .mparco-structural-welding-page
    .structw-why-card {

        min-height: 210px;

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

    .mparco-structural-welding-page
    .structw-why-card:nth-child(2) {

        border-right: 0;
    }

    .mparco-structural-welding-page
    .structw-why-card:nth-child(3),
    .mparco-structural-welding-page
    .structw-why-card:nth-child(4) {

        border-bottom: 0;
    }

    .mparco-structural-welding-page
    .structw-why-card:nth-child(3) {

        padding-left: 0;
    }


    /* =====================================================
       FAQ
    ===================================================== */

    .mparco-structural-welding-page
    .structw-faq-section {

        padding: 85px 0;
    }


    /* =====================================================
       CTA
    ===================================================== */

    .mparco-structural-welding-page
    .structw-cta-section {

        padding-bottom: 80px;
    }

    .mparco-structural-welding-page
    .structw-cta-box {

        grid-template-columns: 1fr;

        gap: 30px;

        padding: 45px;
    }

    .mparco-structural-welding-page
    .structw-cta-action {

        justify-self: flex-start;
    }


    /* =====================================================
       SEO
    ===================================================== */

    .mparco-structural-welding-page
    .structw-seo-section {

        padding-bottom: 80px;
    }

}


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

@media (max-width: 700px) {

    .mparco-structural-welding-page
    .structw-container {

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


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

    .mparco-structural-welding-page
    .structw-hero {

        padding: 75px 0;
    }

    .mparco-structural-welding-page
    .structw-hero-grid {

        gap: 45px;
    }

    .mparco-structural-welding-page
    .structw-hero h1 {

        margin-top: 18px;

        margin-bottom: 18px;

        font-size:
            clamp(40px, 11vw, 56px);

        letter-spacing: -1.8px;
    }

    .mparco-structural-welding-page
    .structw-hero-content > p {

        font-size: 14px;

        line-height: 1.75;
    }

    .mparco-structural-welding-page
    .structw-hero-actions {

        margin-top: 28px;
    }

    .mparco-structural-welding-page
    .structw-btn {

        min-height: 50px;

        padding: 0 20px;
    }


    /* HERO SIDE */

    .mparco-structural-welding-page
    .structw-hero-side {

        grid-template-columns: 1fr;

        gap: 22px;
    }

    .mparco-structural-welding-page
    .structw-hero-badge {

        margin-bottom: 8px;
    }


    /* =====================================================
       HIGHLIGHTS
    ===================================================== */

    .mparco-structural-welding-page
    .structw-highlight-grid {

        grid-template-columns: 1fr;
    }

    .mparco-structural-welding-page
    .structw-highlight-item,

    .mparco-structural-welding-page
    .structw-highlight-item:first-child,

    .mparco-structural-welding-page
    .structw-highlight-item:nth-child(3) {

        min-height: auto;

        padding: 24px 0;

        border-right: 0;

        border-bottom:
            1px solid
            var(--structw-border);
    }

    .mparco-structural-welding-page
    .structw-highlight-item:last-child {

        border-bottom: 0;
    }


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

    .mparco-structural-welding-page
    .structw-section-heading {

        margin-bottom: 35px;
    }

    .mparco-structural-welding-page
    .structw-section-heading h2 {

        font-size:
            clamp(31px, 8vw, 42px);

        letter-spacing: -1px;
    }

    .mparco-structural-welding-page
    .structw-section-heading > p {

        font-size: 13px;
    }


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

    .mparco-structural-welding-page
    .structw-service-section {

        padding: 70px 0;
    }

    .mparco-structural-welding-page
    .structw-service-layout {

        gap: 35px;
    }

    .mparco-structural-welding-page
    .structw-service-intro {

        min-height: 380px;

        padding: 32px;
    }

    .mparco-structural-welding-page
    .structw-big-number {

        top: 28px;

        left: 32px;

        font-size: 80px;
    }

    .mparco-structural-welding-page
    .structw-intro-icon {

        top: 30px;

        right: 30px;

        width: 43px;

        height: 43px;
    }

    .mparco-structural-welding-page
    .structw-service-intro h3 {

        font-size: 25px;
    }

    .mparco-structural-welding-page
    .structw-service-intro p {

        font-size: 12px;
    }


    /* =====================================================
       SERVICE ROW
    ===================================================== */

    .mparco-structural-welding-page
    .structw-service-row {

        min-height: auto;

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

        gap: 12px;

        padding:
            19px 0;
    }

    .mparco-structural-welding-page
    .structw-service-row:hover {

        padding-left: 8px;

        padding-right: 8px;
    }

    .mparco-structural-welding-page
    .structw-row-content h3 {

        font-size: 13px;

        line-height: 1.55;
    }


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

    .mparco-structural-welding-page
    .structw-why-section {

        padding: 70px 0;
    }

    .mparco-structural-welding-page
    .structw-why-grid {

        grid-template-columns: 1fr;
    }

    .mparco-structural-welding-page
    .structw-why-card,

    .mparco-structural-welding-page
    .structw-why-card:first-child,

    .mparco-structural-welding-page
    .structw-why-card:nth-child(3) {

        min-height: auto;

        padding: 28px 0;

        border-right: 0;

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

    .mparco-structural-welding-page
    .structw-why-card:last-child {

        border-bottom: 0;
    }

    .mparco-structural-welding-page
    .structw-why-icon {

        margin-bottom: 20px;
    }


    /* =====================================================
       FAQ
    ===================================================== */

    .mparco-structural-welding-page
    .structw-faq-section {

        padding: 70px 0;
    }

    .mparco-structural-welding-page
    .structw-faq-question {

        min-height: 72px;

        gap: 15px;

        padding: 18px 0;

        font-size: 13px;
    }

    .mparco-structural-welding-page
    .structw-faq-question span {

        gap: 9px;
    }

    .mparco-structural-welding-page
    .structw-faq-answer p {

        padding-left: 21px;

        padding-right: 20px;

        font-size: 12px;
    }


    /* =====================================================
       CTA
    ===================================================== */

    .mparco-structural-welding-page
    .structw-cta-section {

        padding:
            20px 0 70px;
    }

    .mparco-structural-welding-page
    .structw-cta-box {

        padding:
            35px 28px;
    }

    .mparco-structural-welding-page
    .structw-cta-content h2 {

        font-size:
            clamp(29px, 8vw, 39px);
    }

    .mparco-structural-welding-page
    .structw-cta-content p {

        font-size: 12px;
    }

    .mparco-structural-welding-page
    .structw-cta-action {

        width: 100%;
    }

    .mparco-structural-welding-page
    .structw-cta-action .structw-btn {

        width: 100%;
    }


    /* =====================================================
       SEO
    ===================================================== */

    .mparco-structural-welding-page
    .structw-seo-section {

        padding-bottom: 70px;
    }

    .mparco-structural-welding-page
    .structw-keyword-table {

        min-width: 580px;
    }

}


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

@media (max-width: 480px) {

    .mparco-structural-welding-page
    .structw-container {

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


    /* HERO */

    .mparco-structural-welding-page
    .structw-hero {

        padding: 62px 0;
    }

    .mparco-structural-welding-page
    .structw-eyebrow {

        font-size: 9px;

        letter-spacing: 1.5px;
    }

    .mparco-structural-welding-page
    .structw-eyebrow::before {

        width: 20px;
    }

    .mparco-structural-welding-page
    .structw-hero h1 {

        font-size: 39px;

        line-height: 1;

        letter-spacing: -1.4px;
    }

    .mparco-structural-welding-page
    .structw-hero-content > p {

        font-size: 13px;

        line-height: 1.7;
    }

    .mparco-structural-welding-page
    .structw-hero-actions {

        flex-direction: column;

        gap: 10px;
    }

    .mparco-structural-welding-page
    .structw-hero-actions .structw-btn {

        width: 100%;
    }


    /* HERO SIDE */

    .mparco-structural-welding-page
    .structw-badge-icon {

        width: 50px;

        height: 50px;

        font-size: 18px;
    }

    .mparco-structural-welding-page
    .structw-hero-badge strong {

        font-size: 13px;
    }

    .mparco-structural-welding-page
    .structw-hero-badge small {

        font-size: 12px;
    }

    .mparco-structural-welding-page
    .structw-hero-mini {

        gap: 14px;
    }

    .mparco-structural-welding-page
    .structw-hero-mini p {

        font-size: 12px;
    }


    /* HIGHLIGHTS */

    .mparco-structural-welding-page
    .structw-highlight-item {

        gap: 14px;

        padding: 21px 0;
    }

    .mparco-structural-welding-page
    .structw-highlight-item strong {

        font-size: 13px;
    }

    .mparco-structural-welding-page
    .structw-highlight-item p {

        font-size: 12px;
    }


    /* SECTION */

    .mparco-structural-welding-page
    .structw-service-section,

    .mparco-structural-welding-page
    .structw-why-section,

    .mparco-structural-welding-page
    .structw-faq-section {

        padding: 60px 0;
    }

    .mparco-structural-welding-page
    .structw-section-heading h2 {

        font-size: 30px;
    }


    /* SERVICE INTRO */

    .mparco-structural-welding-page
    .structw-service-intro {

        min-height: 350px;

        padding: 27px;
    }

    .mparco-structural-welding-page
    .structw-big-number {

        top: 24px;

        left: 27px;

        font-size: 70px;
    }

    .mparco-structural-welding-page
    .structw-intro-icon {

        top: 25px;

        right: 25px;

        width: 40px;

        height: 40px;

        font-size: 13px;
    }

    .mparco-structural-welding-page
    .structw-service-intro h3 {

        font-size: 22px;
    }

    .mparco-structural-welding-page
    .structw-service-intro p {

        font-size: 12px;

        line-height: 1.7;
    }


    /* SERVICE ROW */

    .mparco-structural-welding-page
    .structw-service-row {

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

        gap: 8px;
    }

    .mparco-structural-welding-page
    .structw-row-number {

        font-size: 12px;
    }

    .mparco-structural-welding-page
    .structw-row-content h3 {

        font-size: 12px;
    }

    .mparco-structural-welding-page
    .structw-service-row > i {

        font-size: 12px;
    }


    /* WHY */

    .mparco-structural-welding-page
    .structw-why-card {

        padding: 25px 0;
    }

    .mparco-structural-welding-page
    .structw-why-card p {

        font-size: 12px;
    }


    /* FAQ */

    .mparco-structural-welding-page
    .structw-faq-question {

        font-size: 12px;
    }

    .mparco-structural-welding-page
    .structw-faq-question i {

        font-size: 12px;
    }

    .mparco-structural-welding-page
    .structw-faq-answer p {

        padding-left: 19px;

        font-size: 12px;

        line-height: 1.7;
    }


    /* CTA */

    .mparco-structural-welding-page
    .structw-cta-box {

        padding:
            30px 22px;
    }

    .mparco-structural-welding-page
    .structw-cta-content h2 {

        font-size: 28px;
    }


    /* SEO */

    .mparco-structural-welding-page
    .structw-keyword-table {

        min-width: 520px;
    }

    .mparco-structural-welding-page
    .structw-keyword-table th,

    .mparco-structural-welding-page
    .structw-keyword-table td {

        padding:
            13px 14px;

        font-size: 12px;
    }


    .mparco-gmaw-page .gmaw-why-card p {
    max-width: 300px;
    margin: 0;
    color: rgba(255, 255, 255, 0.67);
    font-size: 13px;
    line-height: 1.7;
    margin: auto;
}


.mparco-pipe-welding-page .pipew-why-card p {
    max-width: 300px;
    margin: 0;
    color: rgba(255, 255, 255, 0.67);
    font-size: 13px;
    line-height: 1.7;
}


.mparco-structural-welding-page .structw-why-card p {
    max-width: 300px;
    margin: 0;
    color: rgba(255, 255, 255, 0.67);
    font-size: 13px;
    line-height: 1.7;
}

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 360px) {

    .mparco-structural-welding-page
    .structw-container {

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

    .mparco-structural-welding-page
    .structw-hero h1 {

        font-size: 35px;
    }

    .mparco-structural-welding-page
    .structw-section-heading h2 {

        font-size: 27px;
    }

    .mparco-structural-welding-page
    .structw-service-intro {

        padding: 23px;
    }

    .mparco-structural-welding-page
    .structw-service-intro h3 {

        font-size: 20px;
    }

    .mparco-structural-welding-page
    .structw-cta-box {

        padding:
            27px 18px;
    }

}