.g_services { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 32px; width: clamp(280px, 100%, 1360px); font-family: Roboto, Arial, sans-serif; }

.g_services_card { display: flex; flex-direction: column; background: #3D3D3D; width: 100%; margin: 0; }

.g_services_img { display: block; width: 100%; aspect-ratio: 316/175; flex: 0 1 auto; }

.g_services_subsection { display: flex; flex-direction: column; padding: 24px; box-sizing: border-box; flex: 1 1 auto; }

.g_services_title { font-size: 16px; font-weight: bold; line-height: 1.3; letter-spacing: 2px; color: #FFFFFF; text-transform: uppercase; margin: 0 0 16px; }

.g_services_copy { font-size: 16px; line-height: 1.25; color: #FFFFFF; margin: 0 0 24px; }

a.g_services_btn { display: block; width: 100%; height: 48px; background: var(--color-red-primary, #EA1722); font-size: 14px; font-weight: bold; line-height: 48px; letter-spacing: 2px; color: #FFFFFF; text-decoration: none; text-transform: uppercase; text-align: center; margin: auto auto 0; }

a.g_services_btn:hover { background: #FFFFFF; color: #000000; border-bottom: 3px solid var(--color-red-primary, #EA1722); box-sizing: border-box; }

.b-page_table-subtitle a { text-decoration: underline; text-decoration-color: var(--color-red-primary, #EA1722); text-underline-position: under; }

.b-page_table-subtitle a:hover { color: var(--color-red-primary, #EA1722); }

@media (max-width: 1199px) {
  .g_services { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
  .g_services { grid-gap: 24px; }
}

@media (max-width: 459px) {
  .g_services { grid-template-columns: 1fr; }
}