/* Blog Single Page Styles Premium,Clean,and Modern*/
.blog-detail-page{max-width:100% !important;}
.ocb-single-post-container{max-width:1400px;margin:90px auto 0;padding:50px 20px 20px;display:flex;gap:30px;align-items:flex-start;}
/* Header & Meta */
.ocb-single-post-header{margin-bottom:30px;}
.ocb-single-post-title{font-size:48px;font-weight:600;line-height:1.2;color:#04255C;margin-top:0;margin-bottom:20px;}
.ocb-single-post-meta{display:flex;align-items:center;gap:20px;font-size:14px;}
.ocb-meta-item{display:flex;align-items:center;gap:5px;font-family:'Inter';font-size:16px;color:#04255C;font-weight:400;}
.ocb-meta-item .ocb-meta-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;}
.ocb-author-avatar{width:100%;height:100%;margin-right:0;}
.ocb-meta-item .ocb-author-name{font-size:16px;font-weight:400;line-height:1.35;color:#04255C;}
.ocb-meta-item .ocb-meta-cat a{color:#04255C;}
.ocb-meta-item .ocb-meta-cat a:hover{color:#3B82F6;}
.ocb-meta-sep{color:#04255C;}
/* Featured Image */
.ocb-single-post-thumbnail{margin-bottom:40px;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.1);max-height:590px;}
.ocb-single-post-thumbnail img{width:100%;max-height:100% !important;height:auto;display:block;transition:transform 0.5s ease;}
/* Content Area */
.ocb-post-content-wrapper{flex:1;min-width:0;}
.ocb-single-content{font-size:18px;line-height:1.8;color:#444;font-family:'Inter';}
.ocb-single-content h1,.ocb-single-content h2,.ocb-single-content h3{color:#0c2041;margin-top:0;margin-bottom:10px;font-weight:600;font-size:24px;}
.ocb-single-content p,.ocb-single-content li{font-size:18px;font-weight:400;color:rgba(4,37,92,0.7);line-height:1.5;}
.ocb-single-content p,.ocb-single-content ol li:not(:last-child){margin-bottom:25px;}
.ocb-single-content ul,.ocb-single-content ol{margin-bottom:25px;padding-left:20px;}
.ocb-single-content a{color:#3B82F6;transition:all 0.3s ease-in-out;}
.ocb-single-content a:hover{color:#023047;}
.ocb-single-content img.alignright{margin-right:0;}
.ocb-single-content img.alignleft{margin-left:0;}
.ocb-single-content img.aligncenter{margin:0 auto;}
.ocb-single-content blockquote{position:relative;padding:20px 20px 20px 60px;margin:30px 0;font-size:18px;font-style:italic;line-height:1.6;color:#333;background:#f9f9f9;border-left:4px solid #04255C;border-radius:5px;}
.ocb-single-content blockquote::before{content:"“";position:absolute;left:15px;top:10px;font-size:40px;color:#04255C;font-weight:bold;}
.ocb-single-content .table-responsive{width:100%;overflow-y:auto;}
.ocb-single-content blockquote p:last-child{margin-bottom:0;}
.ocb-single-content iframe{max-width:100%;}
.ocb-single-content .breadcrumb{padding-left:0;}
.ocb-single-content .breadcrumb li a{color:#04255C;text-decoration:none;}
/* Table Area - Styled like screenshot */
.ocb-single-content table{width:100%;border-collapse:collapse;margin:30px 0;border-radius:0;border:1px solid #323232;font-size:16px;line-height:1.5;}
.ocb-single-content th{background:transparent;text-align:left;font-size:20px;padding:15px 20px;font-weight:600;color:#04255C;border-bottom:1px solid #323232;border-color:#323232 !important;}
.ocb-single-content td{padding:15px 20px;border-bottom:1px solid #323232;vertical-align:top;font-size:16px;font-weight:400;color:rgba(4,37,92,0.70);border-color:#323232;}
.ocb-single-content table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th,table tbody tr:hover>td,.ocb-single-content table tbody tr:hover>th{background-color:transparent;}
/* TOC Sidebar */
.ocb-toc-sidebar{width:270px;position:sticky;top:100px;border-radius:20px;background:rgba(157,193,251,0.10);padding:30px 20px 20px;border-radius:20px;}
.ocb-toc-title{font-size:24px;font-weight:600;color:rgba(4,37,92,1);font-family: "Work Sans", Sans-serif;margin-bottom:16px;display:block;line-height:1.75;}
.ocb-toc-list{list-style:none;padding:0;margin:0;font-size:"Inter";}
.ocb-toc-item:not(:last-child){margin-bottom:12px;}
.ocb-toc-link{display:block;font-size:18px;color:rgba(4,37,92,0.7);text-decoration:none;line-height:1.5;transition:all 0.3s ease;padding:8px 12px;border-radius:10px;font-family:'Inter';}
.ocb-toc-item.active a{background:#3B82F6;color:#fff;border-radius:10px;}
.ocb-toc-link:hover{color:#3b82f6;background:transparent;}
.ocb-toc-link.active{background:#3b82f6;color:#fff;font-weight:600;}
/* Related Blogs Section */
.ocb-related-blogs-section{background:#04255C;padding:100px 0;color:#fff;border-radius: 40px;}
.ocb-related-container{max-width:1400px;margin:0 auto;padding:0 20px;}
.ocb-related-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;}
.ocb-related-title{font-size:40px;line-height:1;font-weight:600;color:#fff;font-family:"Work Sans";margin:0;}
.ocb-slider-nav{display:flex;gap:20px;}
.ocb-slider-prev,.ocb-slider-next{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;background:#fff;color:#0c2041;}
.ocb-slider-prev:hover,.ocb-slider-next:hover{background:#6CA4FF;color:#fff;}
.ocb-slider-prev{background:#6CA4FF;color:#fff;}
/* Related Card */
.ocb-related-card{transition:transform 0.3s ease;}
.ocb-related-card:hover > .ocb-related-card-image a img{transform:translateY(-5px);}
.ocb-related-card-image{border-radius:10px;overflow:hidden;height:300px;margin-bottom:20px;position: relative;}
.ocb-related-card-image > a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);z-index:1;}
.ocb-related-card-image a{display: inline-block;width: 100%;height: 100%;position: relative;}
.ocb-related-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease;}
.ocb-related-cat-badge{position:absolute;top:20px;right:20px;background:#3b82f6;color:#fff;padding:5px 12px;border-radius:5px;font-size:16px;line-height:1.2;font-weight:600;font-family:"Inter";z-index:2;}
.ocb-related-meta-overlay{position:absolute;bottom:0;left:0;width:100%;padding:0 20px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:16px;font-weight:500;font-family:"Inter";color:#fff;z-index:1;}
.ocb-related-author .ocb-related-avatar{width:30px;height:30px;overflow:hidden;border-radius:50%;}
.ocb-related-author{display:flex;align-items:center;gap:5px;}
.ocb-author-mini{width:24px;height:24px;border-radius:50%;}
.ocb-related-card-content{padding-top:10px;}
.ocb-related-card-title{font-size:24px;font-weight:500;font-family:"Work Sans";line-height:normal;margin-top:0;margin-bottom:12px;}
.ocb-related-card-title a{color:#fff;text-decoration:none;transition:color 0.3s ease;}
.ocb-related-card-title a:hover{color:#3b82f6;}
.ocb-related-card-excerpt{font-size:18px;line-height:1.55;color:rgba(255,255,255,0.7);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.ocb-related-slider:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:30px;}
.ocb-related-slider:not(.swiper-initialized) .swiper-slide{width:100% !important;flex:0 0 33.33%;}
/* Hide auto-injected feedback/helpful sections from plugins */
.betterdocs-content-footer,.docs-helpful-section,.helpful-feedback,.wp-post-useful,.docs-footer,.betterdocs-feedback-section{display:none !important;}
/* Responsive adjustment for slider container */
@media (max-width:1560px){.ocb-single-post-title{font-size:40px;}
.ocb-single-content{font-size:16px;line-height:1.5;}
.ocb-single-content p,.ocb-single-content li{font-size:16px;}
.ocb-single-content h1,.ocb-single-content h2,.ocb-single-content h3{font-size:22px;}
.ocb-single-content th{font-size:18px;}
.ocb-toc-title{font-size:22px;}
.ocb-toc-link{font-size:18px;}
.ocb-related-blogs-section{padding:80px 0;}
.ocb-related-title{font-size:40px;}
.ocb-single-post-thumbnail{max-height:500px;}
}
@media (max-width:1199px){.ocb-single-post-title{font-size:36px;}
.ocb-single-content h1,.ocb-single-content h2,.ocb-single-content h3{font-size:20px;}
.ocb-single-post-meta{gap:10px;}
.ocb-toc-title{font-size:20px;}
.ocb-toc-link{font-size:16px;}
.ocb-related-blogs-section{padding:50px 0;}
.ocb-related-title{font-size:36px;}
.ocb-single-post-thumbnail{max-height:450px;margin-bottom:30px;}
.ocb-related-header{margin-bottom:30px;}
.ocb-related-card-image{height:235px;}
.ocb-related-meta-overlay{font-size:14px;padding:0 10px 10px;}
.ocb-related-card-title{font-size:20px;margin-bottom:10px;}
.ocb-related-card-excerpt{font-size:16px;}
.ocb-related-card-content{padding-top:0;}
.ocb-related-cat-badge{font-size:14px;right:10px;top:10px;}
.ocb-single-post-container{margin-top:68px;}
.ocb-toc-sidebar{display:none;}
.ocb-slider-nav{gap:15px;}
.ocb-slider-prev,.ocb-slider-next{width:36px;height:36px;font-size:14px;}
}
@media (max-width:991px){.ocb-single-post-title{font-size:30px;}
.ocb-single-post-container{padding-top:40px;}
.ocb-single-post-header{margin-bottom:20px;}
.ocb-single-post-thumbnail{max-height:375px;margin-bottom:20px;}
.ocb-single-content p,.ocb-single-content ul,.ocb-single-content ol{margin-bottom:20px;}
.ocb-single-content table{margin:20px auto;}
.ocb-related-blogs-section{padding:40px 0;}
.ocb-related-title{font-size:30px;}
.ocb-related-header{margin-bottom:20px;}
.ocb-related-card-image{height:250px;}
}
@media (max-width:767px){.blog-detail-page{padding:0 !important;}
.ocb-single-post-container{padding-top:30px;}
.ocb-slider-nav{gap:10px;}
.ocb-slider-prev,.ocb-slider-next{width:32px;height:32px;}
.ocb-related-blogs-section{padding:30px 0;}
.ocb-single-post-meta{flex-wrap:wrap;}
.ocb-single-post-title{font-size:26px;}
.ocb-single-post-thumbnail{max-height:250px;}
}
/* start */
body.single-post .ocb-single-content ol.custom-counter{counter-reset:item;list-style:none;padding-left:0;}
body.single-post .ocb-single-content ol.custom-counter>li {counter-increment:item;position:relative;padding-left:60px;}
body.single-post .ocb-single-content ol.custom-counter>li::before{content:counter(item,decimal-leading-zero) ".";position:absolute;left:0;top:4px;font-size:24px;font-weight:700;line-height:1;color: #04255C;}

/* end */