.loginSection{
width:100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.loginWrapper{
    width:100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 50px;
}
.loginContainer{
    width:auto;
display: flex;
flex-direction: column;
justify-content: center;
} 
.loginContainer form{
border: 1px solid rgba(32, 32, 32, 0.315);
box-shadow: 0px 2px 18px rgba(128, 128, 128, 0.404);
border-radius: 6px;
padding: 10px 40px;
}
.loginContainer form h2{
 text-align: center;
 font-size: 20px;
 text-transform: capitalize;
}
.loginContainer form div{
display: flex;
flex-direction: column;
margin-top: 10px;
}
.loginContainer form div label{
font-size: 14px;
}
.loginContainer form div input{
outline: none;
border-radius: 6px;
border: 1px solid grey;
padding: 3px 10px;
font-size:16px;
font-weight: 300;
}
.loginContainer form div .button{
    border:none;
    width: 100px;
    border-radius: 6px;
    text-transform: capitalize;
    color: whitesmoke;
    background-color: black;
    box-shadow: 0px 2px 18px rgba(128, 128, 128, 0.404);
}
.loginContainer form div .button:hover{
    background-color: black;
    color: whitesmoke;
}
.loginContainer form div p{
    margin-top: 20px;
}
.loginContainer form div p a{
    margin: 0px 10px;
    font-size: 13px;
    color: rgb(0, 106, 138);
}
.loginContainer form div p a:hover{
   border-bottom: 1px solid rgb(0, 106, 138);
}
form .helptext{
    font-size: 11px;
    margin: 0;
    padding: 0;
}
form .country-select-flag{
    display: none;
}
@media screen and (max-width: 480px) {
    .navigationBtnns {
        display: flex;
        flex-direction: row;
        overflow: auto;
        width: 98%;
        white-space: nowrap; /* Ensures content stays in a single line */
    }
    .aTab{
        padding: 40px 5px;
    }
    
    .navigationBtnns .nButton {
        white-space: nowrap; /* Prevents text inside the button from breaking */
    }
    
    .adresses {
        flex-direction: column;
    }
    .addItem {
        padding: 5px 5px;
        width: 100%;
    }
    .iProfile form {
        width: 95%;
        flex-direction: column;
    }
    .iProfile form div {
        width: 99%;
    }
}