/**
 * Contact Form block — .getInTouchSec
 * Uses theme :root tokens (--fontParagraphs, --primaryBrand, etc.).
 */

/* —— Layout —— */
.getInTouchSec .containerDS {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
  align-items: flex-start;
}

.getInTouchSec .leftCN,
.getInTouchSec .rightForm {
  width: calc(50% - 40px);
}

/* —— Left column: header —— */
.getInTouchSec .leftCN .secHeader {
  margin-bottom: 32px;
}

.getInTouchSec .secHeader .headingXL {
  color: var(--neutral900);
  margin-bottom: 12px;
}

.getInTouchSec .secHeader .paragraphL {
  color: #505152;
}

/* —— Contact rows —— */
.getInTouchSec .detailsBox {
  width: 100%;
}

.getInTouchSec .contactItem {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
  width: 314px;
  max-width: 100%;
}

.getInTouchSec .contactItem:last-child {
  margin-bottom: 0;
}

.getInTouchSec .contactItem .icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  object-fit: contain;
  object-position: center;
}

.getInTouchSec .contactItem .value {
  width: calc(100% - 24px);
  padding-left: 12px;
  min-width: 0;
}

.getInTouchSec .contactItem .value a {
  color: var(--primaryBrand);
  font-weight: 500;
  text-decoration: none;
}

.getInTouchSec .contactItem .value a:hover {
  text-decoration: underline;
}

.getInTouchSec .contactItem .value .paragraphL {
  font-weight: 500;
  margin-bottom: 6px;
  color: var(--neutral900);
}

.getInTouchSec .contactItem .value .paragraphM {
  color: #394353;
}

.getInTouchSec .contactItem .value p.paragraphM + p.paragraphM {
  margin-top: 4px;
}

.getInTouchSec .contactItem .value p {
  margin-bottom: 0;
}

.getInTouchSec .contactItem .value p + p {
  margin-top: 4px;
}

/* —— Feedback / bottom WYSIWYG —— */
.getInTouchSec .feedbackText {
  color: #505152;
  margin-top: 40px;
}

.getInTouchSec .feedbackText a {
  color: var(--primaryBrand);
  font-weight: 500;
}

.getInTouchSec .feedbackText p {
  margin-bottom: 12px;
}

.getInTouchSec .feedbackText p:last-child {
  margin-bottom: 0;
}

/* —— Right column: shortcode form —— */
.getInTouchSec .rightForm .secHeader
{
	display: none;
}
.getInTouchSec .rightForm {
  min-width: 0;
}

.getInTouchSec .rightForm .wpcf7 {
  width: 100%;
}

.getInTouchSec .rightForm .wpcf7-form > p {
  margin: 0;
}

/* CF7: first/last and phone/email pairs — wrap each pair in <div class="mds-cf7-row">…</div> */
.getInTouchSec .rightForm .mds-cf7-row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 16px;
  margin-bottom: 10px;
  align-items: flex-start;
}

.getInTouchSec .rightForm .mds-cf7-row .mds-cf7-single {
  width: 47%;
}

.getInTouchSec .rightForm label,
.getInTouchSec .rightForm .wpcf7-form-control-wrap > label {
  font-family: var(--fontParagraphs);
  font-size: 14px;
  line-height: 22px;
  color: #505152;
  font-weight: 500;
  display: block;
}

.getInTouchSec .rightForm input[type="text"],
.getInTouchSec .rightForm input[type="email"],
.getInTouchSec .rightForm input[type="tel"],
.getInTouchSec .rightForm input[type="url"],
.getInTouchSec .rightForm input[type="number"],
.getInTouchSec .rightForm input[type="date"],
.getInTouchSec .rightForm select,
.getInTouchSec .rightForm textarea {
  width: 100%;
  max-width: 100%;
  font-family: var(--fontParagraphs);
  font-size: 14px;
  line-height: 26px;
  color: var(--neutral900);
  padding: 12px 16px;
  border: 2px solid #d9ddde;
  border-radius: 8px;
  background-color: var(--white);
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease;
  box-sizing: border-box;
  margin-top: 10px;
}
.getInTouchSec .rightForm textarea {
  height: 88px;
}

.getInTouchSec .rightForm .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 20px;
}

.getInTouchSec .rightForm textarea {
  min-height: 140px;
  resize: vertical;
}

.getInTouchSec .rightForm input:focus,
.getInTouchSec .rightForm select:focus,
.getInTouchSec .rightForm textarea:focus {
  outline: none;
  border-color: var(--primaryBrand);
  box-shadow: 0 0 0 3px rgba(139, 110, 66, 0.15);
}

.getInTouchSec .rightForm input[type="submit"],
.getInTouchSec .rightForm button[type="submit"],
.getInTouchSec .rightForm input.wpcf7-submit {
  font-family: var(--fontParagraphs);
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 12px 24px;
  background-color: var(--primaryBrand);
  color: var(--white);
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.4s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.getInTouchSec .rightForm input[type="submit"]:hover,
.getInTouchSec .rightForm button[type="submit"]:hover,
.getInTouchSec .rightForm input.wpcf7-submit:hover {
  background-color: var(--neutral800);
}

.getInTouchSec .rightForm .wpcf7-spinner {
  margin-left: 12px;
  vertical-align: middle;
}

.getInTouchSec .rightForm .wpcf7-not-valid-tip {
  font-family: var(--fontParagraphs);
  font-size: 14px;
  line-height: 22px;
  color: var(--errorDark);
  margin-top: 6px;
}

.getInTouchSec .rightForm .wpcf7-response-output {
  margin: 20px 0 0;
  padding: 12px 16px;
  border-radius: 8px;
  font-family: var(--fontParagraphs);
  font-size: 14px;
  line-height: 22px;
  border: 1px solid var(--neutral400);
}

.getInTouchSec .rightForm .wpcf7-mail-sent-ok {
  background-color: var(--successLight);
  border-color: var(--successDark);
  color: var(--successDark);
}

.getInTouchSec .rightForm .wpcf7-validation-errors {
  background-color: var(--errorLight);
  border-color: var(--errorDark);
  color: var(--errorDark);
}

/* —— Responsive —— */
@media (max-width: 1199px) {
  .getInTouchSec .containerDS {
    gap: 48px;
  }

  .getInTouchSec .leftCN,
  .getInTouchSec .rightForm {
    width: calc(50% - 24px);
  }
}

@media (max-width: 991px) {
  .getInTouchSec .containerDS {
    flex-direction: column-reverse;
    gap: 32px;
  }

  .getInTouchSec .leftCN,
  .getInTouchSec .rightForm {
    width: 100%;
  }

  .getInTouchSec .contactItem {
    width: 100%;
    max-width: 420px;
  }

  .getInTouchSec .rightForm {
    max-width: 100%;
  }
	.getInTouchSec .rightForm .secHeader
	{
		display:block;
		 margin-bottom: 32px;
	}
  .getInTouchSec .leftCN .secHeader
	{
		display: none;
	}
	
	.getInTouchSec .rightForm .mds-cf7-row .mds-cf7-single
	{
		width:100%
	}
  
}

@media (max-width: 767px) {
  .getInTouchSec .leftCN .secHeader {
    margin-bottom: 24px;
  }

  .getInTouchSec .contactItem {
    margin-bottom: 20px;
    max-width: 100%;
  }

  .getInTouchSec .feedbackText {
    margin-top: 32px;
  }

  .getInTouchSec .rightForm .mds-cf7-row > label {
    flex: 1 1 100%;
    min-width: 0;
  }
}

@media (max-width: 575px) {
  
  .getInTouchSec .secHeader .headingXL {
    font-size: 36px;
    line-height: 46px;
  }

  .getInTouchSec .secHeader .paragraphL {
    font-size: 16px;
    line-height: 26px;
  }

  .getInTouchSec .rightForm input[type="submit"],
  .getInTouchSec .rightForm button[type="submit"],
  .getInTouchSec .rightForm input.wpcf7-submit {
    width: 100%;
  }
	
}