.block-cards_with_hidden_description {
   position: relative;
}

.block-cards_with_hidden_description .title-wrapper {
   margin-bottom: clamp(26px, 84 * (100vw / 1920), 84px);
   color: #000;
}

.block-cards_with_hidden_description .cards {
   display: grid;
   grid-template-columns: repeat(3, minmax(300px, 1fr));
}

.block-cards_with_hidden_description .card {
   border: 2px solid #D1D1D1;
   padding: clamp(29px, 50 * (100vw / 1920), 50px) clamp(17px, 29 * (100vw / 1920), 29px);
   margin-right: -2px;
   height: 100%;
   min-height: clamp(220px, 270 * (100vw / 1920), 270px);
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.block-cards_with_hidden_description .card__inner {
   position: relative;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.block-cards_with_hidden_description .card__main,
.block-cards_with_hidden_description .card__description {
   transition: all 0.3s ease-in-out;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;
}

.block-cards_with_hidden_description .card__main {
   position: absolute;
   inset: 0;
}

.block-cards_with_hidden_description .card__main {
   opacity: 1;
   visibility: visible;
   gap: clamp(33px, 84 * (100vw / 1920), 84px);
}

.block-cards_with_hidden_description .card__description {
   opacity: 0;
   visibility: hidden;
   font-size: 1em;
}

.block-cards_with_hidden_description .card:hover .card__main {
   opacity: 0;
   visibility: hidden;
}

.block-cards_with_hidden_description .card:hover .card__description {
   opacity: 1;
   visibility: visible;
}

.block-cards_with_hidden_description .card__title,
.block-cards_with_hidden_description .card__subtitle,
.block-cards_with_hidden_description .card__description {
   margin: 0;
   color: #000;
}

.block-cards_with_hidden_description .card__description * {
   color: inherit;
}

.block-cards_with_hidden_description .card__subtitle {
   text-transform: uppercase;
}

@media (max-width: 1024px) {
   .block-cards_with_hidden_description .cards {
      overflow: hidden;
   }
   .block-cards_with_hidden_description .card__inner {
      gap: 28px;
   }

   .block-cards_with_hidden_description .card .card__main {
      position: relative;
   }

   .block-cards_with_hidden_description .card .card__main,
   .block-cards_with_hidden_description .card .card__description,
   .block-cards_with_hidden_description .card:hover .card__main,
   .block-cards_with_hidden_description .card:hover .card__description {
      opacity: 1;
      visibility: visible;
   }


   .block-cards_with_hidden_description .card {
      margin-right: 0;
   }

}

