body {
font-family: 'Poppins', sans-serif;
background-color: #f8f9fa;
color: #333;
} .navbar {
background-color: #312783;
padding: 10px 0;
}
.navbar-brand, .navbar-nav .nav-link {
color: white;
}
.navbar-nav .nav-link:hover {
color: #adb5bd;
}
.navbar-toggler {
border: none;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
width: 30px;
height: 30px;
}
.navbar-collapse {
background-color: #312783;
padding: 10px;
z-index: 1000;
}
@media (max-width: 992px) {
.navbar-nav {
text-align: center;
}
.navbar-nav .nav-link {
padding: 10px 0;
}
} .header-section {
background-color: white;
padding: 20px;
border-radius: 8px;
margin-bottom: 20px;
}
.featured-post {
overflow: hidden;
border-radius: 8px;
background-color: white;
}
.featured-post .owl-carousel .owl-item img {
width: 100%;
display: block;
border-bottom: 1px solid #ddd;
}
.featured-post .owl-carousel .owl-item .featured-post-content {
padding: 20px;
position: relative;
}
.featured-post .owl-carousel .owl-item .featured-post-content h1 {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 10px;
}
@media (max-width: 768px) {
.featured-post .owl-carousel .owl-item .featured-post-content h1 {
font-size: 1.8rem;
}
} .post-meta {
display: flex;
justify-content: space-between;
padding-top: 10px;
font-size: 0.9rem;
color: #6c757d;
}
.post-meta a {
color: #6c757d;
text-decoration: none;
}
.post-meta a:hover {
text-decoration: underline;
} .section-title {
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
font-weight: bold;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
} .post-card {
background-color: white;
margin-bottom: 20px;
border-radius: 8px;
overflow: hidden;
position: relative;
}
.post-card img {
width: 100%;
display: block;
border-bottom: 1px solid #ddd;
}
.post-card-content {
padding: 20px;
position: relative;
padding-bottom: 40px;
}
.post-card-content h3 {
font-weight: bold;
margin-bottom: 10px;
}
.post-card-meta {
position: absolute;
bottom: 10px;
left: 20px;
right: 20px;
display: flex;
justify-content: space-between;
font-size: 0.7rem;
color: #6c757d;
}
.post-card-meta a {
color: #6c757d;
text-decoration: none;
}
.post-card-meta a:hover {
text-decoration: underline;
} .ad-area {
background-color: #f0f0f0;
padding: 20px;
margin-bottom: 20px;
border-radius: 8px;
}  .pagination {
display: flex;
justify-content: center;
margin-top: 20px;
padding-left: 0;
list-style: none;
}
.page-item {
margin: 0 4px; }
.page-item.active .page-link {
background-color: #007bff; border-color: #007bff; color: #fff; }
.page-link {
position: relative;
display: block;
color: #007bff; text-decoration: none;
background-color: #fff;
border: 1px solid #dee2e6;
padding: .375rem .75rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.page-link:hover {
color: #fff; background-color: #007bff;
border-color: #007bff;
}
.page-link:focus {
z-index: 3;
color: #fff;
background-color: #007bff;
border-color: #007bff;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25); }
.page-item.disabled .page-link {
color: #6c757d;
background-color: #fff;
border-color: #dee2e6;
pointer-events: none;
} .footer {
background-color: #312783;
color: white;
padding: 30px 0;
margin-top: 30px;
}
.footer .container {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.footer h4 {
margin-bottom: 20px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
}
.footer ul {
padding: 0;
list-style: none;
}
.footer li {
margin-bottom: 10px;
display: flex;
align-items: center;
}
.footer a {
color: white;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
.footer-icon {
display: inline-flex;
align-items: center;
margin-right: 10px;
}
.footer-icon svg {
width: 20px;
height: 20px;
fill: white;
}
.social-media {
margin-top: 20px;
}
.social-media a {
margin-right: 10px;
}
.social-media a svg {
width: 30px;
height: 30px;
fill: white;
stroke: white;
}
.copyright {
text-align: center;
padding-top: 20px;
border-top: 1px solid #4e4794;
} @media (max-width: 768px) {
.col-md-3 {
width: 50%;
flex: 0 0 50%;
max-width: 50%;
}
.post-card-content h3 {
font-size: 1.2rem; }
.post-card-meta {
display: none; }
}  .breadcrumb {
background-color: #e9ecef;
padding: 10px 15px;
margin-bottom: 20px;
}
.breadcrumb-item a {
color: #312783;
text-decoration: none;
}
.breadcrumb-item a:hover {
text-decoration: underline;
} .top-bar {
background-color: #f0f0f0;
padding: 15px;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
} .content-area {
background-color: white;
padding: 20px;
border-radius: 8px;
}
.content-area img {
width: 100%;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
border-radius: 8px;
}
.content-area h1 {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 15px;
}
.content-area p{
line-height: 1.6;
} .sidebar {
background-color: white;
padding: 20px;
border-radius: 8px;
margin-bottom: 20px;
}
.sidebar h4 {
font-weight: bold;
margin-bottom: 15px;
}
.sidebar .related-post {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.sidebar .related-post img {
width: 80px;
margin-right: 10px;
border-radius: 8px;
}
.sidebar .related-post a {
text-decoration: none;
color: #333;
}
.sidebar .related-post a:hover {
text-decoration: underline;
} @media (max-width: 768px) {
.col-md-3 {
width: 50%;
flex: 0 0 50%;
max-width: 50%;
}
.post-card-content h3 {
font-size: 1.2rem; }
.post-card-meta {
display: none; }
}