.protocol_elements_name {
  border-radius: 100px;
  border: 1px solid var(--Border-3, rgba(31, 25, 16, 0.12));
  padding: 4px 12px;
  width: fit-content;
}
.protocol_elements_divider {
  width: 100%;
  height: 1px;
  background: rgba(31, 25, 16, 0.08);
  transition: background-color 0.2s;
}
.protocol_elements_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 991.98px) {
  .protocol_elements_grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.protocol_elements_item {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04);
  text-decoration: none;
  transition: all 0.2s;
}
.protocol_elements_item h3 {
  transition: color 0.2s;
}
.protocol_elements_item:hover {
  background: linear-gradient(308deg, #332916 26.99%, #584116 71.95%);
  color: rgba(255, 255, 255, 0.72);
}
.protocol_elements_item:hover h3 {
  color: #fff;
}
.protocol_elements_item:hover .protocol_elements_icon {
  background: rgba(31, 25, 16, 0.48);
}
.protocol_elements_item:hover .protocol_elements_divider {
  background: rgba(255, 255, 255, 0.08);
}
.protocol_elements_icon {
  border-radius: 32px;
  background: #B8910F;
  width: 64px;
  height: 64px;
  transition: background-color 0.1s;
}
.protocol_elements_list p {
  padding-left: 32px;
  position: relative;
}
@media (min-width: 992px) {
  .protocol_elements_list p {
    padding-right: 36px;
  }
}
.protocol_elements_list p:before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("/wp-content/uploads/2025/09/checkmark.svg");
  position: absolute;
  top: 1px;
  left: 0;
}

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