/* header section */

.logo{
    display: flex;
    align-items: center;
    font-size: 24px;
    margin-left: 100px;
    cursor: pointer;
}

.logo:hover{
    color: rgb(10, 88, 202);
}

.logo #hamro{
    font-weight: bold;
    
}
.logo #csit{
    color: #252930;
}


.header{
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;

  
}

.header .nav-list nav ul li{
    display: inline-block;
    padding: 35px 0px;
 

    margin-right: 20px;
    position: relative;

}

.header .nav-list nav ul li a:hover{
    color: rgb(0, 175, 146);
}
.header .nav-list nav ul li a{
    text-decoration: none;
    color: black;

}

.nav-icons{

    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 100px;

}


.nav-icons .search-icon{
    font-weight: bold;
    font-size: 16px;
    margin-right: 20px;

}

.nav-icons button{
    background-color: rgb(0, 175, 146);
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
   
}

.nav-icons button .account a{
    text-decoration: none;
    color: white;
    margin-right: 20px;


}

.nav-icons button img{
    width: 100px;
    border: 50%;
}





button .user img{
    width: 25px;
    border-radius: 50%;
    margin-right: 10px;
}



/* responsive designe */