img, .img-fluid { max-width: 100%; height: auto; }
.customrow { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.newsarticle_sec .container { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 15px; position: relative; }


/* slider navigation */

.sliderpagination { width: 100%; display: flex; align-items: center; justify-content: center; padding: 30px 0 0; } 
.sliderpagination .swiper-button-prev, .sliderpagination .swiper-button-next { position: initial; background: #76848a; opacity: 1; color: #fff; border-radius: 100px; width: 55px; height: 55px; margin: 0; }
.sliderpagination .swiper-navigation-icon { width: 28px; height: 28px; color: #fff; }
.sliderpagination .swiper-pagination { padding: 0 30px; position: initial; width: auto; }
.sliderpagination .swiper-pagination .swiper-pagination-bullet { background: #d9d9d9; opacity: 1; width: 15px; height: 15px; margin: 5px; }
.sliderpagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #333399; }


/*News e articoli*/
.newsarticle_sec { width: 100%; padding: 70px 0 100px; overflow: hidden; }
.swiper.articleslider { padding: 0 0 0 4%; }
.articleslider .swiper-wrapper { margin: 0; padding: 0; list-style: none; display: flex; }
.articleslider .swiper-wrapper .swiper-slide { width: 33.33%; padding: 15px; }
.articleslider .swiper-wrapper .swiper-slide { width: 33.33%; padding: 15px; } 
.ariclemaincol { display: block; width: 100%; overflow: hidden; position: relative; box-shadow: 0px 0px 15.3px 0px rgba(0,0,0,0.15); } 
.ariclemaincol .img-fluid { width: 100%; height: 350px; object-fit: cover; object-position: top; display: block; } 
.newshortdata { position: absolute; bottom: 0; left: 0; z-index: 1; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(60px); padding: 15px 20px; } 
.newshortdata h3 { margin: 0 0 10px; font-size: 18px; color: #ffffff; font-weight: 700; line-height: 1.2; text-transform: uppercase; } 
.newshortdata p { color: #fff; line-height: 17px; font-size: 12px; margin: 0 0 12px; } 
.newshortdata h5 { margin: 0; font-size: 12px; color: #fff; font-weight: 700; line-height: 1.2; text-transform: uppercase; opacity: 0.8; }
.categoryname { display: inline-block; background: rgba(0,0,0,0.6); position: absolute; top: 15px; left: 15px; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 14px; padding: 10px 15px; border: 1px solid rgba(255,255,255,0.1); letter-spacing: 1px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); backdrop-filter: blur(20px); }

@media (max-width: 767px){

    /*slider navigation */
    .sliderpagination { padding: 15px 0 0; }
    .sliderpagination .swiper-button-prev, .sliderpagination .swiper-button-next { width: 36px; height: 36px; }
    .sliderpagination .swiper-navigation-icon { width: 16px; height: 16px; }
    .sliderpagination .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; }


}