.elementor-532 .elementor-element.elementor-element-939a5eb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-532 .elementor-element.elementor-element-939a5eb:not(.elementor-motion-effects-element-type-background), .elementor-532 .elementor-element.elementor-element-939a5eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#47474700;}.elementor-532 .elementor-element.elementor-element-dcf6f96{width:100%;max-width:100%;}.elementor-532 .elementor-element.elementor-element-dcf6f96.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-532 .elementor-element.elementor-element-939a5eb{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-dcf6f96 *//* ==========================================================================
   CF7 Compact Dark Grey Glassmorphism Theme (White Text)
   ========================================================================== */

/* 1. Force WP and CF7 Parent Wrappers to Fill Column Width */
.entry-content .wpcf7,
.wpcf7,
.wpcf7-form,
.wpcf7-form-control-wrap,
.custom-cf7-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* 2. Dark Grey Glassmorphism Card Container */
.custom-cf7-card {
  background: rgba(18, 24, 38, 0.8) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 12px 36px 0 rgba(0, 0, 0, 0.4) !important;
  padding: 24px;
}

/* 3. Header Section (Compact Spacing) */
.custom-cf7-card .header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  width: 100%;
}

.custom-cf7-card .subtitle {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #38bdf8;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.custom-cf7-card .title {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff !important;
  margin: 0 0 4px 0;
  line-height: 1.2;
}

.custom-cf7-card .description {
  font-size: 13px;
  color: #ffffff !important;
  opacity: 0.85;
  margin: 0;
  line-height: 1.4;
}

/* Paper Plane SVG Icon */
.custom-cf7-card .header-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2338bdf8' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: 12px;
}

/* 4. Field Wrappers & CF7 Spans */
.custom-cf7-card .field-wrapper {
  margin-bottom: 10px;
  width: 100% !important;
}

.custom-cf7-card .wpcf7-form-control-wrap {
  display: block !important;
  width: 100% !important;
}

/* 5. Translucent Inputs for Dark Grey Glass */
.custom-cf7-card input[type="text"],
.custom-cf7-card input[type="tel"],
.custom-cf7-card input[type="email"],
.custom-cf7-card textarea {
  width: 100% !important;
  background-color: rgba(10, 15, 25, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 8px;
  padding: 8px 12px 8px 40px;
  font-size: 14px;
  color: #ffffff !important;
  transition: all 0.2s ease;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  outline: none;
  box-sizing: border-box !important;
}

/* 6. Pure CSS SVG Input Icons (Brighter for dark grey container) */
.custom-cf7-card .field-name input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2394a3b8' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
  background-position: 14px center;
}

.custom-cf7-card .field-phone input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2394a3b8' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
  background-position: 14px center;
}

.custom-cf7-card .field-email input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2394a3b8' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
  background-position: 14px center;
}

.custom-cf7-card .field-message textarea {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2394a3b8' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z'/%3E%3C/svg%3E");
  background-position: 14px 10px;
  height: 70px;
  resize: vertical;
}

/* 7. Focus & Placeholder States */
.custom-cf7-card input::placeholder,
.custom-cf7-card textarea::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

.custom-cf7-card input:focus,
.custom-cf7-card textarea:focus {
  background-color: rgba(10, 15, 25, 0.85) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2) !important;
  color: #ffffff !important;
}

/* 8. Full Width Submit Button */
.custom-cf7-card .submit-wrapper {
  width: 100% !important;
  margin-top: 6px;
}

.custom-cf7-card input[type="submit"] {
  width: 100% !important;
  background-color: #0ea5e9;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  padding: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.custom-cf7-card input[type="submit"]:hover {
  background-color: #0284c7;
}

/* 9. Mobile Responsiveness */
@media (max-width: 480px) {
  .custom-cf7-card {
    padding: 16px;
  }
}/* End custom CSS */