/* design buttons */
.btn {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 10px;
    transition: all 0.3s ease;
}

.btn:hover {
    transform: translateY(-2px);
}

.btn:active {
    transform: translateY(2px);
}

input[type=text], input[type=email], textarea {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #7d7d7d;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 14px;
    margin-bottom: 20px;
    background: transparent;
}

textarea {
    height: 165px;
    min-height: 165px;
    margin-bottom: 38px;
}

.contact-section {
    padding: 100px 0;
}

.hidden-value {
    display: none !important;
}

label[for="id_hidden"] {
    display: none !important;
}

input:focus, textarea:focus {
    outline: none;
    border-bottom: 1px solid #000;
}

input:focus:invalid, textarea:focus:invalid {
    border-bottom: 1px solid #ff0000;
}