:root{
    --main_color :#9b1b34;
    --text-color :#161519;
    --black : #000;
    --white : #FFF;
    --section_bg : #EEEEEE;
    --text-mute : #ffffffcc;
    --gray-border: #7070708c;
    --badge-bg: #fdf4f8;
    --gray:#6b7280;
    --gray-light:#9ca3af;
    --maroon-dark:#7a1730;
    --blue:#2952cc;
    --green:#1f8a5a;
    --pink-bg:#fdecec;
    --pink-border:#f4c7cb;
    --green-bg:#eafaf2;
    --green-border:#bfe9d3;
    --text-dark:#1f2430;
    --text-muted:#5a6270;
}


.blog_details{background: var(--section_bg);padding: 40px 0;}
.blog_details .row.blog-section{background: var(--white);padding: 40px;border-radius: 20px;align-items: start;}
.blog_details .category-badge {display: inline-block;background: var(--main_color);color: var(--white);font-size: 0.9rem;font-weight: 600;padding: 8px 22px;border-radius: 50px;margin-bottom: 20px;text-transform: uppercase;letter-spacing: 0.8px;}
.blog_details .headtitle {margin-bottom: 20px; padding-bottom: 0; text-align: left; font-weight: 700;line-height: 1.15;color: var(--text-dark);font-size: 35px;}
.blog_details .headtitle::after{display: none}
.blog_details .blog-detail-subtitle {font-size: 16px;line-height: 1.65;color: var(--text-muted); border-left: 5px solid var(--main_color);padding-left: 15px;margin-bottom: 25px;}
.blog_details .blog-meta {display: flex;flex-wrap: wrap;align-items: center;gap: 15px 24px;color: var(--gray);font-size: 16px;}
.blog_details .meta-item {display: flex;align-items: center;gap: 8px;}
.blog_details .meta-item i{color: var(--main_color);}
.blog_details .meta-item span{color: var(--text-color);}
.blog_details .featured-image img{width: 100%; height: auto; max-height: 600px;}


.blog_details .blog-content{background-color: var(--white);border-radius: 20px;font-size: 16px;line-height: 1.8;color: var(--text-color);word-wrap: break-word;overflow-wrap: break-word;}
.blog_details .blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6 {color: #222;font-weight: 700;line-height: 1.4;margin: 30px 0 15px;}
.blog_details .blog-content h1 {font-size: 38px;}
.blog_details .blog-content h2 {font-size: 32px;}
.blog_details .blog-content h3 {font-size: 28px;}
.blog_details .blog-content h4 {font-size: 24px;}
.blog_details .blog-content h5 {font-size: 20px;}
.blog_details .blog-content h6 {font-size: 18px;}
.blog_details .blog-content p {margin-bottom: 15px;color: var(--text-color);}
.blog_details .blog-content a {color: var(--main_color);text-decoration: none;transition: .3s;word-break: break-word;}
.blog_details .blog-content a:hover {text-decoration: underline;}
.blog_details .blog-content strong,.blog-content b {font-weight: 700;color: #222;}
.blog_details .blog-content em,.blog-content i {font-style: italic;}
.blog_details .blog-content u {text-decoration: underline;}
.blog_details .blog-content ul,.blog-content ol {margin: 20px 0;padding-left: 25px;}
.blog_details .blog-content ul li,.blog-content ol li {margin-bottom: 10px;line-height: 1.4;}
.blog_details .blog-content ul {list-style: disc;}
.blog_details .blog-content ol {list-style: decimal;}
.blog_details .blog-content ul ul, .blog-content ol ol, .blog-content ul ol, .blog-content ol ul {margin-top: 10px;}
.blog_details .blog-content img {max-width: 100%;height: auto;display: block;margin: 25px auto;border-radius: 10px;}
.blog_details .blog-content figure {margin: 25px 0;text-align: center;}
.blog_details .blog-content figcaption {margin-top: 10px;font-size: 14px;color: #777;}
.blog_details .blog-content table {width: 100%;border-collapse: collapse;margin: 25px 0;overflow-x: auto;display: block;}
.blog_details .blog-content table th, .blog-content table td {border: 1px solid #ddd;padding: 12px 15px;text-align: left;}
.blog_details .blog-content table th {background: var(--white);font-weight: 600;}
.blog_details .blog-content blockquote {border-left: 5px solid var(--main_color);background: var(--white);padding: 20px;margin: 25px 0;font-style: italic;color: #444;}
.blog_details .blog-content code {background: var(--white);padding: 2px 6px;border-radius: 4px;font-size: 14px;color: #d63384;font-family: monospace;}
.blog_details .blog-content pre {background: #1f1f1f;color: var(--white);padding: 18px;border-radius: 8px;overflow-x: auto;margin: 25px 0;}
.blog_details .blog-content pre code {background: transparent;color: inherit;padding: 0;}
.blog_details .blog-content hr {border: 0;border-top: 1px solid #ddd;margin: 35px 0;}
.blog_details .blog-content iframe {width: 100%;min-height: 450px;border: none;border-radius: 10px;margin: 25px 0;}
.blog_details .blog-content video {width: 100%;height: auto;border-radius: 10px;margin: 25px 0;}
.blog_details .blog-content audio {width: 100%;margin: 20px 0;}
.blog_details .blog-content svg {max-width: 100%;}
.blog_details .blog-content dl {margin: 20px 0;}
.blog_details .blog-content dt {font-weight: 700;}
.blog_details .blog-content dd {margin-left: 20px;margin-bottom: 15px;}
.blog_details .blog-content sup {vertical-align: super;font-size: 12px;}
.blog_details .blog-content sub {vertical-align: sub;font-size: 12px;}
.blog_details .blog-content mark {background: #fff3a3;padding: 2px 4px;}
.blog_details .blog-content ::selection {background: var(--main_color);color: var(--white);}
.blog_details .blog-content .button,.blog_details .blog-content .button:focus, .blog_details .blog-content .button:active{display: inline-flex;align-items: center;justify-content: center;gap: 10px;font-size: 14px;font-weight: 600;line-height: 1;text-decoration: none !important;text-transform: uppercase;text-align: center;border: none;border-radius: 0;color: var(--white);background: var(--main_color) !important;padding: 13px 25px 12px;outline: none;cursor: pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.blog_details .blog-content .button:hover{background: var(--main_color) !important;color: var(--white);transform: scale(0.95);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

@media screen and (max-width: 768px){
    .blog_details .blog-detail-subtitle{padding-left: 15px;font-size: 16px;}
    .blog_details .row.blog-section{padding: 20px !important;}
    .blog_details {padding: 40px 10px !important;}
}

@media screen and (max-width:576px){
    .blog_details .blog-content h1 {font-size: 26px;}
    .blog_details .blog-content h2 {font-size: 24px;}
    .blog_details .blog-content h3 {font-size: 22px;}
    .blog_details .blog-content h4 {font-size: 20px;}
    .blog_details .blog-content table th,
    .blog_details .blog-content table td {padding: 10px;font-size: 14px;}
    .blog_details .blog-content iframe {min-height: 220px;}
    .blog_details .headtitle{font-size: 25px !important;}
}