.fitments-container {
  display: flex;
  flex-wrap: wrap;
  background-color:#fde581;
  padding:10px;
  margin-bottom:10px;
}
.fitment-100 {
  flex-basis: 100%;
  font-weight:400;
}
.fitment {
  flex-basis: 50%;
  color:#358ad0;
  font-weight:400;
  margin:0px;
}
.fitment-col-3 {
  flex-basis: 24%;
  margin-right:10px;
  font-weight:400;
  margin-bottom:20px;
  padding:10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
 display: inline-block;
}
.fitment-col-6 {
  flex-basis:50%;
  font-weight:400;
  
  margin-bottom:20px;
  padding:10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
 display: inline-block;
}
.fitment-heading {
  font-size: 1.05rem; /* equivalent to h5 font-size */
  font-weight: bold; /* equivalent to h5 font-weight */
  margin-top: 1.5rem; /* equivalent to h5 margin-top */
  margin-bottom: 0rem; /* equivalent to h5 margin-bottom */
}
hr {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.4); /* set alpha value to 0.4 */
  margin-top: 0;
}
.related-prod-info-container {
 display: flex;
  flex-wrap: wrap;
  margin-bottom:10px;
}
.product-description {
  max-height: 200px;
  overflow: auto;
  /* Customize scroll bar */
  scrollbar-width: thin;
  scrollbar-color: #999999 #F0F0F0;
  margin-bottom:20px;
  page-break-before: always;
  page-break-after: always;
}

.product-description::-webkit-scrollbar {
  width: 8px;
}

.product-description::-webkit-scrollbar-thumb {
  background-color: #999999;
}

.product-description::-webkit-scrollbar-thumb:hover {
  background-color: #777777;
}

.product-description::-webkit-scrollbar-track {
  background-color: #F0F0F0;
}
.icon{
    font-size: 24px;
    color: blue;
}
.info-text{
    color: blue;
}

/* Mobile styles */
@media only screen and (max-width: 480px) {
  .fitment-col-3 {
    flex-basis: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
.fitment-col-6{
    flex-basis: 100%;
}
  .fitment {
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .fitment-col-3 {
    flex-basis: 100%;
    margin-right: 0px;
  }
.fitment-col-6{
    flex-basis: 100%;
}
  .fitment {
    flex-basis: 100%;
  }
}
  
/**
       * Simple fade transition,
       */
      .mfp-fade.mfp-bg {
        opacity: 0;
        -webkit-transition: all 0.15s ease-out; 
        -moz-transition: all 0.15s ease-out; 
        transition: all 0.15s ease-out;
      }
      .mfp-fade.mfp-bg.mfp-ready {
        opacity: 0.8;
      }
      .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
      }

      .mfp-fade.mfp-wrap .mfp-content {
        opacity: 0;
        -webkit-transition: all 0.15s ease-out; 
        -moz-transition: all 0.15s ease-out; 
        transition: all 0.15s ease-out;
      }
      .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
        opacity: 1;
      }
      .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
        opacity: 0;
      }

.related-popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 999999 !important;
      overflow: hidden;
    }

    .popup-content {
  position: relative;
  width: 50%;
  height: 60%;
  max-width: 800px;
  max-height: 600px;
  background-color: white;
  padding: 5px;
  z-index: 2043 !important;
}
 .pdfpopup-content {
  position: relative;
  width: 50%;
  height: 70%;
  max-width: 800px;
  max-height: 700px;
  background-color: white;
  padding: 5px;
  z-index: 2043;
}
    .popup-close {
  position: absolute;
  top: -15px;
  right: -15px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  font-size:28px;
}
/* Styles for the close button */
.closeButton {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

/* Styles for the iframe (PDF viewer) */
#pdfIframe {
    width: 100%;
    height: 100%;
    border: none;
}
.footer-important {
            z-index: 9000 !important;
        }
