@import url("https://fonts.googleapis.com/css2?family=Sofia+Sans+Extra+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap");

.slider-home-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.slider-home-row {
  width: 115%;
  display: flex;
  overflow: hidden;
  transform: translateX(-15%);
  height: 60vh;
}

.slider-home-row:nth-child(even) {
  transform: translateX(15%);
}

.slider-home-item {
  width: 30%;
  box-sizing: border-box;
  padding: 5px;
  position: relative;
}

.slider-home-row:nth-child(odd) .slider-home-item:nth-child(1),
.slider-home-row:nth-child(odd) .slider-home-item:nth-child(3),
.slider-home-row:nth-child(even) .slider-home-item:nth-child(2),
.slider-home-row:nth-child(even) .slider-home-item:nth-child(4) {
  width: 20%;
}
.slider-home-item img {
  width: 100%;
  height: 100% !important;
  object-fit: cover !important;
}

.slider-home-row-title {
  height: auto;
  overflow: visible !important;
}
.slider-home-row-title h2 {
  white-space: nowrap;
  font-size: 100px !important;
  line-height: 1em !important;
  color: #a0b0bd;
  font-family: "Sofia Sans Extra Condensed", sans-serif !important;
}

.slider-home-img-caption {
  position: absolute;
  bottom: 5px;
  left: 5px;
  color: white;
  z-index: 99999;
  opacity: 0;
  padding: 10px;
  padding-left: 15px;
  transition: all 0.3s;
  height: 50%;
  width: calc(100% - 10px);
  background: rgb(2, 0, 36);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(
    180deg,
    rgba(2, 0, 36, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
}
.slider-home-item:hover .slider-home-img-caption {
  opacity: 1;
}

.slider-home-row-title-outline {
  -webkit-text-stroke: 2px #a0b0bd;
  text-stroke: 2px #a0b0bd;
  color: #4f6b80;
}

@media screen and (max-width: 1600px) {
  .slider-home-row {
    height: 50vh;
  }
  .slider-home-row-title {
    height: auto;
  }
}

@media screen and (max-width: 1000px) {
  .slider-home-row-title h2 {
    font-size: 30px !important;
  }
  .slider-home-item {
    padding: 2px;
  }
  .slider-home-row {
    width: 125%;
    height: 20vh;
  }
  .slider-home-row-title {
    height: auto;
  }
  .slider-home-item {
    width: 45%;
  }
  .slider-home-row:nth-child(odd) .slider-home-item:nth-child(1),
  .slider-home-row:nth-child(odd) .slider-home-item:nth-child(3),
  .slider-home-row:nth-child(even) .slider-home-item:nth-child(2),
  .slider-home-row:nth-child(even) .slider-home-item:nth-child(4) {
    width: 27.5%;
  }
  .slider-home-img-caption {
    font-size: 10px;
    line-height: 1em;
  }
  .slider-home-img-caption{
    padding-left: 10px !important;
  }
  .slider-home-img-caption {
    position: absolute;
    bottom: 2px;
    left: 2px;
  }
}