/* --- 5. PAGE SPECIFIC: CONTACT HEADER --- */
.contact-header { padding: 80px 10% 40px; text-align: center; }
.contact-header h1 { 
	margin-bottom: 20px; 
	font-size: 2.5rem; 
	position: relative; 
	padding-bottom: 10px; 
	text-transform: uppercase;
	color: #111;
}
.contact-header h1::after { 
	content: ''; 
	width: 60px; height: 4px; 
	background: #c5a059; 
	position: absolute; bottom: 0; left: 50%; 
	transform: translateX(-50%); 
}

/* --- 6. PAGE SPECIFIC: FORM & INFO SECTIONS --- */
.contact-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 50px;
	padding: 40px 10% 80px;
	max-width: 1200px;
	margin: 0 auto;
}

.contact-card {
	background: white;
	padding: 40px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
	border-radius: 2px;
}

.form-group { margin-bottom: 20px; text-align: left; }
.form-group label { 
	display: block; 
	font-size: 0.8rem; 
	font-weight: 800; 
	text-transform: uppercase; 
	margin-bottom: 8px;
	letter-spacing: 1px;
}
.form-group input, .form-group textarea {
	width: 100%;
	padding: 15px;
	border: 1px solid #ddd;
	font-size: 1rem;
	outline: none;
	transition: 0.3s;
}
.form-group input:focus, .form-group textarea:focus {
	border-color: #c5a059;
}

.info-item { margin-bottom: 30px; }
.info-item h3 { color: #c5a059; text-transform: uppercase; margin-bottom: 10px; font-size: 1.1rem; }
.info-item p { font-size: 1.1rem; color: #555; }

.captcha-container { margin-bottom: 20px; }

/* --- AT THE BOTTOM OF contact.css --- */
@media (max-width: 1200px) {
    .captcha-container {
        margin-bottom: 20px;
        overflow: hidden; /* Safety to prevent the side-scroll */
        width: 100%;
        display: flex;
        justify-content: flex-start; /* Keeps it aligned to the left while scaling */
    }

    /* This scales the actual reCAPTCHA box down to 77% of its size */
    .g-recaptcha {
        transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform: scale(0.77);
        -webkit-transform-origin: 0 0;
    }
}