.qa26 *, .qa26 *::before, .qa26 *::after{
box-sizing: border-box;}
.qa26{
--qa-red:       #169B62;
--qa-red-dark:  #0f7a4e;
--qa-orange:    #FF883E;
--qa-yellow:    #FF883E;
--qa-ink:       #133a28;
--qa-ink-s:     #25382e;
--qa-muted:     #4a6e5a;
--qa-line:      #dcefe5;
--qa-soft:      #f4fdf8;
--qa-tint:      #fff3eb;
--qa-shadow:    0 2px 6px rgba(13,45,31,.06), 0 12px 32px rgba(13,45,31,.08);
--qa-shadow-sm: 0 1px 3px rgba(13,45,31,.08);
background: var(--qa-soft);
font-family: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;
color: var(--qa-ink);
-webkit-font-smoothing: antialiased;}
.qa26 .qa-wrap{
max-width: 1160px; margin: 0 auto; padding: 0 32px;}
.qa26 .qa-bc{
background: #fff; border-bottom: 1px solid var(--qa-line); padding: 11px 0;}
.qa26 .qa-bc-in{
max-width: 1160px; margin: 0 auto; padding: 0 32px;
display: flex; align-items: center; gap: 7px; flex-wrap: wrap;
font-size: 12.5px; color: var(--qa-muted);}
.qa26 .qa-bc-in a{
color: var(--qa-muted); text-decoration: none; transition: color .15s;}
.qa26 .qa-bc-in a:hover{
color: var(--qa-red);}
.qa26 .qa-bc-sep{
color: var(--qa-line);}
.qa26 .qa-bc-home{
width: 26px; height: 26px; border-radius: 6px; background: var(--qa-soft);
display: inline-flex; align-items: center; justify-content: center;
font-size: 12px; color: var(--qa-muted); text-decoration: none; transition: all .15s;}
.qa26 .qa-bc-home:hover{
background: var(--qa-red); color: #fff;}
.qa26 .qa-top{
background: linear-gradient(135deg, var(--qa-red) 0%, var(--qa-red-dark) 100%);
padding: 48px 0 42px; position: relative; overflow: hidden;}
.qa26 .qa-top::before{
content:''; position:absolute; top:-100px; right:-100px;
width:400px; height:400px; border-radius:50%;
background:rgba(255,255,255,.06); pointer-events:none;}
.qa26 .qa-top::after{
content:''; position:absolute; bottom:-80px; left:55%;
width:260px; height:260px; border-radius:50%;
background:rgba(255,255,255,.04); pointer-events:none;}
.qa26 .qa-top-inner{
display: flex; align-items: center; justify-content: space-between;
gap: 28px; flex-wrap: wrap; position: relative; z-index: 1;}
.qa26 .qa-top h1{
font-size: 36px; font-weight: 800; color: #fff;
letter-spacing: -.025em; line-height: 1.18; margin: 0 0 8px;}
.qa26 .qa-top-sub{
font-size: 14px; color: rgba(255,255,255,.72); line-height: 1.6; margin: 0; max-width: 500px;}
.qa26 .qa-top-right{
display: flex; flex-direction: column; gap: 10px;
width: 340px; flex-shrink: 0; position: relative; z-index: 1;}
.qa26 .qa-search-box{
display: flex; width: 100%; border-radius: 12px; overflow: hidden;
background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,.18);}
.qa26 .qa-search-box form{
display: flex; align-items: center; flex: 1; min-width: 0;}
.qa26 .qa-search-box i{
padding: 0 12px; color: #ABABAB; font-size: 15px; flex-shrink: 0;}
.qa26 .qa-search-box input[type="search"]{
flex: 1; min-width: 0; height: 48px; border: none; background: transparent;
font-family: inherit; font-size: 14px; color: var(--qa-ink); outline: none; padding: 0 4px;}
.qa26 .qa-search-box input[type="search"]::placeholder{
color: #BCBCBC;}
.qa26 .qa-search-box button{
flex-shrink: 0; height: 48px; padding: 0 18px;
background: var(--qa-ink); color: #fff; border: none;
font-family: inherit; font-size: 13px; font-weight: 700;
cursor: pointer; white-space: nowrap; transition: background .15s;}
.qa26 .qa-search-box button:hover{
background: #214b35;}
.qa26 .qa-uni-select{
width: 100%; height: 48px; border: none; border-radius: 12px;
font-family: inherit; font-size: 13.5px; font-weight: 500;
color: var(--qa-ink); background: #fff; cursor: pointer; outline: none;
padding: 0 36px 0 14px;
box-shadow: 0 4px 20px rgba(0,0,0,.18);
-webkit-appearance: none; appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23169B62' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: right 14px center;}
.qa26 .qa-chips-bar{
background: #fff; border-bottom: 1px solid var(--qa-line);}
.qa26 .qa-chips-inner{
display: flex; gap: 8px; padding: 13px 0;
overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.qa26 .qa-chips-inner::-webkit-scrollbar{
display: none;}
.qa26 .qa-chip{
display: inline-flex; align-items: center;
font-family: inherit; font-size: 12.5px; font-weight: 600; color: var(--qa-ink-s);
padding: 6px 15px; border-radius: 30px;
border: 1.5px solid var(--qa-line); background: var(--qa-soft);
white-space: nowrap; text-decoration: none; cursor: pointer;
transition: all .15s; flex-shrink: 0;}
.qa26 .qa-chip.active, .qa26 .qa-chip:hover{
background: var(--qa-ink); color: #fff; border-color: var(--qa-ink);}
.qa26 .qa-body{
background: var(--qa-soft); padding: 36px 0 0;}
.qa26 .qa-featured{
display: grid; grid-template-columns: 1fr 1fr;
border-radius: 20px; overflow: hidden;
background: #fff; border: 1px solid var(--qa-line);
text-decoration: none; min-height: 340px;
box-shadow: var(--qa-shadow-sm); transition: box-shadow .25s;
margin-bottom: 36px;}
.qa26 .qa-featured:hover{
box-shadow: var(--qa-shadow);}
.qa26 .qa-feat-img{
position: relative; overflow: hidden;
background: linear-gradient(135deg, var(--qa-red) 0%, var(--qa-red-dark) 100%);
min-height: 340px;
background-size: cover; background-position: center;}
.qa26 .qa-feat-letter{
position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
font-size:180px; font-weight:900; color:rgba(255,255,255,.08);
font-family:"Bricolage Grotesque",sans-serif; line-height:1; user-select:none;}
.qa26 .qa-feat-overlay{
position:absolute; bottom:0; left:0; right:0;
background:linear-gradient(to top,rgba(0,0,0,.4),transparent); height:50%;}
.qa26 .qa-feat-body{
padding:36px 40px; display:flex; flex-direction:column; justify-content:center;}
.qa26 .qa-feat-tag{
display:inline-flex; align-items:center; gap:6px;
font-size:10.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
color:var(--qa-red); background:#169B6214; padding:5px 12px; border-radius:20px;
margin-bottom:16px; width:fit-content;}
.qa26 .qa-feat-body h2{
font-size:24px; font-weight:800; color:var(--qa-ink);
line-height:1.25; letter-spacing:-.02em; margin:0 0 12px;}
.qa26 .qa-feat-body p{
font-size:14px; color:var(--qa-ink-s); line-height:1.75; margin:0 0 22px;}
.qa26 .qa-feat-meta{
display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.qa26 .qa-feat-date, .qa26 .qa-feat-uni{
font-size:12.5px; color:var(--qa-muted);}
.qa26 .qa-feat-read{
margin-left:auto; display:inline-flex; align-items:center; gap:6px;
font-size:13px; font-weight:700; color:var(--qa-red);}
.qa26 .qa-feat-read svg{
width:14px; height:14px; transition:transform .2s;}
.qa26 .qa-featured:hover .qa-feat-read svg{
transform:translateX(4px);}
.qa26 .qa-sec-head{
display:flex; align-items:center; justify-content:space-between;
gap:12px; flex-wrap:wrap;
margin-bottom:20px; padding-bottom:14px; border-bottom:2px solid var(--qa-line);}
.qa26 .qa-sec-head h3{
font-size:18px; font-weight:800; color:var(--qa-ink); margin:0; letter-spacing:-.01em;
display:flex; align-items:center; gap:10px; flex:1; min-width:0;}
.qa26 .qa-sec-head h3::before{
content:''; display:inline-block; width:4px; height:20px; flex-shrink:0;
background:linear-gradient(to bottom,var(--qa-red),var(--qa-yellow)); border-radius:2px;}
.qa26 .qa-view-all{
display:inline-flex; align-items:center; gap:6px; flex-shrink:0;
font-size:12.5px; font-weight:700; color:var(--qa-red); text-decoration:none;
background:#fff; border:1.5px solid var(--qa-red); border-radius:50px;
padding:6px 14px; white-space:nowrap; transition:background .15s, color .15s;}
.qa26 .qa-view-all:hover{
background:var(--qa-red); color:#fff;}
.qa26 .qa-view-all svg{
width:13px; height:13px;}
.qa26 .qa-section{
padding: 0 0 44px;}
.qa26 .qa-cards{
display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.qa26 .qa-card{
position:relative;
display:flex !important; flex-direction:column !important;
flex-wrap:nowrap !important; align-items:stretch !important;
width:100% !important;
border-radius:14px; overflow:hidden; background:#fff;
border:1px solid var(--qa-line); text-decoration:none;
box-shadow:var(--qa-shadow-sm);
transition:box-shadow .2s, transform .2s, border-color .2s;}
.qa26 .qa-card:hover{
box-shadow:var(--qa-shadow); transform:translateY(-3px); border-color:#d4f0e4;}
.qa26 .qa-card-link{
position:absolute; inset:0; z-index:1;
font-size:0; text-indent:-9999px; overflow:hidden;}
.qa26 .qa-card-btn{
position:relative; z-index:3;}
.qa26 .qa-card-img{
position:relative;
width:100% !important;
height:170px !important;
flex:0 0 170px !important;
display:block; overflow:hidden;}
.qa26 .qa-card-img .qa-img-bg{
position:absolute; inset:0;
background-size:cover; background-position:center;
transition:transform .4s ease;}
.qa26 .qa-card:hover .qa-card-img .qa-img-bg{
transform:scale(1.06);}
.qa26 .qa-card-img-bg{
position:absolute; inset:0;
display:flex; align-items:center; justify-content:center;
transition:transform .4s ease;}
.qa26 .qa-card:hover .qa-card-img-bg{
transform:scale(1.06);}
.qa26 .qa-card-img-letter{
font-size:72px; font-weight:900; font-family:"Bricolage Grotesque",sans-serif; line-height:1; user-select:none; opacity:.2;}
.qa26 .qa-card-label{
position:absolute; top:12px; left:12px; z-index:2;
font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
color:#fff; background:rgba(0,0,0,.52); backdrop-filter:blur(4px);
padding:4px 10px; border-radius:20px;}
.qa26 .qa-card-body{
width:100% !important;
flex:1 1 auto !important;
padding:16px 18px 16px; display:flex; flex-direction:column;}
.qa26 .qa-card-type{
font-size:10.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--qa-muted); margin-bottom:7px;}
.qa26 .qa-card-body h4{
font-size:14px; font-weight:700; color:var(--qa-ink);
line-height:1.4; margin:0 0 6px; letter-spacing:-.01em;}
.qa26 .qa-card:hover .qa-card-body h4{
color:var(--qa-red);}
.qa26 .qa-card-excerpt{
font-size:12.5px; color:var(--qa-muted); line-height:1.6; margin:0 0 8px;
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.qa26 .qa-card-meta{
display:flex; align-items:center; gap:8px;
padding-top:8px; border-top:1px solid #f5fff9; margin-top:auto;}
.qa26 .qa-card-date{
font-size:11.5px; color:var(--qa-muted);}
.qa26 .qa-card-arrow{
margin-left:auto; color:#CCC; font-size:16px; transition:color .15s, transform .15s;}
.qa26 .qa-card:hover .qa-card-arrow{
color:var(--qa-red); transform:translateX(3px);}
.qa26 .qa-card-btn{
display:inline-flex; align-items:center; gap:5px;
margin:8px 0 0; padding:5px 14px; align-self:flex-start;
background:transparent; color:var(--qa-red);
border:1.5px solid var(--qa-red);
font-family:inherit; font-size:11.5px; font-weight:700;
border-radius:50px; text-decoration:none;
transition:background .15s, color .15s; flex-shrink:0;}
.qa26 .qa-card-btn:hover{
background:var(--qa-red); color:#fff;}
.qa26 .qa-all-section{
padding: 0 0 0;}
.qa26 .qa-all-grid{
display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.qa26 .qa-cta-strip{
background:linear-gradient(135deg,var(--qa-ink) 0%,#214b35 100%);
border-radius:14px; padding:20px 28px; margin:36px 0;
display:flex; align-items:center; justify-content:space-between; gap:20px;
box-shadow:var(--qa-shadow-sm);}
.qa26 .qa-cta-strip p{
margin:0; font-size:15px; font-weight:600; color:#fff; line-height:1.4;}
.qa26 .qa-cta-strip p span{
color:var(--qa-yellow); font-weight:700;}
.qa26 .qa-cta-strip a{
flex-shrink:0; display:inline-flex; align-items:center; gap:7px;
background:var(--qa-red); color:#fff; font-family:inherit; font-size:13.5px; font-weight:700;
padding:12px 22px; border-radius:50px; text-decoration:none;
box-shadow:0 4px 14px rgba(22,155,98,.35); transition:background .15s, transform .15s;}
.qa26 .qa-cta-strip a:hover{
background:var(--qa-red-dark); transform:translateY(-1px); color:#fff;}
.qa26 .qa-inline-cta{
border-radius:16px; margin:0 0 44px; overflow:hidden; box-shadow:var(--qa-shadow-sm);}
.qa26 .qa-ica-a{
background:linear-gradient(135deg,var(--qa-red) 0%,var(--qa-red-dark) 100%);
padding:26px 30px; display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
.qa26 .qa-ica-a .qa-ica-icon{
flex-shrink:0; width:52px; height:52px; border-radius:14px;
background:rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center;
font-size:22px; color:#fff;}
.qa26 .qa-ica-body{
flex:1; min-width:0;}
.qa26 .qa-ica-body h4{
font-size:16px; font-weight:800; color:#fff; margin:0 0 4px; line-height:1.3;}
.qa26 .qa-ica-body p{
font-size:13px; color:rgba(255,255,255,.78); margin:0; line-height:1.5;}
.qa26 .qa-ica-a .qa-ica-btn{
flex-shrink:0; display:inline-flex; align-items:center; gap:7px;
background:#fff; color:var(--qa-red); font-family:inherit; font-size:13.5px; font-weight:800;
padding:12px 24px; border-radius:50px; text-decoration:none;
box-shadow:0 4px 14px rgba(0,0,0,.18); transition:transform .15s;}
.qa26 .qa-ica-a .qa-ica-btn:hover{
transform:translateY(-2px); color:var(--qa-red);}
.qa26 .qa-ica-b{
background:linear-gradient(135deg,var(--qa-ink) 0%,#214b35 100%);
padding:26px 30px; display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
.qa26 .qa-ica-b .qa-ica-icon{
flex-shrink:0; width:52px; height:52px; border-radius:14px;
background:linear-gradient(135deg,var(--qa-red),var(--qa-orange));
display:flex; align-items:center; justify-content:center;
font-size:22px; color:#fff; box-shadow:0 4px 12px rgba(22,155,98,.4);}
.qa26 .qa-ica-ticks{
display:flex; gap:6px 18px; flex-wrap:wrap; margin-top:8px;}
.qa26 .qa-ica-ticks span{
font-size:12px; font-weight:600; color:rgba(255,255,255,.85); display:flex; align-items:center; gap:5px;}
.qa26 .qa-ica-ticks i{
color:var(--qa-yellow); font-size:11px;}
.qa26 .qa-ica-b .qa-ica-btn{
flex-shrink:0; display:inline-flex; align-items:center; gap:7px;
background:var(--qa-red); color:#fff; font-family:inherit; font-size:13.5px; font-weight:800;
padding:12px 24px; border-radius:50px; text-decoration:none;
box-shadow:0 4px 14px rgba(22,155,98,.4); transition:background .15s, transform .15s;}
.qa26 .qa-ica-b .qa-ica-btn:hover{
background:var(--qa-red-dark); transform:translateY(-1px); color:#fff;}
@media(max-width:680px){
.qa26 .qa-ica-a, .qa26 .qa-ica-b{
padding:20px 18px; flex-direction:column; align-items:flex-start; gap:14px;}
.qa26 .qa-ica-a .qa-ica-btn, .qa26 .qa-ica-b .qa-ica-btn{
width:100%; justify-content:center;}
}
.qa26 .qa-load-wrap{
display:flex; justify-content:center;
padding:36px 0 60px; border-top:1px solid var(--qa-line); margin-top:28px;}
#load-more-questions{
display:inline-flex !important; align-items:center !important; gap:8px !important;
font-family:"Nunito",sans-serif !important; font-size:14px !important;
font-weight:700 !important; color:var(--qa-red) !important;
background:#fff !important; border:2px solid var(--qa-red) !important;
border-radius:50px !important; padding:12px 36px !important;
cursor:pointer !important; transition:all .18s !important;
box-shadow:0 2px 8px rgba(22,155,98,.1) !important;}
#load-more-questions:hover{
background:var(--qa-red) !important; color:#fff !important;
box-shadow:0 6px 18px rgba(22,155,98,.3) !important;}
.qa26 .qa-feats-band{
background:linear-gradient(135deg,var(--qa-red) 0%,var(--qa-red-dark) 100%); padding:44px 0;}
.qa26 .qa-feats-inner{
display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap;}
.qa26 .qa-feats-list{
display:flex; gap:6px 28px; flex-wrap:wrap;}
.qa26 .qa-feat-item{
font-size:13.5px; color:rgba(255,255,255,.85); display:flex; align-items:center; gap:8px;}
.qa26 .qa-feat-item i{
color:var(--qa-yellow); font-size:13px;}
.qa26 .qa-feats-cta a{
display:inline-flex; align-items:center; gap:8px;
background:#fff; color:var(--qa-red); font-family:inherit; font-size:14px; font-weight:700;
padding:13px 28px; border-radius:50px; text-decoration:none;
box-shadow:0 4px 16px rgba(0,0,0,.18); transition:transform .15s, box-shadow .15s;}
.qa26 .qa-feats-cta a:hover{
transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.22); color:var(--qa-red);}
.qa26 .bg-c1{
background:linear-gradient(135deg,#133a28,#214b35)}
.qa26 .bg-c2{
background:linear-gradient(135deg,#0f7a4e,#169B62)}
.qa26 .bg-c3{
background:linear-gradient(135deg,#8f3908,#FF883E)}
.qa26 .bg-c4{
background:linear-gradient(135deg,#0d2415,#1f4a33)}
.qa26 .bg-c5{
background:linear-gradient(135deg,#25382e,#6d8579)}
.qa26 .bg-c6{
background:linear-gradient(135deg,#A6440A,#e06a20)}
.qa26 .qa-card-img-letter.lc1{
color:rgba(200,180,255,1)}
.qa26 .qa-card-img-letter.lc2{
color:rgba(180,220,255,1)}
.qa26 .qa-card-img-letter.lc3{
color:rgba(180,255,200,1)}
.qa26 .qa-card-img-letter.lc4{
color:rgba(255,210,180,1)}
.qa26 .qa-card-img-letter.lc5{
color:rgba(210,180,255,1)}
.qa26 .qa-card-img-letter.lc6{
color:rgba(255,240,180,1)}
@media(max-width:960px){
.qa26 .qa-featured{
grid-template-columns:1fr}
.qa26 .qa-feat-img{
min-height:220px}
.qa26 .qa-cards{
grid-template-columns:1fr 1fr}
.qa26 .qa-top-right{
width:100%}
}
@media(max-width:680px){
.qa26 .qa-wrap{
padding:0 18px}
.qa26 .qa-bc-in{
padding:0 18px}
.qa26 .qa-top{
padding:32px 0 26px}
.qa26 .qa-top-inner{
flex-direction:column;align-items:flex-start;gap:20px}
.qa26 .qa-top h1{
font-size:26px}
.qa26 .qa-top-right{
width:100%}
.qa26 .qa-cards{
grid-template-columns:1fr}
.qa26 .qa-all-grid{
grid-template-columns:1fr}
.qa26 .qa-feat-body{
padding:24px 20px}
.qa26 .qa-feat-body h2{
font-size:20px}
.qa26 .qa-cta-strip{
flex-direction:column;align-items:flex-start;gap:14px}
.qa26 .qa-feats-inner{
flex-direction:column;align-items:flex-start}
.qa26 .qa-feats-cta a{
width:100%;justify-content:center}
}
@media (min-width: 768px){
.qa26 .qa-chips-inner{
display: flex !important; flex-wrap: nowrap !important;
overflow-x: auto !important; overflow-y: hidden !important;
padding-bottom: 10px !important;
scrollbar-width: thin !important;
scrollbar-color: #169B62 #eef2f0 !important;}
.qa26 .qa-chips-inner.sah-chips-multi{
display: flex !important;
flex-wrap: wrap !important;
gap: 8px 8px !important;
overflow: visible !important;
padding-bottom: 0 !important;}
.qa26 .qa-chips-inner::-webkit-scrollbar{
display: block !important; height: 6px !important; width: 6px !important;}
.qa26 .qa-chips-inner::-webkit-scrollbar-track{
background: #eef2f0 !important; border-radius: 3px !important;}
.qa26 .qa-chips-inner::-webkit-scrollbar-thumb{
background: #169B62 !important; border-radius: 3px !important;}
.qa26 .qa-chip{
justify-self: start !important; white-space: nowrap !important; flex: 0 0 auto !important;}
}