.news-container {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
    text-align: center;
    padding-top: 10px;
}

.news-title {
    margin-bottom: 30px;
    font-size: 2rem;

    
	    color: #fff;
    
    display: inline-block;
    padding-bottom: 30px;
    margin-top: 30px!important;
}



.carousel {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    overflow: hidden;
    position: relative;
}
@media(max-width: 785px){
	#fresh-tendar .carousel {
		display: block;
	}
	
}

@media only screen and (max-width: 480px) {
    /* Styles for small mobile devices */
		.carousel-item {
		width: 100%;
		margin: 0 0%;
	}
	.slick-slide {
		display: none;
		float: left;
		height: 10% !important;
		min-height: 1px;
	}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
    /* Styles for medium mobile devices */
	.carousel-item {
		width: 100%;
		margin: 0 0%;
	}
	.slick-slide {
		display: none;
		float: left;
		height: 10% !important;
		min-height: 1px;
	}
}	

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Styles for tablets */
	
	.carousel-item {
		display: none;
		justify-content: space-between;
		width: 50%;
		margin: 0 5%;
	}
	.slick-slide {
		display: none;
		float: left;
		height: 10% !important;
		/* height: 22% !important;*/
		min-height: 1px;
	}
}


@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    /* Styles for small laptops */
	
	
	.carousel-item {
		display: none;
		justify-content: space-between;
		width: 50%;
		margin: 0 5%;
	}
	.slick-slide {
			display: none;
			float: left;
			/*height: 10% !important;*/
			 height: 22% !important;
			min-height: 1px;
		}
}

@media only screen and (min-width: 1281px) {
    /* Styles for large desktops */
	
	.carousel-item {
		display: none;
		justify-content: space-between;
		width: 50%;
		margin: 0 5%;
	}
	.slick-slide {
		display: none;
		float: left;
		/*height: 10% !important;*/
		 height: 22% !important;
		min-height: 1px;
	}
}


.carousel-item.active {
    display: flex;
	width: 49%;
}

.date-box {
    background-color: white;
    color: #333;
    padding: 10px 20px;
    text-align: center;
    margin-right: 20px;
}

.date-box .day {
    font-size: 2rem;
    font-weight: bold;
}

.date-box .month {
    font-size: 1.2rem;
    text-transform: uppercase;
}

.content-box {
    padding: 20px;
    text-align: left;
    color: white;
}

.carousel-controls {
    margin-top: 20px;
	padding-bottom: 20px;
}

.carousel-controls button {
    background-color: #000000;
    border: 1px solid #000000;
    color: white;
    padding: 10px;
    font-size: 1.5rem;
    cursor: pointer;
    border-radius: 5px;
}

.carousel-controls button:hover {
    background-color: white;
    color: black;
}.content-box {
    padding: 20px;
    border-radius: 10px;
    text-align: left;
    color: white;
    flex-grow: 1;
}

.content-box p {
    margin: 0;
    font-size:90%;
    line-height: 1.5;
}
.news-box {
    display: flex;
    align-items: center;
    position: relative; /* Add this to position the quote-box relative to this box */
    margin: 10px;
	background: -webkit-linear-gradient(-30deg, #4A689C 16%, rgba(0, 0, 0, 0) 16%), -webkit-linear-gradient(-49deg, #000000 88%, #162F6A 73%);
   /* background: -webkit-linear-gradient(-33deg, #4b688b 21%, rgba(0, 0, 0, 0) 19%), -webkit-linear-gradient(-49deg, #000000 88%, #0a095c 73%); */
    padding: 20px;
    flex-grow: 1;
    color: #fff;
}

.quote-box {
    position: absolute; /* Positioned absolutely within the news-box */
    bottom: 2px; /* Adjust bottom position */
    right: 2px; /* Adjust right position */
    padding: 10px 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    width: 35px;
    height: 35px;
    
}

.news-box2 {
    position: relative;
    background: -webkit-linear-gradient(-30deg, #fff 16%, rgba(0, 0, 0, 0) 16%), -webkit-linear-gradient(-49deg, #000000 88%, #162F6A 73%);
    color: #fff;
    padding: 30px;
    margin-bottom: 15px;
    border-radius: 5px;
    min-height: 20px; /* Ensure equal heights */
}

.date-box2 {
    background-color: #fff;
    color: #333;
    padding: 7px;
    text-align: center;
    margin-right: 16px;
    float: left;
    margin-left: -16px;
    margin-top: -9px;
    border-radius: 3px;
    border: 1px solid black;
}

.content-box2 {
    padding-left: 70px;
    font-size: 90%;
}

.quote-box2 {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 20px;
}





.news-box2 {
    position: relative;
    background: -webkit-linear-gradient(-30deg, #fff 16%, rgba(0, 0, 0, 0) 16%), -webkit-linear-gradient(-49deg, #000000 88%, #162F6A 73%);
    color: #fff;
    padding: 23px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.date-box2 {
   /* background-color: #f0f0f0;
    color: #333;
    padding: 10px;
    text-align: center;
    margin-right: 10px;
    float: left;
    border-radius: 3px; */
	
	background-color: #fff;
    color: #333;
    padding: 7px;
    text-align: center;
    margin-right: 16px;
    float: left;
    margin-left: -16px;
	    margin-top: -9px;
    border-radius: 3px;
	border: 1px solid black;
}

.date-box2 .day2 {
    font-size: 20px;
    font-weight: bold;
}

.date-box2 .month2 {
    text-transform: uppercase;
}

.content-box2 {
    padding-left: 70px;
    font-size: 90% !important;;
}

.quote-box2 {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 20px;
    
}

.carousel-controls2 button {
    background-color: transparent;
    border: none;
    color: #333;
    font-size: 30px;
    margin: 5px;
}
.slick-dots button{
	padding : 2px !important;
}