@media only screen and (max-width: 769px){
    h1 { font-size: 32px!important; line-height: 1.2; }
    h2 { font-size: 36px!important;; line-height: 1.3; }
    h3 { font-size: 24px!important;; line-height: 1.4; }
    h4 { font-size: 20px!important;; line-height: 1.5; }
    h5 { font-size: 18px!important;; line-height: 1.5; }
    h6 { font-size: 16px!important;; line-height: 1.6; }

    .header-wrapper  .header-group-section{
        padding: 0 !important;
       
    }
    .header-button-cta {
        display: none !important;
    }
   
    .ball-blue{
      top: 700px !important;
      width: 50px !important;
      height: 50px !important;
    }
    .ball-blue-two{
      display: none !important;
      width: 300px !important;
      height: 300px !important;
    }
    .ball-blue-three{
      display: none !important;
      width: 300px !important;
      height: 300px !important;
    }
    .colona{
      width: auto !important;
    }
    .button-hero-cta {
      font-size: 14px !important;
    }
    
    .main {
     
      overflow: hidden;
    }
    .marquee {
      width: auto !important;
    }
    .services-section {
      text-align: center !important;
      padding: 50px 10px !important;
      align-items: center center!important;
      justify-items: center;
    }
   .colum-chosse {
    padding: 10px!important;
   }
   .p-chosse {
    padding: auto !important;
   }
   .wrapeer-chosse-content {
    padding: 10px!important;
   }
   .wrapper-text-chosse {
    padding: 5px!important;
   }
   .competitive-wrapper{
    padding: 10px!important;
   }
   .buttom-competitivi {
    display: none !important;
   }
   .colum-members{
    padding: 5px!important;
   }
   .status-container{
    padding: 5px !important;
   }
   .stories-section{
    padding: 5px !important;
   }
   .questions-colum{
    padding: 5px !important;
   }
   .Hub-stats-businesses{
    padding: 10px !important;
   }
   .hub-wrapper {
    padding: 0 !important;
   }
   .footer-section {
    padding: 0 !important;
   }
   .colum-values{
    padding: 0 !important;
   }
   .columns-wrapper {
    padding: 0 !important;
   }
   .colum-404 {
    padding: 0 !important;
   }
   .blog-page {
    padding: 0 !important;
   }
   .columns-services {
    padding: 10px !important;
   }
   .services-scroll{
    overflow:hidden !important;
    position: relative;
   
  }
  .horizontal-sliders{
    display:flex;
    flex-wrap: no-wrap;
    width: 1000% !important;
    overflow:hidden !important;
  }
  .slide {
    gap: 1px !important;
    padding: 15px !important;
    width: 320px !important;
  }
  .container-process {
    width: 100%;
    height: auto !important;
    padding-bottom: 50px;
  }
  .blog-wrapper{
    padding: 10px !important;
  }
  .stack-blog {
    width: 100%;
    padding: 20px !important;
  }
  .process-wrapper {
    padding: 5px !important;
  }
  .text {
    font-size: 14px !important;
  }
  .hover-button{
    display: none!important;
  }
}
.header-wrapper {
  position: absolute;
  left: 0;
  top: 20px;
  width: 100%;
  z-index: 999;
}
.block-background {
  background: var(--wp--preset--color--azul-neon);
}
.slide {
  height: 100%;
}
.ball-blue {
    z-index: -1;
    aspect-ratio: auto;
    justify-content: center;
    align-items: flex-end;
    width: 700px;
    height: 700px;
    display: flex;
    position: absolute;
    inset: -380px auto auto 50%;
    transform: translate(-50%);
    top: 100px;
}
.ball-blue1 {
    z-index: 1;
    filter: blur(220px);
    background-color:var(--wp--preset--color--background-fifth);
    border-radius: 100%;
    width: 700px;
    height: 700px;
    position: relative;
}
.ball-blue2 {
    z-index: 2;
    filter: blur(170px);
    background-color:var(--wp--preset--color--background-secundary);
    border-radius: 100%;
    width: 600px;
    height: 600px;
    position: absolute;
}
.ball-blue3 {
    z-index: 3;
    filter: blur(140px);
    background-color:var(--wp--preset--color--background-sixth);
    border-radius: 100%;
    width: 450px;
    height: 450px;
    position: absolute;
}

 h3{
    letter-spacing: -.64px;
        margin-top: 0;
        margin-bottom: 0;
        font-family: Lexend, sans-serif;
        font-size: 44px;
        font-weight: 400;
        line-height: 122%;
} 
    :root{
        --gap: 1rem;
        --size: clamp(10rem, 1rem + 40vmin, 30rem);
        --gap: 30px;
        --duration: 20s;
        --scroll-start: 10%;
        --scroll-end: calc(-100% - var(--gap));
    
    }
    .marquee, .marquee-footer, .marquee-about{
      display: flex;
      overflow: hidden;
      user-select: none;
      gap: var(--gap);
     
    }
    
    .marqueegroup {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: var(--gap);
      min-width: 100%;
      animation: scroll-x var(--duration) linear infinite;
    }
    
    @media (prefers-reduced-motion: reduce) {
      .marqueegroup {
        animation-play-state: paused;
      }
    }
    
    .marquee--vertical {
      --mask-direction: to bottom;
    }
    
    .marquee--vertical,
    .marquee--vertical .marqueegroup {
      flex-direction: column;
    }
    
    .marquee--vertical .marqueegroup {
      animation-name: scroll-y;
    }
    
    .marquee--reverse .marquee__group {
      animation-direction: reverse;
      animation-delay: -3s;
    }
    
    @keyframes scroll-x {
      from {
        transform: translateX(var(--scroll-start));
      }
      to {
        transform: translateX(var(--scroll-end));
      }
    }
    
    
    .ball-blue-two {
        z-index: -1;
        aspect-ratio: auto;
        justify-content: center;
        align-items: flex-end;
        width: 700px;
        height: 700px;
        display: flex;
        position: absolute;
        inset: 650px auto auto 50%;
        transform: translate(-50%);
        
    }
    .ball-blue-three {
        z-index: -1;
        aspect-ratio: auto;
        justify-content: center;
        align-items: flex-end;
        width: 700px;
        height: 700px;
        display: flex;
        position: absolute;
        inset: auto auto 0 449px;
        transform: translate(-50%);
        top: 100px;
    }
    .ball-blue-four {
      z-index: -100;;
      aspect-ratio: auto;
      justify-content: center;
      align-items: flex-end;
      width: 700px;
      height: 700px;
      display: flex;
      position: absolute;
      inset: -600px -479px auto auto;
      transform: translate(-50%);
     
  }
  .ball-blue-five {
    z-index: -100;
    aspect-ratio: auto;
    justify-content: center;
    align-items: flex-end;
    width: 700px;
    height: 700px;
    display: flex;
    position: absolute;
    inset: -50% auto auto 50%;
    transform: translate(-50%);

  }
  .services-section{
    padding: 50px 0;
  }
  .chosse-section {
    overflow: hidden;
    position: relative;
  }
  .about-section {
    overflow: hidden;
    position: relative;
  }
  .process-section {
    overflow: hidden;
    position: relative;
  }
  .members-section {
    overflow: hidden;
    position: relative;
  }
  .stories-section{
    overflow: hidden;
    position: relative;
  }
  .ball-blue-six {
    z-index: -100;
    aspect-ratio: auto;
    justify-content: center;
    align-items: flex-end;
    width: 700px;
    height: 700px;
    display: flex;
    position: absolute;
    inset: -653px auto auto 101px;
    transform: translate(-50%);

  }
  .ball-blue-seven {
    z-index: -100;
    aspect-ratio: auto;
    justify-content: center;
    align-items: flex-end;
    width: 700px;
    height: 700px;
    display: flex;
    position: absolute;
    inset: -655px -479px auto auto;
    transform: translate(-50%);

  }
  .footer-title-wrapper {
    overflow: hidden;
    position: relative;
  }
  .ball-blue-eight {
    z-index: -100;
    aspect-ratio: auto;
    justify-content: center;
    align-items: flex-end;
    width: 700px;
    height: 700px;
    display: flex;
    position: absolute;
    inset: auto 0% -545px 50%;
    transform: translate(-50%);

  }
  .footer-section {
    overflow: hidden;
    position: relative;
   }
   .about-page-section  {
    overflow: hidden;
    position: relative;
   }


.services-scroll{
  overflow:hidden !important;
  position: relative;
  
}
.horizontal-sliders{
  display:flex !important;
  flex-wrap: no-wrap !important;
  width: 400% !important;
  overflow:hidden !important;
  max-width: 400% !important;

}
.main {
  overflow: hidden;
}
.pin-spacer {
  margin: 0 !important;
  max-width: none !important;
  
}
.reveal {
  opacity: 1; 
  transform: translateY(50px); 
  transition: opacity 1s ease, transform 1s ease; 
}
.reveal.show {
  opacity: 1;
  transform: translateY(0);
}
.imagem-scroll {
  width: 300px;
  opacity: 1; 
}
.faq-container {
  width: 100%;
  margin: 0 auto; 
}
.faq-question {  
  border-radius: 10px;
  background-color: transparent;
  width: 100%;
  max-width: 100%;
  overflow: hidden; 
}
.faq-question summary {
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none; 
  transition: background-color 0.3s ease; 
}
.faq-question summary::after {
  content: "+"; 
  font-size: 40px;
  transition: transform 0.3s ease, color 0.3s ease;
}
.faq-question[open] summary::after {
  transform: rotate(45deg);
}
.faq-answer {
  font-size: 14px;
  line-height: 1.6;
  margin-top: 0;
  padding: 15px;
  max-height: 0;
  opacity: 0;
  overflow: hidden; 
  transition: max-height 0.9s ease-in-out, opacity 0.5s ease-in-out; 
}


.faq-question[open] .faq-answer {
  max-height: 500px; 
  opacity: 1;
  background-color: var(--wp--preset--color--background-seventh); 
}


.faq-question:hover summary {
  
}

.left {
  transform-origin: left center;
  z-index: 1000;
}

.right {
  transform-origin: right center;
  z-index: 1000;
}


.container-process {
  width: 100%;
  height: 100vh;
}
.stack-process1 {
  width: 100%;
}
.stack-process2 {
  width: 100%;
}

/* ========== TABS ==========*/

  .tab-swiper {
  width: 100%;
  height: 300px;
}

.tab-main-slider {
  height: 80%;
  width: 100%;
  
}

.tab-thumb-slider {
  height: 20%;
  box-sizing: border-box;

}

.tab-thumb-slider .swiper-slide {
  width: 100%;
  height: 100%;
  opacity: 1.0;
  cursor: pointer;
}

.tab-thumb-slider .swiper-slide-thumb-active {
  opacity: 1;
  p {
    background-color:var(--wp--preset--color--background-seventh) !important; 
  }
}

.custom-swiper {
  width: 100%;
  height: 300px;
}

.custom-main-slider {
  height: 80%;
  width: 100%;
}

.custom-thumb-slider {
  height: 20%;
  box-sizing: border-box;
}

.custom-thumb-slider .swiper-slide {
  width: 100%;
  height: 100%;
  opacity: 1.0;
  cursor: pointer;
}
.arrow-faq {
  opacity: 0;
  transition: all 0.5s ease-in;
}

.custom-thumb-slider .swiper-slide-thumb-active {
  opacity: 1;
}

.custom-thumb-slider .swiper-slide-thumb-active  {
  background-color:var(--wp--preset--color--background-seventh) !important;

  p {
    width: 100%;
  }
  .arrow-faq {
    opacity: 1;
  }
  
}
.custom-thumb-slider{
  .swiper-slide{
  
    min-width: 100% !important;
    min-height: 100% !important;
  }
}
/*========== PRINCING ===========*/

.pricing-thumb-slider .swiper-slide {
  cursor: pointer;
}
.pricing-thumb-slider .swiper-slide-thumb-active {
  opacity: 1;
}
.pricing-thumb-slider .swiper-slide-thumb-active  {
  .color-selection {
    background-color:var(--wp--preset--color--background-fifth) !important;
  }
}
.pricing-thumb-slider{
  .swiper-slide{
    height: 200px;
    width: 100%!important;
    
  }
}
.hover-button {
  cursor: pointer;
  transition: background 0.3s ease;
}
.hover-button .text {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.default-text {
  transform: translateY(0);
  opacity: 1;
}
.hidden-text {
  transform: translateY(50%);
  opacity: 0;
}
.hover-button:hover .default-text {
  transform: translateY(-100%);
  opacity: 0;
}
.hover-button:hover .hidden-text {
  transform: translateY(-150%);
  opacity: 1;
}
.gsap-section {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
:root {
  --gap-spacing: 10px;
  --animation-duration: 10s; 
  --start-position: 0;
  --end-position: calc(-100% - var(--gap-spacing));
}


.marquee-container {
  display: flex;
  overflow: hidden;
  user-select: none;
  white-space: nowrap;
}


.marquee-track {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.marquee-container-right {
  overflow: hidden;
}


.marquee-container-right .marquee-track {
  animation: scroll-left var(--animation-duration) linear infinite;
}


.marquee-container-left .marquee-track {
  animation: scroll-right var(--animation-duration) linear infinite;
}


@keyframes scroll-left {
  from {
    transform: translateX(var(--start-position));
  }
  to {
    transform: translateX(var(--end-position));
  }
}


@keyframes scroll-right {
  from {
    transform: translateX(var(--end-position));
  }
  to {
    transform: translateX(var(--start-position));
  }
}