.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: 55.4%;
      top: -3em;
    }

    #b2 {
      left: 50.8%;
      top: -9em;
    }

    #b3 {
      left: 67.8%;
      top: -9.9em;
    }

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

    #b5 {
      left: 43%;
      top: -19em;
    }

    #b6 {
      left: 44.8%;
      top: -5em;
    }

    #b7 {
      left: 48.8%;
      top: -23.8em;
    }

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

      #b2 {
        top: 30%;
      }

      #b3 {
        top: 30%;
      }

      #b4 {
        top: 17%;
      }

      #b5 {
        top: 18%;
      }

      #b6 {
        top: 35%;
      }

      #b7 {
        top: 13%;
      }
    }

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

      #b2 {
        left: 49%;
        top: 28%;
      }

      #b3 {
        top: 28%;
      }

      #b4 {
        top: 20%;
      }

      #b5 {
        top: 20%;
        left: 40%;
      }

      #b6 {
        top: 32%;
        left: 41%;
      }

      #b7 {
        top: 16%;
        left: 45%;
      }
    }

    #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 */
#hotspots-container {
  width: 93%;
  margin-bottom: -45px;
}

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

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

/* Labels */
.highlight-padding-85 {
  padding: 0.5em 0.85em !important;
}

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

/* Content images */
.content-image {
  padding-bottom: 50%;
}

.content-fwd-entry-rear {
  background: url(./images/Fwd-Entry-Rear-03.png) center / cover no-repeat;
}

.content-ext-pos {
  background: url(./images/Ext-POS-02.png) center / cover no-repeat;
}

.content-mid-body-plan {
  background: url(./images/Mid-Body-Plan-View-03.png) center / cover no-repeat;
}

.content-mid-body-overhead {
  background: url(./images/Mid-Body-Overhead-04.png) center / cover no-repeat;
}

/* Close button */
.close {
  position: absolute !important;
}

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

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

.forward-entry-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;
}