/*______________________________________________________ROOT_______________________________________________________*/

/*______________________________________________________BODY_______________________________________________________*/
body{
    height:100vh;
    -ms-overflow-style: none; 
      scrollbar-width: none;
      overflow-y: auto;
}
/*_____________________________________________________HEADER______________________________________________________*/
header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 30; 
}
/*____________________________________________BACKGROUND_VIDEO_HERO_SECTION________________________________________*/
.video-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.video-bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(6px);
  z-index: 1;
}
 /*_______________________________________________ASCENSEUR_SCROLLBAR_______________________________________________*/
.custom-scrollbar {
  position: fixed;
  top: 0;
  right: 10px;
  width: 60px;
  height: 100%;
  overflow: hidden;
  z-index: 20; 
}
.elevator {
  position: absolute;
  width: 100%;
  margin-top: 128px;
  height: 100px; 
  background: url('../img/ascenseur_button.png') no-repeat center;
  background-size: cover;
  transition: top 0.1s ease-out;
}
::-webkit-scrollbar {
  display: none;
}
/*________________________________________________MEDIA_QUERIES______________________________________________________*/
@media (max-width: 768px) {
      .custom-scrollbar {
        display: none;}
      .video-bg::after{
  backdrop-filter: blur(1px);}}
  
@media (max-width: 1024px) {
.video-bg::after{
  backdrop-filter: blur(2px);}}