.search-banner {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 380px;
    padding: 80px 0;
  
    overflow: hidden;
}
.search-banner.kc-live-open{overflow:visible;padding-bottom:40px}
.search-container{position:relative;z-index:2;width:100%;max-width:1180px;text-align:center}
.search-container h1{margin:0 0 42px;color:#fff;font-size:36px;line-height:1.2;font-weight:700}
.search-form{display:flex;align-items:center;justify-content:center;gap:24px}
.search-input-wrap{position:relative;width:582px}
.search-icon{position:absolute;left:24px;top:36%;z-index:2;width:18px;height:18px;border-radius:50%;transform: rotateY(180deg);
    color: #64748b;}
.search-input-wrap input{width:100%;height:50px;padding:0 25px 0 58px;border:0;outline:0;border-radius:40px;background:#fff;box-sizing:border-box;font-size:18px}
.search-form button{height:50px;min-width:132px;padding:0 30px;border:0;border-radius:40px;background:#202d4a;color:#fff;font-size:18px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .2s ease}
.search-form button:hover{background:#172239;transform:translateY(-1px)}

.kc-live-wrap{width:100%;max-width:740px;margin:0 auto}
.kc-live-wrap .search-form{width:100%}
.kc-live-wrap .search-input-wrap{flex:1;width:auto;min-width:0;max-width:none}
.kc-live-results {
    margin: 5px 0 0;
    max-height: min(52vh, 480px);
    overflow-y: auto;
    text-align: left;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .18);
    padding: 8px;
    position: absolute;
    max-width: 584px;
    min-width: 584px;

   

    /* Firefox */
    scrollbar-width: none;

    /* IE / Edge legacy */
    -ms-overflow-style: none;
}

/* Chrome, Edge, Safari */
.kc-live-results::-webkit-scrollbar {
    display: none;
}

.kc-live-results::-webkit-scrollbar-track {
    background: transparent;
}

.kc-live-results::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 10px;
}

.kc-live-results::-webkit-scrollbar-thumb:hover {
    background: #888;
}
.kc-live-hit{display:block;padding:14px 16px;border-radius:12px;text-decoration:none;color:inherit}
.kc-live-hit:hover,.kc-live-hit:focus{background:#f4f7fb}
.kc-live-hit-title{display:block;font-size:16px;font-weight:700;color:#202d4a;line-height:1.35}
.kc-live-hit-excerpt{display:block;margin:6px 0 0;font-size:14px;line-height:1.55;color:#526174}
.kc-live-hit-excerpt mark{background:#fff3bf;color:inherit;padding:0 2px;border-radius:2px}
.kc-live-empty{padding:28px 16px;text-align:center;color:#252b38;font-size:18px;font-weight:700}
section.customs-sections.knowledge-center-single{background: #f8fafc;}
section.article-page{background: #f8fafc;}
@media(max-width:768px){.search-banner{min-height:auto;padding:60px 20px 80px}.search-container h1,.search-container h2{margin-bottom:30px;font-size:30px}.search-form{gap:20px}.search-input-wrap{width:60%}.kc-live-wrap{max-width:100%}}
@media(max-width:576px){.search-banner{padding:50px 20px 80px}.search-container h1,.search-container h2{margin-bottom:28px;font-size:25px}.search-form{flex-direction:column;gap:15px}.search-input-wrap{width:100%}.search-input-wrap input{height:58px}.search-form button{height:56px;min-width:120px}.kc-live-results{max-height:min(48vh,420px)}.kc-live-hit-title{font-size:15px}}
.kc-search-results{padding:40px 0 60px;background:#f7f7f7}
.kc-search-results-inner{max-width:920px;margin:0 auto}
.kc-search-count{margin:0 0 22px;color:#707b8c;font-size:16px;line-height:1.5}
.kc-search-result{background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.08);padding:24px 28px;margin-bottom:16px}
.kc-search-result-cat{display:inline-block;margin:0 0 8px;color:#0453a7;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.kc-search-result h2{margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.3}
.kc-search-result h2 a{color:#202d4a;text-decoration:none}
.kc-search-result h2 a:hover{color:#0453a7}
.kc-search-result-excerpt{margin:8px 0 0;color:#526174;font-size:15px;line-height:1.7}
.kc-search-result-excerpt mark{background:#fff3bf;color:inherit;padding:0 2px;border-radius:2px}
.kc-search-empty{text-align:center;background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.08);padding:48px 24px}
.kc-search-empty h2{margin:0 0 10px;color:#252b38;font-size:24px;font-weight:700}
.kc-search-empty p{margin:0;color:#707b8c;font-size:16px;line-height:1.7}
.kc-search-empty a{color:#0453a7}
@media(max-width:576px){
.kc-search-results{padding:28px 0 48px}
.kc-search-result{padding:20px}
.kc-search-result h2{font-size:18px}
.kc-search-empty{padding:36px 18px}
.kc-search-empty h2{font-size:20px}
}
.category-section{padding:45px 20px 25px;background:#f7f7f7;font-family:Arial,sans-serif}
.category-card{position:relative;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:24px;background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.08);text-align:center; margin-bottom: 24px; min-height: 350px;}
.category-card h3 a{color:inherit;text-decoration:none}
.category-icon{display:flex;align-items:center;justify-content:center;height:80px;margin-bottom:8px}
.category-icon i{font-size:36px;color:#ef3349}
.category-card:nth-child(1) .category-icon i{color:#222}
.category-card:nth-child(2) .category-icon i{color:#ef3349}
.category-card:nth-child(3) .category-icon i{color:#ef3349}
.category-card:nth-child(4) .category-icon i{color:#555277}
.category-card h3{margin:5px 0 15px;color:#202a3c;font-size:18px;line-height:1.2;font-weight:600}
.category-card p{}

/* ================================
   Intro Content
================================ */

.knowledge-center-single .hm-edu-inner {max-width: 920px;margin: 0 auto 65px;}
.knowledge-center-single .hm-edu-h {margin: 0 0 18px;color: #252b38;font-size: 27px;line-height: 1.3;font-weight: 700;}
.knowledge-center-single .hm-edu-h3 {margin: 28px 0 14px;color: #252b38;font-size: 20px;line-height: 1.35;font-weight: 600;}
.knowledge-center-single .hm-edu-lead {margin: 0 0 16px;color: #707b8c;font-size: 16px;line-height: 1.8;}
.knowledge-center-single .hm-edu-lead:last-child {margin-bottom: 0;}


/* ================================
   Article Grid
================================ */
.article-grid{display:grid;grid-template-columns:repeat(1fr);gap:28px;margin-top:10px}
.article-group{position:relative;padding:32px 30px 30px;background:#fff;border:1px solid #e7ecf2;border-radius:18px;box-shadow:0 8px 25px rgba(24,55,88,.055);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.article-group:hover{transform:translateY(-5px);border-color:#d6e5f4;box-shadow:0 16px 38px rgba(24,55,88,.10)}
.article-group::before{content:"";position:absolute;top:0;left:30px;width:55px;height:4px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#0453a7,#2aa8df)}
.article-group h2{margin:0 0 22px;color:#252b38;font-size:22px;line-height:1.35;font-weight:700}
.article-list{list-style:none;padding:0;margin:0}
.article-list li{position:relative;padding-left:22px;margin-bottom:13px;line-height:1.55}
.article-list li:last-child{margin-bottom:0}
.article-list li::before{content:"›";position:absolute;left:0;top:-3px;color:#b9c3ce;font-size:21px;line-height:1.45;transition:all .2s ease}
.article-list li a{color:#526174;font-size:15px;font-weight:500;line-height:1.55;text-decoration:none;transition:color .2s ease}
.article-list li a:hover{color:#0453a7}
.article-list li:hover::before{left:3px;color:#0453a7}


.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:30px;align-items:start}
.article-content{max-width:920px; padding:15px; background:#fff;}
.article-title{margin:0 0 24px;color:#2d303b;font-size:36px;font-weight:700;}
.article-intro{margin-bottom:45px;padding:12px 25px;border-left:5px solid #d9d9d9}
.article-intro p{margin:0 0 22px;color:#172c46;font-size:20px;line-height:1.6}
.article-intro p:last-child{margin-bottom:0}
.article-section{margin-bottom:28px}
.article-section p{margin:0;color:#172c46;font-size:19px;line-height:1.65}
.article-section .icon{display:inline-block;margin-right:8px;font-size:20px}
.article-section a{color:#ed243e;text-decoration:none}
.article-section a:hover{text-decoration:underline}
.article-sidebar{position:sticky;top:60px; padding:15px; background:#fff;}
.article-sidebar h2{margin:0 0 32px;color:#172c46;font-size:28px;line-height:1.25;font-weight:700}
.article-list{list-style:none;padding:0;margin:0}
.article-list li{position:relative;padding-left:22px;margin-bottom:13px;line-height:1.55}
.article-list li:last-child{margin-bottom:0}
.article-list li::before{content:"›";position:absolute;left:0;top:-3px;color:#b9c3ce;font-size:21px;line-height:1.45;transition:all .2s ease}
.article-list li a{color:#526174;font-size:15px;font-weight:500;line-height:1.55;text-decoration:none;transition:color .2s ease}
.article-list li a:hover{color:#0453a7}
.article-list li:hover::before{left:3px;color:#0453a7}
.article-body{margin-top:50px}
.article-body h2{margin:0 0 20px;color:#2d303b;font-size:30px;line-height:1.3;font-weight:700}
.article-body p{margin:0 0 22px;}
.article-body p a{font-weight: 500;color: #0453a7;}
.article-body p a:hover{text-decoration:underline;}
@media(max-width:1100px){
.article-layout{grid-template-columns:minmax(0,1fr) 320px;gap:30px}
.article-title{font-size:36px;line-height:1.35}
.article-sidebar h2{font-size:24px}
.article-nav a{font-size:17px}
}
@media(max-width:850px){
.article-layout{grid-template-columns:1fr;gap:50px}
.article-content{max-width:100%}
.article-sidebar{position:static;order:-1;padding:25px;background:#fff;border:1px solid #e7e9ed;border-radius:15px}
.article-sidebar h2{margin-bottom:20px}
.article-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 25px}
}
@media(max-width:767px){
.kc-live-wrap .search-input-wrap{width:100%;}	
.kc-live-results{max-width: 100%;min-width: 100%;}	
}
@media(max-width:576px){
.article-page{padding:22px 0 22px}
.article-container{padding:0 18px}
.article-breadcrumb{margin-bottom:40px;font-size:15px}
.article-breadcrumb .separator{margin:0 8px}
.article-title{margin-bottom:24px;font-size:26px;line-height:1.3;letter-spacing:-.5px}
.article-intro{margin-bottom:45px;padding:18px;border-left-width:4px}
.article-intro p{font-size:16px;line-height:1.65}
.article-section p{font-size:16px;line-height:1.65}
.article-sidebar{padding:22px 20px}
.article-sidebar h2{margin-bottom:20px;font-size:24px}
.article-nav{grid-template-columns:1fr}
.article-nav a{font-size:16px}
.article-body h2{font-size:25px}
.article-body p{font-size:16px}
}