.accordion-section-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.accordion-left-text {
  flex: 0 0 40%;
  padding-right: 40px;
}

.accordion-left-text h2 {
  font-size: 2.8rem;
  color: #666666;
  font-weight: 300;
  line-height: 1.2;
}

.accordion-left-text p {
  color: #888888;
  font-size: 1.1rem;
  line-height: 1.6;
  margin-top: 20px;
}

.horizontal-accordion-container {
  display: flex;
  flex: 1;
  min-height: 550px;
  background-color: #9ac242;
  margin-right: calc(-50vw + 50%);
  padding-right: calc(50vw - 50%);
  position: relative;
  overflow: hidden;
}

.accordion-item {
  display: flex;
  flex-direction: row;
  flex: 0 0 70px;
  width: 70px;
  background-color: #9ac242;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  transition: flex 0.5s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.4s ease;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.accordion-item:hover,
.accordion-item.is-expanded {
  flex: 1 1 600px;
  width: auto;
  background-color: #e5f0d0;
  z-index: 10;
  border-left: none;
}

.accordion-header {
  width: 70px;
  min-width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #9ac242;
  height: 100%;
  flex-shrink: 0;
}

.accordion-header span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 1px;
  white-space: nowrap;
  pointer-events: none;
}

.accordion-content {
  flex: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease 0.1s, visibility 0.3s ease;
  padding: 40px;
  overflow-y: auto;
  color: #444444;
  min-width: 300px;
}

.accordion-item:hover .accordion-content,
.accordion-item.is-expanded .accordion-content {
  opacity: 1;
  visibility: visible;
}

.content-inner img {
  max-width: 100%;
  height: auto;
  margin-bottom: 25px;
}

.content-inner p {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 15px;
  color: #555555;
}

.hero-full-width {
    position: relative !important;
    overflow: hidden !important;
	min-height: 800px !important;
	height: 93vh !important;
}

@media (max-width: 1024px) {
	.hero-full-width {
		min-height: 600px !important;
		height: 80vh !important;
	}
}

@media (max-width: 767px) {
	.hero-full-width {
		min-height: 300px !important;
		height: 80vh !important;
	}
}

.hero-full-width::before {
	content: "" !important;
	position: absolute !important;
	top: -50px !important;
	bottom: -50px !important;
	left: -50px !important;
	right: -50px !important;
	background-image: url(https://livingwavecompany.com/wp-content/uploads/triangles.svg) !important;
	background-position: left !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	animation: moveTriangles 25s ease-in-out infinite !important;
	z-index: 1 !important;
	scale: 1.2 !important;
}

@media (max-width: 1024px) {
	.hero-full-width::before {
		top: -100px !important;
		bottom: -100px !important;
		left: -100px !important;
		right: -100px !important;
		scale: 1.6 !important;
		animation-name: moveTrianglesMobile !important;
	}
}

@media (max-width: 767px) {
	.hero-full-width::before {
		top: -150px !important;
		bottom: -150px !important;
		left: -150px !important;
		right: -150px !important;
		scale: 1.9 !important;
		animation-name: moveTrianglesMobile !important;
	}
}

.hero-full-width::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(180deg, rgba(255,255,255,.8) 0%, #223045 100%) !important;
	mix-blend-mode: multiply !important;
	opacity: 0.76 !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

.hero-full-width > * {
	position: relative !important;
	z-index: 3 !important;
}

@keyframes moveTriangles {
	0% {
		transform: translate(0px, 0px);
	}
	20% {
		transform: translate(35px, 15px);
	}
	40% {
		transform: translate(20px, 45px);
	}
	60% {
		transform: translate(-25px, 35px);
	}
	80% {
		transform: translate(-35px, -15px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}

@keyframes moveTrianglesMobile {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(25px, 25px);
	}
	50% {
		transform: translate(10px, 50px);
	}
	75% {
		transform: translate(30px, 20px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}

.hero-full-width-regular {
    position: relative !important;
    overflow: hidden !important;
	min-height: 500px !important;
}

@media (max-width: 1024px) {
	.hero-full-width-regular {
		min-height: 500px !important;
	}
}

@media (max-width: 767px) {
	.hero-full-width-regular {
		min-height: 400px !important;
	}
}

.hero-full-width-regular::before {
	content: "" !important;
	position: absolute !important;
	top: -50px !important;
	bottom: -50px !important;
	left: -50px !important;
	right: -50px !important;
	background-image: url(https://livingwavecompany.com/wp-content/uploads/triangles.svg) !important;
	background-position: left !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	animation: moveTriangles 25s ease-in-out infinite !important;
	z-index: 1 !important;
	scale: 1.2 !important;
}

@media (max-width: 1024px) {
	.hero-full-width-regular::before {
		top: -100px !important;
		bottom: -100px !important;
		left: -100px !important;
		right: -100px !important;
		scale: 1.6 !important;
		animation-name: moveTrianglesMobile !important;
	}
}

@media (max-width: 767px) {
	.hero-full-width-regular::before {
		top: -150px !important;
		bottom: -150px !important;
		left: -150px !important;
		right: -150px !important;
		scale: 1.9 !important;
		animation-name: moveTrianglesMobile !important;
	}
}

.hero-full-width-regular::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(180deg, rgba(255,255,255,.8) 0%, #223045 100%) !important;
	mix-blend-mode: multiply !important;
	opacity: 0.76 !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

.hero-full-width-regular > * {
	position: relative !important;
	z-index: 3 !important;
}

.border-line-tab {
	height: 522px !important;
	max-height: 100% !important;
	margin-top: auto !important;
}

@media (max-width: 1024px) {
	.border-line-tab {
		height: 0px !important;
		margin: 0px !important;
	}
}

@media (min-width: 1024px) {
	.background-half-green {
		position: relative !important;
		overflow: hidden !important;
	}

	.background-half-green::after {
		content: "" !important;
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		width: 30% !important;
		height: 100% !important;
		background-color: var( --e-global-color-secondary ) !important;
		pointer-events: none !important;
		z-index: 0 !important;
	}

	/* Ensures your child containers stay above the background layer */
	.background-half-green > .e-con-inner,
	.background-half-green > * {
		position: relative !important;
		z-index: 1 !important;
	}
}

.link-green {
	transition: .3s ease !important;
}

.link-green:hover {
	color: var( --e-global-color-secondary ) !important;
}

.dm-column-tab:hover {
    cursor: pointer !important;
}

.dm-column-inner-tab,
.dm-column-inner-tab * {
    cursor: default !important;
}

.wpml-elementor-ls ul,
.wpml-ls-legacy-list-horizontal ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.wpml-elementor-ls li.wpml-ls-item {
    display: inline-block;
}

.wpml-elementor-ls .wpml-ls-link {
	display: inline-block;
	padding: 0px;
	margin-top: 3px;
}

.wpml-elementor-ls li.wpml-ls-item:not(:last-child):after {
    content: "|";
    margin: 0 8px;
    color: white;
}

@keyframes pulseFade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

.icon-scroll {
  transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
}

.icon-scroll.is-pulsing {
  animation: pulseFade 2s infinite ease-in-out;
}

.icon-scroll.is-hidden {
  opacity: 0;
  visibility: hidden;
  animation: none;
}

@media (min-width: 1024px) and (max-width: 1400px) {
	.accordeon-wrapper {
		width: 100% !important;
		margin: 0px !important;
	}
	#samenhang-cont-id {
		width: calc(100% - (5 * 114px) - 50px) !important;
	}
	.dm-column-title {
		padding: 0px 10px 0px 40px !important;
	}
	.dm-column-title {
		min-height: 825px !important;
	}
}


@media (min-width: 1024px) and (max-width: 1200px) {
	.accordeon-wrapper {
		width: 100% !important;
	}
	#samenhang-cont-id {
		width: calc(100% - (5 * 114px) - 70px) !important;
	}
	.dm-column-title {
		padding: 0px 10px 0px 30px !important;
	}
	.dm-column-title {
		min-height: 825px !important;
	}
}

@media (min-width: 1024px) and (max-width: 1100px) {
	.dm-column-title {
		min-height: 855px !important;
	}
	.dm-column-inner-tab {
		padding-top: 50px !important;
	}
}