.main-login:hover{
    background-color: #F14D5D;
    transition: all ease 0.3s;
}


body{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background-color: #dad3ce;
}
div{
    display: block;
}
.pop{
    background: #c9b29f;
}
.header{
    height: auto;
    padding: 50px 0px 70px 0px ;
    /* background-color: #c9b29f; */
}
.custom-logo{
    width: 15%;
    background-color: #c9b29f;
}

#header-span{
    font-weight: 999;
}

.custom-ul{
      text-align: center;
     
    }

.custom-li{
    font-size: 300;
     padding: 0px 10px; 
    
    }
    

.p-3{
    font-size: 15px;
    font-weight: bold;
    
} 

.ff{
    text-align: center;
    
}
.custom-card{
    border-radius: 15px;
    padding: 11px;
    box-shadow: 0px 10px 30px rgba(15, 15, 15, 0.5);
    border: none;
}
.gg{
    background-color: #dad3ce;
}
.long{
    color: gray;
}
.jion{
    justify-content: center;
}