.news-module-text .title-bar {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    border-bottom: #002C61 3px solid;
}

.news-module-text .title-bar .title {
    background-image: url(../images/image_1.png);
    width: fit-content;
    border-radius: 10px 10px 0px 0px;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

.news-module-text .caption {
    -webkit-line-clamp:2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pagination {
	text-align: center;
}
.pagination .page-item{
	padding: 5px 10px;
	border: 1px solid #002C61;
	margin-left:5px;
	border-radius:3px;
	background-color: #002C61;
	color: white;
}

.pagination .page-item:has(a){
	background-color: white;
}

.pagination .page-item > a{
	color: #002C61;
}

.pagination .page-item:has(.more-page){
	background-color: white;
	color: #002C61;
}

.component-menu-1 {
background-image: url(../images/footer-bg.png);
border-radius:10px;
background-size: cover;
position: relative; }
.component-menu-1 .bg-cover {
background-size: cover;
border-radius:10px;
height: 250px;
-webkit-clip-path: polygon(0 0, 0 100%, 100% 85%, 100% 0);
clip-path: polygon(0 0, 0 100%, 100% 85%, 100% 0); }
.component-menu-1 .border-cover {
border: 2px solid #ffffff;
border-radius:10px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 7px;
color: #ffffff;
z-index: 0; }
.component-menu-1 .text-cover {
position: relative;
min-height: 50px;
padding: 21px;

z-index: 1000; }
.component-menu-1 .text-cover h5 {
color: #ffffff;
text-transform: uppercase; }
.component-menu-1 .text-cover a:hover {
background-color: #1867B4;
border-color:#1867B4;
color: #ffffff; }

.multi-items .carousel-inner .carousel-item{
  transition: all 2.5s ease 0s;
}
.multi-items .carousel-inner .carousel-item.active,
.multi-items .carousel-inner .carousel-item-next,
.multi-items .carousel-inner .carousel-item-prev {
display: flex;
}

.multi-items .card img {
aspect-ratio: 4/3;
width: 100%;
object-fit: cover;
}

@media (min-width: 767px) {
.multi-items .carousel-inner .carousel-item-end.active,
.multi-items .carousel-inner .carousel-item-next {
  transform: translateX(50%);
}

.multi-items .carousel-inner .carousel-item-start.active,
.multi-items .carousel-inner .carousel-item-prev {
  transform: translateX(-50%);
}
}

/* medium and up screens */
@media (min-width: 992px) {
.multi-items .carousel-inner .carousel-item-end.active,
.multi-items .carousel-inner .carousel-item-next {
  transform: translateX(25%);
}

.multi-items .carousel-inner .carousel-item-start.active,
.multi-items .carousel-inner .carousel-item-prev {
  transform: translateX(-25%);
}
}

.multi-items .carousel-inner .carousel-item-end,
.multi-items .carousel-inner .carousel-item-start {
transform: translateX(0);
}

.multi-items .card {
margin-right: 12px;
position: relative;
}

@media (max-width: 767px) {
.multi-items .carousel-inner .carousel-item > div {
  display: none;
}
.multi-items .carousel-inner .carousel-item > div:first-child {
  display: block;
}
.multi-items .card {
  margin-right: 0px;
}
}

#su-kien-sap-dien-ra img{
    min-height:300px;
	object-fit:cover;
}

#su-kien-sap-dien-ra .card-body{
    height:150px;
}

@media (max-width: 767px) {
	#su-kien-sap-dien-ra .card-body{
		height:230px;
	}
}