.elementor-widget-premium-counter.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-counter .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-premium-counter .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-premium-counter.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-premium-counter:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-premium-counter.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-premium-counter .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-premium-counter .premium-counter-area .premium-counter-icon .icon i{color:var( --e-global-color-primary );}.elementor-widget-premium-counter .premium-drawable-icon *, .elementor-widget-premium-counter .premium-counter-icon svg:not([class*="premium-"]){fill:var( --e-global-color-primary );}.elementor-widget-premium-counter .premium-drawable-icon *, .elementor-widget-premium-counter svg:not([class*="premium-"]){stroke:var( --e-global-color-accent );}.elementor-widget-premium-counter .premium-counter-area .premium-counter-icon .icon-bg{background:var( --e-global-color-secondary );}.elementor-widget-premium-counter .premium-counter-title .premium-counter-title-val{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-counter .premium-counter-desc{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-premium-counter .premium-counter-area .premium-counter-init{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-counter .premium-counter-area span#prefix{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-counter .premium-counter-area span#suffix{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-init-wrapper{flex-direction:column;}.elementor-3396 .elementor-element.elementor-element-670a6f0{width:auto;max-width:auto;}.elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-counter:not(.top){justify-content:flex-end;}.elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-counter.top{align-items:flex-end;}.elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-counter-value-wrap{align-self:center;}.elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-counter-area .premium-counter-icon .icon i{color:var( --e-global-color-v4-mrkt-color-primary-500 );}.elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-drawable-icon *, .elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-counter-icon svg:not([class*="premium-"]){fill:var( --e-global-color-v4-mrkt-color-primary-500 );}.elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-counter-area .premium-counter-icon .icon{font-size:70px;}.elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-counter-area .premium-counter-icon svg{width:70px;height:70px;}.elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-counter-title .premium-counter-title-val{font-family:"Roboto", Sans-serif;font-size:93px;font-weight:600;line-height:var(--mrkt-typo-line-heading);}.elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-counter-area .premium-counter-init{color:var( --e-global-color-v4-mrkt-color-primary-500 );font-size:var(--mrkt-typo-size-h2);font-weight:500;line-height:var(--mrkt-typo-line-heading);}.elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-counter-init{padding:0px 5px 0px 0px;}.elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-counter-area span#prefix{color:var( --e-global-color-v4-mrkt-color-primary-900 );font-family:"Roboto", Sans-serif;font-size:var(--mrkt-typo-size-h2);font-weight:600;}.elementor-3396 .elementor-element.elementor-element-670a6f0 .premium-counter-area span#suffix{color:var( --e-global-color-v4-mrkt-color-primary-300 );font-family:"Barlow", Sans-serif;font-size:var(--mrkt-typo-size-h2);font-weight:600;}/* Start custom CSS */@scope(.mrkt-fulfillment-intro) {
    :is(.elementor) :scope {
        padding-block: var(--mrkt-section-padding-block);
        padding-inline: var(--mrkt-section-padding-inline);

        padding-top: calc(var(--mrkt-section-padding-block) + var(--mrkt-space-l));


        position: relative;


        /* Set your stroke color variable */
        --backdrop-stroke-color: var(--mrkt-color-primary-900);

        /* Clips fixed children to this element's boundaries */
        clip-path: inset(0);

        isolation: isolate;
    }

    /* SVG Backdrop Pseudo-element */
    :is(.elementor) :scope::before {
        content: "";
        position: fixed;
        /* Keeps the SVG fixed relative to the viewport during scroll */
        inset: 0;
        z-index: -1;
        pointer-events: none;
        opacity: 0.04;
        /* 10% opacity */

        /* Apply the variable color to the backdrop */
        background-color: var(--backdrop-stroke-color);

        /* Use the warehouse SVG as a mask */
        -webkit-mask-image: url("/wp-content/uploads/2026/07/warehouse.svg");
        mask-image: url("/wp-content/uploads/2026/07/warehouse.svg");

        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;

        -webkit-mask-position: center;
        mask-position: center;

        -webkit-mask-size: contain;
        mask-size: contain;
    }

    :is(.elementor) :scope .mrkt-fulfillment-intro__content {
        padding: 0;

        display: flex;
        flex-direction: column;

        justify-content: end;
        align-items: end;

        gap: var(--mrkt-space-s);
    }

    :is(.elementor) :scope .loesung-header {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;


        max-width: 40%;

        padding-bottom: calc(var(--mrkt-section-padding-block) / 2) !important;
        padding-block: var(--mrkt-space-l);
        padding-inline: var(--mrkt-section-padding-inline);

        margin-top: 15vh;



        border-top-right-radius: var(--mrkt-border-radius-pill);
        border-bottom-right-radius: var(--mrkt-border-radius-pill);

        background-color: color-mix(in oklch, var(--mrkt-color-primary-500) 75%, var(--mrkt-color-transparent));
        color: var(--mrkt-color-text-secondary);

        height: fit-content;
        max-height: 60vh;


        display: flex;
        flex-direction: column;
        gap: var(--mrkt-space-s);
    }


    :is(.elementor) :scope .mrkt-fulfillment-intro__content .text {
        padding: 0;

        width: fit-content;
        display: flex;
        flex-direction: column;

        gap: var(--mrkt-space-s);
    }
}

@scope(.mrkt-fulfillment-overview) {
    :is(.elementor) :scope {
        padding-block: var(--mrkt-section-padding-block);
        padding-inline: var(--mrkt-section-padding-inline);

        display: flex;
        flex-direction: column;
        gap: var(--mrkt-space-l);


        /* Set your stroke color variable */
        --backdrop-stroke-color: var(--mrkt-color-primary-900);

        /* Clips fixed children to this element's boundaries */
        clip-path: inset(0);

        isolation: isolate;
    }

    /* SVG Backdrop Pseudo-element */
    :is(.elementor) :scope::before {
        content: "";
        position: fixed;
        /* Keeps the SVG fixed relative to the viewport during scroll */
        inset: 0;
        z-index: -1;
        pointer-events: none;
        opacity: 0.04;
        /* 10% opacity */

        /* Apply the variable color to the backdrop */
        background-color: var(--backdrop-stroke-color);

        /* Use the warehouse SVG as a mask */
        -webkit-mask-image: url("/wp-content/uploads/2026/07/warehouse.svg");
        mask-image: url("/wp-content/uploads/2026/07/warehouse.svg");

        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;

        -webkit-mask-position: center;
        mask-position: center;

        -webkit-mask-size: contain;
        mask-size: contain;
    }

    :is(.elementor) :scope .mrkt-fulfillment-overview__content {
        padding: 0;

        display: flex;
        justify-content: space-between;
        gap: var(--mrkt-space-s);
    }

    :is(.elementor) :scope .mrkt-fulfillment-overview__content .premium-counter-area {
        padding: 0 !important;
    }


    :is(.elementor) :scope .mrkt-fulfillment-overview__content .content-wrapper {
        padding: 0;

        display: flex;
        flex-direction: column;
        gap: var(--mrkt-space-s);
    }


    /* card grid */
    :is(.elementor) :scope .mrkt-dashboard__content {
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: left;
        gap: var(--mrkt-space-s);
    }

    :is(.elementor) :scope .mrkt-dashboard__card-grid {
        padding: 0;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: var(--mrkt-space-s);
        box-sizing: border-box;
    }

    :is(.elementor) :scope .mrkt-dashboard__card-grid .grid-column {
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: var(--mrkt-space-s);
    }

    :is(.elementor) :scope .mrkt-dashboard__card-grid .grid-column :is([class*=' mrkt-card--']) {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: top;
        align-items: center;
        background-color: var(--mrkt-color-primary-700);
        border-radius: var(--mrkt-border-radius-s);
        padding: 2rem;
        text-align: center;
        box-sizing: border-box;
        box-shadow: 0 1rem 2rem color-mix(in oklch, var(--mrkt-color-primary-700) 32%, var(--mrkt-color-transparent));
    }

    :is(.elementor) :scope .mrkt-dashboard__card-grid .grid-column .mrkt-card--main {
        gap: var(--mrkt-space-m);
        padding-block: 4rem;
        color: var(--mrkt-color-text-secondary);
        height: 20rem;
    }

    :is(.elementor) :scope .mrkt-dashboard__card-grid .grid-column .mrkt-card--main h3 {
        color: var(--mrkt-color-primary-500);
    }

    :is(.elementor) :scope .mrkt-dashboard__card-grid .grid-column .mrkt-card--sub {
        color: var(--mrkt-color-text-muted-white);
        height: 6rem;
        justify-content: center;
        display: flex;
        flex-direction: row;

        gap: var(--mrkt-space-s);
    }
}


@scope(.mrkt-fulfillment-quality) {
    :is(.elementor) :scope {
        padding: 0;

        position: relative;

        display: flex;
        flex-direction: row;

        height: 90vh;
    }



    :is(.elementor) :scope .mrkt-fulfillment-quality__content {
        padding: 0;
        padding-block: var(--mrkt-section-padding-block);
        padding-inline: var(--mrkt-section-padding-inline);


        display: flex;
        flex-direction: column;
        justify-content: space-between;

        gap: var(--mrkt-space-s);

    }

    :is(.elementor) :scope .mrkt-fulfillment-quality__content .right-aligned {
        padding: 0;


        display: flex;
        flex-direction: column;

        justify-content: end;
        align-items: end;

        text-align: end;

        gap: var(--mrkt-space-s);
    }

    :is(.elementor) :scope .cta {
        position: absolute;
        bottom: 0;

        /* styling */
        background-color: var(--mrkt-color-primary-100);
        height: 20vh;
        width: 50vw;

        border-top-right-radius: var(--mrkt-border-radius-pill);

    }

    :is(.elementor) :scope .mrkt-fulfillment-quality__content .list {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

}

@scope(.mrkt-fulfillment-cta) {
    :is(.elementor) :scope {
        padding: 0;
        padding-block: var(--mrkt-section-padding-block);
        padding-inline: var(--mrkt-section-padding-inline);

        position: relative;
        display: flex;
        align-items: center;

        overflow: hidden;

        min-height: 75vh;

        background-color: var(--mrkt-color-primary-900);
        --backdrop-stroke-color: var(--mrkt-color-primary-300);


        /* Clips fixed children to this element's boundaries */
        clip-path: inset(0);

        isolation: isolate;
        overflow: hidden;
    }

    /* SVG Backdrop Pseudo-element */
    :is(.elementor) :scope::before {
        content: "";
        position: fixed;
        /* Keeps the SVG fixed relative to the viewport during scroll */
        inset: 0;
        z-index: 1;
        pointer-events: none;
        opacity: 0.04;
        /* 10% opacity */

        /* Apply the variable color to the backdrop */
        background-color: var(--backdrop-stroke-color);

        /* Use the warehouse SVG as a mask */
        -webkit-mask-image: url('/wp-content/uploads/2026/07/magnific_a-single-cargo-container-_LUxQXGBswO.png');
        mask-image: url('/wp-content/uploads/2026/07/magnific_a-single-cargo-container-_LUxQXGBswO.png');

        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;

        -webkit-mask-position: center;
        mask-position: center;

        -webkit-mask-size: contain;
        mask-size: contain;
    }

    :is(.elementor) :scope .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        bottom: 0;

        z-index: 2;
    }

    :is(.elementor) :scope .logo .cls-2 {
        fill: var(--mrkt-color-primary-700);
    }

    :is(.elementor) :scope .mrkt-fulfillment-cta__content {
        padding: 0;

        z-index: 3;

        display: flex;
        flex-direction: row;


        gap: var(--mrkt-space-xl);

        color: var(--mrkt-color-text-secondary);

        justify-content: space-between;

    }

    :is(.elementor) :scope .mrkt-fulfillment-cta__content .list {
        padding: 0;
        display: flex;
        flex-direction: column;

        width: fit-content;
    }

    :is(.elementor) :scope .mrkt-fulfillment-cta__content .grid-column {
        display: flex;
        flex-direction: column;

        gap: var(--mrkt-space-s)
    }

    :is(.elementor) :scope .mrkt-fulfillment-cta__content .content-wrapper {
        padding: 0;


        display: flex;
        flex-direction: column;

        justify-content: space-between;

        gap: var(--mrkt-space-s);

        max-width: calc(40% - var(--mrkt-space-s));

    }
}


@scope(.mrkt-fulfillment-partner) {
    :is(.elementor) :scope {
        padding: 0;
       

        background: linear-gradient(to right,
                color-mix(in oklch, var(--mrkt-color-primary-900) 95%, var(--mrkt-color-transparent)) 40%,
                color-mix(in oklch, var(--mrkt-color-primary-900) 50%, var(--mrkt-color-transparent)) 100%);


        overflow: hidden;
    }

    :is(.elementor) :scope .mrkt-fulfillment-partner__content{
        padding-block: var(--mrkt-section-padding-block);
        padding-inline: var(--mrkt-section-padding-inline);


        max-width: 50%;

        color: var(--mrkt-color-text-secondary);


        display: flex;
        flex-direction: column;
        gap: var(--mrkt-space-s);
    }

    :is(.elementor) :scope .logo{

    }
}/* End custom CSS */