.elementor-148 .elementor-element.elementor-element-b15718e{--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-148 .elementor-element.elementor-element-9a012b8{--display:flex;}/* Start custom CSS for html, class: .elementor-element-9840fbb */.vixa-portfolio{
    padding:90px 40px;
    background:#f4f6f9;
    font-family:'Barlow',sans-serif;
}

/* HEADER */

.vixa-portfolio-head{
    max-width:1200px;
    margin:auto;
    margin-bottom:45px;
    display:flex;
    justify-content:space-between;
    gap:40px;
    align-items:flex-end;
}

.vixa-portfolio-head span{
    display:block;
    margin-bottom:14px;
    color:#18b89d;
    font-size:11px;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
}

.vixa-portfolio-head h2{
    font-family:'Barlow Condensed',sans-serif;
    font-size:64px;
    line-height:.92;
    text-transform:uppercase;
    color:#0c2847;
}

.vixa-portfolio-head p{
    max-width:340px;
    color:#6f7b88;
    font-size:15px;
    line-height:1.8;
}

/* MASONRY */

.vixa-masonry{
    max-width:1200px;
    margin:auto;
    columns:3 320px;
    column-gap:18px;
}

/* ITEM */

.vixa-item{
    position:relative;
    margin-bottom:18px;
    border-radius:16px;
    overflow:hidden;
    break-inside:avoid;
    cursor:pointer;
}

.vixa-item img{
    width:100%;
    display:block;
    object-fit:cover;
    transition:transform .5s ease;
}

/* HEIGHTS */

.vixa-item.large img{
    height:640px;
}

.vixa-item.tall img{
    height:520px;
}

.vixa-item img{
    height:320px;
}

/* HOVER */

.vixa-item:hover img{
    transform:scale(1.04);
}

/* OVERLAY */

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(12,40,71,.82),
        rgba(12,40,71,.08)
    );
}

/* CONTENT */

.content{
    position:absolute;
    left:22px;
    bottom:22px;
    z-index:2;
}

.content span{
    display:block;
    color:#25d2b4;
    font-size:10px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    margin-bottom:8px;
}

.content h3{
    font-family:'Barlow Condensed',sans-serif;
    font-size:34px;
    line-height:1;
    text-transform:uppercase;
    color:#fff;
}

/* VIDEO */

.play{
    position:absolute;
    top:20px;
    right:20px;
    width:56px;
    height:56px;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    backdrop-filter:blur(10px);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    z-index:3;
}

/* MOBILE */

@media(max-width:900px){

    .vixa-portfolio{
        padding:70px 20px;
    }

    .vixa-portfolio-head{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }

    .vixa-portfolio-head h2{
        font-size:44px;
    }

    .content h3{
        font-size:26px;
    }

}/* End custom CSS */