Services

About

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap'); .svc { font-family: 'DM Sans', sans-serif; color: #333; line-height: 1.6; } .svc-wrap { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; } .svc-banner { margin-bottom: 8px; } .svc-banner img { display: block; width: 100%; height: auto; } .svc-header { padding: 32px 0 24px; } .svc-header h1 { font-size: 32px; font-weight: 700; color: #0a0a23; margin-bottom: 14px; } .svc-header p { font-size: 15px; color: #555; line-height: 1.75; max-width: 960px; } .svc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 32px 0 48px; } @media (max-width: 989px) { .svc-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 599px) { .svc-grid { grid-template-columns: 1fr; } } .svc-card { border-radius: 12px; overflow: hidden; background: #fff; border: 1px solid #e8e8e8; transition: transform 0.25s ease, box-shadow 0.25s ease; } .svc-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.08); } .svc-card img { display: block; width: 100%; height: auto; } .svc-card-body { padding: 20px 22px 24px; } .svc-card-price { font-size: 20px; font-weight: 700; color: #0a0a23; margin-bottom: 4px; } .svc-card-name { font-size: 14px; color: #666; margin-bottom: 14px; } .svc-card-link { font-size: 13px; font-weight: 600; color: rgb(0, 51, 153); text-decoration: none; display: inline-flex; align-items: center; gap: 4px; transition: gap 0.2s; } .svc-card-link:hover { gap: 8px; } .svc-card-link svg { width: 14px; height: 14px; fill: none; stroke: rgb(0, 51, 153); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .svc-cta { text-align: center; padding: 8px 0 60px; } .svc-cta a { display: inline-block; padding: 15px 36px; background: rgb(0, 51, 153); color: #fff; border: none; border-radius: 6px; text-decoration: none; font-family: inherit; font-size: 15px; font-weight: 600; letter-spacing: 0.2px; transition: opacity 0.2s; } .