/* General Reset */
 
@font-face {
  font-family: 'Avenir-Medium';
  src: url('/Fonts/Avenir-Medium.woff2') format('woff2'),
       url('/Fonts/Avenir-medium.woff') format('woff'),
       url('Fonts/Avenir-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  
  font-family: 'Avenir-Light';
  src: url('/Fonts/Avenir-Light.woff2') format('woff2'),
       url('/Fonts/Avenir-Light.woff') format('woff'),
       url('/Fonts/Avenir-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body, html {
  margin: 0;
  padding: 0;
  font-family: Avenir-Light;
  overflow-x: hidden; /* Prevent horizontal scrolling */
  scroll-behavior: smooth; /* Smooth scrolling */
  background-color: rgb(0, 0, 0);
}
.flexbox-container {
  position: relative;
display: flex;
height:270vh;
width: 100vw;
flex-direction: column;
align-items: center;
justify-content: space-around;
}

.flexbox-item {
text-align: center;
justify-content: center;
}
.flexbox-item-11 {
  position: fixed;
  display: flex;
 top:0;
 left:50;
  z-index:2;
 height: 300vh;
 z-index:0;
}

.video-container {
position: fixed;
  display:flex;
  align-items: center;
overflow: hidden;
object-fit: cover;
}
.video-container iframe {
  align-items: center;
  justify-content: center;
   /* Match the border radius for consistency */
height: 100vh;
width:177.78vh;
object-fit: cover;
filter: brightness(2);
filter: contrast(1.0);
transition: filter 0.2s ease;
z-index: -1;
}

.flexbox-item1 {
  position:absolute;
  top:-20.5vh;
  left:83vw;
  transform: translateX(-50%); 
  z-index: 4;
}

.star {
  width:80vh;
  display:flex;
  color:white;
  text-decoration: none;
  list-style: none;
  justify-content: center;
  align-items: center;
}

.flexbox-item-1-5 {
  position: absolute;
  top:0.8vh;
  left:87vw;
  transform: translateX(-50%);
  z-index: 4; 
}
.flexbox-item-1-6 {
  position: absolute;
  top:0.8vh;
  left:90vw;
  transform: translateX(-50%); 
  z-index: 4;
}

.reachs, .reachus {
  display:flex;
  color:rgb(255, 255, 255);
  text-decoration: none;
  list-style: none;
  text-align: center;
  font-size: 1.1vw;
    -webkit-text-stroke: 0.5px black;
  }

.flexbox-item-2{
  display: flex;
  position: absolute;
  top:30vh;
 left:50vw;
 transform: translateX(-50%); 
  align-items: center;
  justify-content: center;
  z-index: 4;
}

.logo {
  width: 30vw;  
  }

  .flexbox-item-2-5{
    position:absolute;
    z-index:2;
    top:72vh;
    left:50vw;
     transform: translateX(-50%); 
     z-index: 4;
  }
  .firstp {
    display: flex;
    color:rgb(255, 255, 255);
    font-family: Avenir-Light;
    font-size:3vh;
    display: flex;
    text-align:center;
    align-items: center;
    padding:10px;
    z-index: 1;
     -webkit-text-stroke: 0.5px black;
    }

  .flexbox-item-5 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:105vh;
    display: flex;
    width:65vw;
    z-index: 4;
  }

  .flexbox-item-6 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:140vh;
    display: flex;
    width:90vw;
    z-index: 4;
  }
  .flexbox-item-7 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:175vh;
    display: flex;
    width:90vw;
    z-index: 4;
    
  }
  .flexbox-item-8 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:205vh;
    display: flex;
    width:90vw;
    z-index: 4;
  }
  .flexbox-item-9{
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    top:260vh;
    width:90vw;
z-index: 4;
  }
   .footer {
    
          font-size: 0.8vw; /* Set the font size */
          color: white(0, 0, 0); /* Dark text color */
          font-family: Avenir-Light;
          color: rgb(182, 182, 182);
        }

  .flexbox-item-10 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    width:100vw;
    top:260vh;
    left:43vw;
    z-index: 4;
  }

  

/* Title Styling */
.title {
  font-size: 13vh; /* Large text size */
  font-weight: bold;
  display: flex;
text-align: center;
  color:white;
  text-decoration: none;
  font-family: Avenir-Light;
    -webkit-text-stroke: 1px black;
    list-style: none;
}
.flexbox-item li {
    list-style: none;
}
.title:hover {
  color:rgb(136, 136, 136);
}
.title2 {
   text-decoration: none;
  font-size: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color:rgb(189, 189, 189);
  font-family: Avenir-Light;
    -webkit-text-stroke: 0.5px black;
}



        .privacy {
    
          font-size: 0.7vw; /* Set the font size */
          color: white(0, 0, 0); /* Dark text color */
          font-family: Avenir-Light;
          color: rgb(182, 182, 182);
        }
  
        #privacyModal.modal {
          display: none;
          position: fixed;
          z-index: 999;
          left: 0;
          top: 0;
          width: 100vw;
          height: 70vh;
          color:rgb(255, 255, 255);
          font-size: 1.5vh;
          background-color: rgba(0, 0, 0, 0.678);
        }

        .modal-content {
          background: rgba(0, 0, 0, 0.719);
          padding: 2vw;
          margin: 10% auto;
          max-width: 30vw;
          position: relative;
          color: white;
        }
        
        .close-button {
          position: absolute;
          top: 1vh;
          right: 2vw;
          font-size: 2.5vh;
          font-weight: bold;
          cursor: pointer;
        }



@media (max-width: 1025px) {
  .flexbox-item-11 {
  position: fixed;
  display: flex;
 top:0;
 left:50;
  z-index:2;
 height: 300vh;
 z-index:0;
}

.video-container {
position: fixed;
  display:flex;
  align-items: center;
overflow: hidden;
object-fit: cover;
}
.video-container iframe {
  align-items: center;
  justify-content: center;
   /* Match the border radius for consistency */
height: 100vh;
width:177.78vh;
object-fit: cover;
filter: brightness(2);
filter: contrast(1.0);
transition: filter 0.2s ease;
z-index: -1;
}

.flexbox-item1 {
  position:absolute;
  top:-20.1vh;
  left:79vw;
  transform: translateX(-50%); 
  z-index: 4;
}

.star {
  width:80vh;
  display:flex;
  color:white;
  text-decoration: none;
  list-style: none;
  justify-content: center;
  align-items: center;
}

.flexbox-item-1-5 {
  position: absolute;
  top:1.4vh;
  left:87vw;
  transform: translateX(-50%);
  z-index: 4; 
}
.flexbox-item-1-6 {
  position: absolute;
  top:1.4vh;
  left:94vw;
  transform: translateX(-50%); 
  z-index: 4;
}

.reachs, .reachus {
  display:flex;
  color:rgb(255, 255, 255);
  text-decoration: none;
  list-style: none;
  text-align: center;
  font-size: 2vw;
  }

.flexbox-item-2{
  display: flex;
  position: absolute;
  top:30vh;
 left:50vw;
 transform: translateX(-50%); 
  align-items: center;
  justify-content: center;
  z-index: 4;
}

.logo {
  width: 70vw;  
  }

  .flexbox-item-2-5{
    position:absolute;
    z-index:2;
    top:72vh;
    left:50vw;
    width: 70vw;
     transform: translateX(-50%); 
     z-index: 4;
  }
  .firstp {
    color:rgb(255, 255, 255);
    font-family: Avenir-Light;
    font-size:2.6vh;
    display: flex;
    text-align:center;
    align-items: center;
    padding:10px;
    z-index: 1;
    }

  .flexbox-item-5 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:105vh;
    display: flex;
    width:65vw;
    z-index: 4;
  }

  .flexbox-item-6 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:140vh;
    display: flex;
    width:90vw;
    z-index: 4;
  }
  .flexbox-item-7 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:175vh;
    display: flex;
    width:90vw;
    z-index: 4;
    
  }
  .flexbox-item-8 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:205vh;
    display: flex;
    width:90vw;
    z-index: 4;
  }
  .flexbox-item-9{
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    top:259vh;
    width:90vw;
z-index: 4;
  }
   .footer {
    
          font-size: 1vh; /* Set the font size */
          color: white(0, 0, 0); /* Dark text color */
          font-family: Avenir-Light;
          color: rgb(182, 182, 182);
        }

  .flexbox-item-10 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    width:100vw;
    top:259vh;
    left:40vw;
    z-index: 4;
  }

  

/* Title Styling */
.title {
  font-size: 10vh; /* Large text size */
  font-weight: bold;
  display: flex;
text-align: center;
  color:white;
  text-decoration: none;
  font-family: Avenir-Light;
  
}
.title:hover {
  color:rgb(136, 136, 136);
}
.title2 {
  font-size: 1.7vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color:rgb(189, 189, 189);
  font-family: Avenir-Light;
}



        .privacy {
    
          font-size: 1vh; /* Set the font size */
          color: white(0, 0, 0); /* Dark text color */
          font-family: Avenir-Light;
          color: rgb(182, 182, 182);
        }
  
        #privacyModal.modal {
          display: none;
          position: fixed;
          z-index: 999;
          left: 0;
          top: 0;
          width: 100vw;
          height: 70vh;
          color:rgb(255, 255, 255);
          font-size: 1.5vh;
          background-color: rgba(0, 0, 0, 0.678);
        }

        .modal-content {
          background: rgba(0, 0, 0, 0.719);
          padding: 2vw;
          margin: 10% auto;
          max-width: 30vw;
          position: relative;
          color: white;
        }
        
        .close-button {
          position: absolute;
          top: 1vh;
          right: 2vw;
          font-size: 2.5vh;
          font-weight: bold;
          cursor: pointer;
        }

}
@media (max-width: 500px) {
  .flexbox-item-11 {
  position: fixed;
  display: flex;
 top:0;
 left:50;
  z-index:2;
 height: 300vh;
 z-index:0;
}

.video-container {
position: fixed;
  display:flex;
  align-items: center;
overflow: hidden;
object-fit: cover;
}
.video-container iframe {
  align-items: center;
  justify-content: center;
   /* Match the border radius for consistency */
height: 100vh;
width:177.78vh;
object-fit: cover;
filter: brightness(2);
filter: contrast(1.0);
transition: filter 0.2s ease;
z-index: -1;
}

.flexbox-item1 {
  position:absolute;
  top:-20.5vh;
  left:75vw;
  transform: translateX(-50%); 
  z-index: 4;
}

.star {
  width:80vh;
  display:flex;
  color:white;
  text-decoration: none;
  list-style: none;
  justify-content: center;
  align-items: center;
}

.flexbox-item-1-5 {
  position: absolute;
  top:1.4vh;
  left:84vw;
  transform: translateX(-50%);
  z-index: 4; 
}
.flexbox-item-1-6 {
  position: absolute;
  top:1.4vh;
  left:91vw;
  transform: translateX(-50%); 
  z-index: 4;
}

.reachs, .reachus {
  display:flex;
  color:rgb(255, 255, 255);
  text-decoration: none;
  list-style: none;
  text-align: center;
  font-size: 1vh;
  }

.flexbox-item-2{
  display: flex;
  position: absolute;
  top:30vh;
 left:50vw;
 transform: translateX(-50%); 
  align-items: center;
  justify-content: center;
  z-index: 4;
}

.logo {
  width: 90vw;  
  }

  .flexbox-item-2-5{
    position:absolute;
    z-index:2;
    top:72vh;
    left:50vw;
    width: 89vw;
     transform: translateX(-50%); 
     z-index: 4;
  }
  .firstp {
    color:rgb(255, 255, 255);
    font-family: Avenir-Light;
    font-size:2vh;
    display: flex;
    text-align:center;
    align-items: center;
    padding:10px;
    z-index: 1;
    }

  .flexbox-item-5 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:105vh;
    display: flex;
    width:65vw;
    z-index: 4;
  }

  .flexbox-item-6 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:140vh;
    display: flex;
    width:90vw;
    z-index: 4;
  }
  .flexbox-item-7 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:175vh;
    display: flex;
    width:90vw;
    z-index: 4;
    
  }
  .flexbox-item-8 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:205vh;
    display: flex;
    width:90vw;
    z-index: 4;
  }
  .flexbox-item-9{
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    top:259vh;
    width:90vw;
z-index: 4;
  }
   .footer {
    
          font-size: 1vh; /* Set the font size */
          color: white(0, 0, 0); /* Dark text color */
          font-family: Avenir-Light;
          color: rgb(182, 182, 182);
        }

  .flexbox-item-10 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    width:100vw;
    top:259vh;
    left:40vw;
    z-index: 4;
  }

  

/* Title Styling */
.title {
  font-size: 6.5vh; /* Large text size */
  font-weight: bold;
  display: flex;
text-align: center;
  color:white;
  text-decoration: none;
  font-family: Avenir-Light;
  
}
.title:hover {
  color:rgb(136, 136, 136);
}
.title2 {
  font-size: 1.6vh;
  display: flex;
  align-items: center;
  width: 85vw;
  justify-content: center;
  color:rgb(189, 189, 189);
  font-family: Avenir-Light;
}



        .privacy {
    
          font-size: 1vh; /* Set the font size */
          color: white(0, 0, 0); /* Dark text color */
          font-family: Avenir-Light;
          color: rgb(182, 182, 182);
        }
  
        #privacyModal.modal {
          display: none;
          position: fixed;
          z-index: 999;
          left: 0;
          top: 0;
          width: 100vw;
          height: 70vh;
          color:rgb(255, 255, 255);
          font-size: 1.5vh;
          background-color: rgba(0, 0, 0, 0.678);
        }

        .modal-content {
          background: rgba(0, 0, 0, 0.719);
          padding: 2vw;
          margin: 10% auto;
          max-width: 30vw;
          position: relative;
          color: white;
        }
        
        .close-button {
          position: absolute;
          top: 1vh;
          right: 2vw;
          font-size: 2.5vh;
          font-weight: bold;
          cursor: pointer;
        }
}
@media (max-width: 400px) {
   .flexbox-item-11 {
  position: fixed;
  display: flex;
 top:0;
 left:50;
  z-index:2;
 height: 300vh;
 z-index:0;
}

.video-container {
position: fixed;
  display:flex;
  align-items: center;
overflow: hidden;
object-fit: cover;
}
.video-container iframe {
  align-items: center;
  justify-content: center;
   /* Match the border radius for consistency */
height: 100vh;
width:177.78vh;
object-fit: cover;
filter: brightness(2);
filter: contrast(1.0);
transition: filter 0.2s ease;
z-index: -1;
}

.flexbox-item1 {
  position:absolute;
  top:-20.5vh;
  left:75vw;
  transform: translateX(-50%); 
  z-index: 4;
}

.star {
  width:80vh;
  display:flex;
  color:white;
  text-decoration: none;
  list-style: none;
  justify-content: center;
  align-items: center;
}

.flexbox-item-1-5 {
  position: absolute;
  top:1.4vh;
  left:84vw;
  transform: translateX(-50%);
  z-index: 4; 
}
.flexbox-item-1-6 {
  position: absolute;
  top:1.4vh;
  left:91vw;
  transform: translateX(-50%); 
  z-index: 4;
}

.reachs, .reachus {
  display:flex;
  color:rgb(255, 255, 255);
  text-decoration: none;
  list-style: none;
  text-align: center;
  font-size: 1vh;
  }

.flexbox-item-2{
  display: flex;
  position: absolute;
  top:30vh;
 left:50vw;
 transform: translateX(-50%); 
  align-items: center;
  justify-content: center;
  z-index: 4;
}

.logo {
  width: 90vw;  
  }

  .flexbox-item-2-5{
    position:absolute;
    z-index:2;
    top:72vh;
    left:50vw;
    width: 89vw;
     transform: translateX(-50%); 
     z-index: 4;
  }
  .firstp {
    color:rgb(255, 255, 255);
    font-family: Avenir-Light;
    font-size:2vh;
    display: flex;
    text-align:center;
    align-items: center;
    padding:10px;
    z-index: 1;
    }

  .flexbox-item-5 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:105vh;
    display: flex;
    width:65vw;
    z-index: 4;
  }

  .flexbox-item-6 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:140vh;
    display: flex;
    width:90vw;
    z-index: 4;
  }
  .flexbox-item-7 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:175vh;
    display: flex;
    width:90vw;
    z-index: 4;
    
  }
  .flexbox-item-8 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top:205vh;
    display: flex;
    width:90vw;
    z-index: 4;
  }
  .flexbox-item-9{
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    top:259vh;
    width:90vw;
z-index: 4;
  }
   .footer {
    
          font-size: 1vh; /* Set the font size */
          color: white(0, 0, 0); /* Dark text color */
          font-family: Avenir-Light;
          color: rgb(182, 182, 182);
        }

  .flexbox-item-10 {
    position:absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    width:100vw;
    top:259vh;
    left:38vw;
    z-index: 4;
  }

  

/* Title Styling */
.title {
  font-size: 6.5vh; /* Large text size */
  font-weight: bold;
  display: flex;
text-align: center;
  color:white;
  text-decoration: none;
  font-family: Avenir-Light;
  
}
.title:hover {
  color:rgb(136, 136, 136);
}
.title2 {
  font-size: 1.6vh;
  display: flex;
  align-items: center;
  width: 85vw;
  justify-content: center;
  color:rgb(189, 189, 189);
  font-family: Avenir-Light;
}



        .privacy {
    
          font-size: 1vh; /* Set the font size */
          color: white(0, 0, 0); /* Dark text color */
          font-family: Avenir-Light;
          color: rgb(182, 182, 182);
        }
  
        #privacyModal.modal {
          display: none;
          position: fixed;
          z-index: 999;
          left: 0;
          top: 0;
          width: 100vw;
          height: 70vh;
          color:rgb(255, 255, 255);
          font-size: 1.5vh;
          background-color: rgba(0, 0, 0, 0.678);
        }

        .modal-content {
          background: rgba(0, 0, 0, 0.719);
          padding: 2vw;
          margin: 10% auto;
          max-width: 30vw;
          position: relative;
          color: white;
        }
        
        .close-button {
          position: absolute;
          top: 1vh;
          right: 2vw;
          font-size: 2.5vh;
          font-weight: bold;
          cursor: pointer;
        }
}