.elementor-2752 .elementor-element.elementor-element-ad3ea47{--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-2752 .elementor-element.elementor-element-ad3ea47.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-2752 .elementor-element.elementor-element-ad3ea47{--width:130%;}}/* Start custom CSS for html, class: .elementor-element-49a6af3 *//* ===============================
   CONTACT PAGE CONTENT (Responsive + fluid)
   =============================== */

.contact-content-wrapper {
  /* Fluid width that scales nicely across devices */
  width: min(1000px, 100%);
  margin: 0 auto;
  padding: clamp(16px, 3.2vw, 28px);
  line-height: 1.7;

  /* Semi-transparent background */
  background: rgba(255, 255, 255, 0.88);

  /* Card styling */
  border-radius: clamp(12px, 2vw, 14px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.35);

  /* Always readable */
  color: #0b2a4a;

  /* Prevent clipping / sizing weirdness */
  box-sizing: border-box;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* ===============================
   HEADINGS (Fluid type)
   =============================== */

.contact-content-wrapper h2 {
  font-size: clamp(24px, 3.2vw, 34px);
  font-weight: 800;
  margin: 0 0 clamp(14px, 2.2vw, 20px) 0;
  padding-top: clamp(6px, 1.2vw, 10px);
  line-height: 1.2;
}

.contact-content-wrapper h3 {
  font-size: clamp(17px, 2.2vw, 20px);
  font-weight: 700;
  margin: clamp(18px, 3vw, 30px) 0 clamp(10px, 2vw, 14px);
  line-height: 1.25;
}

/* ===============================
   TEXT (Fluid type)
   =============================== */

.contact-content-wrapper p {
  font-size: clamp(16px, 1.8vw, 18px);
  margin: 0 0 clamp(12px, 2vw, 16px) 0;
  line-height: clamp(1.6, 1.2vw, 1.75);
  color: #1f2d3d;
}

.contact-content-wrapper ul {
  padding-left: clamp(16px, 2.2vw, 18px);
  margin: 0 0 clamp(14px, 2.5vw, 20px) 0;
}

.contact-content-wrapper ul li {
  font-size: clamp(16px, 1.8vw, 18px);
  margin-bottom: clamp(8px, 1.6vw, 10px);
  line-height: clamp(1.55, 1.1vw, 1.65);
  color: #1f2d3d;
}

/* As-is link */
.as-is-link {
  color: #0b2a4a;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Brand name spacing */
.brand-name {
  margin-bottom: clamp(10px, 2vw, 12px);
}

/* ===============================
   PHONE BUTTON (Responsive)
   =============================== */

.contact-phone-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  background-color: #ff924c;
  color: #0b2a4a;

  font-size: clamp(16px, 1.9vw, 18px);
  font-weight: 700;
  text-decoration: none;

  padding: clamp(12px, 2.2vw, 14px) clamp(16px, 3vw, 20px);
  border-radius: 8px;

  transition: background-color 0.2s ease, transform 0.15s ease;
  margin-bottom: clamp(8px, 1.8vw, 10px);

  max-width: 100%;
  white-space: normal;
  text-align: center;
}

.contact-phone-btn:hover {
  background-color: #ff7f2f;
  transform: translateY(-1px);
}

.contact-phone-btn:active {
  transform: translateY(0);
}

.phone-icon {
  font-size: 1em;
  line-height: 1;
}

/* ===============================
   MOBILE refinements (no hard jumps)
   =============================== */

@media (max-width: 480px) {
  .contact-phone-btn {
    width: 100%;
  }
}/* End custom CSS */