#int3-home .int3-service-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;margin-bottom:24px}
#int3-home .int3-service-nav a{display:flex;align-items:center;gap:12px;background:#f5f7fa;border:1px solid #e7edf0;border-radius:20px;padding:14px 18px;transition:background .2s,transform .2s;color:#17202b}
#int3-home .int3-service-nav a:hover{transform:translateY(-3px);background:#eef8f2}
#int3-home .int3-service-nav a[aria-current=page]{border-color:#03c75a;background:#edf9f2}
#int3-home .int3-service-nav strong{display:block;font-size:17px;font-weight:800;line-height:1.5}
#int3-home .int3-service-nav small{display:block;font-size:12px;font-weight:500;color:#455564;margin-top:3px}
#int3-home .int3-art{display:block;flex:none;width:76px;height:76px;background-image:url('/theme/wering/green/assets/service-art/service-icons.png');background-size:200% 200%;background-repeat:no-repeat}
#int3-home .int3-art-internet{background-position:0 0}
#int3-home .int3-art-rental{background-position:100% 0}
#int3-home .int3-art-phone{background-position:0 100%}
#int3-home .int3-art-gift{background-position:100% 100%}
#int3-home .int3-benefit-banner{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:30px;background:linear-gradient(120deg,#edf8f3,#edf2ff)!important;border:1px solid #e1eae8;border-radius:26px;padding:36px 44px;margin-top:30px;margin-bottom:40px;overflow:hidden}
#int3-home .int3-benefit-banner h2{font-size:29px;line-height:1.4;color:#15252e;font-weight:800;margin:9px 0 14px}
#int3-home .int3-benefit-banner h2 em{color:#007f48}
#int3-home .int3-benefit-banner p{font-size:15px;color:#435462;font-weight:500;line-height:1.8;margin:0 0 20px}
#int3-home .int3-benefit-banner .int3-art{width:260px;height:260px;justify-self:center}
#int3-home .int3-benefit-banner .d-button{display:inline-flex;align-items:center;gap:24px;background:#00874a!important;color:#fff!important;padding:15px 22px;border-radius:12px;font-size:15px;font-weight:800}
#int3-home .int3-benefit-banner .d-button:hover{background:#006c3c!important}
@media(max-width:1000px){#int3-home .int3-service-nav a{padding:12px;gap:6px}#int3-home .int3-service-nav .int3-art{width:56px;height:56px}#int3-home .int3-service-nav strong{font-size:15px}#int3-home .int3-service-nav small{font-size:11px}}
@media(max-width:640px){#int3-home .int3-service-nav{gap:7px;margin-top:16px;margin-bottom:16px}#int3-home .int3-service-nav a{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:9px 3px;border-radius:14px;gap:2px}#int3-home .int3-service-nav strong{font-size:13px}#int3-home .int3-service-nav small{display:none}#int3-home .int3-service-nav .int3-art{width:58px;height:58px}#int3-home .int3-benefit-banner{grid-template-columns:1fr;padding:26px 24px;gap:4px}#int3-home .int3-benefit-banner h2{font-size:25px}#int3-home .int3-benefit-banner p{font-size:14px}#int3-home .int3-benefit-banner .int3-art{grid-row:1;width:160px;height:160px}#int3-home .int3-benefit-banner .d-button{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){#int3-home .int3-service-nav a{transition:none;transform:none}}