.hero-element-section {
    height: 86vh;
}

.footer-text a {
    color: white
}

.footer-text a:hover {
    color: #f3aa00
}

.contact-text a {
    color: #646464
}

.contact-text a:hover {
    color: white
}

.zpcarousel-arrows-container {
    display: none;
}

.zpcarousel-controller-container.zpcarousel-controller-type-02 {
    display: none;
}

.strapline-gradient  {
    background: linear-gradient(90deg, #000000, #575757, #575757, #575757, #000000, #000000, #000000);
    background-size: 200% 200%;
    animation: straplinegradient 12s linear infinite;
}

@keyframes straplinegradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

.theme-header.zpdark-header-portion  {
    background: linear-gradient(90deg, #000000, #575757, #575757, #575757, #000000, #000000, #000000);
    background-size: 200% 200%;
    animation: straplinegradient 12s linear infinite !important;
}

.theme-header.zpdark-header-portion.theme-header-animate.theme-header-transparent  {
    background: linear-gradient(90deg, #000000, #575757, #575757, #575757, #000000, #000000, #000000);
    background-size: 200% 200%;
    animation: straplinegradient 12s linear infinite !important;
}

/* form text colour */
.zpform-inside-label.zpform-label {
    color: black !important;
}

/* form text colour */
.zpform-inside-label.zpform-label.zpform-inside-fileupload-label {
    color: white !important;
}

.header-border-gradient {
  position: relative;
  padding: 2px; /* Border thickness */
  border-radius: 12px;
  background: linear-gradient(270deg, #ff7e5f, #000000, #ff7e5f); /* Replace with your colors */
  background-size: 600% 600%;
  animation: straplinegradient 5s ease infinite;
}

.zpmyorder-section {
    color: black;
}

@media (max-width: 768px) {
  .iframe-row {
    grid-template-columns: 1fr;
  }
}
.iframe-row {
    display: block !important;
    width: 100% !important;
  }

  /* If the actual iframe sits inside another wrapper, this also helps */
.iframe-row {
    width: 100% !important;
  }
}