/* SUB-SECTOR GRID */
.services-content .its-sub_sector_grid {
  background: #f4f6f8;
}

.services-content .its-sub_sector_grid .sub-sectors__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 25px;
}

.services-content .its-sub_sector_grid .sub-sectors__card {
  display: flex;
  flex-direction: column;
  padding: 25px 20px;
  border: 1px solid #cfd8dc;
  border-radius: 4px;
  background: #f8fafc;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  transition: all 0.3s ease;
}

.services-content .its-sub_sector_grid a.sub-sectors__card:hover {
  transform: translateY(-3px);
  border-color: #e35d44;
  box-shadow: 0 5px 15px rgba(227, 93, 68, 0.06);
}

.services-content .its-sub_sector_grid .sub-sectors__label {
  font-family: "Oswald", sans-serif;
  font-size: 11px;
  color: #295e7a;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}

.services-content .its-sub_sector_grid .sub-sectors__name {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: #152f3d;
  margin: 0 0 6px;
}

.services-content .its-sub_sector_grid .sub-sectors__subtitle {
  font-size: 10px;
  color: #e35d44;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
}

.services-content .its-sub_sector_grid .sub-sectors__desc {
  font-size: 12.5px;
  line-height: 1.55;
  margin: 0 0 20px;
  color: #555;
  flex-grow: 1;
}

.services-content .its-sub_sector_grid .sub-sectors__metric {
  background: rgba(227, 93, 68, 0.05);
  border-left: 3px solid #e35d44;
  padding: 10px 15px;
  margin-top: auto;
  border-radius: 0 4px 4px 0;
}

.services-content .its-sub_sector_grid .sub-sectors__metric-title, .services-content .its-sub_sector_grid:not(:has(.sub-sectors__metric-title))
  .sub-sectors__metric-desc > div:first-child {
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #e35d44;
  line-height: 1.1;
}

.services-content .its-sub_sector_grid .sub-sectors__metric-desc {
  display: block;
  font-size: 9.5px;
  color: #555;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.services-content .its-sub_sector_grid .sub-sectors__metric-desc p {
  margin: 0;
  line-height: normal;
}

@media (max-width: 480px) {
    .services-content .its-sub_sector_grid .sub-sectors__grid  {
        grid-template-columns: 1fr;
    }
}