div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

.b-banners-slider {
   width: 100%;
}


.slider-banners {
  display: flex;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 20px; 
}

.banner-item {
   width: 25%;
   background: white;
}

/* Banners */
.main-slider-banners {
   margin-top: -34px;
   z-index: 100;
   position: relative;
   width: 90%;
   display: grid;
   background: white;
   border-radius: 10px;
   margin-bottom: 20px;
}


.main-slider-banner-item {
   width: 100%;
   padding: 12px 40px 12px 10px;
   border-right: 1px solid #d8d8d8;
}

.main-slider-item-content {
 display: flex;
 align-items: center;
}

@media (max-width: 767px){

.main-slider-banners {
   margin-top: -63px;
}

.main-slider-banner-item {
   padding: 2px 40px 2px 10px;
   border-right: 0px;
   border-bottom: 1px solid #d8d8d8;
}

.main-slider-banner-item-title span{
   padding-left: 10px;
}

	.main-slider-banner-item-title .arrow-icon {
   content: "\e03e";
}


}

.main-slider-banner-item:last-child {
   border-right: 0px;
}

.main-slider-banner-item-link {
   text-decoration: none;
   color: #333;
   display: flex;
}

.main-slider-banner-item-title {
   font-size: 15px;
   vertical-align: middle;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   line-height: 24px;
   font-weight: 500;
}

.main-slider-banner-item:hover {
  box-shadow: 0 0 18px rgba(33,33,33,.2);
}


@media only screen and (max-width: 1023px) and (min-width: 768px) {

.main-slider-banner-item {
   border-bottom: 1px solid #d8d8d8;
}

.main-slider-banners {
   margin-top: -98px
}

}

@media only screen and (max-width: 1279px) and (min-width: 1024px) {
.main-slider-banner-item {
   border-bottom: 1px solid #d8d8d8;
}

.main-slider-banners {
   margin-top: -98px
}
}

.main-slider-banner-item:hover .banner-icon-div{
  background: #00b956;
  transform: scale(1.2, 1.2);
  -webkit-transition: transform 0.2s ease-in-out;
  border-radius: 50%;
  display: inline-block;
}


.main-slider-banner-item:hover .banner-icon-div > i{
  color: white;
}

.banner-icon-div {
  width: 45px;
  height: 45px;
  text-align: center;
}


@media screen and (min-width:1440px) {
   .main-slider-banner-item-icon {
     top: 8px !important;
   }
}

.main-slider-banner-item-icon {
  font-size: 150% !important;
}

#slider-more-detail-div {
	display: none;
	width: 90%;
	margin-left: 5%;
	position: absolute;
	bottom: 6rem;
}

#slider-more-detail-button {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	margin-top: 1px;
	padding: 12px 25px;
	background-color: #731982;
	color: white;
	border-radius: 43px;
}

#slider-more-detail-button:hover {
	background-color: #a21cb8;
}

@media (max-width: 1023px) {

#slider-more-detail-div {
	text-align: center;
}

}


// Tailwind for slider buttons block
.tw-grid{display:grid}

.tw-mx-auto{margin-left:auto;margin-right:auto}

.tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}

@media (min-width: 640px) { 
  .tw-sm-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
}

@media (min-width: 768px) { 
.tw-md-grid-cols-2{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (min-width: 1024px) {
.tw-lg-grid-cols-2{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (min-width: 1280px) {
.tw-xl-grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}
}