/* news style */
section.news { padding: 80px 0; }
section.news .listing { display: flex; flex-flow: row wrap; gap: 60px; padding: 50px 0 0 0; }
section.news .listing .list { width: calc((100% - 120px) / 3); }
section.news .listing .list .masked-image-wrapper { position: relative; width: 100%; height: auto; }
section.news .listing .list .masked-image-wrapper img { display: block; width: 100%; height: 310px; -webkit-mask-image: url(../../assets/image/mask3.png); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: cover; mask-image: url(../../assets/image/mask3.png); mask-repeat: no-repeat; mask-position: center; mask-size: 100%; object-fit: cover; }
section.news .listing .list .masked-image-wrapper .shape.shape-verticle { top: 60px; width: 44px; height: 100px; left: -22px; transform: rotate(2deg); }
section.news .listing .list .details { padding: 20px 20px 0 0; }
section.news .listing .list .details .title-content-wrapper .main-title h3 { margin: 0 0 20px 0; }
section.news .listing .list .details .title-content-wrapper .content { margin: 0 0 20px 0; }





@media screen and (max-width:1199px) {
	section.news .listing { padding: 0; }
	section.news .listing .list .masked-image-wrapper img { height: 210px; }
	section.news .listing .list .details .title-content-wrapper h3 { word-break: break-word; }
}

@media screen and (max-width:767px) {
    section.news { padding: 40px 0; }
    section.news .listing { flex-direction: column; gap: 60px; }
    section.news .listing .list { width: 100%; }
    section.news .listing .list .masked-image-wrapper img { height: 270px; object-fit: cover; mask-size: 100% 270px; }
}