.select-group-wrapper {
  position: relative;
}

.select-group__items {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
  padding: initial;
  background: #fff;
  width: 100%;
}

.select-group__items .ft-mol-form-dropdown {
  flex: 1;
}

.select-group__toggle-btn {
  display: none;
  padding: 10px;
  border: none;
  cursor: pointer;
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #666;
  border-radius: 0.4rem;
  outline: none;
}

.select-group__toggle-btn__icon {
  width: 14px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  color: #000;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.select-group__toggle-btn__icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: #000; */
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.599609 1.9502C0.599609 1.62803 0.857828 1.36686 1.18233 1.36686H1.76688C2.08871 1.36686 2.34961 1.62578 2.34961 1.9502C2.34961 2.27236 2.09139 2.53353 1.76688 2.53353H1.18233C0.860504 2.53353 0.599609 2.27461 0.599609 1.9502ZM7.01628 1.9502C7.01628 1.62803 7.27576 1.36686 7.59703 1.36686H12.8522C13.1729 1.36686 13.4329 1.62578 13.4329 1.9502C13.4329 2.27236 13.1735 2.53353 12.8522 2.53353H7.59703C7.27629 2.53353 7.01628 2.27461 7.01628 1.9502ZM4.68294 2.53353C4.36078 2.53353 4.09961 2.27236 4.09961 1.9502C4.09961 1.62803 4.36078 1.36686 4.68294 1.36686C5.00511 1.36686 5.26628 1.62803 5.26628 1.9502C5.26628 2.27236 5.00511 2.53353 4.68294 2.53353ZM4.68294 3.7002C3.71644 3.7002 2.93294 2.91669 2.93294 1.9502C2.93294 0.983697 3.71644 0.200195 4.68294 0.200195C5.64944 0.200195 6.43294 0.983697 6.43294 1.9502C6.43294 2.91669 5.64944 3.7002 4.68294 3.7002ZM0.599609 10.1169C0.599609 9.7947 0.857828 9.53353 1.18233 9.53353H1.76688C2.08871 9.53353 2.34961 9.79245 2.34961 10.1169C2.34961 10.439 2.09139 10.7002 1.76688 10.7002H1.18233C0.860504 10.7002 0.599609 10.4413 0.599609 10.1169ZM7.01628 10.1169C7.01628 9.7947 7.27576 9.53353 7.59703 9.53353H12.8522C13.1729 9.53353 13.4329 9.79245 13.4329 10.1169C13.4329 10.439 13.1735 10.7002 12.8522 10.7002H7.59703C7.27629 10.7002 7.01628 10.4413 7.01628 10.1169ZM4.68294 10.7002C4.36078 10.7002 4.09961 10.439 4.09961 10.1169C4.09961 9.7947 4.36078 9.53353 4.68294 9.53353C5.00511 9.53353 5.26628 9.7947 5.26628 10.1169C5.26628 10.439 5.00511 10.7002 4.68294 10.7002ZM4.68294 11.8669C3.71644 11.8669 2.93294 11.0834 2.93294 10.1169C2.93294 9.15036 3.71644 8.36686 4.68294 8.36686C5.64944 8.36686 6.43294 9.15036 6.43294 10.1169C6.43294 11.0834 5.64944 11.8669 4.68294 11.8669ZM0.599609 6.03353C0.599609 5.71136 0.865414 5.4502 1.18026 5.4502H5.85229C6.17298 5.4502 6.43294 5.70912 6.43294 6.03353C6.43294 6.35569 6.16714 6.61686 5.85229 6.61686H1.18026C0.859575 6.61686 0.599609 6.35794 0.599609 6.03353ZM11.0996 6.03353C11.0996 5.71136 11.3582 5.4502 11.6884 5.4502H12.8441C13.1693 5.4502 13.4329 5.70912 13.4329 6.03353C13.4329 6.35569 13.1743 6.61686 12.8441 6.61686H11.6884C11.3632 6.61686 11.0996 6.35794 11.0996 6.03353ZM8.76628 6.61686C8.44411 6.61686 8.18294 6.35569 8.18294 6.03353C8.18294 5.71136 8.44411 5.4502 8.76628 5.4502C9.08844 5.4502 9.34961 5.71136 9.34961 6.03353C9.34961 6.35569 9.08844 6.61686 8.76628 6.61686ZM8.76628 7.78353C7.79978 7.78353 7.01628 7.00003 7.01628 6.03353C7.01628 5.06703 7.79978 4.28353 8.76628 4.28353C9.73277 4.28353 10.5163 5.06703 10.5163 6.03353C10.5163 7.00003 9.73277 7.78353 8.76628 7.78353Z' fill='%23333333'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
}
    

@media (max-width: 768px) {
  .select-group__items {
    flex-direction: column;
    display: none;
    padding: 10px;    
    border: 1px solid #ccc;
    border-radius: 0.4rem;
    position: absolute;
    z-index: 100;
  }

  .select-group__items.select-group__items-open {
      display: flex;
  }

  .select-group__items .ft-mol-form-dropdown {
      width: 100%;
      margin: 5px 0;
  }

  .select-group__toggle-btn {
      display: block;
  }
}