.w-250px {
  width: 250px !important;
}

.review {
  padding: 24px 20px;
  border: 1px solid #eee;
}

.review_filter__item {
  width: initial;
  cursor: initial;
  margin: 0;
  font-size: 12px;
  cursor: pointer;
}

.review_filter__item:hover .range .range-value {
  background: #fbf30a;
}

.review_filter__item:hover .rating_star>div {
  filter: contrast(150%);
}

.rating_star {
  display: inline-block;
}

.range {
  display: inline-block;
  min-width: 80px;
  max-width: 120px;
  height: 100%;
  box-shadow: inset 0 0 1px #666;
  margin: 0 4px;
}

.range .range-value {
  height: 100%;
  background: #fbcd0a;
  box-shadow: inset 0 0 1px #888;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
}

.toggle-review {
  height: 32px;
  padding: 0 8px;
  font-weight: bold;
  background: #fff;
  border: 1px solid #000;
}

.selector {
  height: 32px;
}

#reviewForm {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.input_review_form {
  padding: 0;
}

input[type='submit'] {
  width: 100%;
}

.custom-file {
  height: auto;
  text-align: left;
}

.custom-file img {
    width: 240px;
    height: 240px;
    object-fit: cover;
}

.rating {
  height: 36px;
  justify-content: start;
}

#data-wrapper {
  column-width:calc(210px + 1vw);
  column-fill:balance;
}

#data-wrapper .item {
  width:100%;
  margin:5% 0;
  break-inside: avoid-column;
}

#data-wrapper .item:first-child {
  margin: 0;
}

#data-wrapper .item img {
  width: 100%;
  height: 80vw;
  max-height: 400px;
  object-fit: cover;
  transition: all 0.1s linear;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
}

#data-wrapper .item img:hover {
  opacity: 0.8;
}

#data-wrapper .item .content {
  padding: 12px 16px;
  border: 1px solid #e5e5e5;
  overflow-wrap: break-word;
}

#data-wrapper .item .content p {
  margin: 0;
}

#see-all {
  cursor: pointer;
}

@media(min-width: 576px) {
  #data-wrapper .item img {
    height: 40vw;
  }
}

@media(min-width: 768px) {
  .border-md-left {
    border-left: 1px solid #eee;
  }
  
  .border-md-right {
    border-right: 1px solid #eee;
  }

  input[type='submit'] {
    width: 200px;
  }

  #data-wrapper {
    column-width:calc(200px + 5vw);
  }

  #data-wrapper .item img {
    height: 40vw;
  }
}

@media (max-width: 575px) {
    #review-tablist {
        border: none;
    }

    #review-tablist.nav-tabs .nav-link.active {
        color: #007dd5;
        border: 1px;
    }

    #review-tablist.nav-tabs .nav-link,
    #review-tablist.nav-tabs .nav-link:hover {
        border: none;
    }

    #tab-review-content {
        border-top: 1px solid #ddd;
    }
}