.container { max-width: 1240px; width: 100%; margin: 0 auto; }
.blog, .single-post { background-color: #f0f5fa; }
.page_b_head {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d4d4de;
    /* padding-top: 50px; */
    padding-bottom: 30px;
}
.page_b_head .page-title h1 {font-size: 2.5rem;} 
.page_b_head > div { flex: 0 0 48%; }
.page_b_head .page-title { 
    margin-bottom: 0px;     
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.search-blog-form input[type="search"]:focus-visible {
    outline: none;
}
.main_blog-page .page-title h1 { font-size: 32px;font-weight: 600; }
.search-blog-form .search-form {
    border: 1px solid #d4d4de;
    border-radius: 8px !important;
    max-width: 337px;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    background: #fff;
}
/* Prose Styles for Blog Content */
.prose {
    max-width: 65ch;
    color: #374151;
}
.prose h1 {
    color: #111827;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.prose h2 {
    color: #111827;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.prose h3 {
    color: #111827;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}
.prose p {
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1.75;
}
.prose ul {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    list-style-type: disc;
}
.prose li {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.prose strong {
    font-weight: 600;
    color: #111827;
}
.prose em {
    font-style: italic;
}
.prose a {
    color: #dc2626;
    text-decoration: underline;
}
.prose a:hover {
    color: #b91c1c;
}
.badge-outline {
    border: 1px solid #e5e7eb;
    background-color: transparent;
}
.badge {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 9999px;
    transition: all 0.2s ease;
}
.single .cs-post-nav .nav-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single .cs-post-nav .nav-links .nav-next {
    margin-left: auto;
    text-align: right;
}
.single .cs-post-nav .nav-links .nav-previous {
    margin-right: auto;
    text-align: left;
}
.cs-post-nav a:hover {
  text-decoration: none;
}
.has-background-white .site .cs-post-nav a:focus .meta-nav {
  color: #4b5563 !important;
}
.primary-navigation .current-menu-item > a:hover, .primary-navigation .current_page_item > a:hover,.primary-navigation .current-menu-item > a, .primary-navigation .current_page_item > a {
  text-decoration: none !important;
}
.search-blog-form .search-form label {
    display: flex;
    align-items: center;
    width: calc(100% - 56px);
}
.search-blog-form input[type="search"] {
    box-shadow: unset;
    color: #28303d;
    border-color: transparent !important;
    border-radius: 8px 0 0 8px !important;
    margin: 0;
}
.search-blog-form .search-submit {
    background: #ffffff !important;
    color: #000;
    font-size: 20px;
    padding: 7px 16px;
    box-shadow: unset;
    border-radius: 0 8px 8px 0!important;
    width: 56px;
    margin: 0;
}
  

.recent-posts { background-color: #fff; padding: 2.5em 1.5em; }
.recent-posts { margin-bottom: 30px; }
.recent-posts > h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 30px;
    margin-left: 10px;
}
.latest_blog .slick-slide, .ast-related-posts-wrapper .slick-slide, .recent-post-slide .slick-slide { margin: 0 10px; }

.post_title a:focus {color: #dc2626 !important}

/*********Single post page*********/
.single-post #content { max-width: 1240px; width: 100%; margin: 0 auto; }
.single-post-row { display: flex; gap: 50px; background-color: #fff; padding: 40px; margin-top: 10px; margin-bottom: 50px; }
.single-post-row .single-post-content { flex: 0 0 68%; }
.single-post-content .page-header {padding: 0;border-bottom: 0;}
.single-post-content .page-header { display: block; }
.publish-info {
    margin-bottom: 15px;
}
.blog-card img {
    transition: transform 0.5s ease;
}
.blog-card:hover img {
    transform: scale(1.1);
}
.published-by-author a {color: #132E59;}

.single-post-row .sidebar { flex: 30%; }
.sidebar-area {
    position: sticky;
    top: 75px;
    padding: 20px;
    background-color: white;
   
}
.sidebar-area h2 {
    font-size: 17px;
    text-align: center;
    color: #111827;
}

#comments {display: none;}

@media (max-width:768px) {
.single-post-row {
    padding: 0 20px;
    flex-direction: column;
    margin-bottom: 40px;
    gap: 20px;
}
.cs-post-nav {
    padding-bottom: 0;
}
.single-post-content article {
    padding-bottom: 10px;
}
.post-navigation {
    margin: 10px !important;
}
}/* Single Blog Page — Heading Sizes */
.single-post h1 {
    font-size: 36px;
    font-weight: 700;
}

.single-post h2 {
    font-size: 30px;
    font-weight: 600;
}

.single-post h3 {
    font-size: 26px;
    font-weight: 600;
}

.single-post h4 {
    font-size: 22px;
    font-weight: 500;
}

.single-post h5 {
    font-size: 18px;
    font-weight: 500;
}

.single-post h6 {
    font-size: 16px;
    font-weight: 500;
}@media (max-width: 768px) {
    .single-post h1 { font-size: 30px; }
    .single-post h2 { font-size: 26px; }
    .single-post h3 { font-size: 22px; }
    .single-post h4 { font-size: 20px; }
    .single-post h5 { font-size: 18px; }
    .single-post h6 { font-size: 16px; }
}