
.about-page{font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:16px;color:#173c72;background:#fff}
.about-hero{min-height:360px;background:linear-gradient(90deg,#031633 0%,#06254a 48%,rgba(6,37,74,.35) 100%),url('/img/about/about-hero.jpg') center/cover no-repeat;display:flex;align-items:center}
.about-container,.about-hero-content{width:min(93%, 1320px);margin:0 auto}
.about-hero-content{color:#fff;padding:110px 0 50px}
.about-eyebrow,.about-section-eyebrow{display:flex;align-items:center;gap:9px;color:#72bd24;font-size:24px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.about-eyebrow:before,.about-section-eyebrow:before{content:"";width:16px;height:4px;background:#72bd24;display:inline-block}
.about-hero h1{font-size:55px;line-height:1.15;margin:12px 0 14px;font-weight:800;max-width:650px;color:#fff}
.about-hero h1 span{color:#72bd24}
.about-hero p{font-size:19px;line-height:1.55;max-width:650px;margin:0 0 22px;color:#f4f7fb}
.about-actions,.about-cta-actions{display:flex;gap:16px;flex-wrap:wrap}
.about-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:5px;text-decoration:none;font-size:14px;font-weight:800}
.about-btn svg{width:17px;height:17px}
.about-primary{background:#72bd24;color:#fff}
.about-secondary{border:1px solid #fff;color:#fff}
.about-breadcrumb{font-size:15px;color:#dbe6f5;margin-top:18px}
.about-section{padding:50px 0}
.about-intro{display:grid;grid-template-columns:1.15fr .95fr;gap:35px;align-items:center}
.about-intro h2,.about-mentor h2{font-size:38px;line-height:1.2;margin:10px 0 14px;color:#123f8f;font-weight:800}
.about-intro p,.about-mentor p{font-size:16px;line-height:1.65;color:#334e6d;margin:0}
.about-intro-highlights{background:#f1f7fd;border:1px solid #dce8f4;border-radius:14px;padding:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.about-highlight{text-align:center;border-right:1px solid #d5e1ed}
.about-highlight:last-child{border-right:0}
.about-highlight-icon{color:#123f8f;margin-bottom:10px}
.about-highlight-icon svg{width:34px;height:34px}
.about-highlight strong{display:block;font-size:15px;color:#123f8f;line-height:1.25}
.about-panels{display:grid;grid-template-columns:repeat(3,1fr) 1.5fr;gap:14px;margin-top:24px}
.about-panel{background:#f7fbff;border:1px solid #e0eaf4;border-radius:12px;padding:25px;min-height:190px}
.about-panel-icon{color:#123f8f;margin-bottom:13px}
.about-panel-icon svg{width:36px;height:36px}
.about-panel h3,.about-mentor-highlights h3{font-size:17px;margin:0 0 12px;color:#123f8f;font-weight:800}
.about-panel p{font-size:15px;line-height:1.6;color:#425c76;margin:0}
.about-values ul,.about-mentor-highlights ul{list-style:none;padding:0;margin:0}
.about-values li,.about-mentor-highlights li{display:flex;gap:8px;font-size:16px;line-height:1.8;color:#425c76}
.about-values li svg{width:16px;height:16px;color:#72bd24;stroke-width:3;flex:none;margin-top:5px}
.about-feature{border-radius:12px;background:linear-gradient(90deg,rgba(3,22,51,.9),rgba(3,22,51,.18)),url('/img/about/about-practice.jpg') center/cover no-repeat;padding:28px;color:#fff;display:flex;align-items:flex-start;min-height:190px}
.about-feature h3{font-size:25px;line-height:1.25;margin:0;max-width:230px;color:#fff;font-weight:800}
.about-feature span{display:block;width:45px;height:4px;background:#72bd24;margin-top:18px}
.about-expertise,.about-why{background:#f1f7fd;border:1px solid #dce8f4;border-radius:14px;padding:28px}
.about-heading-center{text-align:center;margin-bottom:25px}
.about-heading-center h2{font-size:38px;color:#123f8f;margin:10px 0;font-weight:800}
.about-heading-center p{font-size:16px;line-height:1.6;color:#52657c;margin:0 auto;max-width:760px}
.about-tech-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.about-tech{background:#fff;border:1px solid #e2ebf3;border-radius:10px;padding:20px 10px;text-align:center;min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.about-tech svg{width:34px;height:34px;color:#123f8f;margin-bottom:9px}
.about-tech strong{font-size:14px;line-height:1.3;color:#123f8f}
.about-mentor{display:grid;grid-template-columns:1.1fr .65fr .95fr;gap:25px;align-items:stretch}
.about-mentor-role{font-size:17px;font-weight:700;color:#123f8f;margin-bottom:15px}
.about-mentor p{margin-bottom:20px}
.about-mentor-btn{display:inline-flex;align-items:center;gap:8px;background:#123f8f;color:#fff;text-decoration:none;padding:12px 20px;border-radius:5px;font-size:14px;font-weight:800}
.about-mentor-btn svg{width:17px;height:17px}
.about-mentor-photo{min-height:300px;border-radius:12px;background:url('/img/about/mentor.jpg') center/cover no-repeat;border:1px solid #dce5ee}
.about-mentor-highlights{background:#f1f7fd;border:1px solid #dce8f4;border-radius:12px;padding:25px}
.about-mentor-highlights h3{font-size:20px;margin-bottom:15px}
.about-mentor-highlights li{gap:10px;line-height:1.65;margin-bottom:10px}
.about-mentor-highlights li svg{width:19px;height:19px;color:#123f8f;flex:none;margin-top:2px}
.about-stats{background:#f3f8fe;border:1px solid #e1ebf5;border-radius:14px;padding:22px;display:grid;grid-template-columns:1fr 1fr 0.9fr 1fr 1fr 1.2fr;gap:10px}
.about-stat{text-align:center;border-right:1px solid #d4dfeb}
.about-stat:last-child{border-right:0}
.about-stat svg{width:25px;height:25px;color:#123f8f;vertical-align:middle;margin-right:5px}
.about-stat strong{font-size:28px;color:#123f8f;display:inline-block;font-weight:800}
.about-stat span{display:block;font-size:15px;color:#52657c;margin-top:4px}
.about-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.about-why-card{background:#fff;border:1px solid #e2ebf3;border-radius:10px;padding:20px;display:flex;gap:12px}
.about-why-icon{color:#ef741b;flex:none}
.about-why-icon svg{width:32px;height:32px}
.about-why-card h3{font-size:17px;margin:0 0 6px;color:#123f8f;font-weight:800}
.about-why-card p{font-size:16px;line-height:1.5;color:#52657c;margin:0}
.about-cta{background:linear-gradient(110deg,#031a38,#063c68);color:#fff;padding:52px 0;position:relative;overflow:hidden}
.about-cta-inner{width:min(1180px,92%);margin:0 auto;display:grid;grid-template-columns:1fr .55fr;align-items:center;gap:34px;position:relative;z-index:1}
.about-cta h2{font-size:32px;line-height:1.2;margin:18px 0 10px;color:#fff;font-weight:800}
.about-cta p{font-size:16px;margin:0;color:#d9e6f3}
.about-cta-actions{justify-content:flex-end}

@media(max-width:1050px){.about-intro{grid-template-columns:1fr}
.about-panels{grid-template-columns:repeat(2,1fr)}
.about-tech-grid{grid-template-columns:repeat(3,1fr)}
.about-mentor{grid-template-columns:1fr 1fr}
.about-mentor-copy{grid-column:1/-1}
.about-stats{grid-template-columns:repeat(3,1fr)}
.about-stat:nth-child(3){border-right:0}
.about-why-grid{grid-template-columns:repeat(2,1fr)}
.about-cta-inner{grid-template-columns:1fr}
.about-cta-actions{justify-content:flex-start}

@media(max-width:768px){.about-hero{min-height:330px}
.about-hero-content{padding:50px 0 42px; margin-top: 70px;}
.about-hero h1{font-size:40px}
.about-hero p{font-size:17px}
.about-section{padding:44px 0}
.about-intro h2,.about-heading-center h2,.about-mentor h2{font-size:30px}
.about-intro-highlights{grid-template-columns:repeat(2,1fr)}
.about-highlight:nth-child(2){border-right:0}
.about-panels{grid-template-columns:1fr}
.about-tech-grid{grid-template-columns:repeat(2,1fr)}
.about-mentor{grid-template-columns:1fr}
.about-mentor-copy{grid-column:auto}
.about-stats{grid-template-columns:repeat(2,1fr)}
.about-stat{border-right:0;border-bottom:1px solid #d4dfeb;padding:8px 0 14px}
.about-stat:last-child,.about-stat:nth-last-child(2){border-bottom:0}
.about-why-grid{grid-template-columns:1fr}
.about-cta-actions{width:100%}
.about-btn{width:100%;justify-content:center}

@media(max-width:480px){.about-hero h1{font-size:34px}
.about-hero p{font-size:16px}
.about-stat strong{font-size:21px}
.about-cta h2{font-size:26px}
}


