.nav-service{position:relative}.nav-service>a{display:block}.service-submenu{position:absolute;top:calc(100% + 14px);left:-18px;width:290px;padding:10px;visibility:hidden;opacity:0;transform:translateY(8px);border-top:3px solid var(--red);background:#071a2d;box-shadow:0 18px 45px #0004;transition:.2s}.nav-service:hover .service-submenu,.nav-service:focus-within .service-submenu{visibility:visible;opacity:1;transform:none}.service-submenu a{display:block;padding:10px 12px;color:#fff}.service-submenu a:hover{background:#ffffff12}.service-child-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-child-grid>a{display:block;padding:28px;border:1px solid #e1e7eb;background:#fff;box-shadow:0 12px 35px #071a2d10}.service-child-grid h3{font-size:23px}.service-child-grid p{color:#677888}.service-child-grid span{color:#df1f2d;font-weight:800}.service-detail{display:grid;grid-template-columns:1.5fr .5fr;gap:55px}.service-detail aside{align-self:start;padding:28px;background:#f3f6f8}.service-content h2{margin-top:38px}.service-faq details{margin-bottom:10px;padding:18px;border:1px solid #dfe6eb}.service-faq summary{font-weight:800;cursor:pointer}.service-faq details p{margin:12px 0 0;color:#677888}@media(max-width:900px){.nav-service{width:100%}.service-submenu{position:static;width:100%;margin-top:8px;padding-left:16px;visibility:visible;opacity:1;transform:none;box-shadow:none}.service-child-grid{grid-template-columns:1fr}.service-detail{grid-template-columns:1fr}}