/* Border radius utilities */
.rounded-sm img { border-radius: 4px; }
.rounded-md img { border-radius: 8px; }
.rounded-lg img { border-radius: 12px; }
.rounded-xl img { border-radius: 16px; }
.rounded-2xl img { border-radius: 24px; }
.rounded-full img { border-radius: 9999px; }

.divider-h-auto .is-divider{
    height: auto !important;
}

.mb-1{
	margin-top: 8px !important;
	margin-bottom: 10px !important;
}

/* Icon center alignment */
.icon-center {
    align-items: center;
}

.icon-center .icon-inner img {
    padding-top: 0;
    display: block;
}

/* Max width utilities */
.max-w-200 { max-width: 200px; }
.max-w-300 { max-width: 300px; }
.max-w-400 { max-width: 400px; }
.max-w-500 { max-width: 500px; }
.max-w-600 { max-width: 600px; }
.max-w-650 { max-width: 650px; }
.max-w-700 { max-width: 700px; }
.max-w-800 { max-width: 800px !important; }
.max-w-850 { max-width: 850px; }
.max-w-900 { max-width: 900px; }
.max-w-1000 { max-width: 1000px; }
.max-w-1100 { max-width: 1100px !important; }
.max-w-1200 { max-width: 1200px !important; }

/* Position utilities for max-width elements */
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.ml-0 { margin-left: 0; margin-right: auto; }
.mr-0 { margin-left: auto; margin-right: 0; }

body h2,
body .h2{
	font-weight: 900;
	font-size: 39px;
	line-height: 100%;
	letter-spacing: 5%;
	text-transform: uppercase;
	color: #252525;
}

body .h2.small,
body h2.small{
	font-size: 27px;
}

body h3,
body .h3{
	font-weight: 900;
	font-size: 23.27px;
	line-height: 100%;
	letter-spacing: 1%;
	text-transform: uppercase;
	color: #252525;
}

body h3.p{
	text-transform: none;
}

.big h3{
	font-size: 30px;
	line-height: 120%;
	letter-spacing: -2%;
}

body h6,
body .h6{
	font-weight: 500;
	font-size: 23.27px;
	line-height: 100%;
	letter-spacing: 9%;
	color: #555555;
	opacity: 1;
}

.heading > *{
	font-weight: 600;
	font-size: 18px;
	line-height: 164%;
	letter-spacing: 10%;
	text-transform: uppercase;
}

body p,
body .p{
	font-weight: 500;
	font-size: 18px;
	line-height: 164%;
	letter-spacing: 0%;
	color: #555;
}

.uppercase{
	text-transform: uppercase !important;
}

.more-space > .col:first-child{
	padding-right: 50px;
}

.more-space > .col:last-child{
	padding-left: 50px;
}

.primary-text{
	color: #52C1DE !important;
}

.dark-blue-text{
	color: #267E9D;
}

.h-full{
	height: 100% !important;
}
.shrink-0{
	flex-shrink: 0;
}

.blur-bg .col-inner{
	background: #041B337D;
	backdrop-filter: blur(10px)
}

.bg-contain .section-bg img{
	object-fit: contain;
}

.underline{
	text-decoration: underline;
	text-decoration-style: solid;
    text-underline-offset: 2px;
}

.line-icons{
	position: relative;
}

.line-icons:before{
	content: '';
	background: #52C1DE;
	width: 4px;
	height: calc(100% - 20px);
	position: absolute;
	left: 15px;
	top: 10px;
}

.overflow-h .col-inner{
	overflow: hidden;
}

.divider-light-white > .col{
	border-color: #FFFFFF36 !important;
}

.divider-light > .col{
	border-color: #D2D2D2 !important;
}

.contact-us-map{
	border: 1px solid #D4D4D4;
	padding: 12px;
	border-radius: 28px;
}

.single-customer-story .kiwi-post-content h2,
.single-customer-story .kiwi-post-content h3,
.single-customer-story .kiwi-post-content h4,
.single-customer-story .kiwi-post-content h5,
.single-customer-story .kiwi-post-content h6,
.single-post .kiwi-post-content h2,
.single-post .kiwi-post-content h3,
.single-post .kiwi-post-content h4,
.single-post .kiwi-post-content h5,
.single-post .kiwi-post-content h6{
	text-transform: unset;
	color: #555555;
	margin-top: 60px;
	margin-bottom: 30px;
	font-weight: 700;
}

.single-customer-story .kiwi-post-content h2:first-child,
.single-customer-story .kiwi-post-content h3:first-child,
.single-customer-story .kiwi-post-content h4:first-child,
.single-customer-story .kiwi-post-content h5:first-child,
.single-customer-story .kiwi-post-content h6:first-child
.single-post .kiwi-post-content h2:first-child,
.single-post .kiwi-post-content h3:first-child,
.single-post .kiwi-post-content h4:first-child,
.single-post .kiwi-post-content h5:first-child,
.single-post .kiwi-post-content h6:first-child{
	margin-top: 0;
}

.text-small-gray p{
	font-weight: 500;
	font-size: 14px;
	color: #727272;
}

.contact-us-map iframe{
	border-radius: 18px;
	display: block;
}

.w-full{
	width: 100%;
}

.divider-full {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 600;
}

.divider-full::before,
.divider-full::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
}

.divider-full span {
  white-space: nowrap;
}
.divider-full p{
	font-weight: 600;
	letter-spacing: 10%;
	text-transform: uppercase;
	margin: 0;
}
.underline-green {
  position: relative;
  display: inline-block;
  padding-bottom: 16px;
}

.underline-green::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 12px;

  background-image: url("data:image/svg+xml,%3Csvg width='319' height='12' viewBox='0 0 319 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.1442 2.13041C29.6745 1.75098 34.5493 1.91904 37.2096 2.01025C37.2596 2.01176 37.3097 2.01327 37.3598 2.01478C38.0184 2.03648 38.576 2.04278 39.2857 2.04978C39.7844 2.05474 40.341 2.06022 41.0124 2.07213C42.5129 2.10008 44.6336 2.16359 47.9727 2.33693C49.3146 2.32802 50.7601 2.32274 52.0956 2.32203C66.9704 2.31291 81.8322 2.58797 96.7177 2.91845C96.9051 2.91578 97.0957 2.91303 97.2884 2.91026C101.017 2.8567 105.645 2.78921 108.551 2.91826C112.249 3.08237 114.756 3.23795 116.821 3.37259C128.638 3.63144 140.458 3.85233 152.272 3.90941C155.984 3.92726 159.663 3.92888 163.385 3.91073C166.154 3.89722 169.002 3.87511 171.749 3.84619C172.379 3.8397 173.003 3.83276 173.621 3.82538C175.587 3.73114 177.501 3.62013 179.234 3.51652C181.697 3.37076 183.832 3.23955 185.688 3.18695C190.034 3.06172 194.976 3.15475 198.633 3.21524C199.245 3.22504 199.814 3.2342 200.335 3.2416C203.243 3.15074 206.146 3.05086 209.064 2.9423C209.259 2.971 209.454 3.00103 209.651 3.03182C212.148 3.41462 215.207 3.3536 219.993 3.22807C222.099 3.17225 224.512 3.10392 227.368 3.04636C229.19 3.00951 230.156 3.14619 230.93 3.25842C231.16 3.29129 231.375 3.32197 231.591 3.34524C232.326 3.42514 233.113 3.28313 234.02 3.11507C235.211 2.89649 236.631 2.63282 238.53 2.74605C244.581 3.1035 247.224 2.57211 249.222 2.17743C249.809 2.06118 250.343 1.95605 250.886 1.88715C251.219 1.84497 251.582 1.81206 251.965 1.78719C251.972 1.78666 251.993 1.78633 252 1.78589C253.651 1.69895 255.608 1.76955 257.166 1.88972C258.691 2.00654 261.729 1.76827 264.028 1.51247C264.904 1.41539 266.071 1.38602 267.468 1.3533C268.893 1.31988 270.553 1.28319 272.347 1.16329C276.833 0.862031 279.233 0.72445 281.151 0.613894C281.703 0.582501 282.205 0.554216 282.712 0.525177C284.342 0.433053 286.313 0.35231 288.353 0.275875C290.779 0.184227 293.241 0.0998478 295.118 -0.000410318C299.976 0.098561 304.788 0.217027 309.778 0.503589C309.809 0.505656 309.841 0.507777 309.872 0.509954C312.342 0.692021 314.627 1.15396 316.334 1.80488C318.064 2.46663 319.023 3.28087 319.007 4.10241C318.982 4.92267 317.983 5.69266 316.195 6.24508C314.437 6.79215 312.041 7.06006 309.601 7.02383C309.582 7.02399 309.553 7.02375 309.525 7.02347C304.64 6.99721 299.61 7.134 294.629 7.24449C288.551 7.38798 282.462 7.5448 276.377 7.64723C272.118 7.71923 267.869 7.7884 263.6 7.85713C263.159 7.86424 262.729 7.87085 262.29 7.87791C258.72 8.16934 255.147 8.45481 252.637 8.59615C252.491 8.60431 252.348 8.61162 252.207 8.61815L252.255 8.61638C250.386 8.7262 249 8.6869 247.782 8.65356C246.889 8.62858 246.091 8.60676 245.294 8.64998C244.865 8.67322 244.277 8.71094 243.57 8.75602C240.684 8.94047 235.76 9.24826 231.266 9.20361C229.274 9.18455 226.951 9.08553 224.728 8.98406C221.561 8.83921 218.617 8.68893 217.134 8.78969C214.518 8.96752 211.522 8.92595 208.885 8.88248C206.349 8.84161 204.149 8.8 202.901 8.95455C201.363 9.13983 200.147 9.08953 198.213 9.01458C196.925 8.96181 195.263 8.89768 193.088 8.88649C190.533 8.87391 188.733 8.77516 187.223 8.69062C185.08 8.57154 183.473 8.48087 181.049 8.6872C178.393 8.91611 175.575 9.06643 173.387 9.01107C172.886 8.99858 172.344 8.99553 171.774 8.99725C171.223 8.99887 170.642 9.00548 170.041 9.01228C168.429 9.03033 166.821 9.04874 165.271 8.9807C164.019 8.92449 163.006 8.77002 162.077 8.63348C161.789 8.59087 161.51 8.55022 161.241 8.51459C160.262 8.5214 159.27 8.52923 158.264 8.53885C158.102 8.5653 157.93 8.59454 157.751 8.62474C156.861 8.77622 155.793 8.96191 154.429 9.05847C152.291 9.21118 150.401 9.13118 148.434 9.04604C146.902 8.97975 145.276 8.91067 143.452 8.94689C142.197 8.97166 140.762 9.04362 139.356 9.11478C137.246 9.22057 135.184 9.32452 133.735 9.27122C133.194 9.25123 132.72 9.15331 132.266 9.0558C132.264 9.0552 132.262 9.0546 132.26 9.054C132.229 9.04738 132.198 9.04092 132.167 9.03434C128.665 9.12669 125.139 9.22664 121.635 9.33059C121.331 9.35765 121.023 9.38437 120.718 9.41069C119.225 9.53929 117.784 9.66408 116.84 9.8365C115.817 10.0234 113.249 10.1404 110.539 10.2635C108.765 10.344 106.931 10.4271 105.434 10.5343C104.558 10.5969 103.727 10.497 102.873 10.394C102.075 10.2978 101.26 10.1991 100.362 10.2277C99.9135 10.242 99.4293 10.2866 98.9129 10.3342C98.4583 10.3761 97.978 10.4206 97.4755 10.4485C97.0101 10.4744 95.9653 10.4221 94.6283 10.3554C93.8018 10.3142 92.8676 10.2677 91.8836 10.23C89.2742 10.3034 86.6742 10.3737 84.076 10.4392C83.5362 10.5313 83.0672 10.6501 82.6913 10.802C82.4228 10.9109 82.1944 11.0409 81.9602 11.1737C81.6415 11.3545 81.3119 11.5413 80.8587 11.6908C80.5044 11.8076 80.0872 11.855 79.8073 11.8077C79.677 11.7857 79.5768 11.7437 79.486 11.7058C79.382 11.6623 79.2891 11.6237 79.176 11.6251C79.0944 11.6262 79.0096 11.6575 78.9054 11.6953C78.7364 11.7557 78.5165 11.8336 78.1824 11.8373C76.9362 11.8511 75.5453 11.8301 74.1659 11.8093C72.6194 11.7861 71.1448 11.7633 69.9466 11.7892C68.5884 11.8182 66.7323 11.7071 64.7945 11.5961C63.4584 11.5186 62.1519 11.4412 60.99 11.4103C59.8559 11.3801 58.7377 11.4453 57.578 11.5088C56.2 11.585 54.9527 11.6582 53.8104 11.5582C53.5841 11.5378 53.3036 11.4133 52.9539 11.2574C52.7061 11.147 52.4218 11.0207 52.1001 10.9043C50.7325 10.905 49.25 10.9002 47.8771 10.8906C47.8282 10.9075 47.7779 10.9247 47.7276 10.9423C47.7268 10.9427 47.726 10.9431 47.7252 10.9435C46.5353 11.3402 45.011 11.8828 42.7369 11.5564C42.1693 11.4734 41.8182 11.3208 41.5028 11.1834C41.3328 11.1094 41.1735 11.0396 40.9983 10.9874C40.8463 10.9446 40.683 10.9136 40.4933 10.9019C40.0157 10.8724 39.4577 10.9541 38.8599 11.0428C38.0349 11.1674 37.0685 11.3066 36.118 11.1737C36.0534 11.1646 35.9839 11.1546 35.9117 11.1447C35.2343 11.0501 34.2183 10.9102 33.1944 10.6304C30.1886 10.5501 27.2176 10.4562 24.195 10.3529C19.1554 10.1804 14.1836 9.98317 9.15625 9.7753C6.72419 9.67315 4.39548 9.27851 2.66476 8.65679C0.952164 8.03376 -0.00128524 7.24435 0 6.44114C-0.00382816 5.63296 0.996811 4.86528 2.70598 4.27607C4.44027 3.68722 6.7649 3.32567 9.19288 3.25061C13.1583 3.12992 17.1411 3.00216 21.1025 2.88315C21.3133 2.86709 21.5272 2.85158 21.7424 2.83708C23.2577 2.72891 24.7031 2.50627 26.1593 2.28307C26.5093 2.23184 26.8129 2.18036 27.1442 2.13041Z' fill='%2347C2A0'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-size: 100% 12px;
  background-position: center;
}

@media (max-width: 849px){
	.more-space > .col,
	.more-space > .col:first-child,
	.more-space > .col:last-child{
		padding-left: 15px;
		padding-right: 15px;
	}

	.mobile-m-0 .img-inner{
		margin: 0 !important;
	}
}

@media (max-width: 549px){
	.hero h2
	.hero .h2{
		font-size: 40px;
	}
}










/* === posts-height-full: equal-height blog cards with Read more pinned to bottom === */

/* Make columns stretch to equal height */
.posts-height-full.row {
  align-items: stretch;
}

.posts-height-full .col {
  display: flex;
}

.posts-height-full .col-inner {
  display: flex;
  width: 100%;
}

/* Make the box fill the column height */
.posts-height-full .box-blog-post {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Keep the image at full width and preserve its aspect ratio */
.posts-height-full .box-image {
  width: 100%;
}

.posts-height-full .box-image .image-cover {
  width: 100%;
}

.posts-height-full .box-image .image-cover > a {
  display: block;
  width: 100%;
}

/* Let the text area grow to fill remaining space */
.posts-height-full .box-text {
  flex: 1 1 auto;
  display: flex;
}

.posts-height-full .box-text-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Push the gap above the Read more button */
.posts-height-full .from_the_blog_excerpt {
  flex: 1 1 auto;
}

.posts-height-full .button {
  margin-top: auto;
}

















/* =========================================================================
   Dots backgrounds
   - Dot: 5px, light gray (#e0e0e0), tile 8px (5px dot + 3px gap)
   - Apply classes to Flatsome sections / rows (Class name field)
   - `blue` overrides the dot color
   - text-white-bg / image-white-bg for content sitting on top of dots
   ========================================================================= */

:root {
	--dots-color: #e0e0e0;
	--dots-tile: 8px;   /* 5px dot + 3px gap */
	--dots-size: 5px;
}

/* Shared dot pattern --------------------------------------------------------
   The radial-gradient draws one 2.5px-radius dot per 8px tile.
   ::before is used so we can layer fades / sizing / positioning per variant
   without touching the section's own background. */
[class*="dots-"]::before {
	content: "";
	position: absolute;
	z-index: 0;
	pointer-events: none;
	background-image: radial-gradient(
		var(--dots-color) calc(var(--dots-size) / 2),
		transparent calc(var(--dots-size) / 2)
	);
	background-size: var(--dots-tile) var(--dots-tile);
	background-position: 0 0;
}

/* Ensure host element is a positioning context and content stays above dots */
[class*="dots-"] {
	position: relative;
}
[class*="dots-"] > * {
	position: relative;
	z-index: 1;
}

/* Blue override ------------------------------------------------------------- */
.blue {
	--dots-color: #2bb3e37a; /* adjust to brand blue if needed */
}

/* Full-bleed helper ---------------------------------------------------------
   Add alongside a full-width band variant (dots-full, dots-full-fade,
   dots-top, dots-bottom, dots-center, dots-bottom-big, dots-center-big)
   to make the dots span the whole viewport width even inside a constrained
   row/container. Doubled class for specificity so it overrides the variant's
   own left/right. */
.dots-bleed.dots-bleed::before {
	left: 50%;
	right: auto;
	width: 100vw;
	margin-left: -50vw;
}

/* =========================================================================
   FULL COVERAGE
   ========================================================================= */

/* dots-full — whole element, edge to edge */
.dots-full::before {
	inset: 0;
}

/* dots-full-fade — whole element, faded at top & bottom (never reaches edges) */
.dots-full-fade::before {
	inset: 0;
	-webkit-mask-image: linear-gradient(
		to bottom,
		transparent 0,
		#000 18%,
		#000 82%,
		transparent 100%
	);
	        mask-image: linear-gradient(
		to bottom,
		transparent 0,
		#000 18%,
		#000 82%,
		transparent 100%
	);
	opacity: 0.3;
}

/* =========================================================================
   TOP / BOTTOM BANDS (height capped at 300px)
   ========================================================================= */

/* dots-top — band along the top, max 300px tall */
.dots-top::before {
	top: 0;
	left: 0;
	right: 0;
	height: 300px;
}

/* dots-bottom — band along the bottom, max 300px tall */
.dots-bottom::before {
	bottom: 0;
	left: 0;
	right: 0;
	height: 300px;
}

/* dots-bottom-left — block anchored to the bottom-left corner */
.dots-bottom-left::before {
	bottom: 0;
	left: 0;
	width: 50%;
	height: 300px;
}

/* dots-bottom-big — bottom band, 50% of element height */
.dots-bottom-big::before {
	bottom: 0;
	left: 0;
	right: 0;
	height: 50%;
}

/* =========================================================================
   CENTER BANDS
   ========================================================================= */

/* dots-center — centered band, 300px tall */
.dots-center::before {
	top: 50%;
	left: 0;
	right: 0;
	height: 300px;
	transform: translateY(-50%);
}

/* dots-center-big — centered band, 50% of element height */
.dots-center-big::before {
	top: 50%;
	left: 0;
	right: 0;
	height: 50%;
	transform: translateY(-50%);
}

/* =========================================================================
   LEFT-SIDE BLOCKS
   ========================================================================= */

/* shared left block geometry: small block, ~300px high, ~180px wide */
.dots-left-small::before,
.dots-left-small-top::before {
	left: 0;
	width: 180px;
	height: 300px;
}

/* dots-left-small — anchored toward the bottom portion */
.dots-left-small::before {
	bottom: 12%;
}

/* dots-left-small-top — same block anchored toward the top */
.dots-left-small-top::before {
	top: 12%;
}

/* =========================================================================
   LEFT SMALL + RIGHT LARGE
   (needs two layers -> ::before = left small, ::after = right large)
   ========================================================================= */

.dots-left-small-right-large::before,
.dots-left-small-right-large::after {
	content: "";
	position: absolute;
	z-index: 0;
	pointer-events: none;
	background-image: radial-gradient(
		var(--dots-color) calc(var(--dots-size) / 2),
		transparent calc(var(--dots-size) / 2)
	);
	background-size: var(--dots-tile) var(--dots-tile);
}

/* left: small block, vertically centered-ish, toward bottom */
.dots-left-small-right-large::before {
	left: 0;
	bottom: 18%;
	width: 180px;
	height: 220px;
}

/* right: large block, full-ish height */
.dots-left-small-right-large::after {
	right: 0;
	top: 6%;
	width: 220px;
	height: 88%;
}

/* =========================================================================
   RIGHT-SIDE BLOCKS
   ========================================================================= */

/* dots-right — dots to the right of content, full height */
.dots-right::before {
	top: 0;
	bottom: 0;
	right: 0;
	width: 240px;
}

/* dots-right-fade — right half, vertically centered, fades toward the center (left) */
.dots-right-fade::before {
	top: 50%;
	right: 0;
	width: 50%;            /* reach the horizontal center of the section */
	height: 70%;
	transform: translateY(-50%);
	-webkit-mask-image: linear-gradient(to left, #000 0, transparent 100%);
	        mask-image: linear-gradient(to left, #000 0, transparent 100%);
}

/* =========================================================================
   IMAGE ELEMENT (Flatsome UX Builder image block)
   ========================================================================= */

/* dots-image-right — dots sit to the right of the image, fade toward center,
   stretching to the right edge. Apply to the UX Builder image element. */
.dots-image-right {
	position: relative;
	overflow: visible;
}
.dots-image-right::before {
	content: "";
	position: absolute;
	z-index: -1;          /* behind / beside the image */
	top: 0;                /* match image height */
	bottom: 0;
	left: 100%;            /* start at the image's right edge */
	margin-left: -16px;    /* pull slightly under the image so dots show through the rounded corner */
	width: 100vw;          /* overshoot so it always reaches the viewport edge */
	pointer-events: none;
	background-image: radial-gradient(
		var(--dots-color) calc(var(--dots-size) / 2),
		transparent calc(var(--dots-size) / 2)
	);
	background-size: var(--dots-tile) var(--dots-tile);
}

/* =========================================================================
   CONTENT-ON-DOTS HELPERS
   ========================================================================= */

/* text-white-bg — white card behind text boxes sitting on a dots section */
.text-white-bg .icon-box-text,
.text-white-bg .text{
	position: relative;
}

.text-white-bg .icon-box-text:before,
.text-white-bg .text:before{
	content: '';
	z-index: -1;
	width: calc(100% + 48px);
	height: calc(100% + 48px);
	position: absolute;
	background-color: #fff;
	border-radius: 16px;
	margin: -24px;
}


/* image-white-bg — white card behind images sitting on a dots section */
.image-white-bg {
	background-color: #fff;
	border-radius: 8px;
	padding: 16px;
}
.image-white-bg img {
	display: block;
	border-radius: 4px;
}

/* =========================================================================
   MOBILE — hide all dot backgrounds
   ========================================================================= */
@media (max-width: 849px) {
	[class*="dots-"]::before,
	[class*="dots-"]::after,
	.dots-left-small-right-large::before,
	.dots-left-small-right-large::after,
	.dots-image-right::before {
		display: none !important;
	}
}





@media (max-width: 549px){
	body h2,
	body .h2{
		font-size: 29px;
	}

	body .h2.small,
	body h2.small{
		font-size: 25px;
	}
	.hero h2, .hero .h2{
		font-size: 35px;
	}
	
	body h6, body .h6{
		font-size: 21px;
	}
	
	.hero-featured-text{
		font-size: 28px;
	}
}



/* Force MOBILE header from 850px up to 1200px */
@media (min-width: 850px) and (max-width: 1300px) {
    /* Hide desktop nav */
    #masthead .hide-for-medium {
        display: none !important;
    }
    /* Show mobile elements */
    #masthead .show-for-medium {
        display: block !important;
    }
    /* The mobile menu toggle column */
    #masthead .flex-col.show-for-medium {
        display: flex !important;
        justify-content: flex-end !important;
    }
    /* Align the nav list to the right inside the column */
    #masthead .mobile-nav {
        margin-left: auto !important;
        justify-content: flex-end !important;
    }
    #masthead .header-inner {
        justify-content: space-between !important;
    }
    #masthead .flex-col.show-for-medium.flex-left {
        flex: 1 1 auto !important;
        text-align: right !important;
    }
}
/* CookieYes banner: default-blue accents not covered by the banner element
   configs (base template CSS is not customizable) -> brand dark blue. */
.cky-notice-des a.cky-policy,
.cky-notice-des button.cky-policy { color: #021B47 !important; }
button.cky-show-desc-btn:not(:hover):not(:active),
.cky-preference-content-wrapper .cky-show-desc-btn { color: #021B47 !important; }
.cky-switch input[type="checkbox"]:checked { background: #021B47 !important; }
.cky-btn:focus-visible,
.cky-footer-wrapper a:focus-visible { outline-color: #021B47 !important; }