section.header .menu {
  display: flex;
  justify-content: space-evenly;
  column-gap: 30px;
}

section.header .menu > span,
section.header .menu > a {
  display: flex;
  align-items: center;
  column-gap: 5px;
  color: #fff;
  margin-top; 10px;
  padding-bottom: 9px;
  margin-top: 10px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}

/* section.header .menu > a:has(.submenu-container):after */
section.header .menu > span:after {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7'%3E%3Cpath d='M5.99232 5.25864C7.72855 3.49552 9.44942 1.74776 11.1703 0C11.4507 0.276569 11.7157 0.541613 12 0.822023C10.0026 2.84635 8.00512 4.87068 5.99232 6.91421C3.9872 4.87836 1.98976 2.85403 0 0.833547C0.28041 0.56082 0.549295 0.295775 0.833547 0.0153649C2.53137 1.74392 4.25224 3.49168 5.99232 5.25864Z' fill='white'/%3E%3C/svg%3E");
  height: 7px;
  width: 12px;
}

section.header .menu > span:hover,
section.header .menu > a:hover {
  border-bottom: 1px solid #fff;
}

section.header .menu > span.submenu .submenu-container {
    display: none;
/*   display: flex; */
}

section.header .menu > span.submenu:hover > .submenu-container {
  display: flex;
}

section.header .menu .submenu a {
  color: #fff;
  border-bottom: 1px solid transparent;
}

section.header .menu .submenu a:hover {
  
  border-bottom: 1px solid #fff;
}

section.header .menu .submenu .submenu-container {
  /*   display: none; */
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 110px;
  padding-bottom: 50px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
  z-index: -1;
  cursor: initial;
}

section.header .menu .submenu .submenu-container > .container {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  justify-content: center;
}

section.header .menu .submenu .submenu-container .submenu-card {
  display: flex;
  flex-direction: column;
  background-size: cover;
  padding: 50px 30px;
  border-radius: 20px;
  row-gap: 10px;
  width: calc(33.33333333% - 20px);
}
section.header .menu .submenu .submenu-container .submenu-card h4 {
  margin-bottom: 0; 
}
section.header .menu .submenu .submenu-container .submenu-card a {
  width: fit-content;
}

#offcanvasMegaMenu .accordion-button {
  background: #000;
}

#offcanvasMegaMenu .accordion-button::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5L8 11L14 5'/></svg>");
}

#offcanvasMegaMenu .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5L8 11L14 5'/></svg>");
}

#offcanvasMegaMenu .accordion-item:has(h2:last-child) a::after {
  background-image: none;
}

#offcanvasMegaMenu .submenu-card {
  display: flex;
  flex-direction: column;
  margin-bottom: 35px;
  row-gap: 10px;
  color: #fff;
}

/* #offcanvasMegaMenu .accordion-body .submenu-card a {
  color: #000;
} */

section.header .menu > span.submenu .submenu-container:active:not(:has(.submenu-card:active)) {
  display: none;
}