.content{
    padding-top:5rem;
   background-color: #FAF8F4;

}
.banner-div{
    top:50%;
}

.contact-section {
padding: 4rem 0;
}

.form-group label{
  text-align: left ;
  width: 100%;
  padding-bottom: 0.3rem;
  padding-left: 0.5rem;
  color:burlywood;
  font-weight:450;
}

.contact-form-wrapper {
text-align: center;
width:100%;
}

.contact-form h2 {
font-size: 2rem;
margin-bottom: 1rem;
}

.contact-form p {
margin-bottom: 2rem;
color: #666;
}

.form-group {
margin-bottom: 2rem;
}

.form-group input,
.form-group textarea {
width: 100%;
padding: 0.75rem;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 1rem;
}



form{
display:flex;
flex-direction:column ;
width:100%;
margin-top: 2rem;
}

form .form-row{
display:flex !important;
flex-direction: row;
width:100%;
gap:10%;
}

.left-column{
width:50%;
}

.in-message{
width:50%;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
font-size: 0.8rem; 
color: #888;
opacity: 1; 
}


.form-group input, .form-group textarea{
border-radius: 15px;
}

form button{
width:fit-content;
align-self: center;
border:0;
border-radius: 15px;
padding:0.5rem 1rem;
background-color: #ff9800;
color:#FAF8F4;
margin-top:1rem;
}

form button:hover{
background-color: #ef9105; 
}
@media (max-width: 600px) {
.contact-form h2 {
  font-size: 1.75rem;
}

.form-group input,
.form-group textarea {
  font-size: 0.9rem;
}
}

@media  (max-width: 768px){
.form-row{
flex-direction: column !important;
justify-content: center;
align-items: center;
}

.left-column{
width:90%;
}

.in-message{
width:90%;
}
}

.location-section {
text-align: center;
margin-top: 3rem;
}

.location-section h2 {
font-size: 2rem;
margin-bottom: 0.5rem;
}

.location-section p {
font-size: 1.1rem;
color: #444;
}

.map-container {
margin: 1.5rem auto;
width: 100%;
max-width: 800px;
height: 400px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* Other Locations */
.other-locations {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 1rem;
margin-top: 2rem;
}

.other-locations h4{
  color:#2973B2;
  
}
.location-box {
flex: 1;
min-width: 280px;
max-width: 32%;
background: #f9f9f9;
padding: 1rem;
border-radius: 8px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
}

.location-box h4 {
margin-bottom: 0.5rem;
font-size: 1.15rem;
}

.location-box p {
font-size: 0.95rem;
color: #666;
}

/* Responsive Design */
@media (max-width: 768px) {
.other-locations {
flex-direction: column;
align-items: center;
}

.location-box {
max-width: 100%;
}
}


#result{
height:1rem;
opacity: 0;
padding:1%;
color:#2973B2;
}

h3{
    margin-top:5rem;
    padding-top: 5rem;
}