/* Contact Form Styles */
.contact-form-container {
    z-index: 3;
    background: rgba(255, 255, 255, 0.85);
    /* backdrop-filter: blur(1px); */
    border-radius: 16px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.822);
    padding: 30px;
    max-width: 500px;
    /* width: 30%; */
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-row {
    display: flex;
    gap: 20px;
}

.form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

label {
    font-size: 0.9rem;
    color: #333;
    margin-bottom: 5px;
}

input, textarea {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    font-size: 1rem;
    outline: none;
    transition: border-color 0.3s;
}

input:focus, textarea:focus {
    border-color: #C11A22;
}

.checkbox-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

textarea {
    resize: none;
}

.submit-button {
    font-family:"Gayathri", sans-serif;
  font-weight: bold;
  background-image: linear-gradient(to right, #C11A22 0%, #5B0C10 50%, #ff0000 100%);
  background-size: 200% auto;
  transition: background-position 0.5s ease;
  border-radius: 30px;
  padding: 12px 30px;
  color: #ffffff;
  margin-top: 2%;
  width: 100%;
  text-decoration: none;
}

.submit-button:hover {
    background-position: right center;
}

@media (max-width: 768px) {
    
    .checkbox-grid {
        gap: 15px;
    }
    input, textarea 
    {
        padding: 5px;
    }

    /* .contact-form-container {
        right: 2%;
        left: 2%;
        transform: translateY(-50%);
    } */
}

@media (max-width: 574px) 
{
.contact-form-container
{
    width: 90%;
    /* overflow: hidden; */
}
.form-row
{
    flex-direction: column;
    /* gap: 0px; */

}
input 
    {
        padding: 5px;
        font-size: .8rem;
    }
    textarea
    {
        padding: 2px;
    }

    .checkbox-grid 
    {
    gap: 2px;
}
.contact-form-container 
{
    padding: 15px;
}

}