.climat-dash {
  height: 100%;
  margin-top: 1rem;
}
.climat-dash .block-title .block {
  height: 33.33vh;
  margin-bottom: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  opacity: 0;
}
.climat-dash .block-title .block .block-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .climat-dash .block-title .block .block-content {
    width: 100%;
  }
}
.climat-dash .block-title .block .block-content h2 {
  text-transform: unset;
}
.climat-dash .block-title .block .block-content .title {
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  .climat-dash .block-title .block .block-content .title {
    font-size: 2rem;
  }
}
.climat-dash .block-title .block .block-content svg {
  height: 4rem;
  width: 4rem;
}
.climat-dash .first-block:not(:focus), .climat-dash .first-block:not(:hover), .climat-dash .second-block:not(:focus), .climat-dash .second-block:not(:hover), .climat-dash .third-block:not(:focus), .climat-dash .third-block:not(:hover) {
  transition: 0.5s ease-in-out;
  transform: scale(1);
}
.climat-dash .overflow-hidden-1, .climat-dash .overflow-hidden-2, .climat-dash .overflow-hidden-3 {
  background-position: center;
  background-size: cover;
  z-index: -1;
  height: 100%;
  min-width: 100%;
  position: absolute;
}
.climat-dash .overflow-hidden-1 {
  background-image: url("../images/climat1.jpg");
}
.climat-dash .overflow-hidden-2 {
  background-image: url("../images/climat2.jpg");
}
.climat-dash .overflow-hidden-3 {
  background-image: url("../images/climat3.jpg");
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.climat-dash .first-block {
  animation: fadeIn 5s ease-in;
  -webkit-animation-fill-mode: forwards;
}
.climat-dash .second-block {
  animation: fadeIn 5s 1s ease-in;
  -webkit-animation-fill-mode: forwards;
}
.climat-dash .third-block {
  animation: fadeIn 5s 2s ease-in;
  -webkit-animation-fill-mode: forwards;
}
@media (max-width: 768px) {
  .climat-dash #first-block-collapse, .climat-dash #second-block-collapse, .climat-dash #third-block-collapse {
    margin: 0 !important;
    min-width: 100% !important;
  }
}

/*# sourceMappingURL=index.css.map */