/* Help4 Builder Suite 1.3.316 | build e0bf22c8bac2c863f033078c97ae2049d42f0eab2d66bf4421fc207d92da6717 */
.h4bs-builder-page {
    display: grid;
    gap: var(--h4bs-page-gap, 1rem);
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
    color: var(--h4bs-color-text, #1f2937);
    font-family: var(--h4bs-font-body, Inter, sans-serif);
    font-size: var(--h4bs-base-size, 16px);
    font-weight: var(--h4bs-body-weight, 400);
    line-height: var(--h4bs-body-line-height, 1.65);
}

.h4bs-builder-page :where(a:not(.h4bs-builder-button)) {
    color: var(--h4bs-color-link, var(--h4bs-color-primary, #0f6cbf));
}

.h4bs-builder-page :where(a:not(.h4bs-builder-button)):hover {
    color: var(--h4bs-color-link-hover, var(--h4bs-color-primary-hover, #0b579c));
}

.h4bs-builder-page,
.h4bs-builder-page * {
    box-sizing: border-box;
}

.h4bs-mobile-containment-root,
.h4bs-mobile-containment-root * {
    box-sizing: border-box;
}

body.h4bs-builder-active {
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
}

body.h4bs-builder-active :where(#page, .site, .wp-site-blocks, .site-content, .content-area, .entry-content, main) {
    min-width: 0;
    max-width: 100%;
}

body.h4bs-builder-active .h4bs-mobile-contain-size {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere;
}

body.h4bs-builder-active .h4bs-mobile-contain-shift {
    translate: var(--h4bs-mobile-contain-shift, 0) 0 !important;
}

.h4bs-builder-page :where(img, svg, video, canvas, iframe, embed, object) {
    max-width: 100%;
}

.h4bs-builder-page :where(img, video, canvas) {
    height: auto;
}

.h4bs-builder-page :where(table, pre) {
    max-width: 100%;
    overflow-x: auto;
}

.h4bs-block {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

html[data-h4bs-studio-draft="1"] .h4bs-block[data-h4bs-studio-selected="1"] {
    outline: 3px solid #0f6cbf !important;
    outline-offset: 2px;
}

html[data-h4bs-studio-draft="1"] .h4bs-block {
    cursor: pointer;
}

html[data-h4bs-studio-draft="1"] .h4bs-block:hover {
    outline: 2px dashed rgba(15, 108, 191, 0.72);
    outline-offset: 2px;
}

html[data-h4bs-studio-draft="1"] .h4bs-block-html :where(img, a, button, h1, h2, h3, h4, h5, h6, p, li, label, figcaption, span) {
    cursor: pointer;
}

html[data-h4bs-studio-draft="1"] .h4bs-block-html [data-h4bs-studio-selected-inner="1"] {
    outline: 3px solid #f08c24 !important;
    outline-offset: 3px;
}

.h4bs-block-html {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.h4bs-block-heading > :where(h1, h2, h3, h4, h5, h6) {
    margin: 0;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-align: inherit !important;
    text-transform: inherit !important;
}

.h4bs-block-heading {
    color: var(--h4bs-color-heading, #152238);
    font-family: var(--h4bs-font-heading, var(--h4bs-font-body, sans-serif));
    font-weight: var(--h4bs-heading-weight, 700);
    line-height: var(--h4bs-heading-line-height, 1.12);
}

.h4bs-block-heading.h4bs-heading-h1 { font-size: var(--h4bs-h1-size, 56px); }
.h4bs-block-heading.h4bs-heading-h2 { font-size: var(--h4bs-h2-size, 42px); }
.h4bs-block-heading.h4bs-heading-h3 { font-size: var(--h4bs-h3-size, 32px); }
.h4bs-block-heading.h4bs-heading-h4 { font-size: var(--h4bs-h4-size, 25px); }
.h4bs-block-heading.h4bs-heading-h5 { font-size: var(--h4bs-h5-size, 20px); }
.h4bs-block-heading.h4bs-heading-h6 { font-size: var(--h4bs-h6-size, 17px); }

.h4bs-block-text > p {
    margin-block: 0;
    color: inherit;
    font-family: var(--h4bs-font-body, sans-serif);
    line-height: inherit;
}

.h4bs-block-cta > .h4bs-builder-cta > :is(h2, h3, h4, h5, h6) {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-transform: inherit !important;
}

.h4bs-block-cta > .h4bs-builder-cta > p,
.h4bs-block-list > :where(ul, ol),
.h4bs-block-list > :where(ul, ol) > li,
.h4bs-block-faq .h4bs-builder-faq :where(summary, p) {
    color: inherit !important;
}

.h4bs-block-section {
    border-style: solid;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.h4bs-block-section:not([style*="padding:"]) {
    padding: var(--h4bs-section-y, 64px) var(--h4bs-section-x, 24px);
}

.h4bs-block-container,
.h4bs-block-inner_section {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.has-h4bs-background-video {
    position: relative;
    isolation: isolate;
    overflow: var(--h4bs-background-video-overflow, hidden);
}

.h4bs-background-video-layer {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: var(--h4bs-background-video-overflow, hidden);
    pointer-events: none;
}

.h4bs-background-video-layer.has-controls {
    pointer-events: auto;
}

.h4bs-background-video,
.h4bs-background-video-fallback,
.h4bs-background-video-fallback img,
.h4bs-background-video-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}

.h4bs-background-video {
    display: block;
    object-fit: var(--h4bs-background-video-fit, cover);
    object-position: var(--h4bs-background-video-position, center center);
}

.h4bs-background-video-fallback {
    z-index: 1;
}

.h4bs-background-video-fallback[hidden] {
    display: none;
}

.h4bs-background-video-fallback img {
    display: block;
    object-fit: var(--h4bs-background-video-fit, cover);
    object-position: var(--h4bs-background-video-position, center center);
}

.h4bs-background-video-overlay {
    z-index: 2;
    background-color: var(--h4bs-background-video-overlay-color, #000000);
    background-image: var(--h4bs-background-video-overlay-gradient, none);
    opacity: var(--h4bs-background-video-overlay-opacity, 0);
    pointer-events: none;
}

.has-h4bs-background-video > :where(.h4bs-builder-section-grid, .h4bs-builder-container) {
    position: relative;
    z-index: 3;
}

.h4bs-builder-section-grid {
    display: grid;
    grid-template-columns: var(--h4bs-grid-template, repeat(var(--h4bs-col, 2), minmax(0, 1fr)));
    gap: var(--h4bs-gap, 18px);
    justify-content: var(--h4bs-justify-content, flex-start);
    align-items: var(--h4bs-align-items, stretch);
    align-content: var(--h4bs-align-content, stretch);
    min-width: 0;
    max-width: 100%;
}

.h4bs-builder-section-grid.is-flex {
    display: flex;
    flex-wrap: wrap;
}

.h4bs-builder-section-grid.is-flex > .h4bs-builder-section-col {
    flex: 1 1 calc(100% / var(--h4bs-col, 2));
    min-width: 0;
    max-width: 100%;
}

.h4bs-builder-section-col {
    min-width: 0;
}

.h4bs-builder-section-col-label {
    display: none;
}

.h4bs-builder-section-slot {
    min-height: 72px;
}

.h4bs-builder-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: transform 0.16s ease;
}

.h4bs-builder-image-wrap {
    margin: 0;
}

.h4bs-builder-image-inner {
    position: relative;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
}

.h4bs-builder-image-inner:hover .h4bs-builder-image {
    transform: scale(var(--h4bs-image-hover-scale, 1));
}

.h4bs-builder-image-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.h4bs-builder-image-caption {
    margin-top: 6px;
    font-size: 0.8rem;
    color: #4d667f;
}

.h4bs-builder-button {
    box-sizing: border-box;
    display: inline-block;
    max-width: 100%;
    text-decoration: none;
    background: var(--h4bs-color-primary, #0f6cbf);
    color: var(--h4bs-color-on-primary, #ffffff);
    border: 1px solid transparent;
    border-radius: var(--h4bs-button-radius, 8px);
    padding: var(--h4bs-button-padding-y, 12px) var(--h4bs-button-padding-x, 20px);
    font-family: var(--h4bs-font-ui, var(--h4bs-font-body, sans-serif));
    font-weight: var(--h4bs-button-weight, 700);
    line-height: 1.35;
    transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
    overflow-wrap: anywhere;
    white-space: normal;
}

.h4bs-builder-button:hover {
    background: var(--h4bs-color-primary-hover, #0b579c);
    color: var(--h4bs-color-on-primary, #ffffff);
}

.h4bs-style-preset-button-primary .h4bs-builder-button:hover {
    background: var(--h4bs-color-primary-hover, #0b579c) !important;
}

.h4bs-style-preset-button-secondary .h4bs-builder-button:hover {
    background: var(--h4bs-color-secondary-hover, #087f64) !important;
}

.h4bs-style-preset-button-outline .h4bs-builder-button:hover,
.h4bs-style-preset-button-ghost .h4bs-builder-button:hover {
    background: var(--h4bs-color-primary, #0f6cbf) !important;
    color: var(--h4bs-color-on-primary, #ffffff) !important;
}

.h4bs-has-motion {
    animation-delay: var(--h4bs-motion-delay, 0ms), 0ms;
    animation-duration: var(--h4bs-motion-duration, 600ms), calc(var(--h4bs-motion-duration, 600ms) * 5);
    animation-fill-mode: both, none;
    animation-iteration-count: var(--h4bs-motion-iteration, 1), infinite;
    animation-name: var(--h4bs-motion-entrance-name, h4bs-motion-none), var(--h4bs-motion-background-name, h4bs-motion-none);
    animation-timing-function: var(--h4bs-motion-easing, ease-out), linear;
    transform-origin: center;
}

.h4bs-motion-trigger-in-view:not(.is-h4bs-motion-active),
.h4bs-motion-trigger-interaction:not(.is-h4bs-motion-active) {
    animation-name: none;
}

.h4bs-motion-entrance-fade-up { --h4bs-motion-entrance-name: h4bs-motion-fade-up; }
.h4bs-motion-entrance-fade-down { --h4bs-motion-entrance-name: h4bs-motion-fade-down; }
.h4bs-motion-entrance-fade-left { --h4bs-motion-entrance-name: h4bs-motion-fade-left; }
.h4bs-motion-entrance-fade-right { --h4bs-motion-entrance-name: h4bs-motion-fade-right; }
.h4bs-motion-entrance-zoom-in { --h4bs-motion-entrance-name: h4bs-motion-zoom-in; }
.h4bs-motion-background-drift-x { --h4bs-motion-background-name: h4bs-motion-drift-x; }
.h4bs-motion-background-drift-y { --h4bs-motion-background-name: h4bs-motion-drift-y; }
.h4bs-motion-background-pulse { --h4bs-motion-background-name: h4bs-motion-pulse; }

.h4bs-motion-hover-lift,
.h4bs-motion-hover-grow,
.h4bs-motion-hover-tilt,
.h4bs-motion-hover-glow {
    transition: filter 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.h4bs-motion-hover-lift:hover { transform: translateY(-6px); }
.h4bs-motion-hover-grow:hover { transform: scale(1.035); }
.h4bs-motion-hover-tilt:hover { transform: rotate(-1deg) scale(1.01); }
.h4bs-motion-hover-glow:hover { box-shadow: 0 14px 38px color-mix(in srgb, var(--h4bs-color-primary, #0f6cbf) 28%, transparent); }

@keyframes h4bs-motion-none {
    from { opacity: 1; }
    to { opacity: 1; }
}

@keyframes h4bs-motion-fade-up {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes h4bs-motion-fade-down {
    from { opacity: 0; transform: translateY(-24px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes h4bs-motion-fade-left {
    from { opacity: 0; transform: translateX(24px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes h4bs-motion-fade-right {
    from { opacity: 0; transform: translateX(-24px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes h4bs-motion-zoom-in {
    from { opacity: 0; transform: scale(.94); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes h4bs-motion-drift-x {
    0%, 100% { background-position-x: 48%; }
    50% { background-position-x: 52%; }
}

@keyframes h4bs-motion-drift-y {
    0%, 100% { background-position-y: 48%; }
    50% { background-position-y: 52%; }
}

@keyframes h4bs-motion-pulse {
    0%, 100% { filter: saturate(1); }
    50% { filter: saturate(1.12); }
}

.h4bs-motion-reduced-disable,
.h4bs-motion-reduced-disable:hover {
    animation: none !important;
    transform: none !important;
    transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .h4bs-has-motion:not(.h4bs-motion-reduced-allow),
    [class*="h4bs-motion-hover-"]:not(.h4bs-motion-reduced-allow),
    [class*="h4bs-motion-hover-"]:not(.h4bs-motion-reduced-allow):hover {
        animation: none !important;
        scroll-behavior: auto !important;
        transform: none !important;
        transition-duration: 0.01ms !important;
    }
}

.h4bs-block-button[style*="background"] {
    display: inline-flex;
    width: auto;
}

.h4bs-block-button[style*="background"] .h4bs-builder-button {
    padding: 0;
    border-radius: inherit;
    background: transparent;
    color: inherit;
}

.h4bs-block-button[style*="background"] .h4bs-builder-button:hover {
    background: transparent;
    color: inherit;
}

.h4bs-builder-video,
.h4bs-builder-video-embed,
.h4bs-builder-map {
    border: 1px solid #d4e2ee;
    border-radius: 10px;
    background: #f5f9fd;
}

.h4bs-video-player-shell {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: var(--h4bs-video-aspect, 16 / 9);
    max-height: var(--h4bs-video-max-height, none);
    overflow: hidden;
    border: 1px solid #d4e2ee;
    border-radius: 10px;
    background: #05070a;
}

.h4bs-video-player-shell .h4bs-builder-video,
.h4bs-video-player-shell .h4bs-preview-video,
.h4bs-video-player-shell .h4bs-lms-video {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    border: 0;
    border-radius: inherit;
    object-fit: cover;
}

.h4bs-video-player-fallback {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    gap: 10px;
    padding: 24px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    background: #05070a;
}

.h4bs-video-player-fallback[hidden] {
    display: none !important;
}

.h4bs-video-player-fallback img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.58;
}

.h4bs-video-player-fallback p,
.h4bs-video-player-fallback a {
    position: relative;
    z-index: 1;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.88);
}

.h4bs-video-player-fallback p {
    margin: 0;
    font-weight: 700;
}

.h4bs-video-player-fallback a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 767px) {
    .h4bs-video-player-shell {
        max-height: none;
    }
}

.h4bs-builder-icon-wrap {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.h4bs-builder-icon-label {
    color: #1c3550;
    font-weight: 600;
}

.h4bs-builder-cta {
    border: 1px solid var(--h4bs-color-border, #d8e2ec);
    border-radius: var(--h4bs-radius-md, 8px);
    background: var(--h4bs-color-surface-alt, #f4f7fb);
    padding: var(--h4bs-card-padding, 28px);
}

.h4bs-builder-cta :is(h2, h3, h4, h5, h6) {
    margin-top: 0;
}

.h4bs-builder-cta > .h4bs-builder-button {
    font-size: 1rem;
    line-height: 1.4;
}

.h4bs-block-cta[style*="background"] .h4bs-builder-cta {
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: transparent;
    color: inherit;
}

.h4bs-builder-gallery {
    display: grid;
    gap: 10px;
}

.h4bs-builder-gallery figure {
    margin: 0;
    border: 1px solid #d6e4ef;
    border-radius: 10px;
    overflow: hidden;
}

.h4bs-builder-gallery img {
    display: block;
    width: 100%;
    height: auto;
}

.h4bs-builder-faq {
    display: grid;
    gap: var(--h4bs-card-gap, 20px);
}

.h4bs-builder-faq details {
    border: 1px solid var(--h4bs-color-border, #d8e2ec);
    border-radius: var(--h4bs-radius-md, 8px);
    background: var(--h4bs-color-surface-alt, #f4f7fb);
    padding: 0.75rem 0.85rem;
}

.h4bs-builder-faq summary {
    cursor: pointer;
    font-weight: 600;
}

.h4bs-builder-counter {
    display: inline-grid;
    gap: 4px;
}

.h4bs-builder-counter strong {
    font-size: 2rem;
    line-height: 1.1;
    color: #153a57;
}

.h4bs-builder-counter span {
    color: #506780;
}

.h4bs-builder-progress {
    display: grid;
    gap: 8px;
}

.h4bs-builder-progress-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 0.875rem;
    color: #2f4e68;
    font-weight: 600;
}

.h4bs-builder-progress-track {
    border: 1px solid #d2deea;
    border-radius: 999px;
    background: #edf4fb;
    height: 12px;
    overflow: hidden;
}

.h4bs-builder-progress-track i {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #1f90dd, #0f6cbf);
}

.h4bs-builder-menu {
    width: 100%;
    min-width: 0;
    position: relative;
    border: 1px solid rgb(183 206 227 / 70%);
    border-radius: 10px;
    padding: 0.75rem 0.9rem;
    background: rgba(248, 251, 255, 0.92);
}

.h4bs-builder-menu-panel {
    min-width: 0;
    max-width: 100%;
}

.h4bs-builder-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px 16px;
    flex-wrap: wrap;
}

.h4bs-builder-menu-list ul,
.h4bs-builder-menu-list .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.h4bs-builder-menu-list li {
    position: relative;
    min-width: 0;
}

.h4bs-builder-menu-list a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    color: inherit;
    text-decoration: none;
}

.h4bs-builder-menu-list .sub-menu {
    min-width: 190px;
    display: grid;
    gap: 2px;
}

.h4bs-builder-menu.has-dropdown-hover .h4bs-builder-menu-list > li.menu-item-has-children::after,
.h4bs-builder-menu.has-dropdown-hover .h4bs-builder-menu-list > li.page_item_has_children::after,
.h4bs-builder-menu.has-dropdown-hover .h4bs-builder-menu-list > li:has(> .sub-menu)::after {
    content: "";
    position: absolute;
    inset-block-start: 100%;
    inset-inline-start: -0.75rem;
    z-index: 49;
    display: none;
    inline-size: max(100%, 220px);
    block-size: 0.85rem;
    pointer-events: auto;
    background: rgb(255 255 255 / 0.001);
}

.h4bs-builder-menu.has-dropdown-hover .h4bs-builder-menu-list > li.menu-item-has-children:hover::after,
.h4bs-builder-menu.has-dropdown-hover .h4bs-builder-menu-list > li.menu-item-has-children:focus-within::after,
.h4bs-builder-menu.has-dropdown-hover .h4bs-builder-menu-list > li.page_item_has_children:hover::after,
.h4bs-builder-menu.has-dropdown-hover .h4bs-builder-menu-list > li.page_item_has_children:focus-within::after,
.h4bs-builder-menu.has-dropdown-hover .h4bs-builder-menu-list > li:has(> .sub-menu):hover::after,
.h4bs-builder-menu.has-dropdown-hover .h4bs-builder-menu-list > li:has(> .sub-menu):focus-within::after {
    display: block;
}

.h4bs-builder-menu.has-dropdown-hover .h4bs-builder-menu-list > li > .sub-menu {
    position: absolute;
    inset-block-start: 100%;
    inset-inline-start: 0;
    z-index: 50;
    opacity: 0;
    visibility: hidden;
    pointer-events: auto;
    transform: none;
    padding: 0.45rem;
    border: 1px solid rgb(183 206 227 / 70%);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 16px 38px rgb(12 31 51 / 15%);
    transition: opacity 150ms ease, visibility 0s linear 220ms;
}

.h4bs-builder-menu.has-dropdown-hover .h4bs-builder-menu-list > li:hover > .sub-menu,
.h4bs-builder-menu.has-dropdown-hover .h4bs-builder-menu-list > li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition-delay: 0s;
}

.h4bs-builder-menu.has-dropdown-open .h4bs-builder-menu-list {
    align-items: flex-start;
}

.h4bs-builder-menu.has-dropdown-open .h4bs-builder-menu-list .sub-menu {
    position: static;
    padding: 0.25rem 0 0 0.85rem;
}

.h4bs-builder-menu.has-dropdown-none .h4bs-builder-menu-list .sub-menu {
    display: none;
}

.h4bs-builder-menu.is-vertical .h4bs-builder-menu-list {
    display: grid;
    align-items: stretch;
}

.h4bs-builder-menu-toggle {
    display: none;
    align-items: center;
    gap: 0.65rem;
    min-height: 42px;
    border: 1px solid rgb(183 206 227 / 75%);
    border-radius: 8px;
    background: #fff;
    color: inherit;
    cursor: pointer;
    font: inherit;
    padding: 0.55rem 0.7rem;
}

.h4bs-builder-menu-toggle-icon {
    display: inline-grid;
    gap: 4px;
    width: 20px;
}

.h4bs-builder-menu-toggle-icon i {
    display: block;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

@media (max-width: 782px) {
    .h4bs-builder-menu.has-mobile-hamburger {
        display: grid;
        gap: 0.75rem;
    }

    .h4bs-builder-menu.has-mobile-hamburger .h4bs-builder-menu-toggle {
        display: inline-flex;
        justify-self: start;
    }

    .h4bs-builder-menu.has-mobile-hamburger .h4bs-builder-menu-list {
        display: grid;
        align-items: stretch;
        gap: 4px;
    }

    .h4bs-builder-menu.has-mobile-hamburger .h4bs-builder-menu-list a {
        width: 100%;
    }

    .h4bs-builder-menu.has-mobile-hamburger .h4bs-builder-menu-list .sub-menu,
    .h4bs-builder-menu.has-mobile-hamburger.has-dropdown-hover .h4bs-builder-menu-list > li > .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        min-width: 0;
        padding: 0 0 0 1rem;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }
}

.h4bs-builder-container {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    gap: var(--h4bs-gap, 16px);
    justify-content: var(--h4bs-justify-content, flex-start);
    align-items: var(--h4bs-align-items, stretch);
    align-content: var(--h4bs-align-content, stretch);
    color: inherit;
    font-size: inherit;
    min-width: 0;
    max-width: 100%;
}

.h4bs-builder-container.is-grid {
    display: grid;
    grid-template-columns: var(--h4bs-grid-template, repeat(var(--h4bs-col, 2), minmax(0, 1fr)));
}

.h4bs-builder-container.is-flex {
    display: flex;
    flex-wrap: wrap;
}

.h4bs-builder-container.is-flex > .h4bs-builder-section-col {
    flex: 1 1 calc(100% / var(--h4bs-col, 2));
    min-width: 0;
    max-width: 100%;
}

.h4bs-builder-container-note {
    grid-column: 1 / -1;
    font-size: 0.75rem;
    color: #2f516f;
    background: rgba(255, 255, 255, 0.65);
    border: 1px dashed #b1cbe4;
    border-radius: 8px;
    padding: 0.45rem 0.65rem;
}

.h4bs-builder-container.is-flex > .h4bs-builder-container-note {
    flex: 1 1 100%;
}

.h4bs-builder-inner-section {
    display: grid;
    grid-template-columns: var(--h4bs-grid-template, repeat(var(--h4bs-col, 2), minmax(0, 1fr)));
    gap: var(--h4bs-gap, 16px);
    min-width: 0;
    max-width: 100%;
}

.h4bs-builder-inner-section.is-flex {
    display: flex;
    flex-wrap: wrap;
}

.h4bs-builder-inner-section.is-flex > .h4bs-builder-inner-col {
    flex: 1 1 calc(100% / var(--h4bs-col, 2));
    min-width: 0;
    max-width: 100%;
}

.h4bs-builder-inner-col {
    border: 0;
    border-radius: 0;
    background: transparent;
    min-height: 0;
    min-width: 0;
    padding: 0;
}

.h4bs-builder-inner-slot {
    min-height: 72px;
}

.h4bs-vp-only-monitor,
.h4bs-vp-only-tablet,
.h4bs-vp-only-mobile,
.h4bs-vp-only-tv {
    display: none !important;
}

@media (min-width: 1025px) and (max-width: 1920px) {
    .h4bs-vp-only-monitor {
        display: block !important;
    }
    .h4bs-vp-hide-monitor {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .h4bs-background-video,
    .h4bs-background-video-fallback img {
        object-position: var(--h4bs-background-video-position-tablet, var(--h4bs-background-video-position, center center));
    }

    .h4bs-builder-section-grid,
    .h4bs-builder-container,
    .h4bs-builder-inner-section {
        display: var(--h4bs-display-tablet, grid) !important;
        width: 100%;
        flex-direction: var(--h4bs-flex-direction-tablet, var(--h4bs-flex-direction, row)) !important;
        flex-wrap: var(--h4bs-flex-wrap-tablet, var(--h4bs-flex-wrap, wrap)) !important;
        justify-content: var(--h4bs-justify-content-tablet, var(--h4bs-justify-content, flex-start)) !important;
        align-items: var(--h4bs-align-items-tablet, var(--h4bs-align-items, stretch)) !important;
        align-content: var(--h4bs-align-content-tablet, var(--h4bs-align-content, stretch)) !important;
    }

    .h4bs-builder-section-grid,
    .h4bs-builder-container.is-grid,
    .h4bs-builder-inner-section.is-grid {
        grid-template-columns: var(--h4bs-grid-template-tablet, repeat(var(--h4bs-col-tablet, var(--h4bs-col, 2)), minmax(0, 1fr))) !important;
        gap: var(--h4bs-gap-tablet, var(--h4bs-gap, 18px)) !important;
        min-height: var(--h4bs-min-height-tablet, var(--h4bs-min-height, 140px)) !important;
        max-width: var(--h4bs-max-width-tablet, 100%) !important;
    }

    .h4bs-builder-section-grid.is-flex,
    .h4bs-builder-container.is-flex,
    .h4bs-builder-inner-section.is-flex {
        gap: var(--h4bs-gap-tablet, var(--h4bs-gap, 18px)) !important;
        min-height: var(--h4bs-min-height-tablet, var(--h4bs-min-height, 140px)) !important;
        max-width: var(--h4bs-max-width-tablet, 100%) !important;
        flex-direction: var(--h4bs-flex-direction-tablet, var(--h4bs-flex-direction, row)) !important;
        justify-content: var(--h4bs-justify-content-tablet, var(--h4bs-justify-content, flex-start)) !important;
        align-items: var(--h4bs-align-items-tablet, var(--h4bs-align-items, stretch)) !important;
    }

    .h4bs-builder-section-grid.is-flex > .h4bs-builder-section-col,
    .h4bs-builder-container.is-flex > .h4bs-builder-section-col,
    .h4bs-builder-inner-section.is-flex > .h4bs-builder-inner-col {
        flex-basis: var(--h4bs-column-width-tablet, calc(100% / var(--h4bs-col-tablet, var(--h4bs-col, 2)))) !important;
        max-width: var(--h4bs-column-width-tablet, 100%) !important;
    }

    .h4bs-builder-section-grid.is-grid > .h4bs-builder-section-col,
    .h4bs-builder-container.is-grid > .h4bs-builder-section-col,
    .h4bs-builder-inner-section.is-grid > .h4bs-builder-inner-col {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .h4bs-vp-only-tablet {
        display: block !important;
    }
    .h4bs-vp-hide-tablet {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .h4bs-background-video,
    .h4bs-background-video-fallback img {
        object-position: var(--h4bs-background-video-position-mobile, var(--h4bs-background-video-position-tablet, var(--h4bs-background-video-position, center center)));
    }

    .h4bs-builder-page {
        gap: 0.85rem;
    }

    .h4bs-block,
    .h4bs-builder-container,
    .h4bs-builder-inner-section {
        max-width: 100%;
    }

    .h4bs-builder-section-grid,
    .h4bs-builder-container,
    .h4bs-builder-container.is-grid,
    .h4bs-builder-inner-section {
        display: var(--h4bs-display-mobile, grid) !important;
        grid-template-columns: var(--h4bs-grid-template-mobile, repeat(var(--h4bs-col-mobile, 1), minmax(0, 1fr))) !important;
        gap: var(--h4bs-gap-mobile, var(--h4bs-gap, 18px)) !important;
        min-height: var(--h4bs-min-height-mobile, var(--h4bs-min-height, 80px)) !important;
        max-width: var(--h4bs-max-width-mobile, 100%) !important;
        width: 100%;
        flex-direction: var(--h4bs-flex-direction-mobile, var(--h4bs-flex-direction, column)) !important;
        flex-wrap: var(--h4bs-flex-wrap-mobile, var(--h4bs-flex-wrap, wrap)) !important;
        justify-content: var(--h4bs-justify-content-mobile, var(--h4bs-justify-content, flex-start)) !important;
        align-items: var(--h4bs-align-items-mobile, var(--h4bs-align-items, stretch)) !important;
        align-content: var(--h4bs-align-content-mobile, var(--h4bs-align-content, stretch)) !important;
    }

    .h4bs-builder-section-col,
    .h4bs-builder-inner-col {
        width: 100% !important;
        max-width: 100% !important;
    }

    .h4bs-block-heading {
        font-size: min(var(--h4bs-font-size, 3rem), 12vw) !important;
    }

    .h4bs-builder-page :where(.alignwide, .alignfull, [style*="width:100vw"], [style*="width: 100vw"], [style*="min-width:100vw"], [style*="min-width: 100vw"], [style*="max-width:100vw"], [style*="max-width: 100vw"]) {
        box-sizing: border-box;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .h4bs-builder-section-grid.is-flex > .h4bs-builder-section-col,
    .h4bs-builder-container.is-flex > .h4bs-builder-section-col,
    .h4bs-builder-inner-section.is-flex > .h4bs-builder-inner-col {
        flex: 0 0 var(--h4bs-column-width-mobile, calc(100% / var(--h4bs-col-mobile, 1))) !important;
        max-width: var(--h4bs-column-width-mobile, 100%) !important;
        min-width: 0 !important;
    }

    .h4bs-builder-section-grid.is-grid > .h4bs-builder-section-col,
    .h4bs-builder-container.is-grid > .h4bs-builder-section-col,
    .h4bs-builder-inner-section.is-grid > .h4bs-builder-inner-col {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .h4bs-builder-section-grid.is-flex,
    .h4bs-builder-container.is-flex,
    .h4bs-builder-inner-section.is-flex {
        gap: var(--h4bs-gap-mobile, var(--h4bs-gap, 18px)) !important;
        min-height: var(--h4bs-min-height-mobile, var(--h4bs-min-height, 80px)) !important;
        max-width: var(--h4bs-max-width-mobile, 100%) !important;
        flex-direction: var(--h4bs-flex-direction-mobile, var(--h4bs-flex-direction, column)) !important;
        justify-content: var(--h4bs-justify-content-mobile, var(--h4bs-justify-content, flex-start)) !important;
        align-items: var(--h4bs-align-items-mobile, var(--h4bs-align-items, stretch)) !important;
    }

    .h4bs-vp-only-mobile {
        display: block !important;
    }
    .h4bs-vp-hide-mobile {
        display: none !important;
    }
}

@media (min-width: 1921px) {
    .h4bs-vp-only-tv {
        display: block !important;
    }
    .h4bs-vp-hide-tv {
        display: none !important;
    }
}
