/* ============================================================
   COMMON FAQ COMPONENT CSS
   PREFIX: gb-faq-
   SAFE FOR GLOBAL USE
============================================================ */
.gb-faq-section {
    padding: 90px 0;
    background: #F7F9F7;
}
.gb-faq-container {
    max-width: 1200px;
    margin: auto;
}
.gb-faq-head {
    max-width:680px;
    margin:0 auto 64px;
    text-align:center;
}
.gb-faq-head h2 {
    font-size:clamp(28px,3vw,40px);
    font-weight:700;
    color:#0D1F2D;
    margin-bottom:16px;
}
.gb-faq-head h2 span {
    color:#1E8A4C;
}
.gb-faq-head p {
    font-size:17px;
    color:#5C6B78;
}
.gb-faq-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    align-items:start;          /* <-- THE FIX: stops row-stretch making the neighbouring card look "open" */
    align-content:start;
}
.gb-faq-item {
    background:#fff;
    border-radius:14px;
    border:1px solid #E0E8E2;
    overflow:hidden;
    cursor:pointer;
    align-self:start;           /* belt-and-suspenders, in case grid-auto-rows still stretches */
}
.gb-faq-question {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    padding:20px 22px;
}
.gb-faq-title {
    font-size:14px;
    font-weight:700;
    color:#0D1F2D;
}
.gb-faq-icon {
    width:26px;
    height:26px;
    border-radius:50%;
    background:#E8F7EE;
    color:#1E8A4C;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    transition:.25s;
}
.gb-faq-item.gb-open .gb-faq-icon {
    background:#1E8A4C;
    color:white;
    transform:rotate(45deg);
}
.gb-faq-answer {
    display:none;
    padding:0 22px 18px;
    padding-top:14px;
    border-top:1px solid #E0E8E2;
    font-size:14px;
    line-height:1.7;
    color:#5C6B78;
}
.gb-faq-item.gb-open .gb-faq-answer {
    display:block;
}
/* Responsive */
@media(max-width:960px){
    .gb-faq-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:768px){
    .gb-faq-section{
        padding:60px 0;
    }
    .gb-faq-head h2{
        font-size:26px;
    }
}