:root {
  --brandon-grotesque: brandon-grotesque, sans-serif;
  --proxima-nova: proxima-nova, sans-serif;
  --blue: #005E9C;
  --orange: #F07824;
  --light-blue: #32AEE4;
  --very-dark-blue: #002535;
  --background-gray: #F1F3F4;
  --max-width: calc(1200px + 30px * 2);
  --content-width: 1200px;
  --content-padding: 30px;
  --phone: 768px;
  --tablet: 1280px;
  --columns-collapse: 781px;
}
@media screen and (max-width: 768px) {
  :root {
    --content-padding: 20px;
  }
}
@media screen and (max-width: 350px) {
  :root {
    --content-padding: 15px;
  }
}

.wp-block-cards {
  display: flex;
  gap: 59px 61px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1180px) {
  .wp-block-cards {
    max-width: 697px !important;
    margin-inline: auto;
    gap: 30px;
  }
}
.wp-block-cards__card {
  position: relative;
  height: 100%;
}
@media screen and (max-width: 1180px) {
  .wp-block-cards__card {
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 768px) {
  .wp-block-cards__card {
    width: 100%;
  }
}
.wp-block-cards__card .open, .wp-block-cards__card .closed {
  width: 333px;
  min-height: 370px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  padding-inline: 34px;
  padding-block: 70px;
}
@media screen and (max-width: 1180px) {
  .wp-block-cards__card .open, .wp-block-cards__card .closed {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .wp-block-cards__card .open, .wp-block-cards__card .closed {
    padding-inline: 20px;
  }
}
.wp-block-cards__card .closed {
  background-color: var(--very-dark-blue);
}
.wp-block-cards__card .open {
  display: flex;
  flex-direction: column;
  background-image: url("/wp-content/uploads/2025/07/card-bg-1.png");
  background-position: top;
  background-size: cover;
  color: white;
  text-align: center;
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.wp-block-cards__card .open p {
  margin-block: 0;
}
.wp-block-cards__card h3 {
  font-size: 40px;
  line-height: 132.5%;
  color: white;
  text-align: center;
}
.wp-block-cards__card svg {
  position: absolute;
  bottom: 49px;
}
@media screen and (min-width: 1025px) {
  .wp-block-cards__card:hover .closed {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  .wp-block-cards__card:hover .open {
    position: static;
    z-index: auto;
    opacity: 1;
  }
}
.wp-block-cards__card:has(a:focus) .closed {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.wp-block-cards__card:has(a:focus) .open {
  position: static;
  z-index: auto;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .wp-block-cards__card {
    cursor: pointer;
  }
  .wp-block-cards__card.toggle-card .closed {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  .wp-block-cards__card.toggle-card .open {
    position: static;
    z-index: auto;
    opacity: 1;
  }
}