body{
  font-family: 'Montserrat', sans-serif; 
}
.box h2{
  font-weight: 900;
  padding-top: 2rem;
}
.box{
margin-top: 5rem;
background-color: transparent
}
.innerbox{
padding:3rem 3rem;

}
.innerbox:hover{
  margin-bottom: 5rem;
  
  box-shadow: 0 0 20px 0 rgb(0, 0, 0,0.3);  
    transform: translateY(-40px);
    background-color: #16c9f6;
    color: white;
}
#videobcg {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  height:auto;
  width:auto;
  z-index: -100;
}


.textaboutus {
    text-align: left;
    font-size: 1rem;
  }
  .about {
    height: auto;

   
  }
  .intro-body{
    padding: 5rem 0;
  }
  .content-section1 {
    padding: 5rem 0;
  }
  
  
  .masthead {
 
  }
  
  .content-section2 {
    padding: 5rem 0;
  }
  
  footer {
    background-color: rgb(27, 27, 27);
  }
  
  .sectionReuse {
    height: 100vh;
  }
  
 
  .contactus:before {
    content: '';
    position: absolute;
    top: 0%;
    bottom: 0%;
    right: 0%;
    left: 0%;
  
    z-index: -1;
    background: linear-gradient(337deg, #16c9f6 55%, #fff 0%);
  }
  
  .form-button button {
    border-radius: 100px;
    margin: 10px 5px;
    padding: 12px 35px;
    outline: none;
    color: #f8fbfc;
    font-size: 1rem;
    font-weight: 400;
    background-color: #31d179;
  }
  
  form:hover .form-button button {
    border: 2px solid #fff;
  
    color: #16c9f6;
    border-radius: 100px;
    margin: 10px 5px;
    padding: 12px 35px;
    outline: none;
    background-color: white;
    font-size: 1rem;
    font-weight: bolder;
    /* box-shadow: 0 0 20px 0 rgb(0, 0, 0,0.3);     */
  }
  
  ::placeholder {
    font-size: bold;
    color: #16c9f6;
  }
  
  .hometext{
    height: 100vh;
    background-color: black;
  }
  .headinghome{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  .brand-heading{
    
    margin-top: 10%;
  
    
  }

  
.extra-div{
  background-color: white;
  border: medium none;
  padding: 50px!important;
  border-radius: 3px;
  transition: 0.3s;
  box-shadow: 0 0 20px 0 rgb(0, 0, 0,0.3); 
}


.extra-div:hover{
   
  transform: translateY(-20px);
  background-color: #16c9f6;
  

}


.extra-divb{
  background-color: white;
  border: medium none;
  padding: 50px!important;
  border-radius: 3px;
  transition: 0.3s;
  box-shadow: 0 0 20px 0 rgb(0, 0, 0,0.3);  
  transform: translateY(-20px);
  background-color: #16c9f6;
  color: white;
}


.extra-divb:hover{
  box-shadow: 0 0 20px 0 rgb(0, 0, 0,0.3);  
  transform: translateY(-30px);
  background-color: #16c9f6;
  color: white;
  /* background-image:url('assets/img/intro-bg.jpg') ; */

}


.home2{
  height: 100vh;
}


.buttonhomereuse{

border-radius: 0%; 
margin-bottom: 2rem; 
padding: 0.5rem; 

}

.buttonhomereuse:hover{
  color: black;
}
.intro-body a:hover{
color: black;
}
.menu{
  background-color: gray;
  padding: 0.3rem 0;
  font-weight: 800;
 width: 100%;
z-index: 1000;
}

.menu:hover{
background-color: rgb(34, 34, 34);
}

.roww .col-1{
  border-right: 0.1px solid white;

  z-index: 1000;
  height: 2rem;
}



.roww .col-1:hover{
background-color: white;
color: black!important;
}

.roww .col-3:hover{
  background-color: white;
  color: black!important;
  }
  
  

.roww .car{
  border-right: 10px solid white;

  z-index: 1000;
  height: 2rem;
}

#nav{
  background-color: rgb(8, 8, 8);
  height: 5rem;
}


.aboutbox{


  background-color: #16c9f6;
  color: white;
}
.carousel-item{
  margin-top: 0px!important;
}