.three-cards-block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 150px;
}
@media screen and (max-width: 1890px) {
    .three-cards-block {
  justify-content: space-between;
    }
}
@media screen and (max-width: 1570px) {
  .three-cards-block {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 1290px) {
  .three-cards-block {
    row-gap: 40px;
  }
}


.three-cards-block__card {
  display: flex;
  flex-direction: column;
  width:30%;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
}
.three-cards-block__card:nth-child(2n) .photo_container {
  order: -1;
}
.three-cards-block__card:hover .photo_container > div {
  opacity: 1;
}
.three-cards-block__card .photo_container {
  position: relative;
}
.three-cards-block__card img,
.three-cards-block__card .card_title,
.three-cards-block__card .photo_container {
  width:28vw;
}
.three-cards-block__card {
    width:28vw;
}

@media (min-width: 2000px) {
    
.three-cards-block__card img,
.three-cards-block__card .card_title,
.three-cards-block__card .photo_container {
  max-width:515px;
}
.three-cards-block__card {
    max-width:515px;
}

}


@media screen and (max-width: 1550px) {
    .three-cards-block__card img,
.three-cards-block__card .card_title,
.three-cards-block__card .photo_container {
  width:27vw;
}
.three-cards-block__card {
    width:25vw;
}

}
@media screen and (max-width: 1290px) {
  .three-cards-block__card .photo_container {
    order: -1;
  }
}

@media screen and (max-width: 860px) {
    .three-cards-block{
        padding-bottom: 40px;
    }
  .three-cards-block__card{
    width: 100%;
  }
  .three-cards-block__card .card_title{
      width: 100%;
      max-width: 100%;
  }
  .three-cards-block__card .photo_container {
    width: 100%;
    max-width: 100%;
  }
  .three-cards-block__card img {
    width: 100%;
    max-width: 100%;
  }
}

.photo_container div {
  display: flex;
  align-items: end;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  background: var(--kpb_dark_opacity, rgba(12, 14, 17, 0.4));
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  font-size: 22px;
  font-weight: 500;
  padding: 30px 25px 25px 25px;
  transition: all ease-out 0.4s;
}
@media screen and (max-width: 1890px) {
  .photo_container div > p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1590px) {
  .photo_container div > p {
    font-size: 15px;
  }
}
@media screen and (max-width: 756px) {
  .photo_container div > p {
    font-size: 20px;
  }
}
.card_title {
  font-size: 20px;
  font-weight: 500;
}
.card_title span {
  color: #f2cf30;
  font-weight: 600;
}
@media screen and (max-width: 1760px) {
  .card_title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1045px) {
  .card_title {
    font-size: 16px;
  }
}/*# sourceMappingURL=3cardsAndDesc.css.map */