*{
    margin: 0px;
    padding: 0px;
     font-family: "Inter", sans-serif;
}

/* this is navbar */

#nav1{
    width: 100%;
    height: 50px;
    background-color:rgb(230, 230, 230) ;
   
}
.first-nav-item{
    padding-top: 1.4%;
     margin-left: 1.5%;
     margin-right: 1%;
 margin-bottom: 1.5%;
display: inline-block;

}
#saylani{
    padding-top: 6px;
}
.first-nav-image{
display: inline-block;
   margin-left: 1%;
     margin-right: 1%;

}
#nav2{
    position: sticky;
    top: 0px;
    width: 100%;
    height: 70px;
    box-shadow: 0px 2px 5px rgb(174, 170, 170) ;
    background-color: rgb(255, 255, 255);
}
#navbar-ul{
    margin-left: 15%;
   display: inline;
position: relative;
bottom: 20px;

}
.ul-list{
    display: inline-block;
    margin-left: 1%;
      margin-right: 1%;
   
      
    }
.ul-list-link{
    text-decoration: none;
    font-size: 14px;
        color: rgb(108, 105, 105); 
    }
#blue{
    color: rgb(30, 150, 255);
}
#buttons{
    width: fit-content;
    height: 35%;
    padding: 5px;
    background-color: rgb(0, 140, 255);
    border-radius: 5px;
    
}
#b-link{
    color: white;
      text-decoration: none;
    font-size: 14px;
       display: inline-block;
  
     
}
.b-link{
    display: inline-block;
    margin-right:0% ;
}
#buttons:hover{
    background-color: rgb(118, 216, 20);
}
.ul-list:hover{
    border-bottom: 2px solid chartreuse ;
}
/* navbar ended */































/* starting of footer and itt is common in all pages*/
#before-footer{
   background-color: rgb(135, 223, 3);
 margin-top:10% ;
width: 100%;
height: 280px;



}

.before-footer{
   
    text-align: center;
    padding-top: 4%;
    color: #fff;
    text-align: center;
}
#footer-input{
    width: 40%;
    height: 20%;
    background: none;
    border-radius: 10px;
    padding-left: 15px;
    margin-left: 30%;
    margin-top: 1.5%;

}
#footer-input:focus{
    outline: none;
}
#subscribe{
     width: 41.5%;
    height: 20%;
       border-radius: 10px;
    padding-left: 15px;
    margin-left: 30%;
    margin-top: 1.5%;
background-color: #fff;
}
.subscribe{
    text-decoration: none;
    color: black;
}
#footermain{
    margin-top: 5%;
    width: 100%;
    height: 600px;
    
    background-color: rgb(40, 39, 39);
    
}
#footer-image{
position: relative;
bottom: 20%;
margin-left: 5%;
display:inline-block;
}
.fab{
    font-size: 45px;
    margin-left:5px ;
    margin-right: 5px;

}

.fa-twitter-square{
    background: none;
    color: rgb(0, 183, 255);
}
.fa-whatsapp-square{
    background: none;
    color: rgb(68, 255, 0);
}
.fa-facebook-square{
background:none;
    color: rgba(0, 0, 255, 0.957);
}
.fa-youtube-square{
    
    color: red;
    background:none;
}
#icons{
    width: fit-content;
  position: relative;
  right: 19%;
bottom: 20%;
    display: inline-block;
}
#about{
    width: fit-content;
    height: fit-content;
    display: inline-block;
    margin-right: 08%;
    margin-top: 10%;

}
#explore{
      width: fit-content;
    height: fit-content;
    display: inline-block;


}
.about{
    color: rgb(255, 255, 255);
    margin-bottom: 30px;
    

}
.explore{
     color: rgb(255, 255, 255);
    margin-bottom: 30px;
}
#last-img{
    width: fit-content;
    height: fit-content;
margin:7% auto;

}














/* ending of footer and itt is common in all pages