.wd-single-tabs .wd-nav-tabs-wrapper{
	display:none!important;
}
/* Top promo bar background + text color */
.whb-top-bar,
.wd-header-top,
.topbar-wrapp {
    background-color: #009BA5 !important;  /* change this to whatever color you want */
}

.whb-top-bar,
.whb-top-bar a,
.whb-top-bar span,
.wd-header-top,
.wd-header-top a {
    color: #ffffff !important; /* text color on that bar */
}



*-----/// EDIT WAVES BELOW
.wave-teal.wave-wrap{
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  line-height: 0;
  overflow: hidden;
  padding: 0;
  background: #ffffff !important; /* area ABOVE wave */
}

/* SVG sizing */
.wave-teal .wave-svg{
  display: block;
  position: relative;

  width: 340%;        /* extra overscan to prevent the corner artifact */
  left: -70%;         /* keeps the overscan centered */

  margin: 0;
  height: 110px;
  bottom: -1px;

  transform: translateZ(0);     /* GPU rounding fix */
  backface-visibility: hidden; /* prevents 1-frame edge flashes */
  will-change: transform;      /* smoother looping */
}

/* ===== TEAL COLOR EDIT LOCATION ===== */
.wave-teal .wave{
  fill: #04737A !important;
}

/* Background faded wave */
.wave-teal .wave-bg{
  opacity: 0.15;
  animation: waveFloat 22s ease-in-out infinite alternate,
             waveLoopSlow 60s linear infinite;
}

/* Mid wave */
.wave-teal .wave-back{
  opacity: 0.35;
  animation: waveFloat 16s ease-in-out infinite alternate,
             waveLoopMid 36s linear infinite;
}

/* Front wave (darkest, now SAME teal but appears darker via opacity layering) */
.wave-teal .wave-front{
  opacity: 1; /* darkest wave now solid teal */
  animation: waveFloat 12s ease-in-out infinite alternate,
             waveLoopFast 22s linear infinite;
}

/* Seam fixes */
.wave-teal .wave-svg path{
  transform: translateY(2px);
  shape-rendering: geometricPrecision;
}

/* 🌊 TRUE INFINITE SIDEWAYS LOOP (no corner pop) */
@keyframes waveLoopSlow {
  from { transform: translateX(0); }
  to   { transform: translateX(-30%); }    /* was -33.333% */
}
@keyframes waveLoopMid {
  from { transform: translateX(0); }
  to   { transform: translateX(-45%); }    /* was -50% */
}
@keyframes waveLoopFast {
  from { transform: translateX(0); }
  to   { transform: translateX(-60%); }    /* was -66.666% */
}

/* Vertical floating motion */
@keyframes waveFloat{
  0%   { transform: translateY(0px); }
  100% { transform: translateY(-10px); }
}

/* Responsive */
@media (max-width: 1024px){
  .wave-teal .wave-svg{ height: 85px; }
}
@media (max-width: 767px){
  .wave-teal .wave-svg{ height: 65px; }
}