.add-contact-page {
    min-height: 100vh;
    width: 100%;
}

.contact {
    display: flex;
    gap: 80px;
    padding: 60px 20px;
}

.contact-content {
    flex: 0.7;
    border-right: #999 solid 0.5px;
    padding-right: 60px;
}

.contact-content h1 {
    font-size: 48px;
    color: #333;
}

.contact-content h4 {
    color: #555;
}

.contact-content p {
    color: #777;
}

.contact-form {
    flex: 1.3;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 6px;
}
.contact-form input:focus,
.contact-form textarea:focus {
    border-color: #5B5545;
    outline: none;
}

.contact-form .btn {
    background: #5B5545;
    border: none;
    width: 100%;
    border-radius: 20px;
    cursor: pointer;
}
.contact-form .btn:hover {
    background-color: #3F3A2F;
}