html{
    scroll-behavior:smooth;
    font-size:62.5%;
    /* font-size:100%; */
}

*{margin:0px; padding:0px; box-sizing:border-box;font-family:'Poppins',sens-serif;} 

h1{
    font-size:1.8rem;
    font-weight:600;
    text-align:center;
    padding:0.5rem 0 0.5rem 0;
    color:#000;
}


.hmainhead{font-size:4.0rem!important;margin-bottom:3rem;}


li{list-style:none;
font-size:1.5rem;}

ul li a{color:#fff!important;}

a {color:!important;text-decoration:none;}
a:hover{text-decoration:none;}

 
p{
    font-size:1.6rem;
    line-height:1.6;
    font-weight:600;
    color:#000;
 }

.navbar-brand{
    font-size:2.5rem;
    padding-left :4rem;
}

.nav-item a{
    font-size:1.7rem;
}


.c-item{
height:100vh;
}

.c-img{
height:100%;
object-fit:cover;
background-size:cover;
filter:brightness(1);
}



/* **************************header begins here ******************* */

.header{
    width:100%;
    height:100vh;
    /* padding:8rem 0px;  */
    /* background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url("../images/banner1.jpg");
    background-repeat:no-repeat;
    background-size:100% 100%; */
    /* clip-path:polygon(100% 0%,100% 77%,50% 100%,0% 75%,0 0); */
    /* position:relative; */
    /* border:3px solid red; */
}

/* .header:before{ 
   content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0.3;
    background:linear-gradient(to right, #1e5799 0%,#3ccdbb 0%,#16c9f6 100%);
}  */








/* ************************header ends here******************* */



/* ************************about us**************************** */
.aboutus{
    width:100%;
    height:auto;
    padding: 8rem 0px;
    position:relative;
    /* border:3px solid black; */
   
 }



.aboutus:before{
content: "";
position:absolute;
top:0%;
bottom:0%;
left:0;
right:0;
opacity:3;
z-index:-1;
/* background:linear-gradient(140deg, #61d3d3 56%,#fff 0%);*/
background:linear-gradient(180deg,#fff 10%, #DFFF00 50%,#fff 100%);
}
/* ************************about us ************************** */



/* **************course starts here************************** */
.coursename {
    width:100%;
    height:inherit;
    padding:10rem 0px;
    position:relative;
    /* border:3px solid black;   */
 }

.coursename:before{
content: "";
position:absolute;
top:0%;
bottom:0%;
left:0;
right:0;
opacity:3;
z-index:-1;
background:linear-gradient(180deg,#fff 20%,#A3E4D7 50%,#fff 90%);
}


.box{
    /* border:1px solid rgba(0,0,0,0.2); */
    box-shadow:0 5px 10px 0 rgba(0,0,0,0.3);
    /* border-radius:20px 20px 0px 0px; */
    background:#fff;
    transition: 0.3s ease-in-out;
    padding:20px 30px;
    /* background-image:linear-gradient(to bottom right, white, cyan,#fff); */
    /* background: #c0c0aa;  fallback for old browsers */
    background: -webkit-linear-gradient(to left,#EBEDEF,#fff);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #EBEDEF, #fff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    }

.box:hover{
    background-image:linear-gradient(to bottom right,white,#EBEDEF, #fff);
    transform:translateY(-20px);
}

.box:hover h1{
color:#000;
}

.box ul{
    padding-bottom:0.5rem;
    padding-top:0.5rem;
    border-bottom:1px solid #212F3D;
    border-top:1px solid #212F3D;
}


.carousel-indicators{
position:absolute;
right:0;
bottom: -5rem!important;
}

.carousel-indicators li{
background-color:#212F3D!important;
}






.carousel-item h1{
    color:#212F3D ;
}
 

.second{
      padding :0px 3.0remx;
     
    }


/* **************course ends here************************** */


/********************service ****************************/
.service{
    width:100%;
    height:auto;
    position:relative;
    padding: 8.0rem 0rem;
    /* border:1px solid black; */
}

.service:before{
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
/* background:linear-gradient(330deg,#16c9fc 55%, #fff 0%); */
/* background:linear-gradient(330deg,#c8bab1 55%, #fff 0%); */
/* background:linear-gradient(333deg, #F8F9F9 56%, #fff 0%); */
/* background:linear-gradient(180deg,#fff 20%, #999999 50%,#fff 100%); */
/* background:linear-gradient(180deg,#fff 10%, #e6e7e8 50%,#fff 100%); */
z-index:-1;
}

.service-row{
    /* border:1px solid black; */
    padding: 2.0rem 0px;
}


.box2{
    /* border:1px solid rgba(0,0,0,0.2); */
    box-shadow:0 5px 10px 0 rgba(0,0,0,0.3);
    /* border-radius:20px 20px 0px 0px; */
    background:#fff;
    transition: 0.3s ease-in-out;
    padding:20px 30px;
	 background:linear-gradient(0deg, rgba(132 144 255) 0% ,rgba(98 189 252) 100%);
    /* background-image:linear-gradient(to bottom right, white, cyan,#fff); */
    /* background: #c0c0aa;  fallback for old browsers */
    /* background: -webkit-linear-gradient(to left,#EBEDEF,#fff);  Chrome 10-25, Safari 5.1-6 */
    /* background: linear-gradient(to left, #EBEDEF, #fff); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    }

.box2:hover{
   /* background:linear-gradient(180deg,#fff 10% ,#EBEDEF 100%); */
    background:linear-gradient(180deg, rgba(132 144 255) 0% ,rgba(98 189 252) 80%  );
    transform:translateY(-10px);
    /* background-color:#A3E4D7; */
} 

.box2:hover h1{
color:#000;
}

.box2 ul{
    padding-bottom:0.5rem;
    padding-top:0.5rem;
    border-bottom:1px solid #212F3D;
    border-top:1px solid #212F3D;
}

/*********************service ends here*****************/






/* **************************contact us starts************************ */


.contactus{
    width:100%;
    height:auto;
    position:relative;
    padding:8rem 0px;
    /* border:1px solid black; */
    }

.contactus:before{
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
 /* background:linear-gradient(330deg,#16c9fc 55%, #fff 0%);  */
/* background:linear-gradient(23deg,#c8bab1 60%, #fff 0%);  */
/* background:linear-gradient(23deg, #F8F9F9 60%, #fff 0%); */
background:linear-gradient(180deg,#fff 20%, #A3E4D7 50%,#fff 90%);
/* background:linear-gradient(180deg,#fff 20%, #e6e7e8 50%,#fff 100%); */
z-index:-1;
}

.form-control{
   padding:1rem!important;
   height:auto;
   /* margin-top:2rem; */
}

.form-button button{
    border-radius:100px;
    border:0.1rem solid #ABB2B9!important;
    margin:0px 0.5rem;
    padding:1.2rem 3.5rem;
    outline: none;
    color:#ABB2B9;
    font-size:1.5rem;
    font-weight:400;
    line-height:1.4;
    background:transparent; 
   }


.form-button button:hover{
    color:#000;
}


form:hover .form-button button{
    color:#000;
    background:#fff;
    box-shadow : 0 0 20px 0 rgba(0,0,0,0.3);
}


::placeholder{font-size:1.5rem;}

input[type=text],input[type=email],textarea{font-size:1.5rem!important;}
/* **************************contact us ends************************  */


/* ***************footer starts here******************** */
.footersection{
    width:100%;
    height:auto;
    background:#e6e7e8;
    padding: 6rem 0 4.0rem 0;
    position:relative;
   
   
}
.footer-div{
    /* border:1px solid blue; */
}
.footersection h3{
    font-size:2rem!important;
    color:#58595f;
    font-weight:700;
    text-shadow: 0 2px 5px rgba(0 0 0 0.4);
    margin-bottom:0.5rem;
    }

 

.footersection p{
    color:#58595f; 
    /* font-weight:600; */
    font-size:1.5rem;
    line-height:1.8;
}



.footer-div p{
   text-transform:capitalize!important;
}

.footer-div li a{
    color:#58595f; 
    font-weight:600;
    font-size:1.4rem;
    text-decoration:none;  
}

.footer-div li{
    line-height:1.6;
}




.footer-div a{
    color:#212529;
}

.footer-div a:hover{
    color:#999999;
}

.footertext{
    margin:0px auto;
}

 .footertext p{
    color:#58595f;
    font-size:1.5rem;
    font-weight:600;
    margin-top:1.5rem; 
   
}




/* ***************footer ends  here******************** */

#myBtn{
    display:none;
    position:fixed;
    color:#fff;
    bottom:2.0rem;
    right:4.0rem;
    border:none;
    padding:10px;
    border-radius:5px;
    background:#454545;
    z-index:99;
}

#myBtn:hover{
    background:#606060;
}



 
/* ************************************************  
                    MEDIA QUERIES   
    
************************************************* */

@media(max-width:998px){
    
    html{
        font-size:55%;
    }

    .c-item{
        height:100%;
        
        
    }

 .c-img{
     height:100%;
     /* width:100%; */
     /* object-fit:cover; */
     background-size:cover;
 }



}

@media(max-width:768px){
    html{
        font-size:50%;
        }
    
        .footer-div{
            margin-bottom:1rem;
        }
        .box{
            margin-top:1rem;
            border-radius:0px;
        }

        .c-item{
            height:100%;
           
            
        }

     .c-img{
         height:100%;
         /* width:100%; */
         /* object-fit:cover; */
         background-size:cover;
     }

        /* .carousel-control-prev-icon, .carousel-control-next-icon{
            color:#000!important;
            filter:invert(100%); */
        }
}

@media(max-width:576px){


    html{
        font-size:45%;
        scroll-behavior:smooth;
        }
    
        .footer-div{
            margin-bottom:1rem;
        }
        .box{
            margin-top:1rem;
            transform:none;
             }

        .box2{
            margin-top:1rem;
            transform:none;
            }

            .navbar-toggler {
                font-size: 2rem;
              
            }


           .c-item{
               height:100%;
               
               
           }

        .c-img{
            height:100%;
            /* width:100%; */
            /* object-fit:cover; */
            background-size:cover;
        }

        /* .carousel-control-prev-icon, .carousel-control-next-icon{
            color:#000!important;
            filter:invert(100%);
                    } */

        
       
            .contactus{
            width:100%;
            height:auto;
            position:relative;
            padding:4rem 0px;
            /* margin-top:4.5rem; */
            }


        .contactus:before{
            content:'';
            position:absolute;
            top:0;
            left:0;
            bottom:0;
            right:0;
            /* background:linear-gradient(330deg,#16c9fc 55%, #fff 0%);  */
            /* background:linear-gradient(23deg,#c8bab1 60%, #fff 0%);  */
            /* background:linear-gradient(23deg, #F8F9F9 60%, #fff 0%); */
            background:linear-gradient(180deg,#fff 20%, #A3E4D7 50%,#fff 90%);
            /* background:linear-gradient(180deg,#fff 20%, #e6e7e8 50%,#fff 100%); */
            z-index:-1;
            }

 }         
 
 @media(max-width:300px){

                .c-item{
                    height:100%;
                  
                    
                }
     
             .c-img{
                 height:100%;
                 /* width:100%; */
                 /* object-fit:cover; */
                 background-size:cover;
             }
     
             /* .carousel-control-prev-icon, .carousel-control-next-icon{
                 color:#000!important;
                 filter:invert(100%);
                         } */

            }