.bahman-networks {
  font-size: 1rem;
  font-weight: 500;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;

  .network {
    transition: all 0.1s ease;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    padding: 10px 5px;

    &:hover {
      background-color: #0001;
    }

    img {
      width: 30px;
      aspect-ratio: 1/1;
    }

    .content {
      display: flex;
      flex-direction: column;
      align-items: center;

      .title {
        margin: 0 !important;
      }

      .subtitle {
        font-size: 0.8rem;
        opacity: 0.6;
        word-break: keep-all;
        word-wrap: nowrap;
      }
    }
  }
}

@media screen and (max-width: 980px) {
  .bahman-networks {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 640px) {
  .bahman-networks {
    grid-template-columns: 1fr 1fr 1fr;
  }
}