.ac-img-responsive {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/* Popup container */

.saftyVideos-page .popup {
  z-index: 9999;
}

.saftyVideos-page .popup-content {
  height: 31.5vh;
  margin: 34vh auto;
}

.saftyVideos-page .popup {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 9;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  /* height: 100%; */
  height: 100vh;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0 0 0 / 72%);
  /* Black w/ opacity */
}

.saftyVideos-page .popup-content {
  background-color: #fefefe;
  /* margin: 15% auto; */
  margin: 13vh auto;
  /* 15% from the top and centered */
  padding: 0px;
  border: 0px solid #888;
  width: 100%;
  /* Could be more or less, depending on screen size */
  animation: fadeIn 0.5s;
  /* Animation */
  position: relative;
  overflow: hidden;
  width: 100%;
  /* padding-top: 56.25%; */
  padding-top: 36.25%;
  height: 50vh;
}

.saftyVideos-page .popup-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.saftyVideos-page .popup #close {
  position: absolute;
  top: 20px;
  right: 20px;
  transform: rotate(45deg);
  font-size: 56px;
  background: transparent;
  border: 0;
  color: #fff;
  transition: color 0.5s;
}

.saftyVideos-page .popup #close:hover {
  color: #002c5f;
}

/* Fade-in animation */

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (max-width: 1000px) {
  .saftyVideos-page .popup {
    z-index: 9999;
  }
  .saftyVideos-page .popup-content {
    height: 31.5vh;
    margin: 34vh auto;
  }
}

/* Popup container */

/* Page saftyVideos Css */

.saftyVideos-page .ac-img-cover-wrapper {
  position: relative;
}

.saftyVideos-page .ac-img-cover-wrapper .ac-title {
  position: absolute;
  width: 100%;
  padding: 2vw 2vw 5vw 1vw;
  z-index: 9;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.99) 1%,
    rgba(0, 0, 0, 0.58) 71%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.99) 1%,
    rgba(0, 0, 0, 0.58) 71%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.99) 1%,
    rgba(0, 0, 0, 0.58) 71%,
    rgba(0, 0, 0, 0) 100%
  );
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=0);
  color: #fff;
  text-align: right;
  font-size: 2vw;
  z-index: 1;
  background: transparent;
}

/* .saftyVideos-page .ac-title-1 {
  font-weight: 900;
} */

.saftyVideos-page .ac-img-cover {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: auto;
}

.ac-section {
  padding: 4% 3% 3% 4%;
}

.saftyVideos-page .ac-section p,
.saftyVideos-page .ac-videosbox-tittle {
  font-size: 1.5vw;
}

.saftyVideos-page .ac-videsobox-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 4%;
  margin-bottom: 3vw;
}

.saftyVideos-page .ac-videsobox-wrapper .ac-videosbox {
  width: 49%;
  background-color: #e4dbd2;
  padding: 2%;
  margin-bottom: 1.3vw;
  position: relative;
}

.saftyVideos-page .ac-videsobox-wrapper .ac-play-icon {
  width: 7vw;
  height: 7vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.saftyVideos-page .ac-videosbox-picture img {
  width: 29.2vw;
  height: 20vw;
  object-fit: cover;
}

.saftyVideos-page .ac-videosbox-tittle {
  margin-bottom: 0.5vw;
  display: block;
  font-weight: 600;
  height: 3vw;
  overflow: hidden;
}

.saftyVideos-page .ac-videosbox-description {
  font-size: 1vw;
  display: block;
  margin-top: 0.5vw;
  height: 2.2vw;
  overflow: hidden;
}

.saftyVideos-page .ac-videosbox .ac-play-icon {
  transition: width 0.7s, height 0.7s;
}

.saftyVideos-page .ac-videosbox:hover .ac-play-icon {
  width: 8vw;
  height: 8vw;
}

@media (max-width: 1000px) {
  .saftyVideos-page .ac-section p,
  .saftyVideos-page .ac-videosbox-tittle,
  .saftyVideos-page h1 {
    font-size: 4vw;
    line-height: 1.1;
  }
  .saftyVideos-page .ac-videosbox-picture img {
    width: 41.2vw;
    height: 29vw;
    object-fit: cover;
  }
  .saftyVideos-page .ac-videosbox-tittle {
    height: 14vw;
  }
  .saftyVideos-page .ac-videosbox-description {
    font-size: 3vw;
    height: 9.2vw;
  }
  .saftyVideos-page .ac-videsobox-wrapper .ac-videosbox {
    margin-bottom: 2vw;
  }
}

@media (max-width: 650px) {
  .saftyVideos-page .ac-section p,
  .saftyVideos-page .ac-videosbox-tittle {
    font-size: 5vw;
  }
  .saftyVideos-page h1 {
    font-size: 7vw;
  }
  .saftyVideos-page .ac-videsobox-wrapper .ac-videosbox {
    width: 100%;
    background-color: #e4dbd2;
    padding: 5%;
    margin-bottom: 4.3vw;
    position: relative;
  }
  .ac-section {
    padding: 6% 5% 3% 5%;
  }
  .saftyVideos-page .ac-videsobox-wrapper {
    margin-top: 6%;
  }
  .saftyVideos-page .ac-videosbox-tittle {
    height: 11vw;
    margin-bottom: 2vw;
  }
  .saftyVideos-page .ac-videosbox-picture img {
    width: 83.2vw;
    height: 59vw;
    object-fit: cover;
  }
  .saftyVideos-page .ac-videosbox-description {
    font-size: 4.5vw;
  }
  .saftyVideos-page .ac-videsobox-wrapper .ac-play-icon {
    width: 20vw;
    height: 20vw;
  }
  .saftyVideos-page .ac-img-cover img {
    width: 100%;
    height: 92vw;
    object-fit: cover;
  }
  .saftyVideos-page .ac-img-cover-wrapper .ac-title {
    padding: 4vw 5% 5vw 5%;
    background: -moz-linear-gradient(
      top,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.99) 1%,
      rgba(0, 0, 0, 0.58) 71%,
      rgba(0, 0, 0, 0) 100%
    );
    background: -webkit-linear-gradient(
      top,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.99) 1%,
      rgba(0, 0, 0, 0.58) 71%,
      rgba(0, 0, 0, 0) 100%
    );
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.99) 1%,
      rgba(0, 0, 0, 0.58) 71%,
      rgba(0, 0, 0, 0) 100%
    );
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=0);
  }
}

/* End Page saftyVideos Css */