body {
    margin: 0;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: #faf5ff;
  }

.navbar-nav li a{
    color: #181818 !important;
}
.navbar-nav li a:hover{
  color: #7952b3 !important;
}
.bg-purple{
  background: #7952b3 !important;
}
.bg-green{
  background: #72c046 !important;
}
.btn-purple{
  background: #7952b3 !important;
  color: #fff !important;
}
.btn-green{
  background: #378e3d !important;
  color: #fff !important;
}
.btn-grey{
  background: #838583 !important;
  color: #fff !important;
}
.btn-purple:hover{
  background: #fff !important;
  color: #7952b3 !important;
  border: 1px solid #7952b344;
}
.btn-purple-light{
  background: #fff !important;
  color: #7952b3 !important;
  border: 1px solid #7952b344;
}
.btn-purple-light:hover{
  background: #7952b3 !important;
  color: #fff !important;
  border: 1px solid #7952b3;
}
.thead-purple{
  background: #7952b3 !important;
  color: #fff !important;
}
.thead-green{
  background: #55b352 !important;
  color: #fff !important;
}
.text-purple{
  color: #7952b3 !important;
}
.text-green{
  color: #378e3d !important;
}
.form-control-user{
  border-radius: 50px;
}
.border-0{
  border: 0px !important;
}
.bg-0{
  background: transparent !important;
}

.navbar-nav li a.green{
  color: #378e3d !important;
}
.navbar-nav li a.putih{
  color: #f1f8ff !important;
}
.navbar-nav li a.putih:hover{
  color: #ffffff !important;
}

.product-info{
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.product-info .info-1 {
  text-align: center;
  flex: 0 1 auto;
  width: 200px;
  height: 150px;
}

.product-info .info-1 img{
  height: 120px;
}

.product-info .info-2 {
  text-align: justify;
  flex: 1 0 auto;
  width: 200px;
  height: 80px;
}

.product-info .info-3 {
  text-align: center;
  flex: 0 1 auto;
  width: 200px;
  margin: .5rem 0 .5rem 0;
}

.product-info .info-3 h5{
  font-size: .9rem;font-weight: bold;
}

.product-info .info-4 {
  text-align: justify;
  flex: 0 1 auto;
  width: 200px;
  margin-bottom: 1rem;
}

.product-info .info-4 h5{
  color: rgba(0, 0, 0, 0.697);
  font-size: 1rem;
  font-weight: bold;
}