.layout-benefits .container {
  display: flex;
}

.layout-benefits__grid {
  grid-template-columns: repeat(4, 1fr);
  width: 50%;
  display: grid;
  padding: 10px 20px !important;
}

@media (width <= 991.98px) {
  .layout-benefits__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

@media (width <= 767.98px) {
  .layout-benefits__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.layout-benefits__grid .icon:hover {
  cursor: pointer;
}

.layout-benefits__grid .icon a {
  width: 100%;
  height: 100%;
  display: block;
}

.layout-benefits__grid .icon svg {
  transition: var(--transition);
  width: 100%;
  max-width: 100px;
  height: 100%;
  color: var(--primary);
  stroke-width: 3px;
}

.layout-benefits__grid .icon svg:hover {
  cursor: pointer;
}

.layout-benefits__grid .icon svg:hover * {
  animation: .5s infinite alternate pulse;
}

@keyframes pulse {
  from {
    stroke-width: 3px;
  }

  to {
    stroke-width: 5px;
  }
}

.layout-benefits__content {
  border-radius: var(--radius);
  background-color: var(--primary-light);
  width: 50%;
  padding: 10px 20px !important;
}

.layout-benefits__content .element {
  color: var(--primary);
  line-height: var(--lh-text);
  -webkit-hyphens: auto;
  hyphens: auto;
  display: none;
}

@media (width <= 991.98px) {
  .layout-benefits__content .element {
    top: var(--menuheight);
    position: sticky;
  }
}

.layout-benefits__content .element .headline {
  font-size: var(--font-size-intro);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-text);
}

.layout-benefits__content .element .text {
  font-size: var(--font-size-text);
  line-height: var(--lh-text);
}
/*# sourceMappingURL=benefits.css.map */