/* goont fons poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
body {
  font-family: "Poppins", sans-serif;
}
.background {
  background-color: #264653;
}
/* gray scale filter  */
.bike-img {
  filter: grayscale(100%);
}
/* same to same  button design for assignment  */
.btn-warning {
  background-color: #e76f51;
}
.button {
  background-color: #e76f51;
}
.btn {
  border: 1px solid #e76f51;
}
/* button hover effect */
.btn:hover {
  background-color: #e76f51;
  color: white;
}

/* overwrite secondary custom color  */
.text-secondary {
  color: #e0e0e0 !important;
}
/*  overwrite text-danger cunstom color  */
.text-danger {
  color: #e76f51 !important;
}
.image-size {
  margin-top: auto;
  width: 8rem;
}
/* overwrite bootstrap padding  */
.py-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
/* icon custom design  */
.fa-star {
  color: #e76f51;
}
.fa-no-star {
  color: #ddd;
}
/* text-warning custom design  */
.text-warning {
  color: #e76f51 !important;
}
/* hero section image responsive for mobile device  */
@media only screen and (max-width: 668px) {
  .custom-image-design {
    width: 321px;
    height: 260px;
  }
}