.contact-modern {
  width: 100%;
  padding: 0;
}

.-contact-container {
  background: linear-gradient(to bottom, rgb(249, 246, 240), rgb(53, 115, 203));
}

.section-head {
  text-align: center;
  margin-bottom: 40px;
  font-size: 40px;
  color: rgb(0, 42, 115);
}


.grid-container {
  display: flex;
  gap: 28px;
  align-items: stretch;
}

.contact-left {
  flex: 0 0 62%; 
  max-width: 62%;
  min-height: 480px; 
  padding: 20px;
  border-radius: 20px;
  background: linear-gradient(180deg, #F9F6F0 0%, rgba(249,246,240,0.9) 60%, rgba(203,161,53,0.03) 100%);
  box-shadow: 0 12px 36px rgba(1,26,68,0.08);
  overflow: hidden;
}


.contact-left iframe,
.contact-left img {
  width: 100%;
  height: 100%;
  max-height: 520px;
  border-radius: 14px;
  border: none;
  display: block;
  object-fit: cover;
}


.contact-right {
  flex: 0 0 38%;
  max-width: 38%;
  padding: 40px;
}


@media (max-width: 1024px) {
  .contact-left { flex: 0 0 60%; max-width: 60%; min-height: 440px; }
  .contact-right { flex: 1 0 40%; max-width: 40%; padding: 28px; }
  .contact-left iframe { max-height: 480px; }
}


@media (max-width: 768px) {
  .grid-container { flex-direction: column; gap: 18px; }
  .contact-left, .contact-right { flex: 1 1 100%; max-width: 100%; min-height: 320px; }
  .contact-left iframe { max-height: 320px; border-radius: 12px; }
  .contact-left { padding: 12px; border-radius: 14px; }
}

.grid-container {
  display: flex;
  gap: 28px;
  align-items: stretch;
}


.contact-left {
  flex: 0 0 62%;
  max-width: 62%;
  min-height: 480px; 
  padding: 20px;
  border-radius: 20px;
  background: linear-gradient(180deg, #F9F6F0 0%, rgba(249,246,240,0.9) 60%, rgba(203,161,53,0.03) 100%);
  box-shadow: 0 12px 36px rgba(1,26,68,0.08);
  overflow: hidden;
}


.contact-left iframe,
.contact-left img {
  width: 100%;
  height: 100%;
  max-height: 520px;
  border-radius: 14px;
  border: none;
  display: block;
  object-fit: cover;
}


.contact-right {
  flex: 0 0 38%;
  max-width: 38%;
  padding: 40px;
}

.form-row label {
  font-family: ""Libre Baskerville",", sans-serif;
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  font-size: 20px;
  color: rgb(1, 24, 68);
}



@media (max-width: 1024px) {
  .contact-left { flex: 0 0 60%; max-width: 60%; min-height: 440px; }
  .contact-right { flex: 1 0 40%; max-width: 40%; padding: 28px; }
  .contact-left iframe { max-height: 480px; }
}


@media (max-width: 768px) {
  .grid-container { flex-direction: column; gap: 18px; }
  .contact-left, .contact-right { flex: 1 1 100%; max-width: 100%; min-height: 320px; }
  .contact-left iframe { max-height: 320px; border-radius: 12px; }
  .contact-left { padding: 12px; border-radius: 14px; }
}