.about-main{color:#333;font-size:16px}
.about-main *{line-height:1.8}
.about-main p{color:#666}
.about-main .w1280{width:calc(100% - 80px);max-width:1200px;font-size:16px}
.about-page .about-main .modular{padding:48px 0}
.about-page .about-main .mitop{margin-bottom:30px}
.about-main .mitop .mt{font-size:32px}
.about-main .mitop{text-align:center}
.about-banner{padding:28px 0 44px;text-align:center;background:#f7f7f7 url('../images/bg7.jpg.webp') center bottom/cover no-repeat}
.about-breadcrumb{display:flex;justify-content:center;gap:12px;color:#888;font-size:13px;margin-bottom:20px}
.about-breadcrumb a:hover{color:#10aaa2}
.about-banner h1{font-size:36px;font-weight:700;margin-bottom:12px}
.about-banner>div>p{font-size:18px;color:#10aaa2}
.about-banner>div>.about-banner-sub{font-size:16px;color:#666;margin-top:4px}
.about-profile{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:center;padding:12px 0}
.about-brand{background:#f7f7f7;padding:32px 24px;text-align:center;border-top:3px solid #10aaa2}
.about-brand img{display:block;width:100%;height:auto}
.about-brand p{margin-top:18px;font-size:13px}
.about-copy h3{font-size:22px;margin-bottom:12px}
.about-copy p+p{margin-top:12px}
.about-main .about-text-link{display:inline-block;color:#10aaa2;margin-top:16px}
.about-gray{background:#f7f7f7}
.about-services:not(.about-capabilities) article{background:#f7f7f7}
.about-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.about-services article{display:flow-root;background:white;padding:24px;border-bottom:2px solid #e9e9e9}
.about-number{float:left;font-size:28px;line-height:1.25;color:#10aaa2;margin:2px 14px 4px 0}
.about-services h3{font-size:18px;margin:4px 0 12px}
.about-services p{font-size:14px;line-height:1.9;margin-bottom:16px}
.about-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.about-services.about-capabilities article{padding:22px 0;background:none;border-bottom:1px solid #dedede}
.about-capabilities article:nth-last-child(-n+2){border-bottom:0}
.about-capabilities p{margin-bottom:0}
.about-services a,.about-services button{display:inline-block;color:#10aaa2;font:inherit;font-size:14px;background:none;border:0;padding:0;margin-right:14px;cursor:pointer}
.about-main a:hover,.about-services button:hover{color:#fc7300}
.about-main a:focus-visible,.about-main button:focus-visible{outline:2px solid #10aaa2;outline-offset:4px}
.about-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:12px 0}
.about-steps li{display:flow-root;border-top:2px solid #10aaa2;padding-top:16px}
.about-steps span{float:left;font-size:28px;line-height:1.25;color:#10aaa2;margin:2px 14px 4px 0}
.about-steps h3{font-size:20px;margin:6px 0}
.about-steps p{font-size:14px}
.about-contact{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.about-contact>div{padding:24px;background:#f7f7f7;border-left:3px solid #10aaa2}
.about-contact h3{font-size:22px;margin-bottom:8px}
.about-contact a{display:inline-block;color:#10aaa2;margin-top:12px;font-size:20px}
.about-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;margin:26px 0 10px}
.about-main .about-btn{display:inline-block;background:#fc7300;color:white;border:0;border-radius:4px;padding:10px 30px;font:inherit;cursor:pointer}
.about-main .about-btn:hover{background:#b94f00;color:#fff}
.about-phone{color:#10aaa2;font-size:22px}
@media(min-width:769px) and (max-width:1100px){
 .about-services{grid-template-columns:repeat(2,minmax(0,1fr))}
 .about-profile{grid-template-columns:240px minmax(0,1fr);gap:28px}
 .about-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
 .about-main .w1280{width:calc(100% - 32px);font-size:14px}
 .about-page .about-main .modular{padding:32px 0}
 .about-page .about-main .mitop{margin-bottom:24px}
 .about-main .mitop .mt{font-size:24px}
 .about-banner{padding:24px 0 36px}
 .about-banner h1{font-size:28px}
 .about-banner>div>p{font-size:16px}
 .about-banner>div>.about-banner-sub{font-size:14px}
 .about-profile{grid-template-columns:1fr;gap:20px}
 .about-brand{padding:28px;max-width:100%}
 .about-brand img{max-width:240px;margin:auto}
 .about-copy h3{font-size:20px}
 .about-services{grid-template-columns:1fr;gap:12px}
 .about-services article{padding:20px}
 .about-services.about-capabilities article{padding:20px 0}
 .about-capabilities article:nth-last-child(2){border-bottom:1px solid #dedede}
 .about-steps{grid-template-columns:1fr 1fr;gap:20px}
 .about-contact{grid-template-columns:1fr;gap:12px}
 .about-contact>div{padding:20px}
 .about-actions{gap:16px}
}