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

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

label {
  display: block;
  margin-left: 12px;
  font-size: 0.875rem
}

input, textarea, select {
  width: 85%;
  padding: 0.75rem;
  border: 1px solid var(--gray-medium);
  border-radius: 12px;
  font-family: 'Roboto', sans-serif;
}

textarea {
  min-height: 100px;
  resize: vertical;
}

.required {
  color: #e74c3c;
}

.contact-info {
  background-color: var(--gray-light);
  padding: 2rem;
  border-radius: 8px;
}

.contact-info-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}

.contact-info-item i {
  margin-right: 1rem;
  color: var(--primary-color);
  font-size: 1.25rem;
}

.map-container {
  height: 400px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--shadow);
}

.map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.light-background {
  background-color: transparent;
}

.contact-row {
  display: table;
  width: 100%; /*Optional*/
  table-layout: fixed;
  margin: 0 0 20px 0;
}

.contact-row .contact-icon {
  display: table-cell;
  width: 40px;
}

.contact-row .contact-icon span {
  position: absolute;
 
}


.contact-row contact-text {
  display: table-cell;
}

section.map {
  padding: 1rem 0 0 0;
}

.error {
  border-color: #AA0000;
  border-width: 2px;
}