.commonheading{font-size:60px;text-transform:uppercase}.blogheading{font-size:20px;margin-bottom:10px;font-weight:500;line-height:26px}.blogadminame{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.blogsubmit{color:#fff;border:0;padding:4px 10px}.blogcontentwrap{background:#fff;-webkit-box-shadow:0 0 10px 0 rgb(0 0 0 / .2);-moz-box-shadow:0 0 10px 0 rgb(0 0 0 / .2);box-shadow:0 0 10px 0 rgb(0 0 0 / .2);padding:10px;position:relative;margin-top:30px}.blogcontentwrap:before{content:'';position:absolute;left:0;height:3px;width:0;bottom:0;transition:.5s;background:#fff0 linear-gradient(269deg,#FF004F 0%,#C1004C 100%) 0% 0% no-repeat padding-box}.blogcontentwrap:hover:before{width:100%;transition:.5s}.detailwrap{padding:10px 20px}p.adminn{color:#c5004c;font-weight:700;line-height:1}@media(min-width:320px) and (max-width:768px){.commonmainheadingwrap p span{display:inline}.commonmainheadingwrap{margin-bottom:20px}}

/* Custom Pagination Styles */
.blog-pagination nav {
    width: 100%;
}
.blog-pagination p {
    margin-bottom: 0 !important;
}
.blog-pagination .pagination {
    display: flex;
    gap: 8px;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0 !important;
}
.blog-pagination .page-item .page-link {
    color: #333;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 8px 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
}
.blog-pagination .page-item.active .page-link {
    background: linear-gradient(269deg, #FF004F 0%, #C1004C 100%);
    border-color: transparent;
    color: #fff !important;
}
.blog-pagination .page-item.disabled .page-link {
    color: #6c757d;
    background-color: #fff;
    border-color: #dee2e6;
}
.blog-pagination .page-item .page-link:hover:not(.disabled) {
    background: linear-gradient(269deg, #FF004F 0%, #C1004C 100%);
    border-color: transparent;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(193, 0, 76, 0.2);
}