@import url(./main.css);

.benefit-item.active {
  background: var(--color-second);
  color: white;
}

.benefit-item.active img {
  filter: brightness(0) saturate(100%) invert(90%) sepia(0%) saturate(7500%)
    hue-rotate(61deg) brightness(116%) contrast(111%);
}

.shadow-show-number-items {
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 142, 0.15);
  -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 142, 0.15);
  -moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 142, 0.15);
}

.shadow-25 {
  box-shadow: 0px 2px 25px 0px rgba(0, 0, 142, 0.12);
  -webkit-box-shadow: 0px 2px 25px 0px rgba(0, 0, 142, 0.12);
  -moz-box-shadow: 0px 2px 25px 0px rgba(0, 0, 142, 0.12);
}

.navbar .active a.title {
  color: var(--color-main);
  border-bottom: 4px;
  border-color: var(--color-main);
  border-style: solid;
}