@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{ 
    overflow-x: hidden;
    font-family: "Roboto", sans-serif; 
    background: #F5F4F6;
}
img.logo-image { 
    width: 90px;
    
}

.roboto-thin {
 
    font-weight: 100;
    font-style: normal;
  }
  
  .roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
  }

   ::-webkit-media-controls {
    display: none !important;
  }
  
   ::-webkit-media-controls-enclosure {
    display: none !important;
  }
  
   ::-webkit-media-controls-panel {
    display: none !important;
  }
  
   ::-webkit-media-controls-play-button {
    display: none !important;
  }
  
  body {
 
    background-color: #f5f4f6!important; 
}
video{
    max-width: 100%;
}
video {
    max-width: 100%; 
}
.bg-logosec {
    background: #5ca153;
    padding: 6px 0;
    border-radius: 0 0 20px 20px;
}
h1 {
    font-size:40px;
    text-transform: uppercase;
    font-weight: 400;
}

h1 span{
    color: #5ba251;
    font-weight: 700;
}
.download-app {
    padding: 15px;
    background: #ec670f;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    margin-top: 15px; 
    text-align: center;
    position: relative;
}

@media(min-width:768px){
    .download-app { 
        top: 15px; 
    }
}
 
@media(min-width:1300px){
    .bx-sec{
        overflow: hidden;
        height: 100vh;
        position: relative;
    }
 

}






@media(max-width:768px){
    h1 {
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 400;
        margin: 15px auto;
        line-height: 32px;
    }
}




@keyframes bang {
    from {
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  .hoverme { 
    position: relative;
  }
  
  .hoverme i {
    position: absolute;
    display: block;
    left: 50%;
    top: 0;
    width: 3px;
    height: 8px;
    background: red;
    opacity: 0;
  }


  button{
    border: 0;

    outline: 0;
  }

  @media(max-width:768px){
    button.hoverme.download-app.button.mx-1 {
        width: 100%;
    }
  }