@charset "UTF-8";

.half-content-masonry {
    position: relative;
    display: block;
    padding: 0 0 clamp( 52px, 7.29vw, 140px );
}

.col {
    padding: 0 8px;
}

.half-content-masonry h2 {
    font-size: clamp( 32px, 2.29vw, 44px );
    line-height: 125%;
}

.nTxtTop {
    padding: clamp( 70px, 7.29vw, 140px ) 0 clamp(180px, 12.5vw, 240px);
}

.nTxtBtm {
    padding: clamp(178px, 12.19vw, 234px) 0 clamp( 74px, 7.76vw, 149px );
}

.half-content-masonry .image img {
    border-radius: 20px;
    box-shadow: 0px 50px 60px 0px rgba(0, 0, 0, 0.05);
}

@media ( max-width: 1024px ) {
    .half-content-masonry {
        padding-bottom: 0;
    }
    
    .half-content-masonry .container.flex {
        flex-wrap: wrap;
        padding: 0 32px;
    }

    .half-content-masonry .container.flex .col {
        flex-direction: column;
    }

    .nTxtTop,
    .nTxtBtm {
        padding: 48px 0 100px;
    }
}