/* ===== VARIABLES ===== */
    .metallink-network {
    --green: #4c7766;
    --cream: #ebe6e0;
    --dark: #364153;
    --white: #ffffff;
    --shadow-sm: 0px 4px 6px -4px #0000001a, 0px 10px 15px -3px #0000001a;
    --shadow-lg: 0px 25px 50px -12px #00000040;
    --font-regular: "Inter-Regular", Helvetica;
    --font-medium: "Inter-Medium", Helvetica;

    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    align-items: center;
    gap: 12px;
    position: relative;
    background-color: var(--white);
    overflow-x: hidden;
    }

    /* ===== HEADER ===== */
    .metallink-network .header {
    display: inline-flex;
    align-items: center;
    gap: 286px;
    position: relative;
    flex: 0 0 auto;
    }

    .metallink-network .container {
    display: flex;
    width: 150px;
    height: 150px;
    align-items: center;
    position: relative;
    }

    .metallink-network .container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    }

    .metallink-network .link {
    position: relative;
    flex: 1 1 auto;
    height: 150px;
    background-size: cover;
    background-position: 50% 50%;
    }

    /* ===== NAVEGACIÓN ===== */
    .metallink-network .navigation {
    position: relative;
    width: 456.49px;
    height: 60px;
    background-color: #4c7766ed;
    border-radius: 26843500px;
    overflow: hidden;
    }

    .metallink-network .div {
    position: absolute;
    top: 0;
    left: 0;
    width: 456px;
    height: 60px;
    opacity: 0.1;
    background-size: cover;
    background-position: 50% 50%;
    }

    /* Nav links compartidos */
    .metallink-network .div-wrapper,
    .metallink-network .link-2,
    .metallink-network .link-3,
    .metallink-network .link-4 {
    position: absolute;
    top: 16px;
    height: 28px;
    display: flex;
    }

    .metallink-network .div-wrapper { left: 40px;  width: 43px; }
    .metallink-network .link-2      { left: 123px; width: 69px; }
    .metallink-network .link-3      { left: 232px; width: 73px; }
    .metallink-network .link-4      { left: 344px; width: 72px; }

    /* Textos de nav */
    .metallink-network .text-wrapper,
    .metallink-network .text-wrapper-2,
    .metallink-network .text-wrapper-3 {
    margin-top: -1.4px;
    height: 28px;
    font-family: var(--font-regular);
    font-weight: 400;
    color: var(--white);
    font-size: 18px;
    line-height: 28px;
    white-space: nowrap;
    }

    .metallink-network .text-wrapper   { width: 45px; }
    .metallink-network .text-wrapper-2 { width: 78px; }
    .metallink-network .text-wrapper-3 { width: 79px; }

    /* Botón CTA nav */
    .metallink-network .button {
    all: unset;
    box-sizing: border-box;
    position: relative;
    width: 171.71px;
    height: 60px;
    background-color: var(--green);
    border-radius: 26843500px;
    box-shadow: var(--shadow-sm);
    }

    .metallink-network .text-wrapper-4 {
    position: absolute;
    top: 15px;
    left: 29px;
    font-family: var(--font-medium);
    font-weight: 500;
    color: var(--white);
    font-size: 18px;
    text-align: center;
    line-height: 28px;
    white-space: nowrap;
    }

    /* ===== MAIN CONTENT ===== */
    .metallink-network .main-content {
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: center;
    position: relative;
    align-self: center;
    width: min(100%, 1440px);
    margin: 0 auto;
    }

    /* ===== SECTION 1 - HERO ===== */
    .metallink-network .section {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 660px;
    background-image: url(./img/backgroud-1.png);
    overflow: hidden;
    }

    .metallink-network .container-2 {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 660px;
    background-size: cover;
    background-position: 50% 50%;
    }

    .metallink-network .container-3 {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: min(1232px, calc(100% - 48px));
    height: 500px;
    display: flex;
    gap: 48px;
    }

    .metallink-network .container-4 {
    display: flex;
    flex-direction: column;
    margin-top: 55.9px;
    width: 592px;
    height: 388.2px;
    align-items: flex-start;
    gap: 24px;
    }

    .metallink-network .heading {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 296px;
    }

    .metallink-network .construimos-la {
    position: absolute;
    top: -4px; left: 0;
    width: 520px;
    font-family: var(--font-medium);
    font-weight: 500;
    color: var(--green);
    font-size: 60px;
    line-height: 75px;
    }

    .metallink-network .paragraph {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 56px;
    }

    .metallink-network .soluciones {
    position: absolute;
    top: -1px; left: 0;
    width: 570px;
    font-family: var(--font-regular);
    font-weight: 400;
    color: var(--dark);
    font-size: 20px;
    line-height: 28px;
    }

    .metallink-network .container-5 {
    display: flex;
    height: 59.2px;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    margin-bottom: -71px;
    }

    /* Botones Hero */
    .metallink-network .link-5,
    .metallink-network .link-6 {
    position: relative;
    height: 56px;
    border-radius: 10px;
    }

    .metallink-network .link-5 {
    width: 152.85px;
    background-color: var(--green);
    }

    .metallink-network .link-6 {
    width: 137.75px;
    height: 59.2px;
    background-color: var(--white);
    border: 1.6px solid var(--green);
    }

    .metallink-network .text-wrapper-5,
    .metallink-network .text-wrapper-6 {
    position: absolute;
    top: 14px;
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    white-space: nowrap;
    }

    .metallink-network .text-wrapper-5 { left: 28px; color: var(--white); }
    .metallink-network .text-wrapper-6 { left: 31px; top: 15px; color: var(--green); }

    /* Imagen Hero */
    .metallink-network .image-technician {
    width: 592px;
    height: 500px;
    border-radius: 16px;
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    }

    .metallink-network .image-technician img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transform: scale(1.25);
    }

    /* ===== SECTION 2 - STATS ===== */
    .metallink-network .section-2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 212px;
    padding: 64px 230px;
    background-color: var(--green);
    width: 100%;
    }

    .metallink-network .section-2 > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    }

    .metallink-network .section-2 span[class*="text-wrapper-7"],
    .metallink-network .section-2 span[class*="text-wrapper-9"],
    .metallink-network .section-2 span[class*="text-wrapper-11"],
    .metallink-network .section-2 span[class*="text-wrapper-13"] {
    font-size: 48px;
    color: var(--white);
    line-height: 1;
    position: static;
    }

    .metallink-network .section-2 span[class*="text-wrapper-8"],
    .metallink-network .section-2 span[class*="text-wrapper-10"],
    .metallink-network .section-2 span[class*="text-wrapper-12"],
    .metallink-network .section-2 span[class*="text-wrapper-14"] {
    font-size: 18px;
    color: var(--cream);
    position: static;
    }

    /* ===== SECTION 3 - ¿POR QUÉ ELEGIRNOS? ===== */
    .metallink-network .section-3 {
    display: flex;
    flex-direction: column;
    height: 540px;
    align-items: flex-start;
    gap: 48px;
    padding: 80px 229.6px 0;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: var(--white);
    }

    /* Icono tarjetas */
    .metallink-network .icon-wrapper {
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--green);
    border-radius: 50%;
    }

    .metallink-network .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    }

    .metallink-network .icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    display: block;
    }

    /* Párrafos tarjetas */
    .metallink-network .paragraph-2,
    .metallink-network .paragraph-3 { margin: 0; padding: 0; }

    /* ===== SECTION 4 - PROYECTOS ===== */
    .metallink-network .section-4 {
    display: flex;
    flex-direction: column;
    height: 620px;
    align-items: flex-start;
    gap: 48px;
    padding: 80px 229.6px 0;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: var(--cream);
    }

    /* Imágenes de proyecto compartidas */
    .metallink-network .image-torre-de,
    .metallink-network .image-centro-de,
    .metallink-network .image-red-de-fibra,
    .metallink-network .image-instalacin {
    background-size: cover;
    background-position: 50% 50%;
    }

    .metallink-network .image-torre-de  { background-image: url(./img/image-torre-telecomunicaciones.png); }
    .metallink-network .image-centro-de { background-image: url(./img/image-centro-datos.png); }
    .metallink-network .image-red-de-fibra { background-image: url(./img/image-fibra-optica.png); }
    .metallink-network .image-instalacin { background-image: url(./img/image-instalacion-corporativa.png); }

    /* ===== SECTION 5 - NUESTRO PROCESO ===== */
    .metallink-network .section-5 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    padding: 80px 229.6px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: var(--white);
    }

    .metallink-network .icon-2 {
    position: relative;
    width: 100%;
    height: 32px;
    }

    .metallink-network .vector-4 {
    position: absolute;
    width: 95.83%;
    height: 75%;
    top: 25%;
    left: 4.17%;
    }

    .metallink-network .vector-5 {
    position: absolute;
    width: 37.5%;
    height: 75%;
    top: 25%;
    left: 62.5%;
    }

    /* ===== SECTION 6 - TESTIMONIOS ===== */
    .metallink-network .section-6 {
    align-self: stretch;
    width: 100%;
    min-height: 536px;
    background-color: var(--cream);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 229.6px;
    box-sizing: border-box;
    gap: 48px;
    }

    .metallink-network .image-carlos-martnez {
    background-image: url(./img/carlos-martinez.png);
    }

    .metallink-network .image-mara-rodrguez {
    background-image: url(./img/maria-rodriguez.png);
    }

    .metallink-network .div-wrapper-4 { width: 100%; }

    .metallink-network .section-7 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 900px;
    background-color: #ffffff;
    overflow: hidden;
    }

    .metallink-network .heading-8 {
    display: flex;
    height: 31.99px;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    }

    .metallink-network .container-wrapper {
    display: flex;
    flex-direction: column;
    height: 360px;
    align-items: flex-start;
    padding: 41px 397.6px 0px 397.6px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #4c7766;
    }

    .metallink-network .container-49 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 268px;
    }

    .metallink-network .heading-9 {
    position: absolute;
    top: 0;
    left: 24px;
    width: 848px;
    height: 96px;
    display: flex;
    }

    .metallink-network .text-wrapper-39 {
    margin-top: -3px;
    width: 563px;
    height: 96px;
    margin-left: 142.9px;
    font-family: "Inter-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 48px;
    text-align: center;
    letter-spacing: 0;
    line-height: 48px;
    }

    .metallink-network .cont-ctanos-hoy-y-wrapper {
    position: absolute;
    top: 120px;
    left: 24px;
    width: 848px;
    height: 56px;
    display: flex;
    }

    .metallink-network .cont-ctanos-hoy-y {
    margin-top: -1.2px;
    width: 819px;
    height: 56px;
    margin-left: 14.5px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ebe6e0;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 28px;
    }

    .metallink-network .link-7 {
    position: absolute;
    top: 208px;
    left: 330px;
    width: 236px;
    height: 60px;
    display: flex;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 4px 6px -4px #0000001a, 0px 10px 15px -3px #0000001a;
    }

    .metallink-network .text-wrapper-40 {
    margin-top: 14.6px;
    width: 167px;
    height: 28px;
    margin-left: 35px;
    font-family: "Inter-Medium", Helvetica;
    font-weight: 500;
    color: #4c7766;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: 28px;
    white-space: nowrap;
    }

    .metallink-network .footer {
    display: flex;
    flex-direction: column;
    height: 340.8px;
    align-items: flex-start;
    gap: 32px;
    padding: 48px 229.6px 0px 229.6px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #4c7766;
    }

    .metallink-network .container-50 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(1, minmax(0, 1fr));
    height: 164px;
    gap: 32px;
    padding: 0px 3.05e-05px 0px 0px;
    }

    .metallink-network .container-51 {
    position: relative;
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    }

    .metallink-network .infraestructura-y-wrapper {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 48px;
    opacity: 0.9;
    }

    .metallink-network .infraestructura-y {
    position: absolute;
    top: -2px;
    left: 0;
    width: 281px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ebe6e0;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    }

    .metallink-network .container-52 {
    position: relative;
    grid-row: 1 / 2;
    grid-column: 2 / 3;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    }

    .metallink-network .text-wrapper-41 {
    position: absolute;
    top: -1px;
    left: 0;
    font-family: "Inter-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
    white-space: nowrap;
    }

    .metallink-network .list {
    display: flex;
    flex-direction: column;
    height: 120px;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    }

    .metallink-network .text-wrapper-42 {
    position: absolute;
    top: -2px;
    left: 0;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ebe6e0;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
    }

    .metallink-network .container-53 {
    position: relative;
    grid-row: 1 / 2;
    grid-column: 3 / 4;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    }

    .metallink-network .container-54 {
    position: relative;
    grid-row: 1 / 2;
    grid-column: 4 / 5;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    }

    .metallink-network .list-2 {
    display: flex;
    flex-direction: column;
    height: 88px;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    }

    .metallink-network .paragraph-wrapper {
    display: flex;
    flex-direction: column;
    height: 48.8px;
    align-items: flex-start;
    padding: 24.8px 0px 0px;
    position: relative;
    align-self: stretch;
    width: 100%;
    border-top-width: 0.8px;
    border-top-style: solid;
    border-color: #ffffff33;
    }

    .metallink-network .element-metallink {
    position: absolute;
    top: -2px;
    left: 387px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ebe6e0;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
    }

    /* ===== LAYOUT CLEANUP ===== */
    .metallink-network .section-3,
    .metallink-network .section-4,
    .metallink-network .section-5,
    .metallink-network .section-6,
    .metallink-network .section-7 {
    padding-left: 96px;
    padding-right: 96px;
    box-sizing: border-box;
    }

    .metallink-network .section-3,
    .metallink-network .section-4,
    .metallink-network .section-5 {
    height: auto;
    min-height: 0;
    align-items: center;
    }

    .metallink-network .section-3 {
    padding-top: 80px;
    padding-bottom: 72px;
    }

    .metallink-network .section-4 {
    padding-top: 72px;
    padding-bottom: 72px;
    }

    .metallink-network .section-7 {
    height: auto;
    min-height: 0;
    padding-top: 80px;
    padding-bottom: 80px;
    }

    .metallink-network .container-wrapper {
    height: auto;
    min-height: 360px;
    align-items: center;
    justify-content: center;
    padding: 72px 24px;
    }

    .metallink-network .container-49 {
    width: min(100%, 720px);
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    margin: 0 auto;
    text-align: center;
    }

    .metallink-network .heading-9,
    .metallink-network .cont-ctanos-hoy-y-wrapper,
    .metallink-network .link-7 {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    }

    .metallink-network .heading-9,
    .metallink-network .cont-ctanos-hoy-y-wrapper {
    display: flex;
    justify-content: center;
    }

    .metallink-network .text-wrapper-39,
    .metallink-network .cont-ctanos-hoy-y,
    .metallink-network .text-wrapper-40 {
    margin: 0;
    width: auto;
    height: auto;
    text-align: center;
    }

    .metallink-network .text-wrapper-39 {
    max-width: 620px;
    font-size: 48px;
    line-height: 1.05;
    }

    .metallink-network .cont-ctanos-hoy-y {
    max-width: 720px;
    font-size: 20px;
    line-height: 1.5;
    }

    .metallink-network .link-7 {
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    align-self: center;
    }

    .metallink-network .footer {
    height: auto;
    padding: 56px 96px 24px;
    gap: 24px;
    }

    .metallink-network .container-50 {
    width: 100%;
    height: auto;
    padding: 0;
    align-items: start;
    }

    .metallink-network .container-51,
    .metallink-network .container-52,
    .metallink-network .container-53,
    .metallink-network .container-54 {
    gap: 12px;
    height: auto;
    }

    .metallink-network .footer .div-wrapper-3,
    .metallink-network .footer .div-wrapper-4 {
    width: auto;
    height: auto;
    position: static;
    }

    .metallink-network .footer .text-wrapper-26,
    .metallink-network .footer .text-wrapper-41,
    .metallink-network .footer .text-wrapper-42,
    .metallink-network .footer .infraestructura-y,
    .metallink-network .footer .element-metallink {
    position: static;
    margin: 0;
    white-space: normal;
    }

    .metallink-network .footer .text-wrapper-26,
    .metallink-network .footer .text-wrapper-41 {
    color: var(--white);
    font-family: var(--font-medium);
    font-size: 18px;
    line-height: 1.4;
    }

    .metallink-network .footer .list,
    .metallink-network .footer .list-2 {
    height: auto;
    margin: 0;
    padding: 0;
    }

    .metallink-network .paragraph-wrapper {
    align-items: center;
    padding-top: 20px;
    height: auto;
    }

    .metallink-network .element-metallink {
    text-align: center;
    }

    /* ===== SEMANTIC ALIASES - MAIN CLEANUP ===== */
    .metallink-network .section-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
    }

    .metallink-network .section-title-wrap,
    .metallink-network .section-subtitle-wrap {
    width: auto;
    height: auto;
    }

    .metallink-network .section-title {
    max-width: 100%;
    text-align: center;
    margin: 0;
    font-family: var(--font-medium);
    font-weight: 500;
    color: var(--green);
    font-size: 48px;
    line-height: 1.1;
    white-space: normal;
    }

    .metallink-network .section-subtitle {
    max-width: 760px;
    text-align: center;
    margin: 0;
    font-family: var(--font-regular);
    font-weight: 400;
    color: var(--dark);
    font-size: 18px;
    line-height: 1.5;
    white-space: normal;
    }

    .metallink-network .why-choose-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    width: 100%;
    }

    .metallink-network .feature-card {
    min-height: 220px;
    }

    .metallink-network .feature-card-heading,
    .metallink-network .feature-card-description {
    margin: 0;
    padding: 0;
    }

    .metallink-network .feature-card-heading {
    display: flex;
    width: 100%;
    }

    .metallink-network .feature-card-title {
    font-size: 20px;
    line-height: 28px;
    color: var(--green);
    white-space: normal;
    }

    .metallink-network .feature-card-text {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    white-space: normal;
    }

    .metallink-network .projects-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    width: 100%;
    height: auto;
    }

    .metallink-network .project-card {
    min-height: 320px;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: var(--shadow-sm);
    }

    .metallink-network .project-image,
    .metallink-network .project-overlay {
    width: 100%;
    }

    .metallink-network .project-image {
    position: absolute;
    inset: 0;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    }

    .metallink-network .project-overlay {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 8px;
    position: absolute;
    inset: 0;
    padding: 24px;
    background: linear-gradient(0deg, rgba(76,119,102,0.9) 0%, rgba(0,0,0,0) 100%);
    }

    .metallink-network .project-category,
    .metallink-network .project-title {
    display: block;
    }

    .metallink-network .project-category-text {
    font-family: var(--font-regular);
    font-weight: 400;
    color: var(--cream);
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    }

    .metallink-network .project-title {
    margin: 0;
    width: 100%;
    }

    .metallink-network .project-title-text {
    font-family: var(--font-medium);
    font-weight: 500;
    color: var(--white);
    font-size: 20px;
    line-height: 28px;
    white-space: normal;
    }

    .metallink-network .process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    width: 100%;
    height: auto;
    }

    .metallink-network .process-step-with-arrow {
    position: relative;
    width: 100%;
    min-height: 248px;
    }

    .metallink-network .process-step {
    position: relative;
    width: 100%;
    min-height: 248px;
    display: flex;
    flex-direction: column;
    background-color: var(--cream);
    border-radius: 14px;
    padding: 24px;
    box-sizing: border-box;
    }

    .metallink-network .step-number-wrap {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    }

    .metallink-network .step-number {
    color: #4c776633;
    font-size: 60px;
    line-height: 60px;
    font-family: var(--font-regular);
    font-weight: 400;
    white-space: nowrap;
    }

    .metallink-network .step-title {
    display: flex;
    width: 100%;
    align-items: flex-start;
    margin: 0 0 12px;
    font-family: var(--font-medium);
    font-weight: 500;
    color: var(--green);
    font-size: 24px;
    line-height: 32px;
    }

    .metallink-network .step-description {
    display: flex;
    width: 100%;
    position: static;
    height: auto;
    margin: 0;
    }

    .metallink-network .step-description-text {
    font-family: var(--font-regular);
    font-weight: 400;
    color: var(--dark);
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    white-space: normal;
    height: auto;
    margin-top: 0;
    }

    .metallink-network .step-arrow {
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    }

    .metallink-network .testimonials-title,
    .metallink-network .testimonials-subtitle {
    text-align: center;
    }

    .metallink-network .testimonials-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    width: 100%;
    max-width: 1024px;
    }

    .metallink-network .testimonial-card {
    width: 100%;
    background-color: var(--white);
    border-radius: 14px;
    box-shadow: var(--shadow-sm);
    padding: 32px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    }

    .metallink-network .testimonial-author {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    }

    .metallink-network .testimonial-avatar {
    width: 64px;
    height: 64px;
    min-width: 64px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50% 50%;
    }

    .metallink-network .testimonial-author-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    }

    .metallink-network .testimonial-name {
    font-family: var(--font-medium);
    font-weight: 500;
    color: var(--green);
    font-size: 18px;
    line-height: 28px;
    white-space: nowrap;
    }

    .metallink-network .testimonial-company {
    font-family: var(--font-regular);
    font-weight: 400;
    color: var(--dark);
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    }

    .metallink-network .testimonial-quote-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    }

    .metallink-network .testimonial-quote {
    font-family: "Inter-Italic", Helvetica;
    font-style: italic;
    font-weight: 400;
    color: var(--dark);
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    margin: 0;
    }

    .metallink-network .testimonial-rating {
    width: 100%;
    height: 20px;
    display: block;
    }

    .metallink-network .coverage-title,
    .metallink-network .coverage-subtitle {
    text-align: center;
    }

    .metallink-network .coverage-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.05;
    background-image: url(./img/backgroud-1.png);
    background-size: cover;
    background-position: 50% 50%;
    }

    .metallink-network .coverage-content {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 48px;
    }

    .metallink-network .coverage-header {
    align-items: center;
    }

    .metallink-network .coverage-grid {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(360px, 1fr);
    gap: 48px;
    align-items: center;
    height: auto;
    }

    .metallink-network .coverage-metrics {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    gap: 24px;
    }

    .metallink-network .coverage-card {
    height: auto;
    min-height: 140px;
    justify-content: center;
    padding: 28px 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: #ebe6e0;
    border-radius: 14px;
    }

    .metallink-network .coverage-card-title {
    font-family: var(--font-medium);
    font-weight: 500;
    color: var(--green);
    font-size: 24px;
    line-height: 32px;
    }

    .metallink-network .coverage-card-text {
    font-family: var(--font-regular);
    font-weight: 400;
    color: var(--dark);
    font-size: 16px;
    line-height: 24px;
    }

    .metallink-network .coverage-map {
    position: static;
    width: 100%;
    max-width: 640px;
    height: auto;
    justify-self: center;
    }