.load {
  width: 2.45vw;
  transition: width 0.5s ease; /* Smooth width transition */
}

.box {
  background-color: white; /* Initial background color */
  transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), background-color 0.5s ease; /* Transition for background color */
}

.box.selected {
  background-color: lightblue; /* Background color when selected */
  transform: scale(0.9); /* Scale down when selected */
}

.box-none {
  background-color: white; /* Distinct color for the reset button */
  cursor: pointer; /* Change cursor to pointer for the reset button */
}


[name="website"] {
display: none;
}
[name="other_marketing_strategy"] {
display: none;
}

[id="finish_button"] {
display: none;
}
[stage] {
display: none;
}

textarea {
resize: none; 
}

.message-box {
  display: none;
}
.message-box.b1 {
  display: none;
}
.body-consultation {
  max-height: 100vh;
}
.hidden {
  display: none;
}
.header_fixed {
  position: fixed;
  background-color: black;
}
.header_menu_down {
  position: static;
  background-color: black;
}

.main-wrapper {
  display: flex;
}

@keyframes rollAndSpin {
  0% {
      transform: rotateY(0deg); /* Initial state */
      color: inherit; /* Original color */
  }
  50% {
      transform: rotateY(90deg); /* Spin halfway */
      color: #ff3dc9; /* Change color to pink halfway through */
  }
  100% {
      transform: rotateY(0deg); /* Complete the spin */
      color: #ff3dc9; /* Keep it pink after spinning */
  }
}

@keyframes revRollAndSpin {
  0% {
      transform: rotateY(0deg); /* Initial state */
      color: #ff3dc9; /* Original color */
  }
  50% {
      transform: rotateY(90deg); /* Spin halfway */
      color: #ff3dc9; /* Change color to pink halfway through */
  }
  100% {
      transform: rotateY(0deg); /* Complete the spin */
      color: inherit; /* Keep it pink after spinning */
  }
}

.menu-link .text-block-3 span {
  display: inline-block; /* Ensure that each letter is treated as a block for animations */
}



a:hover .b1:not(.f-icon),
a:hover .b2:not(.f-icon),
a:hover .b3:not(.f-icon),
a:hover .b4:not(.f-icon),
a:hover .b5:not(.f-icon),
a:hover .h1:not(.f-icon),
a:hover .h2:not(.f-icon),
a:hover .h3:not(.f-icon),
a:hover .h4:not(.f-icon),
a:hover .h5:not(.f-icon),
a:hover .h6:not(.f-icon) {
    text-decoration: underline;
}