.fixed-element.active {
  opacity:1;
  transition: all .3s ease-in-out;
}
.fixed-element {
  background:white;
  width: 100%;
  position: fixed;
  top:0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  display:flex;
  opacity:0;
  align-items:center;
  justify-content:space-between;
  padding-inline: Min(96px, Max(18px, calc(96/1440)*100vw));
  padding-block: 14px;
  transition: all .3s ease-in-out;
}

.fixed-element .inner-images {
  display: flex;
  align-items: center;
  gap: 32px;
}

.button-box-inner-item {
  margin-top: 40px;
  margin-bottom: 100px;
}

@media (max-width: 900px) {
  .button-box-inner-item {
  margin-block: 40px;
}
}

.fixed-element .inner-button .button {
  display: flex;
  align-items: center;
  font-size: 16px;
  background: #B20838;
  padding: 8px 16px;
  border-radius: 0;
  width: 210px;
  margin-inline: auto;
}

@media (max-width: 900px) {
  .fixed-element .inner-button .button {
    font-size: 11px;
    margin-inline: auto;
    padding: 7px 11px;
    width: 155px;
  }
  .fixed-element {
    gap:20px;
  }
}

.button.anchor-link-btn:hover svg path {
  stroke: white !important;
}

.button.anchor-link-btn-alt {
  color: white !important;
  background-color: #b20838 !important;
}

.button.anchor-link-btn-alt: hover {
  box-shadow: 0 8px 16px rgba(0,16,130,.1)
}

@media (max-width: 768px) {
  .fixed-element {
    flex-direction: column;
  }
}

@media (max-width: 550px) {
  .fixed-element .inner-images {
    flex-direction: column;
  }
}

.fixed-element.early-bird {
  padding: 16px;
}

.early-bird-inner {
  max-width: 1300px;
  margin-inline: auto;
  overflow-x: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

.early-bird-inner-element {
    display: flex;
    gap: 8px;
    color: white;
    flex-shrink: 0;
    text-transform: uppercase;
}
.early-bird-inner-element p {
  margin: 0;
  padding: 0;
}

.early-bird-inner-element .inner {
  color: #24FBA0;
}