/* =============================== Start Hero Section =============================== */
.Hero-des{
  font-weight: bold;
  margin: 15px 0;
}
.HeroSearch{
  gap: 10px;
  margin: 20px 0;
}
.HeroSearch .input-div{
  width: 70%;
  position: relative;
  height: fit-content;
}
.HeroSearch input{
  width: 100%;
  height: 52px;
  padding-right: 30px;
  border: 1px solid;
  border-color: var(--bg-btn-dark-gray-color);
  outline: none;
  border-radius: 8px;
  color: var(--sec-color);
}

.HeroSearch input::placeholder{
    color: var(--light-gray-color);
}
.HeroSearch button{
  border-radius: 30px;
  padding: 10px 16px;
}

.HeroSearch i{
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translate(-50%, -50%);
  color: var(--light-gray-color);
}
.hero.section img{
  height: 100%;
  width: 100%;
}
.Hero-most-used span{
  font-weight: bold;;
}


/* =============================== End Hero Section ================================= */


/* ================================= Start Ratting Section =========================== */
.rate-section i{
  color: var(--primary-color);
}

.single-rate{
  background-color: var(--sec-color);
  height: 160px;
}
/* ================================= End Ratting Section ============================= */