body {
  font-family: Montserrat, Sans-serif;
  font-size: 15px;
}

img {
  max-width: none;
}

.erfViewer {
  height: 480px;
}
@media (max-width: 300px) {
  /* CSS rules for extra small devices */
  .erfViewer {
    height: 100px;
  }
}

@media (max-width: 575.98px) {
  /* CSS rules for extra small devices */
  .erfViewer {
    height: 200px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  /* CSS rules for small devices */
  .erfViewer {
    height: 300px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  /* CSS rules for medium devices */
  .erfViewer {
    height: 480px;
  }
}

.container {
  display: flex;
}
.viewerColumn {
  flex: 60;
}
.infoColumn {
  flex: 40;
  padding: 1rem;
}

.infoColumn > h2 {
  font-size: 39px;
  font-weight: 700;
  line-height: 50px;
  color: #0c5652;
  margin-bottom: 24px;
}

.infoColumn > h3 {
  font-size: 15px;
  font-weight: 700;
  line-height: 50px;
}

.infoColumn .price {
  font-weight: 700;
  font-size: 29px;
}

.star {
  height: 16px;
  fill: rgb(240, 173, 78);
}

.price {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.p-left {
  padding-left: 1rem;
}

.starWraper svg {
  display: inline !important;
}