.elementor-22585 .elementor-element.elementor-element-2033ea5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22585 .elementor-element.elementor-element-ff5c796{--display:flex;}.elementor-22585 .elementor-element.elementor-element-e800986{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-26042d1 *//* =====================================================
   PARTNER WITH SHIFT - FINAL
===================================================== */

.pws-final{
    position:relative;
    width:100vw;
    height:600vh;
    margin-left:calc(50% - 50vw);
    background:#f5f5f7;
}

/* STAGE */

.pws-final-stage{
    position:sticky;
    top:0;
    width:100%;
    height:100vh;
    overflow:hidden;
    background:#000;
    transition:
        width .75s cubic-bezier(.22,.61,.36,1),
        border-radius .75s cubic-bezier(.22,.61,.36,1),
        transform .75s cubic-bezier(.22,.61,.36,1),
        box-shadow .75s cubic-bezier(.22,.61,.36,1),
        filter .75s ease;
}

.pws-final-stage.is-card{
    width:min(1420px,92vw);
    margin:0 auto;
    border-radius:32px;
    box-shadow:0 36px 90px rgba(0,0,0,.22);
    filter:brightness(.96);
}

/* IMAGE */

.pws-final-images,
.pws-final-img{
    position:absolute;
    inset:0;
}

.pws-final-img{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    opacity:0;
    transform:translateX(100%) scale(1.015);
    filter:brightness(.82) contrast(.96) saturate(.92) blur(4px);
    transition:
        transform .55s cubic-bezier(.22,.61,.36,1),
        opacity .55s ease,
        filter .55s ease;
}

.pws-final-img.is-active{
    opacity:1;
    transform:translateX(0) scale(1);
    filter:brightness(.98) contrast(1.04) saturate(1.05) blur(0);
    z-index:3;
}

.pws-final-img.is-prev{
    opacity:0;
    transform:translateX(-100%) scale(1.015);
    filter:brightness(.70) contrast(.95) saturate(.88) blur(6px);
    z-index:2;
}

.pws-final-img.is-next{
    opacity:0;
    transform:translateX(100%) scale(1.015);
    filter:brightness(.70) contrast(.95) saturate(.88) blur(6px);
}

/* OVERLAY */

.pws-final-overlay{
    position:absolute;
    inset:0;
    z-index:4;
    background:
        radial-gradient(
            circle at center,
            rgba(0,0,0,.08) 0%,
            rgba(0,0,0,.22) 55%,
            rgba(0,0,0,.46) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.22) 0%,
            rgba(0,0,0,.14) 48%,
            rgba(0,0,0,.40) 100%
        );
}

/* TRANSITION SWEEP */

.pws-transition-mark{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:8;
    pointer-events:none;
}

.pws-transition-mark span{
    position:absolute;
    top:0;
    bottom:0;
    left:-18%;
    width:18%;
    opacity:0;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(83,186,185,.10),
            rgba(255,255,255,.46),
            rgba(83,186,185,.10),
            transparent
        );
}

.pws-transition-mark.is-active span{
    animation:pwsSweep .55s ease;
}

@keyframes pwsSweep{
    0%{
        left:-18%;
        opacity:0;
    }
    15%{
        opacity:1;
    }
    100%{
        left:118%;
        opacity:0;
    }
}

/* CONTENT */

.pws-final-content{
    position:relative;
    z-index:6;
    width:100%;
    height:100%;
    max-width:1200px;
    margin:auto;
    padding:140px 40px 0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    box-sizing:border-box;
}

/* BRAND TITLE */

.pws-final-label{
    position:absolute;
    top:150px;
    left:50%;
    transform:translateX(-50%);
    z-index:10;
    font-size:45px;
    line-height:1;
    font-weight:900;
    letter-spacing:.10em;
    color:#53BAB9;
    text-align:center;
    white-space:nowrap;
    text-shadow:0 8px 30px rgba(0,0,0,.45);
}

/* TEXT */

.pws-final-lines{
    width:100%;
}

.pws-final-line{
    font-size:42px;
    line-height:1.24;
    font-weight:900;
    letter-spacing:-.05em;
    color:rgba(255,255,255,.32);
    margin-bottom:32px;
    text-shadow:0 8px 30px rgba(0,0,0,.42);
    transition:
        color .3s ease,
        transform .3s ease,
        letter-spacing .3s ease,
        text-shadow .3s ease;
}

.pws-final-line.is-active{
    color:#fff;
    transform:scale(1.025);
    letter-spacing:-.055em;
    text-shadow:0 12px 42px rgba(0,0,0,.62);
}

/* INDICATOR */

.pws-final-dots{
    position:absolute;
    right:36px;
    bottom:36px;
    display:flex;
    gap:10px;
    z-index:9;
}

.pws-final-dots span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:rgba(255,255,255,.25);
    transition:.25s;
}

.pws-final-dots span.is-active{
    width:24px;
    border-radius:999px;
    background:#53BAB9;
}

/* TRIGGER */

.pws-final-trigger{
    height:100vh;
}

.pws-final-end{
    height:100vh;
}

/* MOBILE */

@media(max-width:767px){

    .pws-final-content{
        padding:110px 24px 0;
    }

    .pws-final-label{
        top:54px;
        font-size:18px;
        letter-spacing:.14em;
    }

    .pws-final-line{
        font-size:24px;
        line-height:1.35;
        letter-spacing:-.04em;
        margin-bottom:22px;
    }

    .pws-final-line.is-active{
        transform:scale(1.012);
    }

    .pws-final-stage.is-card{
        width:94vw;
        border-radius:22px;
    }

    .pws-final-dots{
        left:50%;
        right:auto;
        bottom:24px;
        transform:translateX(-50%);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1018b9 *//* =====================================================
   COOPERATION MODEL
===================================================== */

.pwm-section{
    max-width:1400px;
    margin:180px auto;
    padding:0 40px;
}

/* Header */

.pwm-head{
    text-align:center;
    margin-bottom:80px;
}

.pwm-head span{
    display:block;
    font-size:13px;
    font-weight:800;
    letter-spacing:.32em;
    color:#53BAB9;
    margin-bottom:22px;
}

.pwm-head h2{
    margin:0;
    font-size:52px;
    line-height:1.15;
    font-weight:900;
    letter-spacing:-.04em;
    color:#111;
}

.pwm-head p{
    max-width:760px;
    margin:26px auto 0;
    font-size:19px;
    line-height:1.7;
    color:#666;
}

/* Grid */

.pwm-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

/* Card */

.pwm-card{

    appearance:none;
    border:none;
    background:#fff;

    border-radius:28px;

    padding:44px 38px;

    text-align:left;

    cursor:pointer;

    transition:
        transform .35s cubic-bezier(.22,.61,.36,1),
        box-shadow .35s ease,
        background .35s ease;

    box-shadow:
        0 10px 35px rgba(0,0,0,.05);

}

.pwm-card:hover{

    transform:translateY(-10px);

    box-shadow:
        0 30px 70px rgba(0,0,0,.10);

}

.pwm-card span{

    display:inline-flex;

    width:54px;
    height:54px;

    border-radius:50%;

    background:#f3f7f8;

    color:#53BAB9;

    font-size:18px;
    font-weight:800;

    align-items:center;
    justify-content:center;

    margin-bottom:34px;

}

.pwm-card h3{

    margin:0 0 14px;

    font-size:28px;

    font-weight:800;

    color:#111;

}

.pwm-card p{

    margin:0;

    font-size:17px;

    line-height:1.6;

    color:#666;

}

/* ===========================
   MODAL
=========================== */

body.pwm-lock{

    overflow:hidden;

}

.pwm-modal{

    position:fixed;

    inset:0;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:40px;

    background:rgba(0,0,0,.55);

    opacity:0;

    visibility:hidden;

    transition:.3s;

    z-index:9999;

}

.pwm-modal.is-open{

    opacity:1;

    visibility:visible;

}

.pwm-modal-box{

    position:relative;

    width:100%;

    max-width:760px;

    background:#fff;

    border-radius:30px;

    padding:60px;

    transform:translateY(40px);

    transition:.35s cubic-bezier(.22,.61,.36,1);

}

.pwm-modal.is-open .pwm-modal-box{

    transform:translateY(0);

}

.pwm-close{

    position:absolute;

    top:26px;

    right:26px;

    width:46px;
    height:46px;

    border:none;

    background:#f3f5f6;

    border-radius:50%;

    cursor:pointer;

    font-size:22px;

}

.pwm-modal h3{

    margin:0;

    font-size:42px;

    font-weight:900;

    letter-spacing:-.03em;

    color:#111;

}

.pwm-modal strong{

    display:block;

    margin:18px 0 24px;

    font-size:21px;

    color:#53BAB9;

}

.pwm-modal p{

    font-size:18px;

    line-height:1.8;

    color:#555;

}

.pwm-modal ul{

    margin:36px 0 0;

    padding:0;

    list-style:none;

}

.pwm-modal li{

    position:relative;

    padding-left:28px;

    margin-bottom:18px;

    font-size:18px;

    color:#333;

}

.pwm-modal li::before{

    content:"";

    position:absolute;

    left:0;

    top:11px;

    width:8px;
    height:8px;

    border-radius:50%;

    background:#53BAB9;

}

/* ===========================
   Mobile
=========================== */

@media(max-width:1024px){

.pwm-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.pwm-section{

padding:0 22px;

margin:120px auto;

}

.pwm-head{

margin-bottom:50px;

}

.pwm-head h2{

font-size:34px;

}

.pwm-head p{

font-size:16px;

}

.pwm-grid{

grid-template-columns:1fr;

gap:18px;

}

.pwm-card{

padding:34px 28px;

border-radius:22px;

}

.pwm-card h3{

font-size:24px;

}

.pwm-card p{

font-size:16px;

}

.pwm-modal{

padding:18px;

}

.pwm-modal-box{

padding:36px 28px;

border-radius:22px;

}

.pwm-modal h3{

font-size:30px;

}

.pwm-modal strong{

font-size:18px;

}

.pwm-modal p,
.pwm-modal li{

font-size:16px;

}

}/* End custom CSS */