.PageCover.news{background: #cd1719 !important;}
.PageCover.news .Container .title p{color: #ffffff !important;}
.PageCover.news .Container .title p::after{background: #ffffff;}
.PageCover.news .Container .title h2{color: #ffffff !important;}
.PageCover.news .Container .title ul li a, .PageCover .Container .title ul li span{color: #ffffff !important;}

.ProductActionBar.news{margin-top: 0; background: rgb(0 0 0 / 88%);}
.ProductActionBar.news .Container{background: rgba(255, 255, 255, 0.09);}
.ProductActionBar.news .Container .title{color: #ffffff;}

#newsList{display: flex; width: 100%; background: rgb(0 0 0 / 88%); margin-bottom: -30px; padding-bottom: 30px;}
#newsList .Container{display: flex; flex-direction: column; width: 100%;}
#newsList .Container .PageContent{display: flex; width: 100%; position: relative; padding: 0;}
#newsList .Container .PageContent .row{width:100%; margin-top: 20px; position: relative;}
#newsList .Container .PageContent .row .swiper-container{height:auto;box-shadow:unset; padding: 35px 9px 70px;}
#newsList .Container .PageContent .row .swiper-container .swiper-wrapper{height: 100%; width: 100%;}
#newsList .Container .PageContent .row .swiper-container .swiper-wrapper .swiper-slide{display: flex; flex: none; flex-direction: column; align-items: center; border-radius: 5px; opacity: .9; transition:all ease .5s;background:#fff;padding: 15px 25px; box-shadow: 0px 3px 6px rgb(117 122 128 / 45%); transition: all .3s;}
#newsList .Container .PageContent .row .swiper-container .swiper-wrapper .swiper-slide .title:last-child{border-bottom: 0;}
#newsList .Container .PageContent .row .swiper-container .swiper-wrapper .swiper-slide:hover{transform: scale(.97); opacity: 1; border: 0; border-bottom: 4px solid #9b9898; transition: all .3s;}
#newsList .Container .PageContent .row .swiper-container .swiper-wrapper .swiper-slide:hover .rightArrow{opacity: 1; transition: all .3s;}
#newsList .Container .PageContent .row .swiper-container .swiper-wrapper .swiper-slide .title{transition:all .3s;position: relative; display: flex; min-height: 40px; width: 100%; border-bottom: 1px solid rgb(155 152 152 / 46%);}
#newsList .Container .PageContent .row .swiper-container .swiper-wrapper .swiper-slide .title h2{transition:all .3s;margin: 0;padding: 0;font-size: 16px; text-align: start; font-weight: 300; color: #000000; line-height: 1.2;}
#newsList .Container .PageContent .row .swiper-container .swiper-wrapper .swiper-slide .title.cont h2{font-weight: 500; font-size: 17px;}
#newsList .Container .PageContent .row .swiper-container .swiper-wrapper .swiper-slide .image{display:flex;align-items:center;justify-content:center;transition:all ease .5s;height: 265px;width:100%;}
#newsList .Container .PageContent .row .swiper-container .swiper-wrapper .swiper-slide .image img{width:100%;height:100%;object-fit: contain;}

#newsList .Container .PageContent .row .swiper-pagination{position: relative; bottom: 0; height: 70px; display: flex; justify-content: center; align-items: center;}
#newsList .Container .PageContent .row .swiper-pagination .swiper-pagination-bullet{background: #ffffff; margin-right: 4px; box-shadow: none; opacity: 0.35; width: 15px; height: 5px; border-radius: 0;}
#newsList .Container .PageContent .row .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
#newsList .Container .PageContent .row .swiper-pagination .swiper-pagination-bullet-active{background: #b00c0c; width: 20px; opacity: 1;}
#newsList .Container .PageContent .row .swiper-button{display: flex; width: 100%; position: absolute; justify-content: center; bottom: 0px; height: 70px;}
#newsList .Container .PageContent .row .swiper-button .swiper-button-next{margin-left: 10px; position: relative; display: flex; align-items: center; justify-content: center; background: unset; right: unset; left: unset;}
#newsList .Container .PageContent .row .swiper-button .swiper-button-prev{margin-right: 10px; position: relative; display: flex; align-items: center; justify-content: center; background: unset; right: unset; left: unset;}
#newsList .Container .PageContent .row .swiper-button .swiper-button-next img{height: 30px; opacity: .4; filter: invert(1);}
#newsList .Container .PageContent .row .swiper-button .swiper-button-prev img{height: 30px; opacity: .4; filter: invert(1);}

#newsSingle{display: flex; width: 100%; background: rgb(0 0 0 / 88%); margin-bottom: -30px;}
#newsSingle .Container{display: flex; flex-direction: column; width: 100%;}
#newsSingle .Container .PageContent{display: flex; width: 100%; position: relative; padding: 0;}
#newsSingle .Container .PageContent .ProductDetail{display: flex; width: 100%;}
#newsSingle .Container .PageContent .ProductDetail .FlexRow{display: block; width: 100%; padding-bottom: 30px;}
#newsSingle .Container .PageContent .ProductDetail .FlexRow .image{display: flex; height: 400px; width: 500px !important; padding: 20px; margin: 25px 25px 15px 0px; border-radius: 5px; float: left; background: #ffffff;}
#newsSingle .Container .PageContent .ProductDetail .FlexRow .image img{height: 100%; width: 100%; object-fit: contain;}
#newsSingle .Container .PageContent .ProductDetail .FlexRow .InfoBox{color: rgba(255, 255, 255, 0.9);}