.susrut-blog-section{position:relative;padding:70px 0 80px;overflow:hidden;background:linear-gradient(145deg,#f5fafc 0%,#fff 55%,#eef7fa 100%)}
.susrut-blog-section:before,.susrut-blog-section:after{content:"";position:absolute;border:1px solid rgba(8,118,184,.07);border-radius:50%;pointer-events:none}
.susrut-blog-section:before{width:500px;height:500px;left:-320px;top:-250px}
.susrut-blog-section:after{width:370px;height:370px;right:-230px;bottom:-200px}
.susrut-blog-wrap{position:relative;z-index:2;width:min(1320px,calc(100% - 40px));margin:auto}

.susrut-blog-header{max-width:820px;margin:0 auto 30px;text-align:center}
.susrut-blog-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:11px;color:#0875b6;font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.susrut-blog-label:before,.susrut-blog-label:after{content:"";width:23px;height:1px;background:#8ab8cf}
.susrut-blog-header h2{margin:0 0 11px;color:#173c58;font-size:clamp(40px,4.5vw,56px);line-height:1.05;font-weight:600;letter-spacing:-1.4px}
.susrut-blog-header h2 span{display:block;color:#0878bb;font-style:italic}
.susrut-blog-header p{max-width:720px;margin:0 auto;color:#687e8e;font-size:11px;line-height:1.8}


/* FILTER */

.susrut-blog-filter{margin-bottom:35px;padding:20px 24px;border:1px solid #dbe7ed;border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(25,70,100,.045)}

.susrut-blog-filter-head{display:flex;align-items:center;gap:12px;padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid #e5edf1}

.susrut-blog-filter-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;background:#0875b6;color:#fff;font-size:14px;box-shadow:0 7px 16px rgba(8,118,184,.14)}

.susrut-blog-filter-head h3{margin:0 0 3px;color:#294d66;font-size:18px;font-weight:600}
.susrut-blog-filter-head p{margin:0;color:#82949e;font-size:9px}

.susrut-blog-filter-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:13px;align-items:end}

.susrut-blog-filter-group label{display:block;margin:0 0 6px;color:#294d66;font-size:13px;font-weight:700}
.susrut-blog-filter-group label i{margin-right:5px;color:#0875b6;font-size:9px}

.susrut-blog-select{position:relative}
.susrut-blog-select select{width:100%;height:46px;padding:0 38px 0 13px;border:1px solid #d7e5eb;border-radius:7px;background:#fff;color:#294d66;font-size:15px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}
.susrut-blog-select:after{content:"\f107";position:absolute;right:13px;top:50%;transform:translateY(-50%);font-family:"Font Awesome 6 Free";font-weight:900;color:#6f8794;font-size:13px;pointer-events:none}
.susrut-blog-select select:focus{border-color:#0875b6;box-shadow:0 0 0 3px rgba(8,118,184,.07)}
.susrut-blog-select select:disabled{background:#f4f7f9;color:#9aaab3;cursor:not-allowed}

.susrut-blog-filter-actions{display:flex;gap:7px}
.susrut-blog-filter-actions button{height:46px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #0875b6;border-radius:7px;background:#0875b6;color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.25s}
.susrut-blog-filter-actions button:hover{background:#075f98;transform:translateY(-1px)}
.susrut-blog-filter-actions button i{font-size:9px}
.susrut-blog-filter-actions .blog-reset-btn{border-color:#d7e5eb;background:#fff;color:#526f80}
.susrut-blog-filter-actions .blog-reset-btn:hover{border-color:#bcd9e6;background:#f7fbfd;color:#0875b6}

.susrut-blog-filter-status{display:flex;align-items:center;gap:7px;margin-top:15px;padding-top:12px;border-top:1px solid #e5edf1;color:#718793;font-size:13px}
.susrut-status-dot{width:7px;height:7px;border-radius:50%;background:#18b66a;box-shadow:0 0 0 3px rgba(24,182,106,.08)}


/* BLOG GRID */

.susrut-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.susrut-blog-card{position:relative;overflow:hidden;border:1px solid #dbe7ed;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(25,70,100,.045);transition:.3s}
.susrut-blog-card:hover{transform:translateY(-5px);border-color:#c4dce7;box-shadow:0 15px 32px rgba(25,70,100,.09)}
.susrut-blog-card.is-hidden{display:none}

.susrut-blog-image{position:relative;height:235px;overflow:hidden;background:#eaf6fb}
.susrut-blog-image>a{display:block;width:100%;height:100%}
.susrut-blog-image img{display:block;width:100%;height:100%;object-fit:cover;transition:.5s}
.susrut-blog-image-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#0875b6;font-size:42px}
.susrut-blog-author i{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#eaf6fb;color:#0875b6;font-size:13px}
.susrut-blog-card:hover .susrut-blog-image img{transform:scale(1.05)}


/* CATEGORY */

.susrut-blog-category-badge{position:absolute;left:14px;bottom:14px;z-index:3;padding:6px 9px;border:1px solid rgba(255,255,255,.75);border-radius:5px;background:rgba(255,255,255,.95);box-shadow:0 6px 15px rgba(0,0,0,.1);color:#0875b6;font-size:13px;font-weight:700;transition:.25s}
.susrut-blog-card:hover .susrut-blog-category-badge{background:#0875b6;color:#fff;border-color:#0875b6}


/* DATE */

.susrut-blog-date{position:absolute;top:14px;right:14px;width:58px;height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(255,255,255,.95);box-shadow:0 7px 18px rgba(0,0,0,.1);text-align:center}
.susrut-blog-date strong{color:#0875b6;font-size:20px;line-height:1;font-weight:700}
.susrut-blog-date span{margin-top:3px;color:#294d66;font-size:13px;font-weight:700;letter-spacing:.08em}
.susrut-blog-date small{margin-top:3px;color:#8598a3;font-size:7px}


/* CARD CONTENT */

.susrut-blog-content{padding:18px 18px 19px}
.susrut-blog-author{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.susrut-blog-author img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #eaf6fb}
.susrut-blog-author span{color:#748996;font-size:13px;font-weight:700}
.susrut-blog-content h3{margin:0 0 9px;line-height:20px !important}
.susrut-blog-content h3 a{color:#244b67;text-decoration:none;font-size:18px;line-height:1.35;font-weight:600;transition:.2s}
.susrut-blog-content h3 a:hover{color:#0875b6}
.susrut-blog-content p{display:-webkit-box;overflow:hidden;margin:0 0 16px;color:#6b8190;font-size:15px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.susrut-blog-readmore{display:inline-flex;align-items:center;gap:7px;color:#0875b6;text-decoration:none;font-size:13px;font-weight:700}
.susrut-blog-readmore i{font-size:13px;transition:.25s}
.susrut-blog-readmore:hover{color:#075f98}
.susrut-blog-readmore:hover i{transform:translateX(4px)}


/* NO RESULTS */

.susrut-blog-no-results{display:none;grid-column:1/-1;padding:45px 20px;border:1px solid #dbe7ed;border-radius:11px;background:#fff;text-align:center;color:#6f8590}
.susrut-blog-no-results.show{display:flex;flex-direction:column;align-items:center;gap:7px}
.susrut-blog-no-results i{color:#0875b6;font-size:22px}
.susrut-blog-no-results strong{color:#294d66;font-size:13px}
.susrut-blog-no-results span{font-size:9px}


/* RESPONSIVE */

@media(max-width:950px){
    .susrut-blog-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:750px){
    .susrut-blog-filter-fields{grid-template-columns:1fr}
    .susrut-blog-filter-actions{width:100%}
    .susrut-blog-filter-actions button{flex:1}
}

@media(max-width:600px){
    .susrut-blog-section{padding:55px 0 65px}
    .susrut-blog-wrap{width:calc(100% - 28px)}
    .susrut-blog-header h2{font-size:33px}
    .susrut-blog-header p{font-size:15px;line-height:1.75}
    .susrut-blog-filter{padding:17px 15px}
    .susrut-blog-filter-head h3{font-size:16px}
    .susrut-blog-filter-head p{font-size:13px}
    .susrut-blog-grid{grid-template-columns:1fr;gap:15px}
    .susrut-blog-image{height:215px}
    .susrut-blog-content h3 a{font-size:17px}
    
    
    .susrut-knowledge-article-body h2 {  font-size: 22px !important;}
.susrut-knowledge-article-body {
  font-size: 15px !important;}
}





.susrut-knowledge-article {
    padding: 28px 0 88px;
}
.susrut-knowledge-article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin: 0 0 22px;
    max-width: 820px;
}
.susrut-knowledge-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: #e8f3f8;
    color: #0b5f7a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.susrut-knowledge-meta-item {
    color: #5b6b7c;
    font-size: 14px;
}
.susrut-knowledge-meta-item + .susrut-knowledge-meta-item::before {
    content: "·";
    margin-right: 14px;
    color: #9aa8b5;
}
.susrut-knowledge-meta-item + .susrut-knowledge-author::before {
    display: none;
    content: none;
}
.susrut-knowledge-author {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.susrut-knowledge-author-photo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
    border: 2px solid #ffffff;
    box-shadow: 0 4px 12px rgba(15, 35, 52, 0.14);
    background: #e8f0f5;
}
.susrut-knowledge-author-text {
    font-weight: 600;
    color: #243140;
}
.susrut-knowledge-article-image {
    margin-bottom: 28px;
   
}
.susrut-knowledge-article-image img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    display: block;
    box-shadow: 0 18px 40px rgba(15, 35, 52, 0.12);
}
.prose {
  max-width: 100% !important;
}
.susrut-knowledge-article-body {
   
    font-size: 17.5px;
    line-height: 1.8;
    color: #243140;
}
.susrut-knowledge-article-body.is-plain-text {
    white-space: normal;
}
.susrut-knowledge-article-body > *:first-child {
    margin-top: 0;
}
.susrut-knowledge-article-body p {
    margin: 0 0 1.15em;
}
.susrut-knowledge-article-body h1,
.susrut-knowledge-article-body h2,
.susrut-knowledge-article-body h3,
.susrut-knowledge-article-body h4,
.susrut-knowledge-article-body h5,
.susrut-knowledge-article-body h6 {
    color: #102033;
    line-height: 1.25;
    margin: 1.6em 0 0.55em;
    font-weight: 700;
}
.susrut-knowledge-article-body .btn{padding: 10px 34px;
  border-radius: 9px;
  background: #004e91;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;}
.susrut-knowledge-article-body .btn:hover{background: #000;
  color: #fff;}

.susrut-knowledge-article-body h2 {
  font-size: 30px !important;
  font-weight: 600;
  margin: 30px 0px 10px 0px !important;
}
.susrut-knowledge-article-body h3 { font-size: 1.28rem; }
.susrut-knowledge-article-body h4 { font-size: 1.12rem; }
.susrut-knowledge-article-body ul,
.susrut-knowledge-article-body ol {
    margin: 0 0 1.2em;
    padding-left: 1.35em;
}
.susrut-knowledge-article-body li {
    margin: 0.35em 0;
}
.susrut-knowledge-article-body li + li {
    margin-top: 0.45em;
}
.susrut-knowledge-article-body a {
    color: #0b6e8a;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.susrut-knowledge-article-body a:hover {
    color: #084e62;
}
.susrut-knowledge-article-body strong,
.susrut-knowledge-article-body b {
    color: #102033;
    font-weight: 700;
}
.susrut-knowledge-article-body blockquote {
    margin: 1.4em 0;
    padding: 14px 18px;
    border-left: 4px solid #0b6e8a;
    background: #f4f8fb;
    color: #334155;
    border-radius: 0 10px 10px 0;
}
.susrut-knowledge-article-body img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 1.2em 0;
}
.susrut-knowledge-article-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.4em 0;
    font-size: 0.95em;
    overflow: hidden;
    border-radius: 10px;
}
.susrut-knowledge-article-body th,
.susrut-knowledge-article-body td {
    border: 1px solid #d7e0e8;
    padding: 10px 12px;
    text-align: left;
    vertical-align: top;
}
.susrut-knowledge-article-body th {
    background: #eef5f9;
    color: #102033;
    font-weight: 700;
}
.susrut-knowledge-article-body hr {
    border: 0;
    border-top: 1px solid #d9e3ec;
    margin: 2em 0;
}
.susrut-knowledge-article-body pre,
.susrut-knowledge-article-body code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.92em;
}
.susrut-knowledge-article-body pre {
    background: #0f1c2a;
    color: #e8eef5;
    padding: 14px 16px;
    border-radius: 10px;
    overflow-x: auto;
}
.susrut-knowledge-article-footer {
    margin-top: 40px;
   
}
.susrut-knowledge-article-footer .susrut-blog-readmore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}