.product-viewer {
  display: flex;
  align-items: flex-start;
  margin: 80px;
  padding: 60px;
 
}
.product-viewer .col {
    overflow: hidden;
    width: 100%;
    padding: 0;
}

.product-viewer .discount-badge {
    left: 10px !important;
    right: auto !important;
}
.main-image-container {
  position: relative;
  width: 590px;
  height: 400px;
  overflow: hidden;
  border: 1px solid #ddd;
  background-color: #eeeeee;
}

.main-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.main-image-container:hover .main-image {
  transform: scale(1.3);
}

.thumbnails img {
  width: 110px !important;
  height: 100px;
  object-fit: contain;
  margin-right: 10px;
  border: 2px solid transparent;
  cursor: pointer;
  background-color: #eeeeee;
}

.thumbnails img.active {
  border-color: #006795;
}
.product-badge {
    position: static;
    top: 10px;
    right: 10px;
    background: #0067950D;
    backdrop-filter: blur(20px);
    box-shadow: 2px 2px 10px 0px #00000008 !important;
    color: #006795;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 20px; 
    border-radius: 20px;
    font-family: "Mulish", sans-serif;
}

.product-details h4 {
    font-family: "Mulish", sans-serif;
    font-size: 41px;
    font-weight: 700;
    line-height: 51px;
}
.product-details p {
    font-family: "Mulish", sans-serif;
    color: #7A7A7A;
    font-size: 16px;
}
.product-details .desc {
    font-size: 18px;
    font-weight: 700;
    color: #111111;
}
.product-details .price-text {
    color: #006795;
    font-size: 35px;
     font-family: "Mulish", sans-serif;
     font-weight: 700;
}

/* supplier-comparisons */
.supplier-card {
    background-color: #F6F6F6;
    border-radius: 30px;
    height: 120px;
    padding: 30px;
}
.supplier-comparisons h2 {
    font-size: 41px;
    font-weight: 700;
    font-family: "Mulish", sans-serif;
    color: #333333;
    margin-bottom: 35px;
}

.supplier-card small {
     font-size: 15px;
     font-family: "Mulish", sans-serif;
     font-weight: 400;
     color: #333333;
}
.supplier-card span {
     font-size: 30px;
     font-family: "Mulish", sans-serif;
     font-weight: 700;
     color: #333333;
}
.supplier-card .btn-link {
     font-size: 18px;
     font-family: "Mulish", sans-serif;
     font-weight: 700;
     color: #006795 !important;
     text-decoration: underline !important;
}