.business-functions{position:relative;width:100%;padding:120px 7vw 130px;overflow:hidden;box-sizing:border-box}
.business-functions:before{content:"";position:absolute;width:500px;height:500px;top:20%;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(0,140,255,.08),transparent 70%);pointer-events:none}

.business-functions-heading{position:relative;z-index:2;max-width:780px;margin:0 auto 70px;text-align:center}
.business-functions-heading .section-tag{display:inline-block;margin-bottom:18px}
.business-functions-heading h2{margin:0;font-size:clamp(36px,4vw,58px);line-height:1.1;font-weight:700;letter-spacing:-1.5px;color:#fff}
.business-functions-heading h2 span{display:inline}
.business-functions-heading p{max-width:680px;margin:24px auto 0;font-size:17px;line-height:1.8;color:rgba(255,255,255,.65)}

.business-functions-grid{position:relative;z-index:2;max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:55px 35px;align-items:start}
.business-function-item{position:relative;min-height:115px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px;transition:transform .35s}
.business-function-icon{width:68px;height:68px;display:flex;align-items:center;justify-content:center;font-size:34px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.2),inset 0 0 18px rgba(255,255,255,.035);transition:transform .35s,border-color .35s,box-shadow .35s,background .35s}
.business-function-item span{min-width:120px;padding:11px 22px;border-radius:999px;text-align:center;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.88);background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px rgba(0,0,0,.18);transition:background .35s,border-color .35s,box-shadow .35s,color .35s}

.business-function-item:hover{transform:translateY(-7px)}
.business-function-item:hover .business-function-icon{transform:translateY(-3px);background:linear-gradient(145deg,rgba(22,196,255,.14),rgba(0,120,255,.06));border-color:rgba(22,196,255,.35);box-shadow:0 15px 35px rgba(0,120,255,.15),0 0 25px rgba(22,196,255,.08)}
.business-function-item:hover span{color:#fff;background:rgba(22,196,255,.09);border-color:rgba(22,196,255,.32);box-shadow:0 10px 30px rgba(0,120,255,.12)}

@media(max-width:1024px){
.business-functions{padding:100px 6vw 110px}
.business-functions-grid{grid-template-columns:repeat(3,1fr);gap:50px 25px}
}

@media(max-width:768px){
.business-functions{padding:85px 5vw 90px}
.business-functions-heading{margin-bottom:55px}
.business-functions-heading h2{font-size:34px;letter-spacing:-1px}
.business-functions-heading p{font-size:15px;line-height:1.7}
.business-functions-grid{grid-template-columns:repeat(2,1fr);gap:42px 18px}
.business-function-item{min-height:105px}
.business-function-icon{width:58px;height:58px;font-size:29px;border-radius:17px}
.business-function-item span{min-width:0;width:100%;max-width:145px;padding:10px 12px;font-size:11px;letter-spacing:.7px}
}

@media(max-width:420px){
.business-functions{padding:75px 20px 80px}
.business-functions-heading h2{font-size:30px}
.business-functions-grid{gap:38px 14px}
.business-function-icon{width:54px;height:54px;font-size:27px}
}