* {
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
}

:root {
    --primary: #16A34A;
    --black: #000;
    --secondary: #fff;
}

.animate-spin-slow {
    animation: spin 6s linear infinite !important;
}

.contact-us-bg {
    min-height: 500px;
}

.contact-us-form {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1.25rem;
    border-radius: 0.5rem;
    border-width: 1px;
    border-color: rgb(255 255 255 / 0.6);
    background-color: linear-gradient(274deg, rgba(0, 0, 0, 0.2) 0.87%, rgba(255, 255, 255, 0.04) 99.42%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), rgba(255, 255, 255, 0.1);
    padding: 40px 33px;
    --tw-backdrop-blur: blur(4px);

}

.contact-us-form .input-item {
    margin-top: 10px;
    width: 100%;
    border-radius: 0.5rem;
    border-width: 1px;
    border-color: rgb(255 255 255 / 0.6);
    background-color: transparent;
    background-color: linear-gradient(274deg, rgba(0, 0, 0, 0.2) 0.87%, rgba(255, 255, 255, 0.04) 99.42%), linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%), rgba(255, 255, 255, 0.1);
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    color: rgb(255 255 255 / var(0.85, 1));
    --tw-text-opacity: 0.85;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.contact-us-form textarea.input-item {
    height: 120px !important;
}

.contact-us-form .btn {
    width: 100%;
    text-wrap: nowrap;
    border-radius: 0.5rem;
    padding-left: clamp(20px, 5vw, 40px);
    padding-right: clamp(20px, 5vw, 40px);
    padding-top: clamp(5px, 2.5vw, 10px);
    padding-bottom: clamp(5px, 2.5vw, 10px);
    text-align: center;
    font-size: clamp(15px, 3vw, 20px);
}