:root {
  --PrimaryColor: #137695;
  --TitlesColor: #043c4d;
  --LegendsColor: #8c9394;
  --MenuHoverColor: #00c3ff;
  --ButonTextColor: #ffffff;
  --BackgroundAlternate: #f9fdff;
}

.others-cases {
  width: 100%;
  background-color: var(--BackgroundAlternate);
}

.others-cases .container {
  display: flex;
  gap: 30px;
}

.others-cases .others-cases-card {
  width: calc(100% / 3);
  height: 400px;
  border: 1px solid rgba(175, 175, 175, 0.415);
  background-color: white;
}

.others-cases-card .card-background {
  width: 100%;
  height: 50%;
  background-image: url(../../images/kockk.jpeg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.other-cases-logo {
  width: 100px;
  height: 40px;
  margin: 20px;
}

.others-cases-card span {
  display: inline-block;
  font-size: 18px;
  color: var(--TitlesColor);
  font-weight: 600;
  margin: 0 20px;
}