.hero-section {
   min-height: 80vh;
   position: relative;
   overflow: hidden;
}

nav button {
   border: none !important;
   background: transparent;
   transition: all 0.3s;
   position: relative;
   padding-right: 2rem !important;
}

nav button::after {
   content: '';
   position: absolute;
   right: 0.2rem;
   top: 50%;
   transform: translateY(-50%);
   width: 8px;
   height: 8px;
   background: white;
   border-radius: 50%;
   opacity: 0;
   transition: opacity 0.3s;
}

nav button.active::after {
   opacity: 1;
}

nav button.active {
   background: transparent;
}

nav button:hover {
   background: rgba(255, 255, 255, 0.1);
}

@media(max-width: 576px) {
   .nav-menu{
      overflow-x:auto;
   }
   .nav-menu button {
      flex: 0 0 auto;
      width: auto;
   }
}

/* linha
---------------*/

.timelineRow {
   position: relative;
}

.timelineRow::before {
   content: '';
   position: absolute;
   top: 31px;
   left: calc(50% + 28px);
   width: 57px;
   height: 46px;
   background-image: url("data:image/svg+xml,%3Csvg width='57' height='46' viewBox='0 0 57 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 45.5H33.5C45.9264 45.5 56 35.4264 56 23C56 10.5736 45.9264 0.5 33.5 0.5H0' stroke='url(%23paint0_linear_24075_9)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_24075_9' x1='57.5501' y1='60.6375' x2='-11.3944' y2='31.548' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232BAAE2'/%3E%3Cstop offset='0.5' stop-color='%2387003B'/%3E%3Cstop offset='1' stop-color='%23EE4037'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: contain;
   transform: translateX(-50%);
   z-index: 2;
}
.timelineRow:nth-child(odd)::before {
   transform: translateX(-50%) scaleX(-1);
   left: calc(50% - 28px); 
}
.lineCenter {
   position: relative;
   padding: 1rem 0;
   height: 100% !important;
}
.lineCenter::before {
   content: "";
   position: absolute;
   top: 99px;
   bottom: 0;
   left: 50%;
   width: 1px;
   background: linear-gradient(#ff3131, #008cff, #ff3131);
   transform: translateX(-50%);
   height: calc(100% - 43px) !important;
}