@font-face { 
                  font-family: Helvetica; 
             src: url(../fonts/Helvetica.ttf);
                  font-family: Roboto;
             src: url(../fonts/Roboto-Regular.ttf);
                  font-family: Poppins;
                  src: url(../fonts/Poppins-Regular.ttf);                
            }
*{margin: 0; padding: 0; font-family: 'Roboto';}  
body{width: 100%; height: 100vh; background-color: #cee1f3;}
html{scroll-behavior: smooth;}
a:hover{text-decoration: none;}
/*         Header section  starts here           */
.navhead{  background-image: url("../images/nav1.jpg"); /* header background image */
           background-repeat: no-repeat;
           background-size: cover;
           border-bottom: solid rgb(252, 248, 2) 8px;                      
}
.navhead img{
    width: 100%;
    height: 100%;
}
 /*         Carousel starts here           */
        .carousel-item img{
               height: 100%;
                width: 100%;
            }
        .carousel-control-next-icon, .carousel-control-prev-icon{
                height: 40px;
                width: 40px;
            }        
        .carousel-indicators{
                    margin-bottom: 25px;
                }
                .carousel-indicators li {
                    width: 10px;
                    height: 10px;
                    border-radius: 100%;
                    margin: 5px;
                  }     
        .carousel-indicators .active{
                 background-color: #f00;
                   }    
 /*           section  starts here            */
.section .one{ 
    color:rgb(255, 0, 0) /* section Heading  */
}
.section .two{
    color:rgb(0, 114, 19) /* section Heading  */
}
.section .three{
    color:rgb(0, 68, 255)  /* section Heading  */
}
                      .section{
                        padding-top: 50px;
                        padding-bottom: 50px;                        
                    }                    
                    .section h3.section-head{
                        color: #000;
                        text-align: center;
                        margin-bottom: 40px;
                        font-size: 28px;
                    }                    
                    .section h3.section-head:after{
                        background: #e74c3c;
                        content: "";
                        display: block;
                        width: 100px;
                        height: 3px;
                        margin: 10px auto;
                    }                    
                    .service-box{
                        text-align: left;
                        font-weight: normal;
                        color: crimson; 
                        padding: 0px 30px;
                    }
                    .service-box p{                        
                        font-size: 18px;
                        text-align: left;                        
                        color: rgb(0, 0, 0);
                    }                    
                    .service-box img{
                        width: 255px;
                        height: 170px;                        
                        margin-bottom: 15px;  
                        border: 2px solid rgb(255, 255, 255);
                        padding: 8px;
                        border-bottom-left-radius: 25px; 
                        border-top-right-radius: 25px;
                    }
   /*         testimonials          */
#testimonials{
    color: #fff;
    background: url('../images/bg1.jpg') no-repeat 0 0;
    background-size: cover;
    padding: 50px 0;
    position: relative;
    font-size: 14px;
}
#testimonials:before{
    background: rgba(52, 73, 94, 0.7);
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    }
#testimonials img{
    border-radius: 50%;
    width: 18%;     
}
/*               gallery            */
.galmarquee{
     background-image: url('../images/gal1.jpg'); /*  gallery background  */
     padding: 40px 40px;          
     height:260;           
}
.galmarquee img{
    width: 270px;
    height: 180px;    
  border: 3px solid rgb(0, 208, 223);  
  border-bottom-left-radius: 25px;
  border-top-right-radius: 25px;      
}
/*         footer section here           */
.footerblock{
    background: #34495e; 
}
#footer-sidebar{
    color: #fff;
    background: #34495e;
    padding: 20px 0;    
    font-size: 12px;   
}
.footer-widget h5:after{
    content: "";
background: #fff;
display: block;
width: 50px;
height: 2px;
margin: 5px 0;
}
.footer-widget a{
    color: #fff;
}
.latest{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 20px;
}
.latest li{
    margin-top: 16px;
    margin-bottom: 3px;
    display: inline-block;
    padding-right: 5px;
    }
#footer{
    color: #fff;
    background: #2c3e50;
    padding: 10px 10px;
    font-size: 12px;  
}
/*           contact section  page            */
#contactbody{
    background-color: #cfb873a9;
}
#address{
    margin-top: 90px;
    margin-bottom: 50px;    
}
#table{
    margin-bottom: 10px;    
}
#table input[type=text], textarea { background-color: white; color: black; }
  #sendbutton{                          
    background-color: black;
    color: white;
    width: 80px;
    height: 35px;
    border: 4px solid black white;
    border-radius: 6px;
    font-style: italic;
    font-size: 18px;
  }
/*          admin page section             */
#admin a{
    text-decoration: none;
    }  
    #admin{
        width: auto;
        height: 695px;
        margin-top: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    /*  Media Query start here            */   
    @media(max-width: 576px) {                                  
 	         	 .carousel-item img{
            		     height: 170px;
               		     width: 100%;
           			 }                                       
                                    }                    
    @media(max-width: 320px) {                                  
 	         	 .carousel-item img{
            		     height: 150px;
               		     width: 100%;
           			 }                                       
                                    }