p.nomargin {
    margin-bottom: 0px;
}

.aqc-overlap-10 {
    margin-top:-10rem;
}

.aqc-overlap-12 {
    margin-top:-12rem;
}

.aqc-overlap-14 {
    margin-top:-14rem;
}

/* ------------ */
.aqc-overlap-16 {
    margin-top:-16rem;
}

@media (max-width: 768px) {
    .aqc-overlap-16 {
        margin-top: -10rem;
    }
}
@media (max-width: 576px) {
    .aqc-overlap-16 {
        margin-top: -4rem;
    }
}

/* ------------ */
.image-w {
    position: absolute !important;
    width: 100%;
}

/**
 * 1:1 ratio rect image
 */
.image-w > .w {
    position: relative;
    height:100%;
    width:100%;
    overflow: hidden;
    padding-bottom:100%;
}

.image-w > .w.absolute {
    position: absolute;
}

.w.absolute {
    position: absolute;
}

.image-w > .w > img {
    width:100%;
}

.image-w > .w.left-radius {
    /*border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;*/
}
.image-w > .w.all-radius {
    /*** border-radius: 0px ***/
}
.image-w > .w.right-radius {
    /*border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;*/
}

.overlay.all-radius {
    /*** border-radius: 0px ***/
}

.aqc-image {
    width:100%;
    height:0px;
    position:relative;
}
.aqc-image.h10p { padding-bottom: 10%; }
.aqc-image.h20p { padding-bottom: 20%; }
.aqc-image.h30p { padding-bottom: 30%; }
.aqc-image.h40p { padding-bottom: 40%; }
.aqc-image.h50p { padding-bottom: 50%; }
.aqc-image.h60p { padding-bottom: 60%; }
.aqc-image.h70p { padding-bottom: 70%; }
.aqc-image.h80p { padding-bottom: 80%; }
.aqc-image.h90p { padding-bottom: 90%; }
.aqc-image.h100p { padding-bottom: 100%; }
.aqc-image.h110p { padding-bottom: 110%; }
.aqc-image.h120p { padding-bottom: 120%; }
.aqc-image.h130p { padding-bottom: 130%; }
.aqc-image.h140p { padding-bottom: 140%; }
.aqc-image.h150p { padding-bottom: 150%; }

.aqc-image.h10p .w { padding-bottom: 10%; }
.aqc-image.h20p .w { padding-bottom: 20%; }
.aqc-image.h30p .w { padding-bottom: 30%; }
.aqc-image.h40p .w { padding-bottom: 40%; }
.aqc-image.h50p .w { padding-bottom: 50%; }
.aqc-image.h60p .w { padding-bottom: 60%; }
.aqc-image.h70p .w { padding-bottom: 70%; }
.aqc-image.h80p .w { padding-bottom: 80%; }
.aqc-image.h90p .w { padding-bottom: 90%; }
.aqc-image.h100p .w { padding-bottom: 100%; }
.aqc-image.h110p .w { padding-bottom: 110%; }
.aqc-image.h120p .w { padding-bottom: 120%; }
.aqc-image.h130p .w { padding-bottom: 130%; }
.aqc-image.h140p .w { padding-bottom: 140%; }
.aqc-image.h150p .w { padding-bottom: 150%; }

/*.aqc-block-001,*/
/*.aqc-block-002,*/
/*.aqc-block-003,*/
/*.aqc-block-004,*/
/*.aqc-block-005,*/
/*.aqc-block-006,*/
/*.aqc-block-007,*/
/*.aqc-block-008,*/
/*.aqc-block-009,*/
/*.aqc-block-010,*/
/*.aqc-block-011,*/
/*.aqc-block-012,*/
/*.aqc-block-013,*/
/*.aqc-block-014,*/
/*.aqc-block-015,*/
/*.aqc-block-016,*/
/*.aqc-block-017,*/
/*.aqc-block-018,*/
/*.aqc-block-019 { display:none; }*/

.aqc-image.all-radius .w {
    /*/*** border-radius: 0px ***/
}

.aqc-image.left-radius .w {
    /*border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;*/
}
.aqc-image.right-radius .w {
    /*border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;*/
}


.image-w > .w:hover {

}

.image-w > .w > [data-aqc-image-element] {
    position:absolute;
    height: 100%;
    width:100%;
    /*border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;*/
    transform: scale(1.15);
    transition: all 0.8s cubic-bezier(.05, .69, .14, 1);
    z-index: 10;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.image-w:hover > .w > [data-aqc-image-element] {
    transform: scale(1.0);
    position:absolute;
}

.image-w > .w > .overlay {
    position:absolute;
    width:100%;
    height: 100%;
    background: #bebebe;
    z-index: -1;
}

.image-w > .w.h10p { padding-bottom: 10%; }
.image-w > .w.h20p { padding-bottom: 20%; }
.image-w > .w.h30p { padding-bottom: 30%; }
.image-w > .w.h40p { padding-bottom: 40%; }
.image-w > .w.h50p { padding-bottom: 50%; }
.image-w > .w.h60p { padding-bottom: 60%; }
.image-w > .w.h70p { padding-bottom: 70%; }
.image-w > .w.h80p { padding-bottom: 80%; }
.image-w > .w.h90p { padding-bottom: 90%; }
.image-w > .w.h100p { padding-bottom: 100%; }
.image-w > .w.h110p { padding-bottom: 110%; }
.image-w > .w.h120p { padding-bottom: 120%; }
.image-w > .w.h130p { padding-bottom: 130%; }
.image-w > .w.h140p { padding-bottom: 140%; }
.image-w > .w.h150p { padding-bottom: 150%; }


/**
 * zoomin logo
 */
[data-aos^=zoominextra][data-aos^=zoominextra] {
    transition-property: all;
    transform-origin: center center;
}

[data-aos=zoominextra-1] {
    transform: translateY(-200px) scale(200%);
    opacity: 0;
}

[data-aos=zoominextra-2] {
    transform: translateY(0px) scale(300%);
    opacity: 0;
}

[data-aos=zoominextra-3] {
    transform: translateY(200px) scale(400%);
    opacity: 0;
}

[data-aos^=zoominextra][data-aos^=zoominextra].aos-animate {
    transform: translateY(0) scale(1);
    opacity: 1;
}


/**
 * Height
 */
[data-aos^=inc-height][data-aos^=inc-height] {
    transition-property: all;
    transform-origin: top center;
}
[data-aos=inc-height] {
    transform: translateY(0px);/* scaleY(0); */
    height: 0px;
    overflow: hidden;
    animation-timing-function: ease-in-out;
}

[data-aos^=inc-height][data-aos^=inc-height].aos-animate {
    transform: translateY(0);/* scaleY(1); */
    height: 100%;
    margin-bottom:0%;
}
@media (max-width: 576px) {
    [data-aos^=inc-height][data-aos^=inc-height].aos-animate {
        max-height: 550px;
    }
}



/**
 * inc height from top
 */
[data-aos^=incheight_reverse][data-aos^=incheight_reverse] {
    transition-property: all;
    transform-origin: bottom center;
}
[data-aos=incheight_reverse-height] {
    transform: translateY(0%);/* scaleY(0);*/
    height: 0px;
    /*margin-bottom:100%;*/
    overflow: hidden;
}

[data-aos^=incheight_reverse][data-aos^=incheight_reverse].aos-animate {
    transform: translateY(0);/* scaleY(1);*/
    height: 100%;
    margin-bottom:0%;
}
@media (max-width: 576px) {
    [data-aos^=incheight_reverse][data-aos^=incheight_reverse].aos-animate {
        /*max-height: 550px;*/
    }
}


/**
 * Left border radius height inc
 */
[data-aos^=incleftrad][data-aos^=incleftrad] {
    transition-property: all;
    transform-origin: top center;
}
[data-aos=incleftrad-height] {
    /*transform: translateY(-100px) scaleY(0);*/
    transform: translateY(-100px);
    max-height: 0px;
    margin-bottom:100%;
    overflow: hidden;
}

[data-aos^=incleftrad][data-aos^=incleftrad].aos-animate {
    transform: translateY(0) scaleY(1);
    max-height: 1000px;
    margin-bottom:0%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    /*border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;*/
}
@media (max-width: 576px) {
    [data-aos^=incleftrad][data-aos^=incleftrad].aos-animate {
        transform: translateY(0) scaleY(1);
        max-height: 550px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        /*border-top-left-radius: 24px;
        border-bottom-left-radius: 24px;*/
    }
}

/**
 * Right border radius height inc
 */
[data-aos^=incrightrad][data-aos^=incrightrad] {
    transition-property: all;
    transform-origin: top center;
}

[data-aos=incrightrad-height] {
    transform: translateY(-100px) scaleY(0);
}

[data-aos^=incrightrad][data-aos^=incrightrad].aos-animate {
    transform: translateY(0) scaleY(1);
    /*border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;*/
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


/**
 * Width
 */
[data-aos^=incw][data-aos^=incw] {
    transition-property: all;
    transform-origin: top center;
}

[data-aos^=incw][data-aos^=incw].aos-animate {
    transform: translateX(0) scaleX(1);
    /*border-top-left-radius: 24px !important;
    border-bottom-left-radius: 24px !important;*/
}

[data-aos=incw-width] {
    transform-origin: top left;
    transform: translateX(300px) scaleX(0);
}


/**
 * Width
 */
[data-aos^=incw_nooffset][data-aos^=incw_nooffset] {
    transition-property: all;
    transform-origin: top right;
}

[data-aos^=incw_nooffset][data-aos^=incw_nooffset].aos-animate {
    transform: translateX(0) scaleX(1);
    /*border-top-left-radius: 24px !important;
    border-bottom-left-radius: 24px !important;*/
}

[data-aos=incw_nooffset-width] {
    transform-origin: top left;
    transform: translateX(0px) scaleX(0);
}

/**
 * right anchor, no offset, no radius
 */
[data-aos^=inc_w_norad_nooffset][data-aos^=inc_w_norad_nooffset] {
    transition-property: all;
    transform-origin: top right;
}

[data-aos=inc_w_norad_nooffset-width] {
    transform-origin: top left;
    transform: translateX(0px) scaleX(0);
}

[data-aos^=inc_w_norad_nooffset][data-aos^=inc_w_norad_nooffset].aos-animate {
    transform: translateX(0) scaleX(1);
}


/**
 * Width v2
 */
[data-aos^=incw2][data-aos^=incw2] {
    transition-property: all;
    transform-origin: top right;
}

[data-aos^=incw2][data-aos^=incw2].aos-animate {
    transform: translateX(0) scaleX(1);
    /*border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;*/
}

[data-aos=incw2-width] {
    transform-origin: top right;
    transform: translateX(0px) scaleX(0);
}



/**
 * From right, no radius - inclw-width
 */
[data-aos^=inclw][data-aos^=inclw] {
    transition-property: all;
    transform-origin: top left;
}

[data-aos^=inclw][data-aos^=inclw].aos-animate {
    transform: translateX(0) scaleX(1);
}

[data-aos=inclw-width] {
    transform-origin: top left;
    transform: translateX(000px) scaleX(0);
}



/**
 * From right, no radius - left anchor width increase, right radius
 */
[data-aos^=incl_w_rightradius][data-aos^=incl_w_rightradius] {
    transition-property: all;
    transform-origin: top left;
}

[data-aos=incl_w_rightradius-width] {
    transform-origin: top left;
    transform: translateX(0px) scaleX(0);
}

[data-aos^=incl_w_rightradius][data-aos^=incl_w_rightradius].aos-animate {
    transform: translateX(0) scaleX(1);
    /*border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;*/
}



/**
 * From right, no radius - inclw-width no offset
 */
[data-aos^=inclw_nooffset][data-aos^=inclw_nooffset] {
    transition-property: all;
    transform-origin: top left;
}

[data-aos^=inclw_nooffset][data-aos^=inclw_nooffset].aos-animate {
    transform: translateX(0) scaleX(1);
}

[data-aos=inclw_nooffset-width] {
    transform-origin: top left;
    transform: translateX(0px) scaleX(0);
}

/**
 * right
 */
[data-aos^=incrw][data-aos^=incw] {
    transition-property: all;
    transform-origin: top center;
}

[data-aos=incrw-width] {
    transform-origin: top right;
    transform: translateX(300px) scaleX(0);
}

[data-aos^=incrw][data-aos^=incrw].aos-animate {
    transform: translateX(0) scaleX(1);
}

/**
 * from right, radius every corner
 */
[data-aos^=incrwrad][data-aos^=incw] {
    transition-property: all;
    transform-origin: top center;
}

[data-aos=incrwrad-width] {
    transform-origin: top right;
    transform: translateX(100px);/* scaleX(0);*/
    max-width: 0px;
}

[data-aos^=incrwrad][data-aos^=incrwrad].aos-animate {
    transform: translateX(0);/* scaleX(1);*/
    max-width: 600px;
}


/**
 * from right, radius every corner
 */
[data-aos^=incrwleftrad][data-aos^=incw] {
    transition-property: all;
    transform-origin: top center;
}

[data-aos=incrwleftrad-width] {
    transform-origin: top right;
    transform: translateX(300px) scaleX(0);
}

[data-aos^=incrwleftrad][data-aos^=incrwleftrad].aos-animate {
    transform: translateX(0) scaleX(1);
    /*border-top-right-radius: 24px !important;
    border-bottom-right-radius: 24px !important;*/
}



/* ── Widget layer planes (layer widget system) ──────────────────────────
 * A host widget with layer children gets `.mcfw-composition-root` on its
 * shell root: its own containing block + an isolated stacking context, so
 * the background plane's negative z-index stays behind the host's content
 * but can never escape underneath unrelated page elements.
 *
 * Planes are decorative: aria-hidden in markup, pointer-events disabled
 * here (including descendants, so a palette class on a layer child cannot
 * accidentally re-enable hit-testing). Grid-participating children keep the
 * original host clip. Viewport-participating children opt their plane into
 * visible overflow so a separately edited layer widget can bleed beyond the
 * host's content-grid territory.
 */
.mcfw-composition-root {
    position: relative;
    isolation: isolate;
}

.mcfw-layer {
    --mcfw-layer-selection-color: #2f80ed;
    --mcfw-layer-selection-border: rgba(47, 128, 237, 0.72);
    --mcfw-layer-selection-glow: rgba(47, 128, 237, 0.18);
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.mcfw-layer-has-viewport-child {
    overflow: visible;
}

.mcfw-layer,
.mcfw-layer * {
    pointer-events: none !important;
}

.mcfw-layer-background {
    --mcfw-layer-selection-color: #765a46;
    --mcfw-layer-selection-border: rgba(118, 90, 70, 0.78);
    --mcfw-layer-selection-glow: rgba(118, 90, 70, 0.2);
    z-index: -1;
}

.mcfw-composition-root[data-selected-layer-slot="background"] > .mcfw-layer-background {
    z-index: 4;
}

.mcfw-layer-edge_top,
.mcfw-layer-edge_right,
.mcfw-layer-edge_bottom,
.mcfw-layer-edge_left {
    --mcfw-layer-selection-color: #0f766e;
    --mcfw-layer-selection-border: rgba(15, 118, 110, 0.76);
    --mcfw-layer-selection-glow: rgba(15, 118, 110, 0.18);
    z-index: 4;
}

.mcfw-composition-root[data-selected-layer-slot="edge_top"] > .mcfw-layer-edge_top,
.mcfw-composition-root[data-selected-layer-slot="edge_right"] > .mcfw-layer-edge_right,
.mcfw-composition-root[data-selected-layer-slot="edge_bottom"] > .mcfw-layer-edge_bottom,
.mcfw-composition-root[data-selected-layer-slot="edge_left"] > .mcfw-layer-edge_left {
    overflow: visible;
}

.mcfw-layer-child {
    position: absolute;
    inset: 0;
}

.mcfw-layer-child[data-layer-child-selected="true"],
.mcfw-layer-child--selected {
    outline: 2px dashed var(--mcfw-layer-selection-color);
    outline-offset: 2px;
}

.mcfw-layer-child[data-layer-child-selected="true"]::after,
.mcfw-layer-child--selected::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid var(--mcfw-layer-selection-border);
    box-shadow: 0 0 0 4px var(--mcfw-layer-selection-glow);
    pointer-events: none;
}

.mcfw-layer-child--viewport {
    overflow: visible;
}

/* Layer motion has one transform owner per element: the renderer's root
 * owns geometry, this wrapper owns scroll depth, the widget-specific
 * motion wrapper owns AOS, and the visual owns rotation/zoom/look.
 */
.mcfw-layer-depth {
    width: 100%;
    height: 100%;
    transform: none;
}

@keyframes mcfw-layer-scroll-depth {
    from {
        transform: translate3d(0, var(--mcfw-layer-depth-start, 0), 0);
    }
    to {
        transform: translate3d(0, var(--mcfw-layer-depth-end, 0), 0);
    }
}

/* View timelines are progressive enhancement. Browsers without support,
 * zero-depth layers, and themes with the global switch disabled remain
 * completely static without a JavaScript scroll loop. */
@supports (animation-timeline: view()) {
    :root:not([data-mc-layer-depth-enabled="false"]) .mcfw-layer-depth[data-layer-depth-active="true"] {
        animation-name: mcfw-layer-scroll-depth;
        animation-duration: 1ms;
        animation-timing-function: linear;
        animation-fill-mode: both;
        animation-timeline: view(block);
        animation-range: entry 0% exit 100%;
    }
}

:root[data-mc-layer-depth-enabled="false"] .mcfw-layer-depth[data-layer-depth-active="true"] {
    animation: none !important;
    transform: none !important;
}

/* ── layer_floating_rect_widget ──────────────────────────────────────── */
.mcfw-floating-rect {
    position: absolute;
}

.mcfw-floating-rect-motion,
.mcfw-floating-rect-shape {
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .mcfw-floating-rect-hide-mobile {
        display: none;
    }
}

/* Reduced motion: decorative layers snap to their final state instead of
 * animating in. AOS toggles `aos-animate`; forcing transition/animation
 * off and neutralizing the pre-animate transform keeps rects visible and
 * still for motion-sensitive visitors. */
@media (prefers-reduced-motion: reduce) {
    .mcfw-layer-depth[data-layer-depth-active="true"] {
        animation: none !important;
        transform: none !important;
    }

    .mcfw-layer [data-aos] {
        transition: none !important;
        animation: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
}

/* Foreground plane (layer extension idea 1): decorative content above the
 * host's body — badges, ribbons, flourishes — still pointer-transparent
 * and aria-hidden. Sits below the CTA follower (z 1000) and all editor
 * chrome. The shared .mcfw-layer rules already disable hit-testing. */
.mcfw-layer-foreground {
    z-index: 5;
}

/* Generic edge decoration primitive. The layer child owns the full plane; the
 * widget root positions its visual strip on the selected side. */
.mcfw-edge-decoration {
    --mcfw-edge-size: 12%;
    --mcfw-edge-offset: 0px;
    --mcfw-edge-overscan: 0px;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.mcfw-edge-decoration-stage {
    position: absolute;
    overflow: visible;
    pointer-events: none;
}

.mcfw-edge-decoration--edge-top .mcfw-edge-decoration-stage,
.mcfw-edge-decoration--edge-bottom .mcfw-edge-decoration-stage {
    left: calc(0px - var(--mcfw-edge-overscan));
    right: calc(0px - var(--mcfw-edge-overscan));
    height: var(--mcfw-edge-size);
}

.mcfw-edge-decoration--edge-top .mcfw-edge-decoration-stage {
    top: var(--mcfw-edge-offset);
}

.mcfw-edge-decoration--edge-bottom .mcfw-edge-decoration-stage {
    bottom: var(--mcfw-edge-offset);
}

.mcfw-edge-decoration--edge-left .mcfw-edge-decoration-stage,
.mcfw-edge-decoration--edge-right .mcfw-edge-decoration-stage {
    top: calc(0px - var(--mcfw-edge-overscan));
    bottom: calc(0px - var(--mcfw-edge-overscan));
    width: var(--mcfw-edge-size);
}

.mcfw-edge-decoration--edge-left .mcfw-edge-decoration-stage {
    left: var(--mcfw-edge-offset);
}

.mcfw-edge-decoration--edge-right .mcfw-edge-decoration-stage {
    right: var(--mcfw-edge-offset);
}

.mcfw-edge-decoration-svg,
.mcfw-edge-decoration-image {
    display: block;
    width: 100%;
    height: 100%;
}

.mcfw-edge-decoration-svg {
    overflow: visible;
}

.mcfw-edge-decoration-image {
    object-position: center;
}

.mcfw-edge-decoration--fit-stretch .mcfw-edge-decoration-image {
    object-fit: fill;
}

.mcfw-edge-decoration--fit-cover .mcfw-edge-decoration-image {
    object-fit: cover;
}

.mcfw-edge-decoration--fit-contain .mcfw-edge-decoration-image {
    object-fit: contain;
}