/* linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)) */

* {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif; 
}

header{ 

    background-color: black ;
    overflow: auto;
    
}


.navbar ul {

    
    list-style-type: none;
    float: right;
    height: 80px;
    overflow: auto;
    

}

.navbar ul li {

    display: inline-block;
    margin-left: 40px;
    margin-right: 5px;
    padding-right: 5px  ;
}

.navbar ul li a {

    display: block;
    text-decoration: none;
    font-weight: bolder;
    margin: 27px 15px;
    color: white;
    
}

.navbar ul li a:hover {
    
    
    color: grey;
    transition: 0.3s ease;
    

    
    

}

.logo-text {
    
    float: left;
    color: white;
    margin-top: 15px;
    font-size: 30px;
    font-weight: bolder;
    margin-left: 15px;
    border: 3px white solid;
    padding: 2px;
  
}

.text-2 {
    color:greenyellow ;
}

.content {

    background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)) ,url("Images/bg2.jpeg");
    width: 100vw;
    height: 86.8vh; 
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    
}

.content .title {

    position: absolute;
    top: 20%;
    left: 30%;
    transform: translate(-50% , -50%);      
    /* background-color: grey; */

}

.content .title h1 {

    color: white;
    
    text-decoration: underline ;
    padding: 5px;
    font-size: 50px;

} 


.para p.para-1 {

    width: 95%;
    margin: auto;

    position: absolute;
    top: 35%; 
    left: 50%;
    transform: translate(-50% , -50%);

    color: white;
    font-size: 25px;
    

}


.para p.para-2 {
    color: white;
    width: 95%;
    margin: auto;

    position: absolute;
    top: 47%; 
    left: 50%;
    transform: translate(-50% , -50%);

    color: white;
    font-size: 25px;

}

.footer  {

    position: fixed;
    height: 80px;
    background: #1E1E1E;
    left: 0;
    bottom:0 ;
    width: 100%;


} 

.footer-social-icons ul {

    list-style-type: none;
    text-align: center;
    
   

}


.footer-social-icons ul li {

    display: inline-block;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background-color: greenyellow ;
    padding: 3px;
    margin: 5px;
    
    
}


.footer-social-icons ul li a  {

    padding: 20px ;
    margin-top: 5px;
    color: black  ;
    font-size: 20px;
    padding: 8px;
    

}

.footer-social-icons ul li a i {

    line-height: 35px;

}


.footer-social-icons ul li:hover {

    
    transform: translateY(-4px);
    transition:0.3s;


}

.footer-social-icons ul li.facebook:hover {
    
    background-color: #3b5a9a;
}

.footer-social-icons ul li.insta:hover {
    
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    box-shadow: 0px 3px 10px rgba(0,0,0,.25);
  }


.footer-social-icons ul li.twitter:hover {
    
    background-color: #1AA9E1;
}

.footer-social-icons ul li.yt:hover {
    
    background-color: red;
}

.footer-social-icons ul li a:hover {

    color: white;

}


.footer-content {

    position: fixed;
    left: 50%;
    transform: translate(-50% , -50%);

    bottom: -5px ;
    width: 100%;
    text-align: center;

    color: white;
    

}