/* Canvas container with overlay */
  .canvas-container {
      position: relative;
      width: 100%;
      height: 900px;
  }

  /* Overlay to cover canvas attribution */
  .canvas-attribution-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 80px;
      z-index: 1;
      pointer-events: none;
      /* Dark theme background (default) */
      background-color: #14141e;
  }

  /* Light theme support */
  @media (prefers-color-scheme: light) {
      .canvas-attribution-overlay {
          background-color: #040604;
      }
  }

  /* If body has light theme class */
  body:not(.scheme_dark) .canvas-attribution-overlay {
      background-color: #040604;
  }

  /* Dark theme class support */
  body.scheme_dark .canvas-attribution-overlay,
  body[class*="dark"] .canvas-attribution-overlay {
      background-color: #14141e;
  }

  /* Canvas Cards - Glassmorphism */
  .canvas-cards {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      pointer-events: none;
      z-index: 10;
  }

  .canvas-card {
      position: absolute;
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(40px) saturate(180%);
      -webkit-backdrop-filter: blur(40px) saturate(180%);
      border: none;
      border-radius: 20px;
      padding: 28px;
      box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
      pointer-events: auto;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      overflow: hidden;
  }

  .canvas-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg,
              transparent,
              rgba(170, 255, 0, 0.4) 50%,
              transparent);
      opacity: 0.6;
  }

  .canvas-card:hover {
      background: rgba(255, 255, 255, 0.08);
      box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.5);
      transform: translateY(-4px);
  }

  /* Disable hover transform for about card */
  .canvas-card-about:hover {
      transform: translateY(-34%);
  }

  /* Disable hover transform for contact card */
  .canvas-card-contact:hover {
      transform: translateY(-21%);
  }

  /* Mobile About Card - Hidden on desktop */
  .canvas-card-mobile-about {
      display: none;
  }

  /* Mobile Contact Card - Hidden on desktop */
  .canvas-card-mobile-contact {
      display: none;
  }

  /* Top Card - Above Systems Card */
  .canvas-card-top {
      bottom: 340px;
      left: 40px;
      width: 320px;
      max-width: calc(100% - 80px);
  }

  /* Our Systems Card - Bottom Left */
  .canvas-card-systems {
      bottom: 100px;
      left: 40px;
      width: 320px;
      max-width: calc(100% - 80px);
  }

  .canvas-card-logos {
      display: flex;
      margin-bottom: 20px;
      position: relative;
      align-items: center;
  }

  .canvas-card-logo {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1.5px solid rgba(255, 255, 255, 0.2);
      position: relative;
      z-index: 1;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .canvas-card-logo-1 {
      background: rgba(220, 38, 38, 0.15);
      border-color: rgba(220, 38, 38, 0.4);
      z-index: 3;
  }

  .canvas-card-logo-2 {
      background: rgba(180, 83, 9, 0.15);
      border-color: rgba(180, 83, 9, 0.4);
      margin-left: -18px;
      z-index: 2;
  }

  .canvas-card-logo-3 {
      background: rgba(34, 197, 94, 0.15);
      border-color: rgba(34, 197, 94, 0.4);
      margin-left: -18px;
      z-index: 1;
  }

  .canvas-card-logo:hover {
      transform: scale(1.15) translateY(-2px);
      background: rgba(255, 255, 255, 0.2);
      border-color: rgba(170, 255, 0, 0.6);
      box-shadow: 0 8px 24px rgba(170, 255, 0, 0.3);
  }

  .logo-icon {
      color: rgba(255, 255, 255, 0.95);
      font-weight: 700;
      font-size: 20px;
      filter: drop-shadow(0 0 8px rgba(170, 255, 0, 0.4));
  }

  .canvas-card-title {
      color: rgba(255, 255, 255, 0.95);
      font-size: 22px;
      font-weight: 600;
      margin: 0 0 14px 0;
      letter-spacing: 0.3px;
      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  }

  .canvas-card-description {
      color: rgba(255, 255, 255, 0.75);
      font-size: 14px;
      line-height: 1.7;
      margin: 0;
  }

  /* About Text Card - Right Side */
  .canvas-card-about {
      top: 50%;
      right: 40px;
      transform: translateY(-34%);
      width: 480px;
      max-width: calc(100% - 80px);
      padding: 32px;
  }

  /* Contact Info Card - Bottom Left */
  .canvas-card-contact-info {
      bottom: 100px;
      left: 40px;
      width: 320px;
      max-width: calc(100% - 80px);
  }

  /* Support Card - Above Contact Info */
  .canvas-card-support {
      bottom: 340px;
      left: 40px;
      width: 320px;
      max-width: calc(100% - 80px);
  }

  /* Contact Text Card - Right Side */
  .canvas-card-contact {
      top: 50%;
      right: 40px;
      transform: translateY(-21%);
      width: 480px;
      max-width: calc(100% - 80px);
      padding: 32px;
  }

  .canvas-card-contact-content {
      display: flex;
      flex-direction: column;
      gap: 20px;
  }

  .canvas-card-contact-intro {
      color: rgba(255, 255, 255, 0.9);
      font-size: 16px;
      line-height: 1.6;
      margin: 0;
  }

  .canvas-card-contact-intro strong {
      color: rgba(170, 255, 0, 0.95);
      font-weight: 600;
  }

  .canvas-card-contact-quote {
      color: rgba(255, 255, 255, 0.95);
      font-size: 18px;
      line-height: 1.7;
      margin: 0;
      padding-left: 20px;
      border-left: 3px solid rgba(170, 255, 0, 0.5);
      font-style: italic;
  }

  .canvas-card-contact-text {
      color: rgba(255, 255, 255, 0.85);
      font-size: 15px;
      line-height: 1.7;
      margin: 0;
  }

  .canvas-card-about-content {
      display: flex;
      flex-direction: column;
      gap: 20px;
  }

  .canvas-card-about-intro {
      color: rgba(255, 255, 255, 0.9);
      font-size: 16px;
      line-height: 1.6;
      margin: 0;
  }

  .canvas-card-about-intro strong {
      color: rgba(170, 255, 0, 0.95);
      font-weight: 600;
  }

  .canvas-card-about-quote {
      color: rgba(255, 255, 255, 0.95);
      font-size: 18px;
      line-height: 1.7;
      margin: 0;
      padding-left: 20px;
      border-left: 3px solid rgba(170, 255, 0, 0.5);
      font-style: italic;
  }

  .canvas-card-about-text {
      color: rgba(255, 255, 255, 0.85);
      font-size: 15px;
      line-height: 1.7;
      margin: 0;
  }

  /* Scroll Down Button - Centered */
  .canvas-scroll-button {
      position: absolute;
      bottom: 100px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 15;
      pointer-events: auto;
  }

  .scroll-down-btn {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      text-decoration: none;
      color: rgba(255, 255, 255, 0.9);
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      padding: 12px 16px;
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, 0.18);
      border-radius: 12px;
  }

  .scroll-down-btn:hover {
      color: rgba(170, 255, 0, 0.95);
      border-color: rgba(170, 255, 0, 0.5);
      background: rgba(255, 255, 255, 0.08);
      transform: translateY(-4px);
      box-shadow: 0 8px 24px rgba(170, 255, 0, 0.2);
  }

  .scroll-down-text {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
  }

  .scroll-down-btn i {
      font-size: 20px;
      animation: bounce 2s infinite;
  }

  @keyframes bounce {

      0%,
      20%,
      50%,
      80%,
      100% {
          transform: translateY(0);
      }

      40% {
          transform: translateY(-6px);
      }

      60% {
          transform: translateY(-3px);
      }
  }

  /* Responsive Design */
  @media (max-width: 1279px) {
      .canvas-card-top {
          bottom: 320px;
          left: 30px;
          width: 280px;
      }

      .canvas-card-systems {
          bottom: 100px;
          left: 30px;
          width: 280px;
      }

      .canvas-card-about {
          right: 30px;
          width: 420px;
      }

      .canvas-card-contact-info {
          bottom: 100px;
          left: 30px;
          width: 280px;
      }

      .canvas-card-support {
          bottom: 320px;
          left: 30px;
          width: 280px;
      }

      .canvas-card-contact {
          right: 30px;
          width: 420px;
      }

      .canvas-card-faq-help {
          bottom: 100px;
          left: 30px;
          width: 280px;
      }

      .canvas-card-quick-answers {
          bottom: 320px;
          left: 30px;
          width: 280px;
      }

      .canvas-card-faq {
          right: 30px;
          width: 420px;
      }

      .canvas-scroll-button {
          bottom: 30px;
          left: 50%;
          transform: translateX(-50%);
      }
  }

  @media (max-width: 767px) {

      /* Mobile About Card - Show at top */
      .canvas-card-mobile-about {
          display: block;
          top: 10rem;
          left: 20px;
          right: 20px;
          width: auto;
          max-width: none;
          bottom: auto;
      }

      /* Mobile Contact Card - Show at top */
      .canvas-card-mobile-contact {
          display: block;
          top: 10rem;
          left: 20px;
          right: 20px;
          width: auto;
          max-width: none;
          bottom: auto;
      }

      .canvas-card-top {
          bottom: 320px;
          left: 20px;
          right: 20px;
          width: auto;
          max-width: none;
      }

      .canvas-card-systems {
          bottom: 100px;
          left: 20px;
          right: 20px;
          width: auto;
          max-width: none;
      }

      .canvas-card-about {
          display: none;
      }

      .canvas-card-contact-info {
          bottom: 100px;
          left: 20px;
          right: 20px;
          width: auto;
          max-width: none;
      }

      .canvas-card-support {
          bottom: 320px;
          left: 20px;
          right: 20px;
          width: auto;
          max-width: none;
      }

      .canvas-card-contact {
          display: none;
      }

      .canvas-scroll-button {
          bottom: 20px;
          left: 50%;
          transform: translateX(-50%);
      }

      .canvas-card {
          padding: 20px;
      }

      .canvas-card-title {
          font-size: 18px;
      }

      .canvas-card-description {
          font-size: 13px;
      }
  }

  /* Full Width Contact Header Section */
  .contact-header-section {
      width: 100% !important;
      margin-bottom: 48px !important;
  }

  .contact-header-section .elementor-element-2a864ff {
      width: 100% !important;
  }

  /* FAQ Header Section */
  .faq-header-section {
      width: 100% !important;
      margin-bottom: 48px !important;
  }

  .faq-header-section .elementor-element-2a864ff {
      width: 100% !important;
  }

  /* Contact Form Header Section */
  .contact-form-header-section {
      width: 100% !important;
      margin-bottom: 32px !important;
      padding-bottom: 32px !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .contact-form-header-section .elementor-element-2a864ff {
      width: 100% !important;
  }

  /* Make header elements visible */
  .contact-form-header-section .elementor-invisible {
      visibility: visible !important;
      opacity: 1 !important;
  }

  .contact-form-header-section h6.elementor-heading-title {
      color: rgba(255, 255, 255, 0.8);
      font-size: 0.875rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin: 0 0 1rem 0;
  }

  .contact-form-header-section h1.elementor-heading-title {
      color: rgba(255, 255, 255, 0.98);
      font-size: 2rem;
      font-weight: 700;
      line-height: 1.2;
      margin: 0 0 1rem 0;
  }

  .contact-form-header-section .elementor-widget-text-editor p {
      color: rgba(255, 255, 255, 0.8);
      font-size: 16px;
      line-height: 1.6;
      margin: 0;
  }

  /* Cyberpunk Text Styles for Contact Form Header */
  .contact-form-header-section .cyberpunk-text {
      background: linear-gradient(135deg, rgba(170, 255, 0, 1) 0%, rgba(255, 255, 255, 1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-shadow: 0 0 30px rgba(170, 255, 0, 0.5);
  }

  .contact-form-header-section .cyberpunk-glow {
      text-shadow: 0 0 10px rgba(170, 255, 0, 0.8), 0 0 20px rgba(170, 255, 0, 0.4);
  }

  /* When header is inside contact-form, adjust spacing */
  .contact-form .contact-form-header-section {
      margin-bottom: 28px !important;
      padding-bottom: 28px !important;
  }

  /* Contact Page Layout - Override Elementor styles */
  .elementor-element-0306933.e-con.e-flex {
      width: 100% !important;
  }

  .elementor-element-0306933.e-con.e-flex>.e-con-inner {
      display: grid !important;
      grid-template-columns: 1fr 1.2fr !important;
      gap: 48px !important;
      align-items: stretch !important;
      width: 100% !important;
  }

  .contact-page-layout {
      width: 100% !important;
      display: contents !important;
  }

  /* FAQ Page Layout - Full Width */
  .faq-page-layout {
      width: 100% !important;
      display: block !important;
  }

  /* Override grid layout for FAQ page - use more specific selector */
  .elementor-element-0306933.e-con.e-flex > .e-con-inner .faq-page-layout {
      width: 100% !important;
  }

  .elementor-element-0306933.e-con.e-flex > .e-con-inner .faq-page-layout .faq-section {
      width: 100% !important;
      max-width: 100% !important;
  }

  /* Ensure child elements take full width and equal height */
  .elementor-element-0306933 .faq-section {
      width: 100% !important;
      max-width: 100% !important;
      height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
  }

  .elementor-element-0306933 .elementor-element-9b5b6e2 {
      width: 100% !important;
      max-width: 100% !important;
      height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
  }

  /* Fix for nested Elementor containers */
  .elementor-element-0306933 .elementor-element-9b5b6e2.e-con {
      width: 100% !important;
      max-width: 100% !important;
      height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
  }

  .elementor-element-0306933 .elementor-element-9b5b6e2.e-con>.e-con-inner {
      width: 100% !important;
      max-width: 100% !important;
      height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
  }

  .elementor-element-0306933 .elementor-element-1f76d6d {
      height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
  }

  .contact-form-wrapper {
      height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
  }

  .contact-form {
      flex: 1 !important;
      display: flex !important;
      flex-direction: column !important;
  }

  .elementor-element-0306933 .elementor-element-1f76d6d {
      height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
  }

  .contact-form-wrapper {
      height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
  }

  .contact-form {
      flex: 1 !important;
      display: flex !important;
      flex-direction: column !important;
  }

  /* Contact Form Styles */
  .contact-form-wrapper {
      width: 100%;
      background: rgba(255, 255, 255, 0.04);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 20px;
      padding: 40px;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  }

  .form-message {
      padding: 16px 20px;
      border-radius: 12px;
      margin-bottom: 24px;
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 14px;
      line-height: 1.6;
  }

  .form-message-success {
      background: rgba(34, 197, 94, 0.15);
      border: 1px solid rgba(34, 197, 94, 0.4);
      color: rgba(34, 197, 94, 0.95);
  }

  .form-message-error {
      background: rgba(220, 38, 38, 0.15);
      border: 1px solid rgba(220, 38, 38, 0.4);
      color: rgba(220, 38, 38, 0.95);
  }

  .form-message ul {
      margin: 0;
      padding-left: 20px;
      list-style: disc;
  }

  .form-message i {
      font-size: 18px;
      flex-shrink: 0;
  }

  .contact-form {
      display: flex;
      flex-direction: column;
      gap: 28px;
  }

  .form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
  }

  @media (max-width: 767px) {

      .faq-section,
      .contact-form-wrapper {
          padding: 24px !important;
      }

      .faq-title {
          font-size: 22px !important;
          margin-bottom: 24px !important;
      }
  }

  .form-group {
      display: flex;
      flex-direction: column;
      gap: 8px;
  }

  .form-label {
      color: rgba(255, 255, 255, 0.9);
      font-size: 14px;
      font-weight: 500;
      margin: 0;
  }

  .form-label .required {
      color: rgba(170, 255, 0, 0.95);
      margin-left: 4px;
  }

  .form-input,
  .form-textarea,
  .form-select {
      width: 100%;
      padding: 14px 18px;
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, 0.18);
      border-radius: 12px;
      color: rgba(255, 255, 255, 0.95);
      font-size: 15px;
      font-family: inherit;
      transition: all 0.3s ease;
      box-sizing: border-box;
  }

  .form-select {
      cursor: pointer;
      appearance: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 18px center;
      padding-right: 45px;
  }

  .form-select option {
      background: rgba(20, 20, 30, 0.98);
      color: rgba(255, 255, 255, 0.95);
      padding: 10px;
  }

  .form-input::placeholder,
  .form-textarea::placeholder {
      color: rgba(255, 255, 255, 0.4);
  }

  .form-input:focus,
  .form-textarea:focus,
  .form-select:focus {
      outline: none;
      border-color: rgba(170, 255, 0, 0.5);
      background: rgba(255, 255, 255, 0.08);
      box-shadow: 0 0 0 3px rgba(170, 255, 0, 0.1);
  }

  .form-input.error,
  .form-textarea.error,
  .form-select.error {
      border-color: rgba(220, 38, 38, 0.6);
      background: rgba(220, 38, 38, 0.1);
  }

  .form-textarea {
      resize: vertical;
      min-height: 120px;
  }

  .form-checkbox {
      display: flex;
      align-items: flex-start;
      gap: 12px;
  }

  .form-checkbox label {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      color: rgba(255, 255, 255, 0.8);
      font-size: 14px;
      line-height: 1.6;
      cursor: pointer;
      margin: 0;
  }

  .form-checkbox input[type="checkbox"] {
      width: 18px;
      height: 18px;
      margin-top: 2px;
      cursor: pointer;
      accent-color: rgba(170, 255, 0, 0.8);
      flex-shrink: 0;
  }

  .form-checkbox a {
      color: rgba(170, 255, 0, 0.95);
      text-decoration: underline;
  }

  .form-checkbox a:hover {
      color: rgba(170, 255, 0, 1);
  }

  .error-message {
      color: rgba(220, 38, 38, 0.9);
      font-size: 13px;
      margin-top: 4px;
      display: block;
  }

  .form-submit-btn {
      padding: 14px 32px;
      background: rgba(0, 0, 0, 0.6);
      color: rgba(170, 255, 0, 0.95);
      border: 2px solid rgba(170, 255, 0, 0.5);
      border-radius: 25px;
      font-size: 15px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      font-family: inherit;
  }

  .form-submit-btn:hover {
      background: rgba(0, 0, 0, 0.8);
      border-color: rgba(170, 255, 0, 0.8);
      box-shadow: 0 0 20px rgba(170, 255, 0, 0.3);
      transform: translateY(-2px);
  }

  .form-submit-btn:active {
      transform: translateY(0);
  }

  /* FAQ Section Styles */
  .faq-section {
      background: rgba(255, 255, 255, 0.04);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 20px;
      padding: 32px;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
      display: flex !important;
      flex-direction: column !important;
  }

  .faq-title {
      color: rgba(255, 255, 255, 0.98);
      font-size: 28px;
      font-weight: 700;
      margin: 0 0 32px 0;
      padding: 0 0 20px 0;
      border-bottom: 2px solid rgba(170, 255, 0, 0.3);
      letter-spacing: -0.5px;
  }

  .faq-list {
      flex: 1 !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 16px !important;
  }

  .faq-item {
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 16px;
      overflow: hidden;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }

  .faq-item:hover {
      background: rgba(255, 255, 255, 0.08);
      border-color: rgba(255, 255, 255, 0.15);
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
      transform: translateY(-2px);
  }

  .faq-item.active {
      border-color: rgba(170, 255, 0, 0.4);
      background: rgba(170, 255, 0, 0.08);
      box-shadow: 0 4px 20px rgba(170, 255, 0, 0.15);
  }

  .faq-question {
      padding: 20px 24px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      user-select: none;
  }

  .faq-question-text {
      color: rgba(255, 255, 255, 0.95);
      font-size: 16px;
      font-weight: 600;
      line-height: 1.5;
      flex: 1;
      letter-spacing: -0.2px;
  }

  .faq-item.active .faq-question-text {
      color: rgba(255, 255, 255, 1);
  }

  .faq-icon {
      width: 24px;
      height: 24px;
      min-width: 24px;
      flex-shrink: 0;
      color: rgba(170, 255, 0, 0.9);
      transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .faq-item.active .faq-icon {
      transform: rotate(180deg);
      color: rgba(170, 255, 0, 1);
  }

  .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease;
      padding: 0 24px;
  }

  .faq-item.active .faq-answer {
      max-height: 500px;
      padding: 0 24px 24px 24px;
  }

  .faq-answer-text {
      color: rgba(255, 255, 255, 0.75);
      font-size: 15px;
      line-height: 1.7;
      padding-top: 8px;
  }

  /* Responsive */
  @media (max-width: 1024px) {
      .elementor-element-0306933.e-con.e-flex>.e-con-inner {
          grid-template-columns: 1fr !important;
          gap: 40px !important;
          align-items: stretch !important;
      }

      .contact-form-header-section {
          margin-bottom: 2rem !important;
      }

      .contact-form-header-section h6.elementor-heading-title {
          font-size: 0.75rem;
          margin-bottom: 0.75rem;
      }

      .contact-form-header-section h1.elementor-heading-title {
          font-size: 1.75rem;
          line-height: 1.3;
          margin-bottom: 1rem;
      }

      .contact-form-header-section .elementor-widget-text-editor p {
          font-size: 1rem;
          line-height: 1.6;
      }

      .elementor-element-0306933 .faq-section,
      .elementor-element-0306933 .elementor-element-9b5b6e2 {
          height: auto !important;
      }
  }

  @media (max-width: 767px) {
      .form-row {
          grid-template-columns: 1fr;
          gap: 20px;
      }

      .contact-form {
          gap: 20px;
      }

      .elementor-element-0306933.e-con.e-flex>.e-con-inner {
          gap: 32px !important;
      }

      .contact-header-section {
          margin-bottom: 32px !important;
      }

      .faq-header-section {
          margin-bottom: 32px !important;
      }

      .contact-form-header-section {
          margin-bottom: 24px !important;
          padding-bottom: 24px !important;
      }

      .contact-form-header-section h6.elementor-heading-title {
          font-size: 0.75rem;
          margin-bottom: 0.75rem;
      }

      .contact-form-header-section h1.elementor-heading-title {
          font-size: 1.5rem;
          line-height: 1.3;
          margin-bottom: 0.875rem;
      }

      .contact-form-header-section .elementor-widget-text-editor p {
          font-size: 0.9375rem;
          line-height: 1.6;
      }

      .contact-form .contact-form-header-section {
          margin-bottom: 24px !important;
          padding-bottom: 24px !important;
      }
  }