/* .icon svg path {
        fill: #FF7A3D !important;
    } */
@keyframes flyAcross {
  0% {
    transform: translateX(100%) translateY(0); /* Start fully offscreen right */
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateX(-650%) translateY(220px); /* End fully offscreen left */
    opacity: 0;
  }
}

.animate-plane {
  animation: flyAcross 15s linear infinite;
  will-change: transform;
}

  .mobile-menu-closed {
    transform: translateX(100%);
  }
  .mobile-menu-open {
    transform: translateX(0%);
  }




 #legal {
      max-width: 820px;
      margin: 0 auto;
      padding: 40px 20px;
      color: #333;
      line-height: 1.7;
    }

    #legal h1 {
      font-size: 2rem;
      color: #114C5A;
      margin-bottom: 20px;
    }

    #legal h2 {
      font-size: 1.4rem;
      color: #FF7A3D;
      margin-top: 30px;
    }

    #legal ul {
      padding-left: 20px;
      list-style-type: disc; /* Ensures dot-style bullets */
      margin-top: 10px;
    }

    #legal li {
      margin-bottom: 6px;
    }

    #legal p {
      margin-top: 10px;
    }

    #legal a {
      color: #114C5A;
      text-decoration: underline;
    }



/* Quote */
.cf7-grid {
  display: flex;
  flex-wrap: wrap;
  max-width: 1020px;
  margin: 0 auto;
  gap: 20px;
  margin-top: 120px;
}

.cf7-half {
  flex: 0 0 49%;
}

.cf7-full {
  flex: 0 0 100%;
}

.cf7-grid input[type="text"],
.cf7-grid input[type="email"],
.cf7-grid input[type="tel"],
.cf7-grid textarea,
.cf7-grid select {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 10px;
  height: 50px;
}

.cf7-grid label {
  font-weight: 500;
  font-size: 18px;
  display: block;
  margin-bottom: 6px;
}

/* Checkbox group headings style */
.cf7-grid .field-title {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 6px;
}

/* Checkbox items style */
.cf7-grid .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 10px;
}

.cf7-grid .wpcf7-checkbox label {
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cf7-grid .wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
}

.cf7-grid input[type="submit"] {
  background-color: #114C5A;
  width: 100%;
  color: #fff;
  border: none;
  padding: 12px 25px;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.cf7-grid input[type="submit"]:hover {
  background-color: #FF7A3D;
}


/* Hide default checkboxes */
.cf7-grid .wpcf7-checkbox input[type="checkbox"] {
  display: none;
}

/* Base style for label wrapper */
.cf7-grid .wpcf7-checkbox label {
  border: 1px solid #ccc;
  padding: 8px 14px;
  border-radius: 26px;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: transparent;
  color: #114C5A;
}



/* Active (clicked) state */
.cf7-grid .wpcf7-checkbox label.active {
  background-color: #FF7A3D;
  color: #fff;
  border-color: #FF7A3D;
}

.contact-h {
  font-size: 32px;
  font-weight: 500;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1054px;
  color: #114C5A;
  margin-bottom: -48px;
}

@media screen and (max-width: 1024px) {
  .cf7-half {
    flex: 0 0 100%;
  }
  .cf7-grid {
  padding-left: 20px;
  padding-right: 20px;
}
.cf7-grid textarea {
    min-height: 100px;
  }
}
@media screen and (max-width: 640px) {
  @keyframes flyAcross {
  0% {
    transform: translateX(100%) translateY(0); /* Start fully offscreen right */
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateX(-450%) translateY(250px); /* End fully offscreen left */
    opacity: 0;
  }
}
  .contact-h {
  font-size: 28px;
  margin-bottom: -70px;
}
.ppp{
  padding: 22px 0;
}
 #legal {
    padding: 25px 16px;
  }

  #legal h1 {
    font-size: 1.7rem;
  }

  #legal h2 {
    font-size: 1.2rem;
  }
}

/* Mobile active state for bullet points */
.bullet-link.mobile-active {
    color: #FF7A3D !important;
}

/* Ensure hover still works on desktop */
@media (hover: hover) {
    .bullet-link:hover {
        color: #FF7A3D !important;
    }
}

/* For touch devices, make active state more prominent */
@media (hover: none) {
    .bullet-link.mobile-active {
        color: #FF7A3D !important;
        font-weight: 500;
    }
}