.bubbly-why {
			width: auto;
			margin: 0;
			padding: 48px 52px 60px;
			color: #566971;
			box-sizing: border-box;
		}

		.bubbly-why * {
			box-sizing: border-box;
		}

		.why-heading {
			margin: 0 0 38px;
			padding: 0 0 28px;
			border-bottom: 1px solid #d8e1e5;
		}

		.why-eyebrow {
			display: block;
			margin: 0 0 12px;

			color: #1684a5;
			font-size: 12px;
			font-weight: bold;
			line-height: 18px;
			letter-spacing: 2px;
			text-transform: uppercase;
		}

		.why-heading h1 {
			max-width: 820px;
			margin: 0;

			color: #102e3b;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 42px;
			font-weight: bold;
			line-height: 49px;
		}

		.why-heading p {
			max-width: 820px;
			margin: 18px 0 0;

			color: #66777f;
			font-size: 15px;
			line-height: 26px;
		}

		.why-intro {
			display: table;
			width: 100%;
			table-layout: fixed;

			margin: 0 0 38px;
			padding: 0 0 38px;

			border-bottom: 1px solid #d8e1e5;
		}

		.why-intro-copy,
		.why-intro-panel {
			display: table-cell;
			vertical-align: middle;
		}

		.why-intro-copy {
			width: 58%;
			padding-right: 48px;
		}

		.why-intro-copy .section-number {
			display: block;
			margin: 0 0 10px;

			color: #1684a5;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: 2px;
		}

		.why-intro-copy .section-label {
			display: block;
			margin: 0 0 10px;

			color: #1684a5;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: 2px;
			text-transform: uppercase;
		}

		.why-intro-copy h2 {
			margin: 0 0 20px;

			color: #102e3b;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 30px;
			font-weight: bold;
			line-height: 37px;
		}

		.why-intro-copy p {
			margin: 0 0 17px;

			color: #5d6e76;
			font-size: 15px;
			line-height: 26px;
		}

		.why-intro-copy p:last-child {
			margin-bottom: 0;
		}

		.why-intro-panel {
			width: 42%;
		}

		.why-stat-panel {
			padding: 30px;
			border: 1px solid #cad8de;
			border-left: 5px solid #1684a5;
			background: #edf4f6;
		}

		.why-stat-panel span {
			display: block;
			margin: 0 0 10px;

			color: #1684a5;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: 2px;
			text-transform: uppercase;
		}

		.why-stat-panel strong {
			display: block;
			margin: 0 0 13px;

			color: #102e3b;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 29px;
			line-height: 36px;
		}

		.why-stat-panel p {
			margin: 0;

			color: #62747c;
			font-size: 14px;
			line-height: 24px;
		}

		.why-list-heading {
			margin: 0 0 24px;
		}

		.why-list-heading span {
			display: block;
			margin: 0 0 9px;

			color: #1684a5;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: 2px;
			text-transform: uppercase;
		}

		.why-list-heading h2 {
			margin: 0;

			color: #102e3b;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 28px;
			font-weight: bold;
			line-height: 35px;
		}

		.why-grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 18px;

			margin: 0 0 38px;
		}

		.why-card {
			position: relative;
			min-height: 210px;
			padding: 30px 28px 27px 86px;

			border: 1px solid #d1dce1;
			border-top: 4px solid #1684a5;
			background: #f4f8f9;

			transition:
				transform 0.25s ease,
				box-shadow 0.25s ease,
				background 0.25s ease;
		}

		.why-card:hover {
			transform: translateY(-4px);
			background: #ffffff;
			box-shadow: 0 14px 30px rgba(16, 46, 59, 0.14);
		}

		.why-card-number {
			position: absolute;
			top: 28px;
			left: 27px;

			width: 38px;
			height: 38px;

			color: #ffffff;
			font-size: 13px;
			font-weight: bold;
			line-height: 38px;
			text-align: center;

			border-radius: 50%;
			background: #1684a5;
		}

		.why-card h3 {
			margin: 0 0 13px;

			color: #102e3b !important;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			font-weight: bold;
			line-height: 26px;
		}

		.why-card p {
			margin: 0;

			color: #60727a !important;
			font-size: 14px;
			line-height: 23px;
		}

		.why-card-wide {
			grid-column: 1 / 3;
			min-height: 170px;
		}

		.why-process {
			margin: 0 0 38px;
			padding: 30px;

			border: 1px solid #cad8de;
			background: #102e3b;
		}

		.why-process-heading {
			margin: 0 0 25px;
		}

		.why-process-heading span {
			display: block;
			margin: 0 0 8px;

			color: #8ec9da !important;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: 2px;
			text-transform: uppercase;
		}

		.why-process-heading h2 {
			margin: 0;

			color: #ffffff !important;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 27px;
			font-weight: bold;
			line-height: 34px;
		}

		.why-process-grid {
			display: table;
			width: 100%;
			table-layout: fixed;
		}

		.why-process-item {
			display: table-cell;
			width: 33.333%;
			vertical-align: top;
			padding: 0 26px;
			border-right: 1px solid rgba(255, 255, 255, 0.16);
		}

		.why-process-item:first-child {
			padding-left: 0;
		}

		.why-process-item:last-child {
			padding-right: 0;
			border-right: 0;
		}

		.why-process-item span {
			display: block;
			margin: 0 0 10px;

			color: #8ec9da !important;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: 2px;
		}

		.why-process-item h3 {
			margin: 0 0 10px;

			color: #ffffff !important;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 17px;
			font-weight: bold;
			line-height: 23px;
		}

		.why-process-item p {
			margin: 0;

			color: #dce8ec !important;
			font-size: 13px;
			line-height: 21px;
		}

		.why-contact {
			display: table;
			width: 100%;
			padding: 28px 30px;

			border-left: 5px solid #1684a5;
			background: #edf4f6;
		}

		.why-contact-copy,
		.why-contact-action {
			display: table-cell;
			vertical-align: middle;
		}

		.why-contact-copy {
			padding-right: 30px;
		}

		.why-contact-copy h2 {
			margin: 0 0 9px;

			color: #102e3b;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 24px;
			font-weight: bold;
			line-height: 30px;
		}

		.why-contact-copy p {
			margin: 0;

			color: #60727a;
			font-size: 14px;
			line-height: 23px;
		}

		.why-contact-action {
			width: 190px;
			text-align: right;
		}

		.why-button {
			display: inline-block;
			padding: 13px 21px;

			color: #ffffff !important;
			font-size: 12px;
			font-weight: bold;
			line-height: 18px;
			letter-spacing: 1px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;

			border: 1px solid #126f8b;
			background: #1684a5;
		}

		.why-button:hover {
			color: #ffffff !important;
			border-color: #102e3b;
			background: #102e3b;
		}

		@media screen and (max-width: 850px) {
			.bubbly-why {
				padding: 40px 30px 50px;
			}

			.why-heading h1 {
				font-size: 35px;
				line-height: 42px;
			}

			.why-intro,
			.why-intro-copy,
			.why-intro-panel {
				display: block;
				width: 100%;
			}

			.why-intro-copy {
				padding: 0 0 28px;
			}

			.why-grid {
				grid-template-columns: 1fr;
			}

			.why-card-wide {
				grid-column: auto;
			}

			.why-process-grid {
				display: block;
			}

			.why-process-item {
				display: block;
				width: 100%;
				margin: 0 0 22px;
				padding: 0 0 22px;
				border-right: 0;
				border-bottom: 1px solid rgba(255, 255, 255, 0.16);
			}

			.why-process-item:last-child {
				margin-bottom: 0;
				padding-bottom: 0;
				border-bottom: 0;
			}
		}

		@media screen and (max-width: 560px) {
			.bubbly-why {
				padding: 30px 19px 40px;
			}

			.why-heading h1 {
				font-size: 29px;
				line-height: 35px;
			}

			.why-heading p,
			.why-intro-copy p {
				font-size: 14px;
				line-height: 24px;
			}

			.why-intro-copy h2,
			.why-list-heading h2 {
				font-size: 24px;
				line-height: 30px;
			}

			.why-card {
				min-height: 0;
				padding: 25px 21px 24px 70px;
			}

			.why-card-number {
				top: 24px;
				left: 20px;
				width: 34px;
				height: 34px;
				line-height: 34px;
			}

			.why-process {
				padding: 25px 22px;
			}

			.why-contact,
			.why-contact-copy,
			.why-contact-action {
				display: block;
				width: 100%;
			}

			.why-contact {
				padding: 24px 22px;
			}

			.why-contact-copy {
				padding: 0 0 20px;
			}

			.why-contact-action {
				text-align: left;
			}
		}
		/* Language selector */

#language-selector {
  position: fixed;
  top: 18px;
  right: 20px;
  z-index: 99999;
}

/* Remove the default details arrow */
#language-selector summary {
  list-style: none;
}

#language-selector summary::-webkit-details-marker {
  display: none;
}

#language-selector summary::marker {
  display: none;
  content: "";
}

/* Globe button */
#language-selector summary {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 46px;
  height: 46px;
  padding: 0;

  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;

  background: rgba(20, 20, 20, 0.85);
  color: white;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  font-size: 1.35rem;
  cursor: pointer;
  user-select: none;

  transition:
    transform 0.2s ease,
    background 0.2s ease;
}

#language-selector summary:hover {
  transform: translateY(-2px);
  background: rgba(20, 20, 20, 1);
}

#language-selector summary:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.5);
  outline-offset: 3px;
}

/* Dropdown */
.language-menu {
  position: absolute;
  top: 56px;
  right: 0;

  display: flex;
  flex-direction: column;

  width: 170px;
  padding: 8px;

  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 12px;

  background: #181818;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.4);
}

/* Optional opening animation */
#language-selector[open] .language-menu {
  animation: languageMenuOpen 0.18s ease-out;
}

@keyframes languageMenuOpen {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.language-menu button {
  width: 100%;
  padding: 11px 14px;

  border: none;
  border-radius: 8px;

  background: transparent;
  color: white;

  font-family: inherit;
  font-size: 0.95rem;
  text-align: left;

  cursor: pointer;
}

.language-menu button:hover,
.language-menu button:focus-visible {
  background: rgba(255, 255, 255, 0.14);
  outline: none;
}

.language-menu button[dir="rtl"] {
  text-align: right;
}

@media (max-width: 760px) {
  #language-selector {
    top: 12px;
    right: 12px;
  }

  #language-selector summary {
    width: 42px;
    height: 42px;
  }

  .language-menu {
    top: 51px;
  }
}