.contact-section {
  padding: 60px 20px;
}

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 40px;
  background: #f5f7fa;
  padding: 40px;
  border-radius: 10px;
}

.contact-left h2 {
  font-size: 28px;
  margin-bottom: 20px;
}

.contact-left img {
  width: 100%;
  border-radius: 8px;
}

.contact-right .ff-btn-submit{
	background-color:var(--primary) !important;
}

/* SECOND SECTION */
.contact-info-section {
  padding: 40px 20px;
}

.info-grid {
  display: grid;
  grid-template-columns: 1fr 1.8fr;
  gap: 20px;
}
.info-box {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.info-box .icon {
  color: #0073aa; /* your theme color */
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top:5px;
}

.info-box svg {
  width: 18px;
  height: 18px;
}
.info-box svg path{
	fill: var(--primary)
}
.info-right h2 {
  color: var(--primary);
  font-size: 28px;
	margin-bottom:10px;
}