.random-posts-container{margin:60px 0 40px;padding:20px 0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif}
.random-posts-header{text-align:center;margin-bottom:40px}
.random-posts-title{font-size:2rem;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.random-posts-subtitle{font-size:1rem;color:#666;margin:0}
.random-posts-grid{display:flex;flex-wrap:wrap;margin:0 -15px}
.random-post-card{flex:0 0 33.333333%;max-width:33.333333%;padding:0 15px;margin-bottom:30px;display:flex;flex-direction:column}
.post-card-inner{background:#fff;border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.08);height:100%;display:flex;flex-direction:column}
.random-post-card:hover .post-card-inner{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.15)}
.post-card-media{position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);height:220px;flex-shrink:0}
.post-card-link{display:block;height:100%}
.post-card-image{width:100%;height:100%!important;object-fit:cover;image-rendering:auto;transition:transform .5s ease}
.post-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-size:3rem}
.random-post-card:hover .post-card-image{transform:scale(1.08)}
.post-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}
.random-post-card:hover .post-card-overlay{opacity:1}
.read-more{color:#fff;font-weight:600;font-size:.9rem;background:rgba(255,255,255,.2);padding:8px 20px;border-radius:30px;backdrop-filter:blur(5px);transition:all .3s ease;text-decoration:none}
.read-more:hover{background:rgba(255,255,255,.4);transform:translateX(5px)}
.post-card-categories{position:absolute;bottom:15px;left:15px;display:flex;gap:8px;flex-wrap:wrap;z-index:2}
.category-tag{background:#fff;backdrop-filter:blur(5px);color:#fff;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:500;text-decoration:none;transition:all .3s ease;letter-spacing:.3px}
.category-tag:hover{background:#667eea;color:#fff!important;transform:translateY(-2px)}
.post-card-content{padding:20px;flex:1;display:flex;flex-direction:column}
.post-card-title{font-size:1.15rem;font-weight:600;margin:0 0 12px;line-height:1.4}
.post-card-title a{color:#1a1a1a;text-decoration:none;transition:color .3s ease}
.post-card-title a:hover{color:#667eea}
.post-card-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:.75rem}
.meta-item{display:flex;align-items:center;gap:4px;color:#888}
.meta-icon{font-size:.8rem}
.meta-text{color:#666}
.post-card-excerpt{font-size:.85rem;line-height:1.5;color:#555;margin-top:auto}
.no-posts-message{text-align:center;padding:40px;background:#f9f9f9;border-radius:12px;color:#666}
@media(max-width:992px){
.random-post-card{flex:0 0 50%;max-width:50%}
.random-posts-title{font-size:1.75rem}
.post-card-media{height:200px}
}
@media(max-width:768px){
.random-posts-container{margin:40px 0 30px}
.random-posts-grid{margin:0}
.random-post-card{flex:0 0 100%;max-width:100%;padding:0;margin-bottom:25px}
.random-posts-title{font-size:1.5rem}
.post-card-media{height:200px}
.post-card-title{font-size:1.1rem}
}
@media(max-width:480px){
.post-card-media{height:180px}
.post-card-content{padding:15px}
.post-card-excerpt{font-size:.8rem}
}
@media(prefers-color-scheme:dark){
.post-card-inner{background:#1e1e2a;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.random-posts-title{background:linear-gradient(135deg,#a8c0ff 0%,#3f2b96 100%);-webkit-background-clip:text;background-clip:text}
.post-card-title a{color:#e0e0e0}
.post-card-title a:hover{color:#a8c0ff}
.post-card-excerpt{color:#aaa}
.meta-text{color:#999}
.random-posts-subtitle{color:#aaa}
} .single-meta .meta-author-url,
.meta-author-url, .is-meta .meta-author a, a.meta-author-url, .meta-author a, .is-meta .nice-name, a.nice-name{text-transform:none !important;text-decoration:none !important;font-weight:600 !important;letter-spacing:normal !important;}
.single-meta .meta-author-url:hover, .meta-author-url:hover, .is-meta .meta-author a:hover, a.meta-author-url:hover, .meta-author a:hover, .is-meta .nice-name:hover, a.nice-name:hover{text-decoration:none !important;color:var(--g-color, #09365e) !important;}
\n\n \n\n \n#widget-post-2.widget{\n background:#ffffff;\n border:1px solid #e2e8f0;\n border-radius:16px;\n padding:22px 20px;\n box-shadow:0 4px 20px -2px rgba(15, 23, 42, 0.04);\n margin-bottom:28px;\n transition:box-shadow 0.25s ease, transform 0.25s ease;\n}\n\n#widget-post-2 .block-h.widget-heading{\n margin-bottom:18px;\n padding-bottom:12px;\n border-bottom:2px solid #f1f5f9;\n}\n\n#widget-post-2 .heading-title{\n font-size:1.15rem !important;\n font-weight:800 !important;\n letter-spacing:-0.3px;\n color:#0f172a !important;\n}\n\n \n#widget-post-2 .block-h.heading-layout-23:before,\n#widget-post-2 .block-h.heading-layout-23:after{\n display:none !important;\n}\n\n \n#widget-post-2 .widget-p-listing{\n counter-reset:oc-rank;\n display:flex;\n flex-direction:column;\n gap:16px;\n}\n\n#widget-post-2 .p-wrap.p-list-small-2{\n counter-increment:oc-rank;\n display:flex;\n align-items:flex-start;\n gap:14px;\n padding-bottom:14px;\n margin-bottom:0;\n border-bottom:1px dashed #f1f5f9;\n position:relative;\n}\n\n#widget-post-2 .p-wrap.p-list-small-2:last-child{\n border-bottom:none;\n padding-bottom:0;\n}\n\n#widget-post-2 .feat-holder{\n position:relative;\n flex-shrink:0;\n}\n\n#widget-post-2 .feat-holder::before{\n content:counter(oc-rank);\n position:absolute;\n top:-6px;\n left:-6px;\n width:22px;\n height:22px;\n background:linear-gradient(135deg, #09365e 0%, #1e40af 100%);\n color:#ffffff;\n font-size:11px;\n font-weight:800;\n border-radius:50%;\n display:flex;\n align-items:center;\n justify-content:center;\n z-index:3;\n box-shadow:0 2px 6px rgba(9, 54, 94, 0.35);\n border:2px solid #ffffff;\n}\n\n#widget-post-2 .p-featured{\n border-radius:10px;\n overflow:hidden;\n width:72px;\n height:72px;\n}\n\n#widget-post-2 .p-featured img{\n width:100%;\n height:100%;\n object-fit:cover;\n transition:transform 0.3s ease;\n}\n\n#widget-post-2 .p-wrap:hover .p-featured img{\n transform:scale(1.08);\n}\n\n#widget-post-2 .entry-title{\n font-size:0.92rem !important;\n font-weight:700 !important;\n line-height:1.4 !important;\n margin:0 0 6px 0 !important;\n}\n\n#widget-post-2 .entry-title a{\n color:#1e293b !important;\n text-decoration:none !important;\n transition:color 0.2s ease;\n}\n\n#widget-post-2 .entry-title a:hover{\n color:#2563eb !important;\n}\n\n#widget-post-2 .meta-el.meta-read{\n display:inline-flex;\n align-items:center;\n font-size:0.75rem;\n font-weight:600;\n color:#64748b;\n background:#f8fafc;\n padding:2px 8px;\n border-radius:6px;\n}\n\n \n#custom_html-1.widget{\n background:linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);\n border:1px solid #e0e7ff;\n border-radius:16px;\n padding:20px;\n box-shadow:0 4px 18px -2px rgba(99, 102, 241, 0.08);\n margin-bottom:28px;\n}\n\n#custom_html-1 .block-h.widget-heading{\n display:none;\n}\n\n \n#custom_html-2.widget{\n margin-bottom:28px;\n}\n\n#custom_html-2 .block-h.widget-heading{\n display:none;\n}\n\n \n#widget-post-3.widget.entry-widget{\n background:#f8fafc;\n border:1px solid #e2e8f0;\n border-radius:16px;\n padding:24px 22px;\n margin:36px 0 24px 0;\n}\n\n#widget-post-3 .heading-title{\n font-size:1.25rem !important;\n font-weight:800 !important;\n color:#0f172a !important;\n}\n\n#widget-post-3 .widget-p-listing{\n display:grid;\n grid-template-columns:repeat(2, 1fr);\n gap:18px;\n}\n\n@media(max-width:640px){\n    #widget-post-3 .widget-p-listing{\n grid-template-columns:1fr;\n}\n}\n\n#widget-post-3 .p-wrap{\n background:#ffffff;\n border:1px solid #f1f5f9;\n border-radius:12px;\n padding:12px;\n display:flex;\n align-items:center;\n gap:14px;\n transition:transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n#widget-post-3 .p-wrap:hover{\n transform:translateY(-2px);\n box-shadow:0 6px 16px -2px rgba(15, 23, 42, 0.08);\n}\n\n#widget-post-3 .p-featured{\n border-radius:8px;\n overflow:hidden;\n width:70px;\n height:70px;\n flex-shrink:0;\n}\n\n#widget-post-3 .entry-title{\n font-size:0.9rem !important;\n font-weight:700 !important;\n line-height:1.35 !important;\n}\n\n \n@media (prefers-color-scheme: dark), [data-theme="dark"] {\n    #widget-post-2.widget,\n    #widget-post-3.widget.entry-widget,\n    #widget-post-3 .p-wrap{\n background:#181920 !important;\n border-color:#262933 !important;\n}\n    #widget-post-2 .heading-title,\n    #widget-post-3 .heading-title{\n color:#f1f5f9 !important;\n}\n    #widget-post-2 .entry-title a,\n    #widget-post-3 .entry-title a{\n color:#e2e8f0 !important;\n}\n    #widget-post-2 .p-wrap.p-list-small-2{\n border-bottom-color:#262933 !important;\n}\n    #widget-post-2 .meta-el.meta-read{\n background:#232530;\n color:#94a3b8;\n}\n}\n  .mobile-collapse:not(.is-collapse-template){background:#ffffff !important;background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;color:#09365e !important;}
.mobile-collapse .collapse-inner{background:transparent !important;}
.mobile-collapse .search-form-inner{background:#f1f5f9 !important;border:1px solid #e2e8f0 !important;border-radius:10px !important;}
.mobile-collapse .search-form-inner .field{color:#0f172a !important;}
.mobile-collapse .search-form-inner .field::placeholder{color:#64748b !important;}
.mobile-collapse .search-form-inner .search-icon i, .mobile-collapse .search-form-inner .search-icon-svg{color:#64748b !important;}
.mobile-collapse .search-form-inner .rb-search-submit{color:#09365e !important;}
.mobile-collapse .mobile-menu > li > a{color:#09365e !important;font-weight:600 !important;transition:color 0.2s ease, padding-left 0.2s ease;}
.mobile-collapse .mobile-menu > li > a:hover{color:#156ea3 !important;}
.mobile-collapse .mobile-menu li{border-bottom:1px solid #f1f5f9 !important;}
.mobile-collapse .mobile-search-title, .mobile-collapse .collapse-social-heading{color:#09365e !important;font-weight:700 !important;}
.mobile-collapse .header-social-list a{color:#09365e !important;transition:color 0.2s ease, transform 0.2s ease;}
.mobile-collapse .header-social-list a:hover{color:#156ea3 !important;transform:translateY(-2px);}
.mobile-collapse .mobile-copyright, .mobile-collapse .collapse-copyright{color:#64748b !important;}
.live-search-response, .is-form-layout .live-search-response, .more-content .live-search-response{background:#ffffff !important;border:1px solid #e2e8f0 !important;border-radius:14px !important;box-shadow:0 12px 32px -4px rgba(15, 23, 42, 0.1), 0 4px 12px -2px rgba(15, 23, 42, 0.05) !important;color:#0f172a !important;}
.live-search-response .p-wrap{border-bottom:1px solid #f1f5f9 !important;padding:12px 14px !important;transition:background 0.2s ease;}
.live-search-response .p-wrap:last-child{border-bottom:none !important;}
.live-search-response .p-wrap:hover{background:#f8fafc !important;}
.live-search-response .entry-title a{color:#09365e !important;font-weight:700 !important;transition:color 0.2s ease;}
.live-search-response .entry-title a:hover{color:#156ea3 !important;}
.live-search-response .p-featured img{border-radius:8px !important;}
.live-search-response .post-date, .live-search-response .meta-el{color:#64748b !important;}
.live-search-response .live-search-view-all{background:#f8fafc !important;border-top:1px solid #e2e8f0 !important;color:#156ea3 !important;font-weight:700 !important;}
.live-search-response .live-search-view-all:hover{background:#f1f5f9 !important;color:#09365e !important;}
[data-theme="dark"] .mobile-collapse:not(.is-collapse-template){background:#0f1a26 !important;background:linear-gradient(180deg, #0f1a26 0%, #000008 100%) !important;color:#ffffff !important;}
[data-theme="dark"] .mobile-collapse .search-form-inner{background:#192635 !important;border-color:#243547 !important;}
[data-theme="dark"] .mobile-collapse .search-form-inner .field{color:#ffffff !important;}
[data-theme="dark"] .mobile-collapse .mobile-menu > li > a{color:#ffffff !important;}
[data-theme="dark"] .mobile-collapse .mobile-menu > li > a:hover{color:#6bbbff !important;}
[data-theme="dark"] .mobile-collapse .mobile-menu li{border-bottom-color:#192635 !important;}
[data-theme="dark"] .mobile-collapse .mobile-search-title,
[data-theme="dark"] .mobile-collapse .collapse-social-heading{color:#ffffff !important;}
[data-theme="dark"] .mobile-collapse .header-social-list a{color:#ffffff !important;}
[data-theme="dark"] .live-search-response,
[data-theme="dark"] .is-form-layout .live-search-response,
[data-theme="dark"] .more-content .live-search-response{background:#0f1a26 !important;border-color:#243547 !important;box-shadow:0 12px 32px -4px rgba(0, 0, 0, 0.5) !important;color:#ffffff !important;}
[data-theme="dark"] .live-search-response .p-wrap{border-bottom-color:#192635 !important;}
[data-theme="dark"] .live-search-response .p-wrap:hover{background:#192635 !important;}
[data-theme="dark"] .live-search-response .entry-title a{color:#ffffff !important;}
[data-theme="dark"] .live-search-response .entry-title a:hover{color:#6bbbff !important;}
.live-search-response, .live-search-response.light-scheme, .header-dropdown .live-search-response, .header-search-form .live-search-response{--body-fcolor:#0f172a !important;--heading-color:#09365e !important;--meta-fcolor:#64748b !important;--title-hcolor:#156ea3 !important;--awhite:#09365e !important;color:#0f172a !important;background:#ffffff !important;}
.live-search-response a, .live-search-response.light-scheme a, .live-search-response .entry-title a, .live-search-response .p-url{color:#09365e !important;font-weight:700 !important;text-shadow:none !important;opacity:1 !important;}
.live-search-response a:hover, .live-search-response .entry-title a:hover, .live-search-response .p-url:hover{color:#156ea3 !important;}
.live-search-response .meta-inner, .live-search-response .meta-el, .live-search-response time, .live-search-response .updated, .live-search-response .post-date{color:#64748b !important;text-shadow:none !important;opacity:1 !important;}
.live-search-response .live-search-link a, .live-search-response .live-search-view-all{color:#156ea3 !important;font-weight:700 !important;background:#f8fafc !important;}
.live-search-response .search-no-result {
color: #64748b !important;
}