.gb-about{background:#fff}
.gb-about-banner{position:relative;height:330px;background:url('../img/helping-local-business-bg.jpg') center center/cover no-repeat;display:flex;align-items:center}
.gb-about-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,25,37,.75),rgba(16,25,37,.2))}
.gb-about-banner .container{position:relative;z-index:2}
.gb-about-banner-content{max-width:700px;color:#fff}
.gb-about-banner-content span{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}
.gb-about-banner-content h1{margin:0 0 13px;color:#fff;font-size:42px;font-weight:700;line-height:1.15}
.gb-about-banner-content p{margin:0;max-width:650px;color:rgba(255,255,255,.92);font-size:16px;line-height:1.7}

.gb-about-top{position:relative;margin-top:-38px;z-index:5}
.gb-about-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.gb-about-card{display:flex;align-items:center;gap:13px;min-height:82px;padding:17px;background:#fff;border:1px solid #e7ebf0;border-radius:10px;box-shadow:0 7px 25px rgba(29,43,61,.09);text-decoration:none!important;transition:.2s}
.gb-about-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(29,43,61,.14);border-color:#f4b1aa}
.gb-about-card-icon{width:43px;height:43px;min-width:43px;border-radius:9px;background:#fff1ef;color:#ef493b;display:flex;align-items:center;justify-content:center;font-size:17px}
.gb-about-card strong{display:block;color:#26364a;font-size:14px;margin-bottom:3px}
.gb-about-card small{display:block;color:#8c98a5;font-size:11px;line-height:1.4}

.gb-about-main{padding:55px 0 65px}
.gb-about-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:40px;align-items:start}

.gb-about-side{border:1px solid #e7ebf0;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 4px 18px rgba(29,43,61,.05)}
.gb-about-side-title{padding:17px 18px;background:#26364a;color:#fff;font-size:15px;font-weight:600}
.gb-about-side-title i{margin-right:7px}
.gb-about-side a{position:relative;display:block;padding:13px 18px;border-bottom:1px solid #edf0f3;color:#59697a;text-decoration:none!important;font-size:13px;transition:.2s}
.gb-about-side a:last-child{border-bottom:0}
.gb-about-side a:hover{background:#fafbfc;color:#ef493b;padding-left:21px}
.gb-about-side a.active{background:#fff4f2;color:#ef493b;font-weight:600;border-left:3px solid #ef493b;padding-left:15px}
.gb-about-side a i{width:18px;color:#a8b1ba}
.gb-about-side a.active i{color:#ef493b}

.gb-about-content{min-width:0}
.gb-about-heading{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #e9edf1}
.gb-about-heading span{display:block;color:#ef493b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:7px}
.gb-about-heading h2{margin:0 0 8px;color:#26364a;font-size:31px;font-weight:700}
.gb-about-heading p{margin:0;color:#84909d;font-size:14px;line-height:1.6}
.gb-about-content>p{font-size:14px;color:#566576;line-height:1.8;margin:0 0 18px}

.gb-about-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:27px 0}
.gb-about-feature{padding:20px;border:1px solid #e8ecf0;border-radius:9px;background:#fafbfc}
.gb-about-feature-icon{width:39px;height:39px;border-radius:8px;background:#fff0ee;color:#ef493b;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:12px}
.gb-about-feature h3{font-size:15px;color:#2d3d50;margin:0 0 7px;font-weight:600}
.gb-about-feature p{font-size:12px;color:#7c8997;line-height:1.65;margin:0}

.gb-about-note{display:flex;align-items:flex-start;gap:13px;padding:18px 20px;background:#fff7f5;border-left:3px solid #ef493b;border-radius:6px;margin-top:25px}
.gb-about-note i{color:#ef493b;font-size:20px;margin-top:2px}
.gb-about-note strong{display:block;color:#344456;font-size:14px;margin-bottom:4px}
.gb-about-note p{margin:0;color:#73808e;font-size:12px;line-height:1.6}

.gb-about-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 25px}
.gb-about-list>div{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#fafbfc;border:1px solid #e8ecf0;border-radius:7px;color:#536476;font-size:13px;line-height:1.5}
.gb-about-list i{width:24px;height:24px;min-width:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff0ee;color:#ef493b;font-size:10px}

@media(max-width:991px){
.gb-about-banner{height:290px}
.gb-about-banner-content h1{font-size:34px}
.gb-about-cards{grid-template-columns:1fr 1fr}
.gb-about-layout{grid-template-columns:210px minmax(0,1fr);gap:25px}
}
@media(max-width:767px){
    .gb-about-list{grid-template-columns:1fr}
.gb-about-banner{height:270px}
.gb-about-banner-content h1{font-size:28px}
.gb-about-banner-content p{font-size:14px}
.gb-about-top{margin-top:-25px}
.gb-about-cards{grid-template-columns:1fr 1fr;gap:10px}
.gb-about-card{padding:13px;min-height:72px}
.gb-about-card small{display:none}
.gb-about-main{padding:35px 0 45px}
.gb-about-layout{display:block}
.gb-about-side{margin-bottom:30px}
.gb-about-feature-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
.gb-about-cards{grid-template-columns:1fr}
}