*{
    margin: 0;
    padding:0 ;
    box-sizing: border-box;
}
#main{
    position: relative;
    height: 100vh;
    color:#fff;
}
.container-fluid{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
.container-fluid:after{
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}
.video{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.navbar{
    background-color: rgb(147, 175, 226);
    padding:0 2px;
    color: cornsilk;
    position: absolute;
    width: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    }
.page-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width:100%;
    text-align: center;
    position: absolute;
    top:0;
    left:0;
}
.navbar ul:hover{
    color: ivory;
}
.navbar ul li a{
    transition: transform 0.5s;
}

/*footer*/
.carousel-inner img {
    height: 400px;
}
.footer{
    background: rgb(70, 67, 67);
    color:#d3d3d3;
    position: relative;
   
}

.footer .footer-bottom{
    background: #343434; 
    color: #686868;
    height: 50px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding-top: 20px;
}

footer{
    background-color:#3e6666 ;
}
 footer .footer-cols
{display:grid;
padding:2.5rem 1rem;
text-align:left;
font-size:14px;
}
li{
   color:rgb(180, 178, 178);
}
footer .footer-cols ul{
    list-style:none}
footer .footer-cols ul li:first-child{
   font-size:1.2rem;
   padding-bottom:.5rem;
   border-bottom:#444 solid 1px;
   margin-bottom:1rem;
   color: white;}

   footer .footer-bottom{
    padding:1rem}

   

  .container-carousel{
      margin-top: 15%;
  }  
  .img-text{
      width:100%;
      height: 300px;
      display: block;
      text-align: center;
      padding: 40% 5%;
      background: #262626;
      color: #fff;
      border-radius: 15px;
  }
  .img-text h2{
      font-size: 25px;
      text-transform: uppercase;
      letter-spacing:2px;
  }
  .img-text p{
      font-size: 14px;
  }
 .single-box{
     position: relative;
     margin-bottom: 30px;
 }
 .img-area{
     position: absolute;
     width: 125px;
     height: 125px;
     border:5px solid #fff;
     overflow: hidden;
     top:15px;
     left:125px;
     border-radius:50%;
 }
 .img-area img{
     width: 100%;
 }