.icon-search-wrapper {
  max-width: 300px;
}
.icon-search-wrapper .feather-search {
  height: 1.15rem;
  width: 1.15rem;
}

#icons-container .icon-card {
  width: 128px;
}

.icon-card {
  border: 1px solid transparent;
}
.icon-card.active {
  border-color: #7367f0;
}
.icon-card.active i,
.icon-card.active svg {
  color: #7367f0;
}

@media (max-width: 1024px) {
  #icons-container .icon-card {
    width: 126px;
  }
}
@media (max-width: 768px) {
  #icons-container .icon-card {
    width: 131px;
  }
}
@media (max-width: 414px) {
  #icons-container .icon-card {
    width: 110px;
  }
}
@media (max-width: 375px) {
  #icons-container .icon-card {
    width: 150px;
  }
}