/* ===========================================================================
   VRF 2026 - Correcciones responsive (auditoría de tablets, 21/09/2026)
   Se carga DESPUÉS de las hojas de cada página (ver _Layout.cshtml), así que gana sin necesidad de
   tocar los CSS minificados exportados de Elementor.
   Tramos usados:
     - Escritorio estrecho: 1025-1279px  (tablet horizontal, Surface Duo, portátil pequeño)
     - Tablet:              768-1024px   (iPad vertical/horizontal, Android)
     - Móvil:               <= 767px
   Las reglas globales (menú en una línea y aire lateral) están en vrf-layout.css.
   =========================================================================== */

/* ---------------------------------------------------------------------------
   WHO WE ARE  (.elementor-18)
--------------------------------------------------------------------------- */

/* Foto circular de "What sets us apart" (.circle-img-bg, definida en el tema).
   El tema la fija a 740px con left:-10% y su anillo a 810px, sin ninguna regla responsive.
   Como el texto ocupa el 56% derecho, al estrechar la pantalla el círculo se metía debajo:
   55px de solape a 1280, 146px a 1114 y, de 768 a 1024 (texto al 100%), todo el texto encima.
   a) Escritorio estrecho: el círculo y el anillo escalan con el ancho (51.4vw / 56.25vw son
      exactamente 740/1440 y 810/1440), manteniéndose concéntricos.                              */
@media (min-width: 1025px) {
    .elementor-element.circle-img-bg::before {
        width: min(740px, 51.4vw);
        height: min(740px, 51.4vw);
    }
    .elementor-element.circle-img-bg::after {
        width: min(810px, 56.25vw);
        height: min(810px, 56.25vw);
        top: calc(125px - (min(810px, 56.25vw) - min(740px, 51.4vw)) / 2);
    }
}
/* b) Tablet ancho (992-1024px): la foto pasa a ser un banner sobre el texto, sin anillo.
      Desde 991px hacia abajo manda la regla del tema de WordPress (foto de 400px), igual que en WP. */
@media (min-width: 992px) and (max-width: 1024px) {
    .elementor-element.circle-img-bg { flex-direction: column !important; }
    .elementor-element.circle-img-bg::before {
        position: relative !important;
        display: block;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: clamp(260px, 46vw, 440px) !important;
        margin: 0 0 34px;
        border-radius: 21px !important;
        background-position: center 30% !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
        flex: 0 0 auto;
    }
    .elementor-element.circle-img-bg::after { display: none !important; }
    .elementor-18 .elementor-element.elementor-element-8db6474 { --padding-top: 50px; --padding-bottom: 50px; }
}

/* Lista de checks junto al sello Inc. 5000. Elementor la exporta con "tablet-align-center": cada
   renglón se centraba por separado y los checks quedaban en zigzag. Siempre a la izquierda. */
@media (max-width: 1024px) {
    .elementor-18 .elementor-element.elementor-element-f9cca14 .elementor-icon-list-items { align-items: flex-start; }
    .elementor-18 .elementor-element.elementor-element-f9cca14 .elementor-icon-list-item,
    .elementor-18 .elementor-element.elementor-element-f9cca14 .elementor-icon-list-item > a { justify-content: flex-start !important; text-align: left !important; }
    /* lista + sello: centrados como conjunto, con separación */
    .elementor-18 .elementor-element.elementor-element-d5509cc { --justify-content: center; justify-content: center; --gap: 20px 48px; gap: 20px 48px; --align-items: center; align-items: center; }
    .elementor-18 .elementor-element.elementor-element-fd26c09 img { width: 210px; height: auto; }
}

/* Banda verde "People make the difference": en escritorio estrecho título y texto iban pegados
   entre sí y a los bordes. */
@media (min-width: 1025px) and (max-width: 1279px) {
    .elementor-18 .elementor-element.elementor-element-db311d1 { --gap: 20px 48px; }
    .elementor-18 .elementor-element.elementor-element-db311d1 > .e-con-inner { gap: 20px 48px; }
}

/* Equipo directivo. En tablet pasaba a UNA columna con tarjetas de 240px y media pantalla vacía.
   Dos columnas en tablet; una sola, pero con tarjeta ancha, en móvil. */
@media (min-width: 600px) and (max-width: 1024px) {
    .elementor-18 .elementor-element.elementor-element-6da7491 {
        --flex-direction: row; flex-direction: row !important;
        --flex-wrap: wrap; flex-wrap: wrap !important;
        --justify-content: center; justify-content: center;
        --align-items: flex-start; align-items: flex-start;
        --gap: 48px 32px; gap: 48px 32px;
    }
    .elementor-18 .elementor-element.elementor-element-6da7491 > .elementor-widget {
        --container-widget-width: calc(50% - 16px);
        width: calc(50% - 16px) !important;
        max-width: calc(50% - 16px) !important;
        flex: 0 0 calc(50% - 16px);
    }
    .elementor-18 .elementor-element.elementor-element-6da7491 .team-member-box { align-items: center; }
    .elementor-18 .elementor-element.elementor-element-6da7491 .team-member-image img { width: min(300px, 100%); height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
}
@media (max-width: 1024px) {
    /* la tarjeta de biografía aprovecha el ancho de su columna */
    .elementor-18 .elementor-element.elementor-element-6da7491 .team-member-box > *:not(.team-member-image) { width: 100%; max-width: 420px; box-sizing: border-box; }
}

/* ---------------------------------------------------------------------------
   PORTADA (.elementor-13): mismo equipo directivo -> dos columnas en tablet
--------------------------------------------------------------------------- */
@media (min-width: 600px) and (max-width: 1024px) {
    .elementor-13 .elementor-element.elementor-element-1a8e7f0 {
        --flex-direction: row; flex-direction: row !important;
        --flex-wrap: wrap; flex-wrap: wrap !important;
        --justify-content: center; justify-content: center;
        --align-items: flex-start; align-items: flex-start;
        --gap: 48px 32px; gap: 48px 32px;
    }
    .elementor-13 .elementor-element.elementor-element-1a8e7f0 > .elementor-widget {
        --container-widget-width: calc(50% - 16px);
        width: calc(50% - 16px) !important;
        max-width: calc(50% - 16px) !important;
        flex: 0 0 calc(50% - 16px);
    }
    .elementor-13 .elementor-element.elementor-element-1a8e7f0 .team-member-box { align-items: center; }
    .elementor-13 .elementor-element.elementor-element-1a8e7f0 .team-member-image img { width: min(300px, 100%); height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
    .elementor-13 .elementor-element.elementor-element-1a8e7f0 .team-member-box > *:not(.team-member-image) { width: 100%; max-width: 420px; box-sizing: border-box; }
}

/* ---------------------------------------------------------------------------
   PAREJAS DE FOTOS SUPERPUESTAS (Fishing, Surf/Tow y portada)
   En escritorio cada bloque lleva dos fotos: una normal y otra con "elementor-absolute" (top:0,
   left:0, z-index:1) que se monta en diagonal sobre la primera. En tablet y móvil Elementor pone
   ambas a ancho completo pero la segunda SIGUE absoluta: tapaba a la primera y, al ser más alta que
   su contenedor, se desbordaba sobre el párrafo, las tarjetas o la lista que venían después.
   Aquí las dos fotos pasan a ir una junto a otra, con la misma altura.
--------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .elementor-26 .elementor-element.elementor-element-981f9dc,
    .elementor-26 .elementor-element.elementor-element-6805e58,
    .elementor-26 .elementor-element.elementor-element-7c0ba14,
    .elementor-24 .elementor-element.elementor-element-9643086,
    .elementor-24 .elementor-element.elementor-element-3a15280,
    .elementor-13 .elementor-element.elementor-element-d8cf9de {
        display: flex !important;
        --flex-direction: row; flex-direction: row !important;
        --flex-wrap: nowrap; flex-wrap: nowrap !important;
        --gap: 16px 16px; gap: 16px !important;
        align-items: stretch;
        min-height: 0 !important;
        --min-height: 0px;
        width: 100%;
    }
    :is(.elementor-26 .elementor-element-981f9dc, .elementor-26 .elementor-element-6805e58, .elementor-26 .elementor-element-7c0ba14,
        .elementor-24 .elementor-element-9643086, .elementor-24 .elementor-element-3a15280, .elementor-13 .elementor-element-d8cf9de) > .elementor-widget-image {
        position: relative !important;
        top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
        transform: none !important;
        margin: 0 !important;
        width: 50% !important;
        max-width: 50% !important;
        flex: 1 1 0;
        --container-widget-width: 50%;
        z-index: auto;
    }
    :is(.elementor-26 .elementor-element-981f9dc, .elementor-26 .elementor-element-6805e58, .elementor-26 .elementor-element-7c0ba14,
        .elementor-24 .elementor-element-9643086, .elementor-24 .elementor-element-3a15280, .elementor-13 .elementor-element-d8cf9de) > .elementor-widget-image img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        max-width: none;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        border-radius: 21px;
    }
}
@media (max-width: 479px) {
    /* en móviles estrechos, una debajo de otra */
    .elementor-26 .elementor-element.elementor-element-981f9dc, .elementor-26 .elementor-element.elementor-element-6805e58,
    .elementor-26 .elementor-element.elementor-element-7c0ba14, .elementor-24 .elementor-element.elementor-element-9643086,
    .elementor-24 .elementor-element.elementor-element-3a15280, .elementor-13 .elementor-element.elementor-element-d8cf9de { flex-direction: column !important; }
    :is(.elementor-26 .elementor-element-981f9dc, .elementor-26 .elementor-element-6805e58, .elementor-26 .elementor-element-7c0ba14,
        .elementor-24 .elementor-element-9643086, .elementor-24 .elementor-element-3a15280, .elementor-13 .elementor-element-d8cf9de) > .elementor-widget-image { width: 100% !important; max-width: 100% !important; }
}
@media (max-width: 767px) {
    /* En móvil Elementor oculta una de las dos fotos (elementor-hidden-mobile): la que queda ocupa
       todo el ancho. Sin esto, entre 480 y 767px se quedaba en el 50% pegada a la izquierda. */
    :is(.elementor-26 .elementor-element-981f9dc, .elementor-26 .elementor-element-6805e58, .elementor-26 .elementor-element-7c0ba14,
        .elementor-24 .elementor-element-9643086, .elementor-24 .elementor-element-3a15280, .elementor-13 .elementor-element-d8cf9de) > .elementor-widget-image { width: 100% !important; max-width: 100% !important; }
}

/* ---------------------------------------------------------------------------
   CONTACT (.right-bg, clase del tema): foto en un ::before absoluto al 41% derecho, con un velo
   ::after. En tablet el formulario pasa al 100% y la foto quedaba ENCIMA de los campos y del título.
   De 1024px hacia abajo la foto va como banner sobre el formulario.
--------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .elementor-element.right-bg { flex-direction: column !important; }
    /* La imagen es un pseudo-elemento fuera de .e-con-inner: necesita espacio en el contenedor. */
    .elementor-22 .elementor-element.elementor-element-bb9254d {
        padding-top: 24px;
    }
    .elementor-element.right-bg::before {
        position: relative !important;
        display: block;
        right: auto !important; left: auto !important; top: auto !important;
        width: 100% !important;
        height: clamp(200px, 34vw, 340px) !important;
        margin: 0 0 30px;
        border-radius: 21px;
        background-size: cover !important;
        background-position: center !important;
        flex: 0 0 auto;
        order: -1;
    }
    .elementor-element.right-bg::after { display: none !important; }
}

/* ---------------------------------------------------------------------------
   PIE (.elementor-118). En tablet los tres títulos de columna iban centrados pero sus enlaces pegados
   al borde izquierdo, y todo apilado en una columna muy alta.
   Tablet: logo arriba, las tres columnas de enlaces en una fila, botones debajo. Todo centrado.
--------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .elementor-118 .elementor-nav-menu--main .elementor-nav-menu { flex-direction: column !important; align-items: center !important; }
    .elementor-118 .elementor-nav-menu--main .elementor-nav-menu > li { width: auto; }
    .elementor-118 .elementor-nav-menu--main .elementor-item { justify-content: center !important; text-align: center !important; margin: 0 !important; }
    .elementor-118 .elementor-widget-heading { text-align: center; }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-118 .elementor-element.elementor-element-6fdf5fc {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 26px 24px !important;
        justify-items: center;
        align-items: start;
    }
    .elementor-118 .elementor-element.elementor-element-6fdf5fc > .e-con { width: 100% !important; max-width: none !important; --width: 100%; align-items: center; }
    .elementor-118 .elementor-element.elementor-element-51c9099,
    .elementor-118 .elementor-element.elementor-element-ff7385d { grid-column: 1 / -1; }
    .elementor-118 .elementor-element.elementor-element-ff7385d { --flex-direction: row; flex-direction: row !important; flex-wrap: wrap; justify-content: center; gap: 14px 18px; }
}

/* ---------------------------------------------------------------------------
   FILAS DE ICONOS (Fishing .elementor-26 y Surf/Tow .elementor-24): 6 ventajas que en tablet quedaban
   5 + 1 huérfana. Rejilla de 3 x 2.
--------------------------------------------------------------------------- */
@media (min-width: 600px) and (max-width: 1024px) {
    /* el contenedor es "e-con-full": los iconos cuelgan de él directamente (o de .e-con-inner si lo hay) */
    .elementor-26 .elementor-element.elementor-element-c27b2d8:not(:has(> .e-con-inner)),
    .elementor-24 .elementor-element.elementor-element-6ef66a9:not(:has(> .e-con-inner)),
    .elementor-26 .elementor-element.elementor-element-c27b2d8 > .e-con-inner,
    .elementor-24 .elementor-element.elementor-element-6ef66a9 > .e-con-inner {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 30px 20px !important;
        justify-items: center;
        align-items: start;
    }
    .elementor-26 .elementor-element.elementor-element-c27b2d8 > .elementor-widget-icon-box,
    .elementor-24 .elementor-element.elementor-element-6ef66a9 > .elementor-widget-icon-box,
    .elementor-26 .elementor-element.elementor-element-c27b2d8 > .e-con-inner > *,
    .elementor-24 .elementor-element.elementor-element-6ef66a9 > .e-con-inner > * { width: 100% !important; max-width: 240px; --container-widget-width: 100%; }
}

/* En móvil las 6 ventajas seguían en una fila de 4 + 2 con cajas de 56px: los textos se pisaban.
   Rejilla de 2 x 3. */
@media (max-width: 599px) {
    .elementor-26 .elementor-element.elementor-element-c27b2d8:not(:has(> .e-con-inner)),
    .elementor-24 .elementor-element.elementor-element-6ef66a9:not(:has(> .e-con-inner)),
    .elementor-26 .elementor-element.elementor-element-c27b2d8 > .e-con-inner,
    .elementor-24 .elementor-element.elementor-element-6ef66a9 > .e-con-inner {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 26px 16px !important;
        justify-items: center;
        align-items: start;
    }
    .elementor-26 .elementor-element.elementor-element-c27b2d8 > .elementor-widget-icon-box,
    .elementor-24 .elementor-element.elementor-element-6ef66a9 > .elementor-widget-icon-box,
    .elementor-26 .elementor-element.elementor-element-c27b2d8 > .e-con-inner > *,
    .elementor-24 .elementor-element.elementor-element-6ef66a9 > .e-con-inner > * { width: 100% !important; max-width: none; --container-widget-width: 100%; }
}

/* Pasos "How it works" (Fishing 821e310) y tarjetas "Buying from..." (Surf/Tow 21c8b9b): en móvil
   quedaban en columnas de 74-111px con una palabra por renglón. Una sola columna. */
@media (max-width: 599px) {
    .elementor-26 .elementor-element.elementor-element-821e310,
    .elementor-24 .elementor-element.elementor-element-21c8b9b,
    .elementor-26 .elementor-element.elementor-element-821e310 > .e-con-inner,
    .elementor-24 .elementor-element.elementor-element-21c8b9b > .e-con-inner {
        --flex-direction: column; flex-direction: column !important;
        --flex-wrap: nowrap; flex-wrap: nowrap !important;
        gap: 26px !important;
        align-items: stretch;
    }
    :is(.elementor-26 .elementor-element-821e310, .elementor-24 .elementor-element-21c8b9b) > .elementor-element,
    :is(.elementor-26 .elementor-element-821e310, .elementor-24 .elementor-element-21c8b9b) > .e-con-inner > .elementor-element {
        width: 100% !important; max-width: 100% !important; --container-widget-width: 100%; --width: 100%; flex: 0 0 auto;
    }
}

/* Listas de marcas con texto centrado: la viñeta se quedaba pegada al borde izquierdo, lejos del
   nombre. Sin viñeta en tablet y móvil, que es donde Elementor centra el texto. */
@media (max-width: 1024px) {
    .elementor-26 .elementor-element.elementor-element-569469c ul { list-style: none; padding-left: 0; margin-left: 0; }
}

/* ---------------------------------------------------------------------------
   WHAT WE FINANCE (.elementor-16): tarjetas con foto de fondo y un degradado LATERAL pensado para
   escritorio (texto a un lado, foto al otro). En móvil el texto ocupa toda la tarjeta y caía sobre
   la parte clara de la foto: ilegible. Velo azul uniforme, más denso donde va el texto.
   Además los checks iban sueltos a la izquierda con el texto centrado: lista alineada como bloque.
--------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .elementor-16 :is(.elementor-element-bf42fba, .elementor-element-ae6cd26, .elementor-element-45b3c8f,
                      .elementor-element-f643d80, .elementor-element-e653dfb, .elementor-element-1202f24)::before {
        background-image: linear-gradient(180deg, rgba(2, 68, 123, .88) 0%, rgba(2, 68, 123, .80) 55%, rgba(1, 43, 80, .90) 100%) !important;
        opacity: 1 !important;
    }
    .elementor-16 :is(.elementor-element-bf42fba, .elementor-element-ae6cd26, .elementor-element-45b3c8f,
                      .elementor-element-f643d80, .elementor-element-e653dfb, .elementor-element-1202f24) .elementor-widget-icon-list .elementor-widget-container { text-align: center; }
    .elementor-16 :is(.elementor-element-bf42fba, .elementor-element-ae6cd26, .elementor-element-45b3c8f,
                      .elementor-element-f643d80, .elementor-element-e653dfb, .elementor-element-1202f24) .elementor-icon-list-items {
        display: inline-flex !important; flex-direction: column; align-items: flex-start; gap: 6px; margin: 0 auto; max-width: 100%;
    }
    .elementor-16 :is(.elementor-element-bf42fba, .elementor-element-ae6cd26, .elementor-element-45b3c8f,
                      .elementor-element-f643d80, .elementor-element-e653dfb, .elementor-element-1202f24) .elementor-icon-list-item { width: auto !important; margin: 0 !important; justify-content: flex-start !important; text-align: left; }
    .elementor-16 :is(.elementor-element-bf42fba, .elementor-element-ae6cd26, .elementor-element-45b3c8f,
                      .elementor-element-f643d80, .elementor-element-e653dfb, .elementor-element-1202f24) .elementor-icon-list-item::after { display: none !important; }
    .elementor-16 :is(.elementor-element-bf42fba, .elementor-element-ae6cd26, .elementor-element-45b3c8f,
                      .elementor-element-f643d80, .elementor-element-e653dfb, .elementor-element-1202f24) .elementor-icon-list-text { text-align: left !important; }
}

/* ---------------------------------------------------------------------------
   APPLY en tablet: la tarjeta quedaba estrecha, con las dos columnas (Applicant / Employment)
   comprimidas y campos diminutos (el desplegable State medía ~40px).
   - La tarjeta usa todo el ancho disponible.
   - Por debajo de 992px las dos columnas principales se apilan; sus campos internos siguen en mitades.
--------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .elementor-1368 .elementor-element.elementor-element-4fd3bdc7 { --content-width: 100%; --padding-left: 16px; --padding-right: 16px; }
    .vrf-apply-page, .vrf-apply-page .boxApply { width: 100% !important; max-width: none !important; box-sizing: border-box; }
    .vrf-apply-page .boxApply { padding-left: 26px !important; padding-right: 26px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .vrf-apply-page #applicationForm > .col-xs-12 > .col-xs-12.col-sm-6 { width: 100% !important; float: none !important; flex-basis: 100% !important; max-width: 100% !important; }
}

/* Contact: dos columnas para los datos personales en tablets y escritorio. */
@media (min-width: 768px) {
    .elementor-22 #gform_fields_1 > :is(#field_1_1, #field_1_3, #field_1_4, #field_1_5) {
        grid-column: span 6;
        min-width: 0;
    }
}

/* Contact details are actionable without changing the card typography. */
.elementor-22 .elementor-icon-box-description a {
    color: inherit;
    text-decoration: none;
}
.elementor-22 .elementor-icon-box-description a:hover,
.elementor-22 .elementor-icon-box-description a:focus-visible {
    color: var(--e-global-color-primary, #02447b);
    text-decoration: underline;
}

/* Shared navigation overrides must follow page exports, which repeat the old 37px spacing. */
/* 1) Menú en una sola línea. Con el ítem "Home" (23/09/2026) son 10 ítems: ~931px de texto a 16px.
      Con el margen original de 37px (9 x 37 = 333px) medía 1264px y no cabía en el contenedor de
      1240px: "Contact Us" bajaba a una segunda línea. Se reduce el margen entre ítems en cada tramo
      (y un punto la fuente en el más estrecho). Con el menú de WordPress (9 ítems, 12/10/2026)
      desde 1280px se usa su mismo margen de 29px. */
@media (min-width: 1280px) {
    .elementor-104 .elementor-element.elementor-element-464f29b { --e-nav-menu-horizontal-menu-item-margin: calc(29px / 2); }
}
@media (min-width: 1025px) and (max-width: 1149px) {
    .elementor-104 .elementor-element.elementor-element-464f29b { --e-nav-menu-horizontal-menu-item-margin: calc(10px / 2); }
    .elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--main .elementor-item { font-size: 15px; margin-left: 5px; margin-right: 5px; }
}
@media (min-width: 1150px) and (max-width: 1279px) {
    .elementor-104 .elementor-element.elementor-element-464f29b { --e-nav-menu-horizontal-menu-item-margin: calc(18px / 2); }
    .elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--main .elementor-item { margin-left: 9px; margin-right: 9px; }
}

/* ---------------------------------------------------------------------------
   H1 PARA SEO SIN CAMBIO VISUAL. Cada página tiene un solo H1, pero el kit de Elementor
   estiliza h1 y h2 por etiqueta (tamaño, interlineado, espaciado); estas clases hacen que
   el elemento conserve exactamente el estilo de la etiqueta que tenía antes:
   - .vrf-as-h1: h2 que antes era el segundo h1 (Fishing, Surf & Tow, Luxury, RV Loans).
   - .vrf-as-h2: h1 que antes era h2 (Testimonials, Payment Calculator, Dealer Inquiry).
   - .vrf-title-h1: h1 dentro de la banda .titlePage, hereda el estilo de la banda.
   :where() deja la misma especificidad que las reglas del kit, así las reglas propias de
   cada widget siguen ganando igual que antes.
--------------------------------------------------------------------------- */
.elementor-kit-6 h2:where(.vrf-as-h1) { font-size: 65px; font-weight: 700; text-transform: uppercase; line-height: 1.1em; letter-spacing: inherit; }
.elementor-kit-6 h1:where(.vrf-as-h2) { font-size: 35px; font-weight: 700; text-transform: uppercase; line-height: 1.2em; letter-spacing: 0.87px; }
@media (max-width: 1024px) {
    .elementor-kit-6 h2:where(.vrf-as-h1) { font-size: 40px; }
    .elementor-kit-6 h1:where(.vrf-as-h2) { font-size: 30px; }
}
@media (max-width: 767px) {
    .elementor-kit-6 h2:where(.vrf-as-h1) { font-size: 35px; }
    .elementor-kit-6 h1:where(.vrf-as-h2) { font-size: 26px; }
}
.elementor-kit-6 h1.vrf-title-h1 { margin: 0; padding: 0; font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; line-height: inherit; }