.main-form{
    width: 400px;
}

.btn{
    width: 200px;

}



.container.py-5 {
    max-width: 700px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.card {
    border-radius: 15px;
    background: linear-gradient(145deg, #ffffff, #f1f1f1);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.card-body {
    padding: 2rem;
}

.card-body h1 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 1.5rem;
}

.card-body p {
    font-size: 1rem;
    color: #555;
    line-height: 1.6;
}

.card-body p strong {
    color: #222;
}

.card-body span.text-muted {
    color: #888;
}

.btn-primary {
    background-color: #007bff;
    border: none;
    border-radius: 50px;
    padding: 0.75rem 2rem;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #0056b3;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.5);
}

.card-body a {
    text-decoration: none;
}

.card-body a:hover {
    text-decoration: none;
}


.navbar {
    box-shadow: rgba(32, 36, 72, 0.2) 0px 4px 15px;
}

.navbar img {
    width: 40px;
    height: 40px;

}
.navbar .img-text {
    color: rgb(25, 109, 60);
    font-weight: 700;
    font-size: 14px;
}


.navbar-links-style{
    color:rgb(37, 146, 82);
}

.navbar-links-style:hover{
    color: rgb(31, 207, 104);
}

.form-error{
    text-decoration: none;
    color:red;
}

.form-error ul{
    list-style: none;
}

.password-input {
    padding-right: 3rem; /* отступ справа, чтобы кнопка не закрывала текст */
}
#togglePassword{
    width: 50px;

}