/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.2
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #999;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #999;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}
        .news-card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            transition: transform 0.3s, box-shadow 0.3s;
            margin-bottom: 30px;
            padding: 20px;
            height: 100%;
            border: 1px solid #eef2f6;
        }
        .news-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 24px rgba(0,0,0,0.1);
        }

        .news-title {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: clip;  
        }

        .news-title a {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: clip;
        }
        .news-date {
            font-size: 1.2rem;
            color: #3b82f6;
            background: #eef2ff;
            display: inline-block;
            padding: 0.2rem 0.8rem;
            border-radius: 20px;
            margin-bottom: 12px;
        }
        .news-title {
            font-size: 1.8rem;
            font-weight: 700;
            margin: 0 0 10px;
        }
        .news-title a {
            color: #1e293b;
            text-decoration: none;
            transition: color 0.2s;
        }
        .news-title a:hover {
            color: #2563eb;
        }
        .news-summary {
            color: #475569;
            line-height: 1.5;
            margin-bottom: 15px;
        }
        .news-more {
            font-weight: 500;
            color: #2563eb;
            text-decoration: none;
        }
        .news-more:hover {
            text-decoration: underline;
        }
        .section1-heading {
            text-align: center;
            margin-bottom: 40px;
        }
        .section1-heading h2 {
            font-size: 32px;
            font-weight: 700;
            position: relative;
            display: inline-block;
            padding-bottom: 15px;
        }
        .section1-heading h2:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 3px;
            background: #2563eb;
            border-radius: 3px;
        }
        .section1-heading p {
            color: #5b6e8c;
            font-size: 1.5rem;
            margin-top: 10px;
        }
        @media (max-width: 768px) {
            .news-card {
                margin-bottom: 20px;
            }
        }