.custom-megamenu-content {
  display: none;
  position: absolute;
  background-color: #fff;
  z-index: 9999;
  width: 85vw;
  padding: 0;
  box-sizing: border-box;
  text-align: left;
  color: #000;
  left: 7%;

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 3rem;
}
:where(.wp-block-columns) {
  margin-bottom: 0;
}

.custom-megamenu-content:hover {
  color: #000;
}

.custom-megamenu-content h2 {
  font-size: 2rem;
  margin-bottom: 10px;
}

.custom-megamenu-content p {
  font-size: 1rem;
}

.custom-megamenu-content p:hover,
.custom-megamenu-content h2:hover {
  color: var(--accentColor);
}

.custom-megamenu-inner {
  padding: 20px 6rem 20px 6rem;
}

.menu-item:hover .custom-megamenu-content {
  display: block;
}

.custom-megamenu-inner * {
  max-width: 100%;
  box-sizing: border-box;
}
.megamenu-cta a {
  color: #000;
  text-decoration: none;
}
p.megamenu-cta {
  width: 200px;
  border: 1px solid;
  padding: 10px;
  text-align: center;
}
.two-column-layout .right-column img {
  object-fit: cover;
  height: 500px;
}

.menu-divider {
  border-top: 3px solid var(--accentColor);
}

.has-megamenu > a {
  position: relative;
  padding-right: 20px; /* Adjust as needed to accommodate the arrow */
}

.has-megamenu > a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px; /* Adjust for vertical centering */
  border-left: 5px solid transparent;
  border-right: none;
  border-top: 5px solid #000; /* Change color as needed */
  border-bottom: none;
}

.menu-fordon-img img {
  border-radius: 10px;
  height: 300px;
  object-fit: cover;
  margin-top: 3rem;
}

.has-megamenu > a {
  position: relative;
  padding-right: 20px;
}

.has-megamenu > a:after {
  content: url("/wp-content/plugins/smort-megameny/menu-down-smort.svg"); /* Update the path to your SVG file */
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  border: none; /* Remove the border */
  display: inline-block; /* Needed to apply width and height */
}