.sv-category-atmosphere {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #dce3e1;
}
.sv-category-atmosphere::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: -24px;
  background: url("/concepts/assets/procurement-team.jpg") 50% 48% / cover no-repeat;
  filter: blur(6px) saturate(.6);
  transform: scale(1.04);
}
.sv-category-atmosphere::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgba(226, 234, 233, .68), rgba(226, 234, 233, .50));
}
.sv-category-atmosphere .sv-section__head h2 { color: #202d33; }
.sv-category-atmosphere .sv-category-card {
  border-color: rgba(255, 255, 255, .47);
  background: rgba(239, 244, 242, .84);
  color: #233039;
  box-shadow: 0 9px 30px rgba(20, 36, 38, .08);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.sv-category-atmosphere .sv-category-card:hover {
  border-color: rgba(255, 255, 255, .85);
  background: rgba(249, 251, 250, .94);
}
@media (max-width: 760px) {
  .sv-category-atmosphere::before { background-position: 34% center; }
  .sv-category-atmosphere::after { background: rgba(226, 234, 233, .68); }
}
@media (min-width: 1181px) { .sv-category-atmosphere .sv-category-card { padding-top: 13px; padding-bottom: 13px; } .sv-category-atmosphere .sv-category-card__index { margin-bottom: 4px; } }