/* =================================blog my pages ================================ */

.blog-section {
			padding: 60px 0;
			background: #f2f2f2;
			    margin-top: 65px;

		}

		.blog-card {
			display: flex;
			background: #fff;
			margin-bottom: 30px;
			padding: 20px;
			border: 1px solid #ddd;
		}

		.blog-img img {
			width: 220px;
			height: 140px;
			object-fit: cover;
		}

		.blog-content {
			padding-left: 20px;
		}

		.blog-content h3 {
			font-size: 22px;
			color: #2b4c7e;
			margin-bottom: 5px;
		}

		.date {
			font-size: 13px;
			color: #777;
			display: block;
			margin-bottom: 10px;
		}

		.read-btn {
			display: inline-block;
			background: #111;
			color: #fff;
			padding: 8px 15px;
			font-size: 13px;
			text-decoration: none;
			margin-top: 10px;
		}

		/* SIDEBAR */

		.blog-sidebar {
			background: #6e93b8;
			padding: 20px;
		}

		.sidebar-box h4 {
			color: #fff;
			margin-bottom: 20px;
		}

		.sidebar-post {
			display: flex;
			margin-bottom: 15px;
		}

		.sidebar-post img {
			width: 60px;
			height: 60px;
			object-fit: cover;
			margin-right: 10px;
		}

		.sidebar-post a {
			color: #fff;
			font-size: 14px;
			text-decoration: none;
		}

		@media (max-width:991px) {

			.blog-card {
				flex-direction: column;
			}

			.blog-img img {
				width: 100%;
				height: auto;
			}

			.blog-content {
				padding-left: 0;
				padding-top: 15px;
			}

		}

		@media (max-width:768px) {

			.blog-sidebar {
				margin-top: 30px;
			}

			.sidebar-post img {
				width: 50px;
				height: 50px;
			}

			.blog-content h3 {
				font-size: 18px;
			}

		}
		.blog-pagination{
margin-top:40px;
}

.blog-pagination ul{
list-style:none;
padding:0;
margin:0;
display:flex;
align-items:center;
gap:20px;
flex-wrap:wrap;
justify-content:flex-start; /* LEFT SIDE */
}

.blog-pagination ul li a{
text-decoration:none;
color:#2c3e50;
font-size:16px;
padding:6px 10px;
}

.blog-pagination ul li.active a{
font-weight:600;
color:#000;
}

.blog-pagination ul li.prev a,
.blog-pagination ul li.next a{
display:flex;
align-items:center;
gap:6px;
}

@media (max-width:768px){

.blog-pagination ul{
gap:12px;
}

.blog-pagination ul li a{
font-size:14px;
}
.blog-section {
	    margin-top: 118px;
}

}

/* ======================about ====================== */
  .about-box {
            background: #fff;
            margin-bottom: 30px;
          padding: 35px;
            border: 1px solid #ddd;
        }

/* =============================header============== */

        .logo{
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
font-size:22px;
font-weight:600;
color:#000;
}

.logo img{
width:40px;
height:auto;
}




/* ===========================footer ==================== */

	.footer-links{
display:flex;
justify-content:flex-end;
gap:20px;
flex-wrap:wrap;
}

.footer-links a{
text-decoration:none;
color:#444;
font-size:14px;
}

.footer-links a:hover{
color:#000;
}
@media (max-width:768px){

.footer-links{
justify-content:center;
margin-top:10px;
}

.church-copyright{
text-align:center;
}

}

/* ===================blog details ==================== */
    .blog-details-img img{
width:100%;
height:auto;
}

.about-box h1{
font-size:32px;
margin-bottom:10px;
}

.about-box h3{
margin-top:25px;
font-size:22px;
}

.about-box ul,
.about-box ol{
margin-left:20px;
line-height:1.8;
}