.container {
height:1500px;
width: 100%;
background-color: white;
}

.header {
height:150px;
width: 100%;
background-color: rgb(247, 235, 235);
        }
 
.header .header-first {
height:150px;
width: 15%;
float: left;
background-color: black;
                    }
.header .header-first img {
    height: 150px;
    width:100%;


}                   
 
.header .header-second {
 height:150px;
 width: 70%;
 float: left;
 background-color: gray;
                  }
.header .header-second p {
                    font-size: 30px;
                    font-weight: 100;
                    text-align: center;
                    background-color: seagreen;
                    height: 80px;
                    color:white ;
                    
                                     }


.header .header-third {
height:150px;
width: 15%;
float:left;
background-color: black;

        }

.header .header-third img {
            height: 150px;
            width:100%;
        }
        
.menu {
            height:50px;
            width: 100%;
            background-color: hsl(84, 93%, 17%);
                   }
            
            
.menu ul{
                    list-style: none;
                    margin: 0px;
                    padding: 0px;
                    
                    }
                    
.menu ul li {
                    background: hsl(84, 93%, 17%);
                    width: 146px;
                    border-left: 1px solid #fff;
                    border-right: 1px solid #fff;
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    float: left;
                    color: #fff;
                    font-size: 12px;
                    
                    font-family: poppins;
                    text-transform: uppercase;
                    font-weight: bold;
                    }

 .menu ul li ul li {
     font-size: 9px;
 }                   

.menu ul li :first-child{
    border-left: 0px solid;
}
.menu ul li :last-child{
    border-right: none;
}

.menu ul li:hover{
                    background: green; 
                    
                    }
                    
.menu ul ul{
                    display: none;
                    
                    }
.menu ul li:hover > ul{
                    display: block;
                    
                    
                    }
                 
        



.slider {
height:400px;
width: 100%;
background-color: aqua;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 15px;
               }

               @keyframes slider {
                0%{
                    background-image: url(banner1.jpg);
                         } 
           
                25%{
                    background-image: url(banner2.jpg);
                         }
           
               50%{
                    background-image: url(banner3.jpg);
               
                         }

                75%{
                    background-image: url(banner4.jpg);
                    
                         }

                100%{
                    background-image: url(banner5.jpg);
                        
                         }

                

                }
                              
             .slider{
                 animation-name: slider;
                 animation-duration: 3s;
                 animation-iteration-count: infinite;
                 background-repeat: no-repeat;
                 background-size: cover;
             }                 
            
            
           



.about {
height:350px;
width: 100%;

        }
.about h1 {
text-align: center;
color: green;
        }
.about p {
font-size: 25px;
                       
         }

.gallery {
height:350px;
width: 100%;
background-color: white;
         }

.gallery .gallery-first{
height:50px;
width: 100%;
            
                    }

.gallery .gallery-second {
height:300px;
width: 50%;
float: left;
        }

.gallery .gallery-second .pic1 img  {
    height: 50%;
    width:33%;
    float: left;
                    }  
                    
.gallery .gallery-second .pic2 img  {
                        height: 50%;
                        width:33%;
                        float: left;
                                        }

 .gallery .gallery-second .pic3 img  {
                              height: 50%;
                           width:33%;
                               float: left;
                                                            }


 .gallery .gallery-second .pic4 img {
                     height: 50%;
                        width:33%;
                              float: left;
                                                              }
  .gallery .gallery-second .pic5 img  {
                             height: 50%;
                                    width:33%;
                                         float: left;
                                                    }
  .gallery .gallery-second .pic6 img  {
                                height: 50%;
                                     width:33%;
                                      float: left;
                                                                                                                        }

.gallery .gallery-third{
            height:300px;
            width: 50%;
            float: left;
            background-color: red;
                    }
.gallery .gallery-third .card1 img {

    height: 100%;
    width: 50%;
    float: left;

}

.gallery .gallery-third .card2 img {

    height: 100%;
    width: 50%;
    float: left;
    
}

.contact {
height:200px;
width: 100%;
background-color: green;
         }

.contact .contact-first{
    height:200px;
    width: 50%;
    float: left;
    
}
.contact .contact-first h1 {
    color: white;
}  

.contact .contact-second  {
    height:200px;
    width: 50%;
    float: right;
    color: white;
}

.footer {
    height:50px;
    width: 100%;
    background-color:blue;
    
    
                         }
    
.footer p {
        
     text-align: center;
     color: white;
        
    }