.elementor-4536 .elementor-element.elementor-element-8021c3d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4536 .elementor-element.elementor-element-8021c3d:not(.elementor-motion-effects-element-type-background), .elementor-4536 .elementor-element.elementor-element-8021c3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4536 .elementor-element.elementor-element-54e858d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4536 .elementor-element.elementor-element-250171e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4536 .elementor-element.elementor-element-85f46a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4536 .elementor-element.elementor-element-1d89726{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4536 .elementor-element.elementor-element-3680253{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-7c51c67 */.contact-section {
  background-color: #f9f9fa;
  text-align: center;
  padding: 60px 20px;
  border-radius: 30px;
  font-family: 'Roboto', serif;
}

.contact-section h1 {
  font-size: 48px;
  margin-bottom: 20px;
}

.subtitle {
  font-size: 22px;
  margin-bottom: 40px;
  font-family: 'Helvetica Neue', sans-serif;
}

.contact-options {
  display: flex;
  justify-content: center;
  gap: 80px;
  flex-wrap: wrap;
  flex-direction: row; /* default desktop: side-by-side */
}

.contact-method {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.icon {
  font-size: 28px;
  background-color: #ffffff;
  border: 2px solid #ccc;
  padding: 12px;
  border-radius: 10px;
  margin-bottom: 12px;
}

.contact-text {
  font-size: 20px;
  text-decoration: underline dotted;
}

/* 📱 Mobile: stack vertically */
@media (max-width: 600px) {
  .contact-options {
    flex-direction: column;
    gap: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d424bb */.contact-methods {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 40px 20px;
  font-family: 'Helvetica Neue', sans-serif;
}

.book-call-btn {
  background-color: #4c7791;
  color: white;
  padding: 16px 40px;
  border: none;
  border-radius: 15px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.book-call-btn:hover {
  background-color: #3a5e72;
}

.separator {
  font-size: 16px;
  color: #333;
}

.wechat-connect {
  text-align: center;
}

.wechat-connect p {
  margin-bottom: 8px;
  font-size: 16px;
  color: #000;
}

.qr-code {
  width: 200px;
  height: auto;
  border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-940034f */.flyhomes-contact-section {
  background-color: #000;
  color: #fff; /* Default text color */
  padding: 60px 20px;
  border-radius: 20px;
  text-align: center;
  font-family: 'Helvetica Neue', sans-serif;
}

.flyhomes-contact-section .flyhomes-title {
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 50px;
  color: #fff; /* Fix for title */
}

.flyhomes-contact-section .flyhomes-columns {
  display: flex;
  justify-content: center;
  gap: 100px;
  flex-wrap: wrap;
}

.flyhomes-contact-section .flyhomes-item {
  max-width: 300px;
}

.flyhomes-contact-section .flyhomes-item h3 {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #fff; /* Fix for subheadings */
}

.flyhomes-contact-section .flyhomes-item a {
  color: #fff;
  text-decoration: underline;
  font-size: 18px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-caf7d8c */.contact-info-section {
  background-color: #f9f9f9;
  padding: 60px 20px;
  text-align: center;
  border-radius: 20px;
  font-family: 'Helvetica Neue', sans-serif;
  max-width: 100%;
}

.contact-info-title {
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #000;
}

.contact-info-details p {
  font-size: 18px;
  color: #333;
  margin: 10px 0;
}

.contact-info-details a {
  color: #333;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e52734d */.contact-target-section {
  padding: 60px 20px;
  background: #f9f9f9;
  text-align: center;
  font-family: 'Helvetica Neue', sans-serif;
}

.contact-target-section h2 {
  font-size: 2.5rem;
  margin-bottom: 10px;
  color: #1c1c1c;
}

.contact-target-section p {
  color: #666;
  font-size: 1rem;
  max-width: 600px;
  margin: 0 auto 40px;
}

.contact-target-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.contact-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  padding: 30px;
  width: 300px;
  text-align: center;
  transition: transform 0.3s ease;
}

.contact-card:hover {
  transform: translateY(-5px);
}

.contact-card h3 {
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.contact-card p {
  font-size: 0.95rem;
  color: #444;
  margin-bottom: 20px;
}

.contact-btn {
  display: inline-block;
  background: #DF1818;
  color: white;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
}

.contact-btn:hover {
  background: #c21616;
}

/* Responsive */
@media (max-width: 768px) {
  .contact-card {
    width: 100%;
  }
}/* End custom CSS */