*{
    margin: 0;
    padding: 0;
}

/*Navigation Bar*/
#nav-bar{
    position:sticky;
    top:0;
    z-index: 10;
}

.navbar-brand img{
    height: 110px;
    /*width: 90px;*/
    padding-left: 30px;
    margin-top: 2px;
    margin-bottom: 0px 2px;
    width:350px;
}

.navbar-nav li{
    height:60px;
    padding-left: 30px;
    text-align: center;
    margin-top: 30px;
    color: #006400;
}

.navbar-nav li a{
    float: right;
    text-align: left;
}

#nav-bar ul li a:hover{
    color: #0a0a0a;
}
    
.navbar{
    background: #ffffff;
} 
    
.navbar-toggler{
    border: none!important;
}
    
.nav-link{
    color: #006400!important;
    font-weight: 600;
    font-size: 18.5px;
}

.dropdown-menu:hover{
  color: #006420;
}




/*Slider*/
#slider{
    width: 100%;
}

#slider img{
    width: 300vh;
    height: 90vh;
}

.carousel-caption{
  top: 50%;
  transform: translateY(250%);
  bottom: initial !important;
}

.carousel-caption h5{
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder;
}

.text-block{
  width:100px;
  height:100px;
  background-color: aliceblue;
}



/*Our Company*/
#company{
    padding-top: 50px;
    padding-bottom: 50px;
    color:#fff; 
    background-color: #31b151;
}

#company h1{
  color: #fff;
}

.btn{
    margin-top: 20px;
    margin-bottom: 30px;
}

.descrp p{
    padding-top: 20px;
}



/*Our Sub-Companies*/
#sub-companies{
  background-color: #fff;
  
}

#sub-companies h1{
  margin-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  color: #006400;
  font-weight: bolder;
}

#sub-companies h2{
  font-size: 20px;
  color: #006400;
}

#sub-companies p{
  font-size: 18px;
}

.col-md-4 .profile-pic .text-center {
    justify-content:flex-end;
    /*padding-bottom: 30px;*/
    margin-bottom: 30px;
}

.cold-md-4 h2 {
    margin-top: 100px;
}



/*Our Services*/
#services
{
    background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(slider/1.jpg);
    background-size: cover;
    background-position: center;
    color: #efefef !important;
    background-attachment: fixed;
    padding-top: 50px;
    padding-bottom: 50px;
}

#services h1
{
    text-align: center;
    color: #efefef !important;
    padding-bottom: 10px;
}

#services h1::after
{
    content: '';
    background: #efefef;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px;
}

.services
{
    margin-top: 40px;
}

.icon
{
   font-size: 40px;
   width: 100px;
   height: 100px;
   line-height: 100px;
   border: 1px solid #fff;
   border-radius: 50%;
   display: inline-block;
}

#services p
{
    font-size: 14px;
    margin-top: 20px;
    color: #ccc;
}

#services h3{
  font-size: 20px;
}

.services .col-md-3:hover
{
    background: #006400;
    cursor: pointer;
    transition: 0.7s;
}



/******REVEAL******/
.reveal{
    position: relative;
    transform: translateY(20px);
    opacity: 0;
    transition: all 3s ease;
}

.reveal.active{
    transform: translateY(0px);
    opacity: 1;
}




/*Loading*/
.loader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f7f9fb;
    transition: opacity 0.75s, visibility 0.75s;
}

.loader-hidden{
    opacity: 0;
    visibility: hidden;

}

.loader::after{
    content: "";
    width: 75px;
    height: 75px;
    border: 15px solid #dddddd;
    border-top-color: #006400;
    border-radius: 50%;
    animation: loading 0.75s ease infinite;
}

@keyframes loading{
    from{
        transform: rotate(0turn);
    }
    to{
        transform: rotate(1turn);
    }
}