.main-container .button-example {
      display: inline-block;
      margin-top: 15px;
      position: relative;
      right: -40%;
      z-index: 0;
    }

    .main-container .button-example__link {
      display: inline-block;
      padding: 10px 20px;
      background-color: #9a1d20;
      color: #fff;
      text-decoration: none;
      border-radius: 19px;
      transition: background-color 0.3s ease;
    }

    .main-container .button-example__link:hover {
      background-color: #da090c;
    }

    .main-container .button-example__label {
      font-size: 16px;
      font-weight: bold;
    }

    .video-popup {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      z-index: 9999;
    }

    .video-popup__content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 80%;
      max-height: 80%;
    }

    .video-popup video {
      width: 100%;
      height: 100%;
    }

    .video-popup__close {
      position: absolute;
      top: 10px;
      right: 10px;
      padding: 8px 12px;
      background-color: #fff;
      color: #000;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-weight: bold;
    }

    #b1 {
      left: 45.3%;
      top: -2.8em;
    }

    #b2 {
      left: 41%;
      top: -11.7em;
    }

    #b3 {
      left: 68%;
      top: -11.8em;
    }

    #b4 {
      left: 55%;
      top: -22em;
    }

    #b5 {
      left: 55.3%;
      top: -11em;
    }

    #b6 {
      left: 55.3%;
      top: -7em;
    }

    #b7 {
      left: 46.7%;
      top: -26.5em;
    }

    @media (max-width: 768px) {
      #b1 {
        top: 38.2%;
      }

      #b2 {
        top: 30%;
      }

      #b3 {
        top: 30%;
      }

      #b4 {
        top: 17%;
      }

      #b5 {
        top: 30%;
      }

      #b6 {
        top: 35%;
      }

      #b7 {
        top: 13%;
      }
    }

    @media (max-width: 450px) {
      #b1 {
        left: 43%;
        top: 35.2%;
      }

      #b2 {
        top: 28%;
      }

      #b3 {
        top: 29%;
      }

      #b4 {
        top: 19%;
      }

      #b5 {
        top: 28.5%;
      }

      #b6 {
        top: 33%;
      }

      #b7 {
        top: 16%;
      }
    }

    #myVideo::-webkit-media-controls-volume-slider {
      display: none;
    }

    #myVideo::-webkit-media-controls-mute-button {
      display: none;
    }

    #myVideo::-webkit-media-controls-volume-control-container {
      display: none;
    }
 #hotspots-container {
  width: 93%;
  margin-bottom: -45px;
}

.main-image {
  margin-top: 40px;
  width: 93%;
}

.hotspots-inner {
  padding-bottom: 0.66%;
  position: relative;
}

.highlight-padding {
  padding: 0.5em 0.9em !important;
}

.label-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 50%;
  z-index: 1;
}

.image-ac {
  background-image: url(./images/Mid-Body-Rear-03.png);
}

.image-b {
  background-image: url(./images/Ext-POS-02.png);
}

.image-c {
  background-image: url(./images/Mid-Body-Plan-View-03.png);
}

.image-d,
.image-e,
.image-f {
  background-image: url(./images/Mid-Body-Overhead-04.png);
}

.button-example {
  margin-top: 20px;
}

.button-example__link {
  text-decoration: none;
}

.video-popup {
  position: fixed !important;
}

.video-popup__content {
  position: absolute !important;
}

.mid-body-container {
  position: relative;
  width: 93% !important;
  margin: 0px auto;
  background-color: rgb(231, 232, 232);
  z-index: -1;
}

.features-title {
  padding-top: 15px;
}

.grid-container {
  right: 1%;
  margin: 0px 20px;
}