.partners-contents {
  padding: 80px 0;
}

.partner-header {
  display: flex;
  padding-bottom: 5em;
}
.partner-header-text {
  font-size: 36px;
  color: #2b5aa9;
  font-weight: bold;
  flex: 1;
}
.partner-header-content {
  font-size: 18px;
  flex: 1.5;
  padding-left: 50px;
  border-left: 2px solid #2b5aa9;
}

.partners-select {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding-bottom: 5em;
}

.partner-select-txt {
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  background-color: #2b5aa9;
  padding: 10px 15px;
  border-radius: 10px;
  cursor: pointer;
}

.partner-select-txt:hover {
  color: #2b5aa9;
  background-color: #ffd500;
}

.selected-txt {
  color: #2b5aa9;
  background-color: #ffd500;
  font-weight: 700;
}

.partners-box {
  align-items: center;
  justify-content: space-between;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 5fr));
}
.not-select-partner {
  display: none;
}
.select-partner {
  display: grid;
}

.partner {
  height: 200px;
  width: 200px;
  border: 1px solid #dedede;
  padding: 10px;
  cursor: pointer;
  margin-bottom: 10px;
}

.partner > img {
  height: 100%;
  width: 100%;
/*  filter: grayscale(100%);
*/  object-fit: contain;
  /* object-fit: cover; */
}

.partner:hover {
  border: 1px solid #2b5aa9;
}

.partner:hover > img {
  filter: none;
}
.partner:focus > img {
  filter: grayscale(0);
}
.partner:active > img {
  filter: grayscale(0);
}
.partner > img:active {
  filter: grayscale(0);
}