/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.banner{position:relative;background:url("/sites/default/files/blog/blog-details-banner.webp")
    no-repeat center center/cover;height:500px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}.banner-content{position:relative;z-index:2;}.badge-custom{background-color:#ff4500;font-size:14px;padding:5px 10px;border-radius:3px;font-weight:600;}.banner-title{font-size:3rem;font-weight:bold;margin:10px;max-width:750px;line-height:1.32;}.banner-meta{font-size:14px;color:#ddd;margin-top:10px;}.banner-meta a{color:#fff;text-decoration:underline;font-weight:bold;}.author-profile{text-align:center;padding:0 20px;}.author-profile img{width:200px;height:200px;object-fit:cover;border-radius:50%;margin-bottom:15px;}.author-profile h5{font-weight:bold;margin-bottom:5px;}.author-profile p{color:#666;font-size:16px;line-height:30px;margin-bottom:18px;}.author-profile .social-icons a{margin:0 5px;color:#0a165e;font-size:16px;text-decoration:none;}.categories{padding-left:0;}.categories a{color:#fff;text-decoration:none;}.categories li{display:inline-block;background-color:#0a165e;margin:5px;padding:5px 10px;border-radius:5px;font-size:14px;color:white;text-transform:capitalize;}.search-box{margin-top:20px;position:relative;}.search-box input{width:100%;padding:10px 40px 10px 15px;border:1px solid #ddd;border-radius:5px;}.search-box i{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#aaa;}.recent-posts{list-style:none;padding:0;}.recent-posts li{display:flex;margin-bottom:15px;}.recent-posts img{width:60px;height:60px;object-fit:cover;margin-right:20px;border-radius:5px;}.recent-posts h6{font-size:16px;margin-bottom:5px;}.recent-posts span{font-size:12px;color:#777;}.tags{display:flex;flex-wrap:wrap;gap:10px;}.tags span{color:#333;position:relative;z-index:1;display:inline-block;font-size:13px !important;line-height:28px;font-weight:400;margin-right:10px;margin-bottom:10px;padding:0 12px;background:#f7f7f7;transition:all 0.4s;border-radius:3px;}.integrio-card{background-image:url("/sites/default/files/blog/portfolio-bg.webp");padding-top:67px;padding-bottom:80px;display:block;max-width:370px;margin-top:50px;border-radius:5px;padding:40px 0 54px;text-align:center;background-size:cover;color:#fff;}.integrio-logo{font-weight:bold;font-size:25px;margin-bottom:10px;}.integrio-card span{color:#fff;}.integrio-text{margin-bottom:30px;padding:0 26px;font-size:21px;line-height:36px;font-weight:400;}.integrio-button{background:linear-gradient(90deg,#ff4500,#ff581c);color:white;font-size:14px;padding:10px 20px;border-radius:5px;text-decoration:none;transition:background 0.3s;}.integrio-button:hover{background:linear-gradient(90deg,#0a165e,#1329a1);color:white;text-decoration:none;}.content img{width:100%;margin:20px 0;border-radius:5px;}.quote-box{font-style:italic;background-color:#f8f9fa;padding:20px;border-left:4px solid #007bff;margin:20px 0;font-size:1.1rem;}.list-title{font-weight:bold;margin-top:20px;}.list-items{margin:15px 0;padding-left:20px;}.list-items li{margin-bottom:10px;}.sidebar{position:sticky;top:20px;height:fit-content;overflow-y:auto;background:#fff;}.divider_post_info{margin-top:24px;padding-bottom:30px;border-top:1px solid rgba(96,101,104,0.15);}.tags-likes{display:flex;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:30px;padding-top:50px;}.tags-likes .tags span{margin-right:10px;background-color:#f8f9fa;padding:5px 10px;border-radius:3px;font-size:14px;cursor:pointer;}.tags-likes .likes{display:flex;align-items:center;gap:10px;}.tags-likes .likes span{font-size:14px;font-weight:bold;}.author-profile{text-align:center;padding:20px;background-color:#f8f9fa;border-radius:5px;margin-bottom:30px;}.author-profile img{width:100px;height:100px;object-fit:cover;border-radius:50%;margin-bottom:10px;}.author-profile h5 a{color:#0a165e;}.author-profile h5 a:hover{color:#ff4500;}.popular-posts{display:flex;gap:20px;margin-bottom:40px;}.popular-posts img{width:100%;border-radius:5px;}.related-posts .card{border:none;}.related-posts .card img{border-radius:5px;}.comment.by-viewer{background:#ffffff;border:1px solid #ddd;border-radius:10px;padding:20px;margin-bottom:30px;box-shadow:0 2px 6px rgba(0,0,0,0.05);}.comment.by-viewer .comment-header{display:flex;align-items:center;margin-bottom:12px;}.comment.by-viewer .comment-avatar img{width:44px;height:44px;border-radius:50%;margin-right:12px;}.comment.by-viewer .comment-meta{display:flex;flex-direction:column;}.comment.by-viewer .comment-author{font-weight:bold;color:#0a165e;font-size:1rem;}.comment.by-viewer .comment-date{font-size:0.85rem;color:#999;}.comment.by-viewer .comment-body{font-size:0.95rem;line-height:1.6;color:#444;margin-top:10px;}.comment.by-viewer ul.links.inline{padding:0;margin-top:15px;}.comment.by-viewer ul.links.inline li{display:inline-block;margin-right:12px;}.comment.by-viewer ul.links.inline li a{color:#0056d2;font-weight:500;font-size:0.9rem;text-decoration:none;transition:color 0.3s;}.comment.by-viewer ul.links.inline li a:hover{text-decoration:underline;color:#003f9c;}form#comment-form{background:#ffffff;border:1px solid #e0e0e0;border-radius:10px;padding:30px;margin-top:30px;box-shadow:0 2px 6px rgba(0,0,0,0.03);}form#comment-form .form-item{margin-bottom:20px;}form#comment-form label{display:block;font-weight:600;font-size:0.95rem;margin-bottom:6px;color:#333;}form#comment-form input[type="text"],form#comment-form textarea{width:100%;padding:12px 14px;font-size:1rem;border:1px solid #ccc;border-radius:6px;transition:border 0.3s ease;}form#comment-form input[type="text"]:focus,form#comment-form textarea:focus{border-color:#0056d2;outline:none;}form#comment-form input[type="submit"],form#comment-form input[type="button"]{background:#0056d2;color:#fff;padding:10px 25px;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color 0.3s ease;}form#comment-form input[type="submit"]:hover{background-color:#003f9c;}