html{

scroll-behavior: smooth;

}

body{

    /* font-family: 'Handlee', cursive; */
    font-family: 'Montserrat', sans-serif;
    /* font-family: 'Open Sans', sans-serif;
    font-family: 'Roboto', sans-serif; */


}

h1,h2,h3,h4,h5,h6{

    font-family: 'Roboto', sans-serif; 
 

}

.heading-name{

background-color: grey !important;

}

.section-title h3{

font-weight: bolder;
margin-bottom: 0;

}

.hr-style{

border: 5px dotted white;
border-bottom:none;
width: 50px;

}

/* header starts here  */
header{

background-image: url("cover.jpg");
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size:cover;

}

.navbar{
padding: 1% 10%;
background-color: rgba(0,0,0,0.3);

}


.navbar-icon{

color: white;

}

.nav-link{


    color: white;
    margin: 10px;
    border-radius: 5px;
    transition: .4s;
}

.nav-link:hover{
background-color: grey;
transform: scale(1.1);
color:white;
}

.banner-container{

height: 100vh;

}
.banner-container h1{

font-size:3.5rem ;
background-color: rgba(7,101,189,0.8);
padding: 10px 20px;
font-family: 'Handlee', cursive;
border-radius:5px
}

.banner-container h3{

    font-size:2rem ;
    background-color: rgba(7,101,189,0.8);
    padding: 10px 20px;
    font-family: 'Handlee', cursive;
    border-radius:5px
    }

    .res-icon{

transition: 0.3s;

    }

.res-icon:hover{

background-color: grey;
border-radius: 5px;
transition: 0.3s;
transform: scale(1.1);
}

.logo{

width: 50px;

}

/* header end */

/* features starts from here  */


#features{

padding: 5% 10%;
background: #e8ded2;

}

.features-col{

border: 1px solid #ff02c0;
border-radius: 5px;
padding:15px;
margin:20px 0px;
transition: 0.4s;
}

.features-col:hover{

transform: scale(1.1);
box-shadow:2px 6px 5px black;

}

.icon-style{

background:#bb0aac;
color: white;
padding: 15px;
margin: 5px 0px;

}

/* features ends here  */

/* about me starts */
#about-me{

padding: 4% 10%;
background: #e8ded2;
}

#about-me p{

font-size: 0.9rem;
margin-bottom: 0;
font-weight: lighter;
}

#about-me a{
    font-size: 0.9rem;
    font-weight: lighter;
    color: black;
    text-decoration:none;

}

#about-me a:hover{

text-decoration: underline;

}

.star i{

width: 20px;
/* color: red; */

}

.basic-desc{
    font-family: 'Open Sans', sans-serif;
}

.achive-desc{
    font-family: 'Open Sans', sans-serif;
}

/* about me ends */


/* feedback starts  */

#feedback{

padding: 5%;
background: #5eaaa8;

}

    .hr-style{
    
    border:5px dotted black;
    border-bottom: none;
    width: 50px;
    
    }
    
    .carousel-item{
    
      padding: 5% 15%;
      text-align: center;
        font-style: italic;
    } 
    
    .feedback-img{
    
    width: 150px;
    height: auto;
    
    }
    
    .carousel-indicators{
    
    bottom: -20px;
    
    }

/* feedback ends  */


/* contact starts  */

#contact{

padding: 2% 10%;
background: #5eaaa8;

}

.form-group label{

margin-bottom: 0;
font-weight: bold;

}

/* contact ends  */

/* footer starts here  */

footer{

padding: 1% 10%;
background:#056676;

}

footer a{

color: white;
margin: 0 8px;

}

footer a:hover{

color: black;

}

footer .home-link{

transition: 0.3s;

}

footer .home-link:hover{

 
background-color: grey;
transform: scale(1.1);
color:white;
text-decoration: none;
border-radius:5px;

}

/* footer ends here  */

@media (max-width:768px) {
    
.nav-link:hover{

background: rgb(0,0,0,0.7);

}
.banner-container h1{

    font-size:2.3rem ;
    }



}