.highlight-grid-block .highlight-grid__heading {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .highlight-grid-block .highlight-grid__heading {
    margin-bottom: 30px;
  }
}
.highlight-grid-block .highlight-grid__heading h2 {
  margin-bottom: 0;
}
.highlight-grid-block .highlight-grid__list {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 576px) {
  .highlight-grid-block .highlight-grid__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .highlight-grid-block .highlight-grid__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  .highlight-grid-block .highlight-grid__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 1400px) {
  .highlight-grid-block .highlight-grid__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.highlight-grid-block .highlight-grid__item {
  position: relative;
  padding: 15px;
  background-color: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 80px;
  gap: 5px;
}
@media only screen and (min-width: 576px) {
  .highlight-grid-block .highlight-grid__item {
    min-height: 120px;
  }
}
@media only screen and (min-width: 768px) {
  .highlight-grid-block .highlight-grid__item {
    min-height: 160px;
    padding: 10px 20px;
  }
}
@media only screen and (min-width: 992px) {
  .highlight-grid-block .highlight-grid__item {
    min-height: 200px;
    gap: 10px;
  }
}
.highlight-grid-block .highlight-grid__item:hover {
  background-color: #E24A02;
  transition: all 0.2s ease-in-out;
}
.highlight-grid-block .highlight-grid__item:hover .highlight-grid__option {
  color: #ffffff;
}
.highlight-grid-block .highlight-grid__item:hover .highlight-grid__option::before {
  transform: rotate(90deg);
}
@media only screen and (min-width: 768px) {
  .highlight-grid-block .highlight-grid__item:hover .highlight-grid__description {
    height: auto;
    position: static;
    opacity: 1;
  }
}
.highlight-grid-block .highlight-grid__option {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  color: #E24A02;
  text-decoration: none;
  font-family: "Roboto Condensed", sans-serif;
  font-size: clamp(20px, 2vw, 24px);
  font-weight: 900;
  transition: all 0.2s ease-in-out;
}
.highlight-grid-block .highlight-grid__option::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3e%3cpath d='M22.5082 13.8134C23.2539 13.7835 23.8804 14.41 23.8506 15.1558C23.8506 15.5137 23.7014 15.8419 23.4627 16.0805C23.1943 16.349 22.8661 16.4982 22.5082 16.4982H16.2436L16.2138 22.7925C16.2138 23.1505 16.0646 23.4786 15.826 23.7173C15.5575 23.9858 15.2294 24.1349 14.8714 24.1349C14.1256 24.1647 13.4992 23.5383 13.529 22.7925L13.4992 16.4982L7.23465 16.4982C6.48887 16.528 5.86242 15.9015 5.89225 15.1558C5.86242 14.41 6.48887 13.7835 7.23465 13.8134L13.529 13.7835L13.529 7.51901C13.4992 6.77323 14.1256 6.14678 14.8714 6.17661C15.6172 6.14678 16.2436 6.77323 16.2138 7.51901L16.2436 13.8134H22.5082Z' fill='white'/%3e%3c/svg%3e") no-repeat center;
  background-color: white;
  transition: all 0.2s ease-in-out;
  flex: 0 0 30px;
}
.highlight-grid-block .highlight-grid__description {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01px;
  transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .highlight-grid-block .highlight-grid__description {
    opacity: 0;
    position: absolute;
    top: auto;
    height: 0;
    overflow: hidden;
  }
}
.highlight-grid-block .highlight-grid--preview {
  padding: 1rem;
  border: 1px dashed #ccc;
  border-radius: 0.5rem;
}
.highlight-grid-block .highlight-grid--preview .highlight-grid__heading {
  margin-bottom: 1rem;
}
.highlight-grid-block .highlight-grid--preview .highlight-grid__list {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.highlight-grid-block .highlight-grid--preview .highlight-grid__option-preview {
  display: block;
  padding: 0.75rem 1rem;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  color: #333;
  text-align: center;
  font-weight: 600;
}

/*# sourceMappingURL=highlight-grid-style.css.map */