.navbar {
  box-shadow: 0px 13px 15.3px 0px #219ebc66;
}
.navbar_logo {
  padding-top: 29px;
  padding-bottom: 30px;
}
.video-container {
  max-height: 642px;
  border: 4.76px solid #4c697b3d;
  border-radius: 28px;
  overflow: hidden;
  margin-top: 34px;
  margin-bottom: 40px;
}
.counter {
  bottom: 30px;
  left: 20px;
  z-index: 100;
}
.active_user_cross {
  top: 5px;
  left: 95%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
}
.play-button {
  width: 85px;
  height: 85px;
  right: 27px;
  bottom: 27px;
}
.register_btn {
  border: 1px solid transparent;
}
.register_btn:hover {
  border: 1px solid #219ebc;
  background: transparent;
  color: #219ebc !important;
}
.play-button:hover img {
  transform: scale(1.2);
}
.modal-content {
  box-shadow: 0px 4px 50.8px 0px #00000040 !important;
  outline: 1px solid #0000001a !important;
  outline-offset: -1px;
}
.modal-dialog {
  max-width: 532px !important;
}
.live_position {
  top: 25px;
  right: 35px;
}
/* SUCCESS STORY  */
.success_story_paragraph {
  max-width: 786px;
}
.story_video {
  border: 1.52px solid #4c697b3d;
  border-radius: 9px;
}
.story_video_parent {
  margin-left: -12px;
  margin-right: -12px;
  row-gap: 24px;
  padding-bottom: 112px;
}
.story_play {
  width: 27.3px;
  height: 27.3px;
}
.story_play img {
  width: 10px;
}
.story_play:hover img {
  transform: scale(1.2);
}

.slider_container {
  max-width: 2500px;
  margin-left: auto;
  margin-right: auto;
}
#soundIcon1,
#soundIcon2,
#soundIcon3 {
  width: 30px;
}
.unmute_btn {
  border: 1px solid white;
}
.unmute_btn:hover {
  scale: 0.9;
}

.video-container:hover .hero_video_btn {
  opacity: 100%;
}
.hero_video_btn {
  opacity: 0;
}
@media (max-width: 991.9px) {
  .navbar_logo {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .play-button {
    width: 50px;
    height: 50px;
  }
  .play-button img {
    width: 20px;
  }
}
@media (max-width: 767.9px) {
  .play-button {
    width: 40px;
    height: 40px;
    bottom: 10px;
    right: 10px;
  }
  .play-button img {
    width: 15px;
  }
  .live_position {
    top: 10px;
    right: 10px;
  }
  .live_position img {
    max-width: 60px;
    object-fit: cover;
  }
  .story_video_parent {
    padding-bottom: 60px;
  }
  .video-container {
    border-radius: 24px;
  }
  .counter {
    bottom: 20px;
  }
}
@media (max-width: 575.9px) {
  .video-container {
    border-radius: 18px;
  }
  .story_video_parent {
    padding-bottom: 65px;
  }
  .tick_space {
    margin-top: 2px;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  .tick_space {
    margin-top: 4px;
  }
}