.mxh-100 {
  max-height: 70vh;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.form-label {
  font-size: 14px;
}
.star-rating {
  display: inline-flex;
  flex-direction: row-reverse; /* Makes stars highlight correctly on hover */
  font-size: 0; /* Remove whitespace between inline elements */
}

.star-rating input {
  display: none; /* Hide radio inputs */
}

.star-rating label {
  font-size: 32px;
  color: #ddd; /* Default empty star color */
  cursor: pointer;
  padding: 0 2px;
}

/* Full gold star for selected/hovered items */
.star-rating input:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label {
  color: #ffc107; /* Gold color */
}

/* Half-star implementation */
.star-rating .half {
  position: relative;
  width: 16px; /* Half of star width */
  overflow: hidden;
}

.star-rating .half:before {
  position: absolute;
  content: "★";
  width: 100%;
  left: 0;
  color: #ffc107; /* Gold color */
}

/* Right (empty) half of the star */
.star-rating .half:after {
  position: absolute;
  content: "★";
  width: 100%;
  left: 0;
  color: #ddd; /* Default empty color */
  z-index: -1;
}

.d-view{
  display: block;
}

.m-view{
  display: none;
}

@media (max-width: 992px) {
  .m-view{
    display: block;
  }
  .d-view{
    display: none;
  }
}
.portfolio-img{
  width: 100%;
  height: 150px;
}
@media (max-width: 577px) {
  .portfolio-img{
    height: auto;
  }
}