/* business.html only */
.business-page-hero{position:relative;overflow:hidden}
.business-page-hero:after{content:"";position:absolute;right:-170px;top:-220px;width:600px;height:600px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 95px rgba(255,255,255,.025),0 0 0 190px rgba(255,255,255,.016)}
.business-page-hero .container{position:relative;z-index:1}

.business-service{position:relative;padding:94px 0 110px;overflow:hidden;background:#eef3f6}
.business-service__backdrop{position:absolute;inset:0 0 auto 0;height:390px;background:linear-gradient(110deg,rgba(7,47,76,.90),rgba(16,119,161,.72)),url('img/business/ship-electrical.jpg') center 42%/cover no-repeat;filter:saturate(.78)}
.business-service__inner{position:relative;z-index:2}
.business-service__head{text-align:center;color:#fff;max-width:880px;margin:0 auto 64px}
.business-service__head>span{display:block;font-size:14px;font-weight:900;letter-spacing:.30em;color:#bfe9ff;margin-bottom:12px}
.business-service__head h2{margin:0 0 18px;font-size:clamp(30px,4vw,46px);line-height:1.35;letter-spacing:.04em}
.business-service__head p{margin:0;color:#e6f1f7;font-size:15px;line-height:2}

.business-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:26px;align-items:stretch}
.business-card{grid-column:span 2;background:#fff;border:1px solid rgba(17,55,81,.10);box-shadow:0 18px 46px rgba(10,31,51,.10);display:flex;flex-direction:column;min-height:460px;transition:transform .25s ease,box-shadow .25s ease}
.business-card:nth-child(4){grid-column:2/span 2}
.business-card:nth-child(5){grid-column:4/span 2}
.business-card:hover{transform:translateY(-7px);box-shadow:0 26px 60px rgba(10,31,51,.16)}
.business-card__image{height:190px;margin:0;overflow:hidden;background:#dce5ec}
.business-card__image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease}
.business-card:hover .business-card__image img{transform:scale(1.045)}
.business-card__body{padding:26px 27px 28px;display:flex;flex-direction:column;flex:1}
.business-card__no{display:block;color:#1476c8;font-size:10px;letter-spacing:.18em;font-weight:900;margin-bottom:7px}
.business-card h3{margin:0 0 13px;color:#0b1f33;font-size:22px;line-height:1.45}
.business-card h3 small{display:block;margin-top:3px;font-size:12px;color:#748493;font-weight:700}
.business-card p{margin:0 0 25px;color:#566877;font-size:13.5px;line-height:1.9;flex:1}
.business-card__link{height:46px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:#0b1f33;color:#fff!important;font-size:13px;font-weight:800;transition:.22s ease}
.business-card:nth-child(2) .business-card__link{background:#1476c8}
.business-card:nth-child(3) .business-card__link{background:#167a80}
.business-card:nth-child(4) .business-card__link{background:#4c6384}
.business-card:nth-child(5) .business-card__link{background:#106a99}
.business-card__link b{font-size:18px;font-weight:400;transition:transform .22s ease}
.business-card__link:hover b{transform:translateX(4px)}

@media(max-width:1000px){
 .business-card-grid{grid-template-columns:repeat(2,1fr)}
 .business-card,.business-card:nth-child(4),.business-card:nth-child(5){grid-column:auto}
 .business-card:last-child{grid-column:1/-1;max-width:calc(50% - 13px);width:100%;justify-self:center}
}
@media(max-width:700px){
 .business-service{padding:72px 0 76px}
 .business-service__backdrop{height:430px}
 .business-service__head{margin-bottom:42px}
 .business-card-grid{grid-template-columns:1fr;gap:20px}
 .business-card,.business-card:last-child{grid-column:auto;max-width:none;min-height:0}
 .business-card__image{height:210px}
 .business-card__body{padding:23px 22px 24px}
}