input::placeholder,
textarea::placeholder {
    opacity: 1; /* 1 */
    color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

/*img,*/
/*svg,*/
/*video,*/
/*canvas,*/
/*audio,*/
/*iframe,*/
/*embed,*/
/*object {*/
/*    display: block; !* 1 *!*/
/*    vertical-align: middle; !* 2 *!*/
/*}*/

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
    display: none;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

.visible {
    visibility: visible;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.\!absolute {
    position: absolute !important;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.-bottom-6 {
    bottom: -1.5rem;
}

.-left-1\/2 {
    left: -50%;
}

.-top-32 {
    top: -8rem;
}

.-top-\[23rem\] {
    top: -23rem;
}

.-top-\[42\%\] {
    top: -42%;
}

.bottom-12 {
    bottom: 6rem;
}

.left-0 {
    left: 0px;
}

.left-1\/2 {
    left: 50%;
}

.left-12 {
    left: 3rem;
}

.left-152 {
    left: 37.5rem;
}

.left-3\/20 {
    left: 15%;
}

.right-0 {
    right: 0px;
}

.right-3 {
    right: 0.75rem;
}

.right-8 {
    right: 2rem;
}

.top-0 {
    top: 0px;
}

.top-1\/2 {
    top: 50%;
}

.top-3 {
    top: 0.75rem;
}

.\!z-20 {
    z-index: 20 !important;
}

.\!z-40 {
    z-index: 40 !important;
}

.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.z-50 {
    z-index: 50;
}

.z-\[100\] {
    z-index: 100;
}

.z-\[103\] {
    z-index: 103;
}

.z-\[110\] {
    z-index: 110;
}

.z-\[120\] {
    z-index: 120;
}

.z-\[999\] {
    z-index: 999;
}

.order-2 {
    order: 2;
}

.col-span-10 {
    grid-column: span 10 / span 10;
}

.col-span-11 {
    grid-column: span 11 / span 11;
}

.col-span-12 {
    grid-column: span 12 / span 12;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}

.col-span-3 {
    grid-column: span 3 / span 3;
}

.col-span-4 {
    grid-column: span 4 / span 4;
}

.col-span-5 {
    grid-column: span 5 / span 5;
}

.col-span-6 {
    grid-column: span 6 / span 6;
}

.col-span-7 {
    grid-column: span 7 / span 7;
}

.col-span-8 {
    grid-column: span 8 / span 8;
}

.col-span-9 {
    grid-column: span 9 / span 9;
}

.col-start-11 {
    grid-column-start: 11;
}

.col-start-2 {
    grid-column-start: 2;
}

.col-start-3 {
    grid-column-start: 3;
}

.col-start-5 {
    grid-column-start: 5;
}

.col-end-5 {
    grid-column-end: 5;
}

.mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.-mt-20 {
    margin-top: -5rem;
}

.-mt-8 {
    margin-top: -2rem;
}

.mb-10 {
    margin-bottom: 2.5rem;
}

.mb-12 {
    margin-bottom: 3rem;
}

.mb-16 {
    margin-bottom: 4rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-20 {
    margin-bottom: 5rem;
}

.mb-24 {
    margin-bottom: 6rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-7 {
    margin-bottom: 1.75rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mb-9 {
    margin-bottom: 2.25rem;
}

.mb-auto {
    margin-bottom: auto;
}

.ml-9 {
    margin-left: 2.25rem;
}

.mr-0 {
    margin-right: 0px;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-3 {
    margin-right: 0.75rem;
}

.mr-4 {
    margin-right: 1rem;
}

.mr-5 {
    margin-right: 1.25rem;
}

.mr-6 {
    margin-right: 1.5rem;
}

.mr-8 {
    margin-right: 2rem;
}

.mt-17 {
    margin-top: 4.5rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-4\.5 {
    margin-top: 1.125rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-auto {
    margin-top: auto;
}

.box-content {
    box-sizing: content-box;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.flex {
    display: flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.\!hidden {
    display: none !important;
}

.hidden {
    display: none;
}

.h-10 {
    height: 2.5rem;
}

.h-152 {
    height: 37.5rem;
}

.h-72 {
    height: 18rem;
}

.h-8 {
    height: 2rem;
}

.h-fit {
    height: fit-content;
}

.h-full {
    height: 100%;
}

.h-max {
    height: max-content;
}

.h-screen {
    height: 100vh;
}

.max-h-10 {
    max-height: 2.5rem;
}

.max-h-152 {
    max-height: 37.5rem;
}

.max-h-6 {
    max-height: 1.5rem;
}

.max-h-80 {
    max-height: 20rem;
}

.max-h-\[70rem\] {
    max-height: 70rem;
}

.max-h-full {
    max-height: 100%;
}

.min-h-18 {
    min-height: 4.5rem;
}

.min-h-240 {
    min-height: 60rem;
}

.min-h-max {
    min-height: max-content;
}

.w-1\/6 {
    width: 16.666667%;
}

.w-16 {
    width: 4rem;
}

.w-2\/3 {
    width: 66.666667%;
}

.w-20 {
    width: 5rem;
}

.w-24 {
    width: 6rem;
}

.w-32 {
    width: 8rem;
}

.w-4 {
    width: 1rem;
}

.w-auto {
    width: auto;
}

.w-fit {
    width: fit-content;
}

.w-full {
    width: 100%;
}

.w-max {
    width: max-content;
}

.w-screen {
    width: 100vw;
}

.max-w-72 {
    max-width: 18rem;
}

.max-w-8 {
    max-width: 2rem;
}

.max-w-\[143px\] {
    max-width: 143px;
}

.max-w-full {
    max-width: 100%;
}

.max-w-none {
    max-width: none;
}

.flex-1 {
    flex: 1 1 0%;
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-2 {
    --tw-translate-x: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-8 {
    --tw-translate-x: -2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[4\] {
    --tw-scale-x: 4;
    --tw-scale-y: 4;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
    cursor: pointer;
}

.resize {
    resize: both;
}

.list-disc {
    list-style-type: disc;
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-x-14 {
    column-gap: 3.5rem;
}

.gap-x-6 {
    column-gap: 1.5rem;
}

.gap-x-8 {
    column-gap: 2rem;
}

.gap-y-24 {
    row-gap: 6rem;
}

.gap-y-9 {
    row-gap: 2.25rem;
}

.self-center {
    align-self: center;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.scroll-smooth {
    scroll-behavior: smooth;
}

.rounded-br-\[5rem\] {
    border-bottom-right-radius: 5rem;
}

.rounded-tr-\[3\.125rem\] {
    border-top-right-radius: 3.125rem;
}

.border {
    border-width: 1px;
}

.border-\[\.5rem\] {
    border-width: .5rem;
}

.border-t {
    border-top-width: 1px;
}

.border-dashed {
    border-style: dashed;
}

.border-luveLightBlue {
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
}

.border-white\/40 {
    border-color: rgb(255 255 255 / 0.4);
}

.bg-black\/90 {
    background-color: rgb(0 0 0 / 0.9);
}

.bg-luveBlue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.bg-luveDarkBlue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 30 59 / var(--tw-bg-opacity));
}

.bg-luveLightBlue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-top {
    background-position: top;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.fill-emerald-300 {
    fill: #6ee7b7;
}

.fill-white {
    fill: #fff;
}

.object-cover {
    object-fit: cover;
}

.object-left {
    object-position: left;
}

.p-14 {
    padding: 3.5rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-4 {
    padding: 1rem;
}

.p-6 {
    padding: 1.5rem;
}

.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.py-17 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.pb-10 {
    padding-bottom: 2.5rem;
}

.pb-12 {
    padding-bottom: 3rem;
}

.pb-20 {
    padding-bottom: 5rem;
}

.pb-22 {
    padding-bottom: 5.75rem;
}

.pb-28 {
    padding-bottom: 7rem;
}

.pb-40 {
    padding-bottom: 10rem;
}

.pb-48 {
    padding-bottom: 12.5rem;
}

.pb-5 {
    padding-bottom: 1.25rem;
}

.pb-52 {
    padding-bottom: 13rem;
}

.pb-8 {
    padding-bottom: 2rem;
}

.pl-11 {
    padding-left: 2.75rem;
}

.pl-16 {
    padding-left: 4rem;
}

.pl-3 {
    padding-left: 0.75rem;
}

.pl-5 {
    padding-left: 1.25rem;
}

.pl-6 {
    padding-left: 1.5rem;
}

.pl-8 {
    padding-left: 2rem;
}

.pr-16 {
    padding-right: 4rem;
}

.pr-17 {
    padding-right: 4.5rem;
}

.pr-20 {
    padding-right: 5rem;
}

.pr-36 {
    padding-right: 9rem;
}

.pr-8 {
    padding-right: 2rem;
}

.pt-0 {
    padding-top: 0px;
}

.pt-10 {
    padding-top: 2.5rem;
}

.pt-12 {
    padding-top: 3rem;
}

.pt-14 {
    padding-top: 3.5rem;
}

.pt-16 {
    padding-top: 4rem;
}

.pt-16\.5 {
    padding-top: 4.375rem;
}

.pt-17 {
    padding-top: 4.5rem;
}

.pt-24 {
    padding-top: 6rem;
}

.pt-28 {
    padding-top: 7rem;
}

.pt-32 {
    padding-top: 8rem;
}

.pt-48 {
    padding-top: 12.5rem;
}

.pt-7 {
    padding-top: 1.75rem;
}

.pt-8 {
    padding-top: 2rem;
}

.text-center {
    text-align: center;
}

.text-2xl {
    font-size: 1.375rem;
    line-height: 1.875rem;
}

.text-3xl {
    font-size: 1.5rem;;
    line-height: 2rem;
}

.text-4xl {
    font-size: 1.875rem;;
    line-height: 2.438rem;
}

.text-5xl {
    font-size: 2.25rem;;
    line-height: 3rem;
}

.text-7xl {
    font-size: 3.75rem;;
    line-height: 4.938rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.313rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.text-sm {
    font-size: .875rem;
    line-height: 1.188rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.625rem;
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}

.font-bold {
    font-weight: 700;
}

.font-light {
    font-weight: 300;
}

.font-medium {
    font-weight: 500;
}

.font-normal {
    font-weight: 400;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.italic {
    font-style: italic;
}

.text-luveBlue {
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.text-luveBlue\/50 {
    color: rgb(0 61 121 / 0.5);
}

.text-luveGrey-lightest {
    --tw-text-opacity: 1;
    color: rgb(240 240 240 / var(--tw-text-opacity));
}

.text-luveLightBlue {
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline {
    text-decoration-line: underline;
}

.decoration-luveLightBlue {
    text-decoration-color: #00A8FF;
}

.opacity-0 {
    opacity: 0;
}

.opacity-100 {
    opacity: 1;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-60 {
    opacity: 0.6;
}

.mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
}

.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-black\/20 {
    --tw-shadow-color: rgb(0 0 0 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.duration-300 {
    transition-duration: 300ms;
}

.duration-500 {
    transition-duration: 500ms;
}

.duration-700 {
    transition-duration: 700ms;
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.\[a-zA-Z\:\\-\\\.\] {
    a-z-a--z: \-\.;
}

.applications-header {
    transition: background .5s linear
}

.applications-header-box__description {
    display: none
}

.mobile-title {
    position: relative;
    z-index: 10;
    grid-column: span 12 / span 12;
    border-bottom-right-radius: 5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .mobile-title {
        display: none;
    }
}

.mobile-title h2, .mobile-title h3 {
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 500;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.grecaptcha-badge {
    z-index: 1000;
}

.interactive-map__production-units-box {
    display: none;
}

.interactive-map__production-units-box.active {
    display: block;
}

.interactive-map__commercial-offices-container, .interactive-map__production-units-container {
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .interactive-map__commercial-offices-container, .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .interactive-map__production-units-container {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .interactive-map__commercial-offices-container, .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .interactive-map__production-units-container {
        --tw-bg-opacity: 1 !important;
    }
}

@media (min-width: 768px) {

    .interactive-map__commercial-offices-container, .interactive-map__production-units-container {
        display: grid;
        grid-template-columns: 15fr 85fr;
        background-color: inherit;
    }
}

.interactive-map__commercial-office {
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #004D8D var(--tw-gradient-to-position);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .interactive-map__commercial-office {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .interactive-map__commercial-office {
        --tw-bg-opacity: 1 !important;
    }
}

.interactive-map__commercial-office:nth-child(odd) {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

@media (min-width: 1024px) {

    .interactive-map__commercial-office {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1280px) {

    .interactive-map__commercial-office {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.interactive-map__commercial-office-country {
    margin-bottom: 0.125rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {

    .interactive-map__commercial-office-country {
        font-size: 1rem;
        line-height: 1.313rem;
    }
}

.interactive-map__commercial-office-city {
    margin-bottom: 1px;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {

    .interactive-map__commercial-office-city {
        font-size: .75rem;
        line-height: 1rem;
    }
}

.interactive-map__map {
    height: 100%;
    width: 100%;
    padding-bottom: 6rem;
}

.interactive-map__map-container {
    position: relative;
    display: none;
    --tw-bg-opacity: 1;
    background-color: rgb(0 52 103 / var(--tw-bg-opacity));
    padding-bottom: 5rem;
}

@media (min-width: 768px) {

    .interactive-map__map-container {
        display: block;
    }
}

.interactive-map__map-title {
    --tw-bg-opacity: 1;
    background-color: rgb(0 52 103 / var(--tw-bg-opacity));
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    padding-left: 7rem;
    padding-right: 7rem;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 500;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.interactive-map__background {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: bottom;
}

.interactive-map__countries-list, .interactive-map__units-list {
    overflow-y: hidden;
}

@media (min-width: 768px) {

    .interactive-map__countries-list, .interactive-map__units-list {
        overflow-y: scroll;
    }
}

.interactive-map__countries-list, .interactive-map__units-list {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.interactive-map__countries-list::-webkit-scrollbar, .interactive-map__units-list::-webkit-scrollbar {
    display: none;
}

.interactive-map__units-list {
    display: none;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-top: 0.5rem;
    padding-right: 1rem;
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .interactive-map__units-list {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .interactive-map__units-list {
        --tw-bg-opacity: 1 !important;
    }
}

@media (min-width: 1024px) {

    .interactive-map__units-list {
        display: block;
    }
}

@media (min-width: 1280px) {

    .interactive-map__units-list {
        padding-left: 3rem;
    }
}

.interactive-map__production-unit {
    margin-bottom: 1.75rem;
}

.interactive-map__production-unit img {
    margin-bottom: 0.5rem;
}

.interactive-map__production-unit-name, .interactive-map__production-unit-location {
    font-size: .813rem;
    line-height: 1.125rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1280px) {

    .interactive-map__production-unit-name, .interactive-map__production-unit-location {
        font-size: .875rem;
        line-height: 1.188rem;
    }
}

.interactive-map__production-unit-box--logo {
    margin-bottom: 0.75rem;
}

.interactive-map__production-unit-box--name, .interactive-map__production-unit-box--location {
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 500;
    text-transform: none;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1280px) {

    .interactive-map__production-unit-box--name, .interactive-map__production-unit-box--location {
        font-size: 1rem;
        line-height: 1.313rem;
    }
}

@media (min-width: 1536px) {

    .interactive-map__production-unit-box--name, .interactive-map__production-unit-box--location {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

.interactive-map__production-unit-box--description {
    margin-top: 0.75rem;
    font-size: .813rem;
    line-height: 1.125rem;
    font-weight: 300;
    text-transform: none;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1280px) {

    .interactive-map__production-unit-box--description {
        font-size: .875rem;
        line-height: 1.188rem;
    }
}

@media (min-width: 1536px) {

    .interactive-map__production-unit-box--description {
        font-size: 1rem;
        line-height: 1.313rem;
    }
}

.interactive-map__production-unit-box--footer {
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.interactive-map__production-unit-box--link {
    font-size: .813rem;
    line-height: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 1280px) {

    .interactive-map__production-unit-box--link {
        font-size: .875rem;
        line-height: 1.188rem;
    }
}

.interactive-map__production-unit-box--link-icon {
    margin-left: 0.5rem;
    display: inline-block;
    vertical-align: baseline;
}

.interactive-map__units-by-country {
    position: absolute;
    bottom: 1rem;
    z-index: 20;
    display: flex;
    width: 100%;
    justify-content: center;
}

.interactive-map__units-by-country--country-name {
    position: relative;
    margin-right: 0.5rem;
    cursor: pointer;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    font-size: .813rem;
    line-height: 1.125rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1280px) {

    .interactive-map__units-by-country--country-name {
        margin-right: 1rem;
        padding-left: 0.875rem;
        padding-right: 0.875rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        font-size: .875rem;
        line-height: 1.188rem;
    }
}

.interactive-map__units-by-country--country-name.active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

.interactive-map__production-units-container {
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .interactive-map__production-units-container {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .interactive-map__production-units-container {
        --tw-bg-opacity: 1 !important;
    }
}

@media (min-width: 1024px) {

    .interactive-map__production-units-container {
        background-color: inherit;
    }
}

.interactive-map__production-units-map-container {
    display: none;
}

@media (min-width: 1024px) {

    .interactive-map__production-units-map-container {
        display: block;
    }
}

.interactive-map__production-units-box {
    position: absolute;
    left: 0px;
    bottom: 2.75rem;
    min-width: 200px;
    cursor: auto;
    border-top-right-radius: 50px;
    border-width: 3px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    background-color: rgb(0 33 65 / 0.8);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    --tw-backdrop-blur: blur(3px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@media (min-width: 1280px) {

    .interactive-map__production-units-box {
        min-width: 250px;
    }
}

@media (min-width: 1536px) {

    .interactive-map__production-units-box {
        min-width: 320px;
    }
}

.interactive-map__production-units-box.grid-layout.active {
    display: grid;
    width: 780px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 1rem;
    row-gap: 1.5rem;
}

@media (min-width: 1280px) {

    .interactive-map__production-units-box.grid-layout.active {
        width: 900px;
        row-gap: 2rem;
        column-gap: 1.25rem;
    }
}

@media (min-width: 1536px) {

    .interactive-map__production-units-box.grid-layout.active {
        width: 1152px;
        column-gap: 1.5rem;
        row-gap: 2.5rem;
    }
}

.interactive-map__production-units-box.grid-layout.active .interactive-map__production-unit-box {
    display: flex;
    flex-direction: column;
}

.interactive-map__production-units-box.grid-layout.active .interactive-map__production-unit-box--logo {
    width: fit-content;
}

.interactive-map__production-units-box.grid-layout.active .interactive-map__production-unit-box--description {
    margin-bottom: 0.75rem;
}

.interactive-map__production-units-box.grid-layout.active .interactive-map__production-unit-box--footer {
    margin-top: auto;
}

.interactive-map__production-units-box--close {
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
}

.interactive-map__production-units-box--close::before {
    position: absolute;
    left: 15px;
    height: 1.5rem;
    width: 0.125rem;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content);
}

.interactive-map__production-units-box--close::after {
    position: absolute;
    left: 15px;
    height: 1.5rem;
    width: 0.125rem;
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content);
}

.interactive-map__production-units-box--close {
    position: absolute;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.interactive-map__production-units-box--close-container {
    position: relative;
}

.interactive-map__production-units-mobile {
    overflow-x: scroll;
}

.interactive-map__production-unit-mobile {
    min-width: 45%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

@media (min-width: 768px) {

    .interactive-map__production-unit-mobile {
        min-width: 30%;
    }
}

.interactive-map__production-unit-mobile img {
    margin-bottom: 1.75rem;
}

.interactive-map__production-unit-mobile-name, .interactive-map__production-unit-mobile-location {
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.interactive-map__units-by-country-mobile-container {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #0079C4 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 121 196 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #003D79E5 var(--tw-gradient-to-position);
    padding: 2.25rem;
}

.interactive-map__units-by-country-mobile-container--multiple {
    display: flex;
    overflow-x: scroll;
}

.interactive-map__units-by-country-mobile-container--multiple .interactive-map__units-by-country-mobile-header {
    margin-right: 2.75rem;
    min-width: 35%;
    flex-direction: column;
    align-content: flex-start;
}

.interactive-map__units-by-country-mobile-container--multiple .interactive-map__units-by-country-mobile-header p {
    font-size: 1.5rem;;
    line-height: 2rem;
    letter-spacing: 5.5px;
}

.interactive-map__units-by-country-mobile-container--multiple .interactive-map__units-by-country-mobile-header img {
    margin-right: 0px;
}

.interactive-map__units-by-country-mobile-container--multiple .interactive-map__units-by-country-mobile-body {
    display: flex;
}

.interactive-map__units-by-country-mobile--multiple {
    margin-right: 1.5rem;
    min-width: 25%;
}

@media (min-width: 768px) {

    .interactive-map__units-by-country-mobile--multiple {
        min-width: 33%;
    }
}

@media (min-width: 1024px) {

    .interactive-map__units-by-country-mobile--multiple {
        min-width: 40%;
    }
}

.interactive-map__units-by-country-mobile--multiple img {
    margin-bottom: 0.875rem;
}

.interactive-map__units-by-country-mobile-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.interactive-map__units-by-country-mobile-header p {
    margin-bottom: 2.75rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.interactive-map__units-by-country-mobile-header img {
    margin-right: 2rem;
    margin-bottom: 2.75rem;
}

.interactive-map__units-by-country-mobile--name, .interactive-map__units-by-country-mobile--location {
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.interactive-map__units-by-country-mobile--location {
    margin-bottom: 0.875rem;
}

.interactive-map__units-by-country-mobile--description {
    margin-bottom: 1.5rem;
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.interactive-map__units-by-country-mobile--details {
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.interactive-map__units-by-country-mobile--details .interactive-map__units-by-country-mobile--details-icon {
    margin-left: 0.5rem;
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: baseline;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    display: none;
}

.jvectormap-container {
    z-index: 2;
}

.navigation:not(.navigation__mobile) .navigation__item {
    position: relative;
}

.navigation:not(.navigation__mobile) .navigation__item-link {
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .813rem;
    line-height: 1.125rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1280px) {

    .navigation:not(.navigation__mobile) .navigation__item-link {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media (min-width: 1536px) {

    .navigation:not(.navigation__mobile) .navigation__item-link {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.navigation:not(.navigation__mobile) .navigation__item:hover {
    cursor: pointer;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #0060BE var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 96 190 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #003E7B var(--tw-gradient-to-position);
}

.navigation:not(.navigation__mobile) .navigation__item:hover > .navigation__item-submenu-container {
    display: block;
}

.navigation:not(.navigation__mobile) .navigation__item-submenu-container {
    position: absolute;
    left: 0px;
    display: none;
    width: max-content;
    border-top-width: 4px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #00A8FF var(--tw-gradient-to-position);
}

.navigation:not(.navigation__mobile) .navigation__item-submenu-container .navigation__subitem {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 2rem;
    padding-right: 2rem;
    text-transform: uppercase;
}

.navigation:not(.navigation__mobile) .navigation__item-submenu-container .navigation__subitem:last-child {
    margin-bottom: 0.75rem;
}

.navigation:not(.navigation__mobile) .navigation__item-submenu-container .navigation__subitem:hover {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #00A8FF var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 168 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #003D79 var(--tw-gradient-to-position);
}

.navigation:not(.navigation__mobile) .navigation__item-submenu-container .navigation__subitem a {
    display: flex;
    flex-direction: column;
    font-size: .813rem;
    line-height: 1.125rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.navigation:not(.navigation__mobile) .navigation__item-submenu-container .navigation__subitem-subtitle {
    margin-top: 0.25rem;
    display: block;
    font-size: .75rem;
    line-height: 1rem;
    text-transform: none;
}

@media (min-width: 1024px) {

    .navigation:not(.navigation__mobile) .navigation__item:last-child .navigation__item-submenu-container {
        left: -7.5rem;
    }
}

@media (min-width: 1536px) {

    .navigation:not(.navigation__mobile) .navigation__item:last-child .navigation__item-submenu-container {
        left: 0px;
    }
}

.navigation__mobile {
    z-index: 100;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.navigation__mobile::-webkit-scrollbar {
    display: none;
}

.navigation__mobile-logos {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    column-gap: 3rem;
    row-gap: 1.5rem;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: rgb(255 255 255 / 0.6);
    border-bottom-color: rgb(255 255 255 / 0.6);
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .navigation__mobile-logos {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .navigation__mobile-logos {
        --tw-bg-opacity: 1 !important;
    }
}

.navigation__mobile__logo img {
    margin-left: auto;
    margin-right: auto;
}

.navigation__mobile-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-width: 0.625rem;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

.navigation__mobile-actions .navigation__mobile-login {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.navigation__mobile-actions .navigation__mobile-login svg {
    margin-right: 1rem;
}

.navigation__mobile-actions .navigation__mobile-login svg path {
    fill: #fff;
}

.navigation__mobile-close {
    cursor: pointer;
}

.navigation__mobile .navigation__item {
    margin-bottom: 2.5rem;
}

.navigation__mobile .navigation__item:last-child {
    margin-bottom: 0px;
}

.navigation__mobile .navigation__item-link {
    margin-bottom: 2.5rem;
    cursor: pointer;
    font-size: 1.5rem;;
    line-height: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.navigation__mobile .navigation__item-submenu-container {
    display: none;
}

.navigation__mobile .navigation__subitem {
    margin-top: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.navigation__mobile .navigation__subitem:first-of-type {
    margin-top: 1rem;
}

.navigation__mobile .navigation__subitem-subtitle {
    display: block;
    font-size: .75rem;
    line-height: 1rem;
    text-transform: none;
}

.navigation__mobile-footer {
    min-height: 19rem;
}

.footer-prefooter {
    --tw-bg-opacity: 1;
    background-color: rgb(0 50 99 / var(--tw-bg-opacity));
}

.footer-prefooter__logos {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .footer-prefooter__logos {
        max-width: 420px;
    }
}

@media (min-width: 768px) {

    .footer-prefooter__logos {
        max-width: 640px;
    }
}

@media (min-width: 1024px) {

    .footer-prefooter__logos {
        max-width: 980px;
    }
}

@media (min-width: 1280px) {

    .footer-prefooter__logos {
        max-width: 1180px;
    }
}

.footer-prefooter__logos {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 1rem;
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media (min-width: 1024px) {

    .footer-prefooter__logos {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1280px) {

    .footer-prefooter__logos {
        column-gap: 0px;
    }
}

.footer__logo {
    grid-column: span 6 / span 6;
    margin-bottom: 3rem;
    display: flex;
}

@media (min-width: 768px) {

    .footer__logo {
        grid-column: span 4 / span 4;
    }
}

@media (min-width: 1024px) {

    .footer__logo {
        grid-column: span 2 / span 2;
        margin-bottom: 0px;
        justify-content: center;
    }
}

.footer__link {
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.footer__link:hover {
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.footer-main-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .footer-main-content {
        max-width: 768px;
    }
}

@media (min-width: 768px) {

    .footer-main-content {
        max-width: 1024px;
    }
}

@media (min-width: 1024px) {

    .footer-main-content {
        max-width: 1440px;
    }
}

@media (min-width: 1280px) {

    .footer-main-content {
        max-width: 1920px;
    }
}

.footer-main-content {
    position: relative;
    display: flex;
    justify-content: center;
    border-top-width: 8px;
    border-bottom-width: .5px;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 61 121 / var(--tw-border-opacity));
    padding-top: 4rem;
}

.footer-main-content__container {
    display: grid;
    max-width: 1536px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

@media (min-width: 1024px) {

    .footer-main-content__container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.footer-main-content__left-column {
    grid-column: span 12 / span 12;
    border-bottom-width: .5px;
    --tw-border-opacity: 1;
    border-color: rgb(0 61 121 / var(--tw-border-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 3rem;
}

@media (min-width: 1024px) {

    .footer-main-content__left-column {
        grid-column: span 4 / span 4;
        border-bottom-width: 0px;
        border-right-width: .5px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1280px) {

    .footer-main-content__left-column {
        border-bottom-width: 0px;
    }
}

.footer-main-content__center-column {
    grid-column: span 12 / span 12;
    border-bottom-width: .5px;
    --tw-border-opacity: 1;
    border-color: rgb(0 61 121 / var(--tw-border-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 3rem;
}

@media (min-width: 1024px) {

    .footer-main-content__center-column {
        grid-column: span 4 / span 4;
        border-bottom-width: 0px;
        border-right-width: .5px;
    }
}

@media (min-width: 1280px) {

    .footer-main-content__center-column {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media (min-width: 1536px) {

    .footer-main-content__center-column {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.footer-main-content__right-column {
    grid-column: span 12 / span 12;
    padding-left: 1.25rem;
    padding-bottom: 3rem;
    padding-right: 2.5rem;
    padding-top: 3rem;
}

@media (min-width: 1024px) {

    .footer-main-content__right-column {
        grid-column: span 3 / span 3;
        padding-top: 0px;
        padding-left: 5rem;
    }
}

@media (min-width: 1280px) {

    .footer-main-content__right-column {
        padding-right: 0px;
    }
}

@media (min-width: 1536px) {

    .footer-main-content__right-column {
        grid-column: span 4 / span 4;
    }
}

.footer-main-content .footer-text {
    margin-bottom: 1.25rem;
}

.footer-main-content .footer-text:last-child {
    margin-bottom: 0px;
    padding-top: 1.75rem;
}

.footer-main-content .footer-text__text {
    margin-bottom: 2rem;
    font-size: .875rem;
    line-height: 1.188rem;
    font-style: italic;
    color: rgb(0 61 121 / 0.5);
}

.footer-main-content .footer-text__text:last-child {
    margin-bottom: 0px;
}

@media (min-width: 1024px) {

    .footer-main-content .footer-text__text {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

.footer-main-content .footer-contact__address {
    width: 100%;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 400;
    font-style: normal;
    color: rgb(0 61 121 / 0.5);
}

.footer-main-content .footer-contact__address em {
    font-style: italic;
}

.footer-main-content .footer-contact__label {
    margin-bottom: 0.25rem;
    font-size: .75rem;
    line-height: 1rem;
    text-transform: capitalize;
    color: rgb(0 61 121 / 0.5);
}

.footer-main-content .footer-contact__contact-anchor {
    margin-bottom: 0.75rem;
}

.footer-main-content .footer-contact__contact-anchor a {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.footer-main-content .footer-contact__contact-anchor a:hover {
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .footer-main-content .footer-contact__contact-anchor a {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

.footer-main-content .footer-claim {
    font-size: 1.5rem;;
    line-height: 2rem;
    font-style: italic;
    color: rgb(0 61 121 / 0.5);
}

@media (min-width: 1024px) {

    .footer-main-content .footer-claim {
        font-size: 1.875rem;;
        line-height: 2.438rem;
    }
}

.footer-main-content__back-to-top {
    position: absolute;
    right: 1.25rem;
    display: flex;
    height: 3rem;
    width: 3rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    background-image: url("/static/img/icons/cerchio.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.footer-main-content__back-to-top:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px) {

    .footer-main-content__back-to-top {
        height: 4rem;
        width: 4rem;
    }
}

.footer-menu {
    margin-bottom: 3rem;
    margin-top: 2rem;
    display: flex;
    max-height: 18rem;
    list-style-type: none;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 2rem;
}

@media (min-width: 1024px) {

    .footer-menu {
        margin-top: 0px;
        margin-bottom: 5.5rem;
    }
}

@media (min-width: 1280px) {

    .footer-menu {
        max-height: 24rem;
    }
}

@media (min-width: 1536px) {

    .footer-menu {
        max-height: 18rem;
    }
}

.footer-menu .navigation__item {
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.footer-menu .navigation__item:hover {
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.footer-socials {
    display: flex;
    flex-direction: row;
    gap: 2rem;
}

@media (min-width: 1024px) {

    .footer-socials {
        justify-content: center;
    }
}

.footer-socials__social {
    display: flex;
    height: 4rem;
    width: 4rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    background-image: url("/static/img/icons/cerchio.png");
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 1024px) {

    .footer-socials__social {
        height: 5rem;
        width: 5rem;
    }
}

.footer-socials__social-icon {
    width: 1.25rem;
}

.group:hover .footer-socials__social-icon {
    width: 2rem;
}

.footer-company-name {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .footer-company-name {
        max-width: 768px;
    }
}

@media (min-width: 768px) {

    .footer-company-name {
        max-width: 1024px;
    }
}

@media (min-width: 1024px) {

    .footer-company-name {
        max-width: 1440px;
    }
}

@media (min-width: 1280px) {

    .footer-company-name {
        max-width: 1920px;
    }
}

.footer-company-name {
    display: flex;
    justify-content: center;
}

.footer-company-name__container {
    margin-bottom: 0.125rem;
    width: 100%;
    max-width: 1536px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width: 1280px) {

    .footer-company-name__container {
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.footer-subfooter {
    --tw-bg-opacity: 1;
    background-color: rgb(0 50 99 / var(--tw-bg-opacity));
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

@media (min-width: 1024px) {

    .footer-subfooter {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
}

.footer-subfooter__container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .footer-subfooter__container {
        max-width: 768px;
    }
}

@media (min-width: 768px) {

    .footer-subfooter__container {
        max-width: 1024px;
    }
}

@media (min-width: 1024px) {

    .footer-subfooter__container {
        max-width: 1440px;
    }
}

@media (min-width: 1280px) {

    .footer-subfooter__container {
        max-width: 1920px;
    }
}

.footer-subfooter__container {
    display: flex;
    justify-content: center;
}

.footer-subfooter__content {
    display: flex;
    width: 100%;
    max-width: 1536px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1024px) {

    .footer-subfooter__content {
        flex-direction: row;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.footer-subfooter__content .footer-text {
    order: 2;
    margin-bottom: 1.25rem;
    display: flex;
    flex: 1 1 0%;
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    opacity: 0.5;
}

@media (min-width: 1024px) {

    .footer-subfooter__content .footer-text {
        order: 1;
        margin-bottom: 0px;
        font-size: 1.125rem;
        line-height: 1.5rem;
        opacity: 1;
    }
}

.footer-subfooter__policies {
    order: 3;
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
    justify-content: flex-end;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer-subfooter__policy {
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-right-color: rgb(255 255 255 / var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
}

.footer-subfooter__policy:first-child {
    padding-left: 0px;
}

.footer-subfooter__policy:last-child {
    border-style: none;
    padding-right: 0px;
}

.footer-subfooter__policy-link {
    font-size: .875rem;
    line-height: 1.188rem;
    text-transform: uppercase;
}

.footer-subfooter__policy-link:hover {
    text-decoration-line: underline;
}

@media (min-width: 1024px) {

    .footer-subfooter__policy-link {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

.footer-subfooter__newsletter-subscribe {
    order: 1;
    margin-bottom: 2.25rem;
    display: flex;
    flex: 1 1 0%;
    justify-content: center;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .footer-subfooter__newsletter-subscribe {
        order: 2;
        margin-bottom: 0px;
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

.footer-subfooter__newsletter-subscribe a:hover {
    text-decoration-line: underline;
}

.footer__text {
    margin-bottom: 1.25rem;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 400;
    color: rgb(0 61 121 / 0.5);
}

.homepage-header {
    position: relative;
    grid-column: span 12 / span 12;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .homepage-header {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .homepage-header {
        --tw-bg-opacity: 1 !important;
    }
}

.homepage-header__background-image {
    display: none;
}

@media (min-width: 540px) {

    .homepage-header__background-image {
        display: block;
    }
}

.homepage-header__background-image--mobile {
    display: block;
}

@media (min-width: 540px) {

    .homepage-header__background-image--mobile {
        display: none;
    }
}

.homepage-header__intro {
    position: absolute;
    top: 4rem;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {

    .homepage-header__intro {
        align-items: flex-start;
    }
}

@media (min-width: 768px) {

    .homepage-header__intro {
        padding-left: 3.5rem;
    }
}

@media (min-width: 1024px) {

    .homepage-header__intro {
        top: 6rem;
    }
}

@media (min-width: 1280px) {

    .homepage-header__intro {
        padding-left: 7rem;
    }
}

@media (min-width: 1536px) {

    .homepage-header__intro {
        padding-left: 14rem;
    }
}

@media (min-width: 1920px) {

    .homepage-header__intro {
        top: 10.625rem;
    }
}

.homepage-header__title h1 {
    text-align: center;
    font-size: 2.25rem;;
    line-height: 3rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {

    .homepage-header__title h1 {
        text-align: left;
    }
}

@media (min-width: 1280px) {

    .homepage-header__title h1 {
        font-size: 3.75rem;;
        line-height: 4.938rem;
    }
}

@media (min-width: 1920px) {

    .homepage-header__title h1 {
        font-size: 80px;
    }
}

.homepage-header__subtitle {
    margin-top: 4rem;
    margin-bottom: 3.5rem;
    width: 100%;
    padding-top: 0px;
}

@media (min-width: 640px) {

    .homepage-header__subtitle {
        margin-bottom: 1.5rem;
        width: 80%;
    }
}

@media (min-width: 768px) {

    .homepage-header__subtitle {
        margin-bottom: 3rem;
    }
}

@media (min-width: 1024px) {

    .homepage-header__subtitle {
        width: 66.666667%;
    }
}

@media (min-width: 1536px) {

    .homepage-header__subtitle {
        margin-bottom: 3rem;
    }
}

@media (min-width: 540px) {

    .homepage-header__subtitle {
        margin-top: 1.5rem;
    }
}

@media (min-width: 1920px) {

    .homepage-header__subtitle {
        margin-top: 2.5rem;
    }
}

.homepage-header__subtitle p {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {

    .homepage-header__subtitle p {
        text-align: left;
    }
}

@media (min-width: 1280px) {

    .homepage-header__subtitle p {
        font-size: 1.375rem;
        line-height: 1.875rem;
    }
}

@media (min-width: 1920px) {

    .homepage-header__subtitle p {
        font-size: 35px;
        line-height: 46px;
    }
}

.homepage-header__slider-text p {
    margin-bottom: 1.75rem;
    font-size: 1rem;
    line-height: 1.313rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .homepage-header__slider-text p {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

.homepage-header__slider-text-content {
    padding-left: 2.75rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 1.25rem;
}

@media (min-width: 768px) {

    .homepage-header__slider-text-content {
        padding-left: 5.75rem;
        padding-right: 16rem;
    }
}

@media (min-width: 1280px) {

    .homepage-header__slider-text-content {
        padding-right: 8rem;
    }
}

@media (min-width: 1536px) {

    .homepage-header__slider-text-content {
        padding-top: 2.875rem;
        padding-bottom: 2.875rem;
    }
}

.homepage-header__slider-text-number {
    margin-bottom: 1.75rem;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    line-height: 1.313rem;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .homepage-header__slider-text-number {
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

.homepage-header__slider-text-container.slick-slider {
    position: relative;
    bottom: 0px;
    z-index: 20;
    display: flex;
    width: 100%;
    flex-direction: row;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .homepage-header__slider-text-container.slick-slider {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .homepage-header__slider-text-container.slick-slider {
        --tw-bg-opacity: 1 !important;
    }
}

@media (min-width: 768px) {

    .homepage-header__slider-text-container.slick-slider {
        height: 14rem;
    }
}

@media (min-width: 1280px) {

    .homepage-header__slider-text-container.slick-slider {
        position: absolute;
        margin-left: 7rem;
        height: 13rem;
    }
}

@media (min-width: 1536px) {

    .homepage-header__slider-text-container.slick-slider {
        margin-left: 14rem;
        height: 15.75rem;
    }
}

@media (min-width: 1280px) {

    .homepage-header__slider-text-container.slick-slider {
        width: 48rem !important;
    }
}

.homepage-header__slider-text-link {
    z-index: 50;
    margin-right: 0.75rem;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

@media (min-width: 1024px) {

    .homepage-header__slider-text-link {
        gap: 1.25rem;
    }
}

.homepage-header__slider-text-link .slider-text-link__label {
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .homepage-header__slider-text-link .slider-text-link__label {
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

.homepage-header__slider-text-link .slider-text-link__arrow-container {
    display: flex;
    max-width: 2rem;
    overflow: hidden;
}

@media (min-width: 1024px) {

    .homepage-header__slider-text-link .slider-text-link__arrow-container {
        padding-top: 0.25rem;
    }
}

.homepage-header__slider-text-link .slider-text-link__arrow-content--left {
    display: flex;
    --tw-translate-x: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 640px) {

    .homepage-header__slider-text-link .slider-text-link__arrow-content--left {
        --tw-translate-x: -2rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.homepage-header__slider-text-link .slider-text-link__arrow-content--right {
    display: flex;
    --tw-translate-x: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.homepage-header__slider-text-link .slider-text-link__arrow--left {
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 640px) {

    .homepage-header__slider-text-link .slider-text-link__arrow--left {
        opacity: 0;
    }
}

.homepage-header__slider-text-link .slider-text-link__arrow--right {
    opacity: 0;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 640px) {

    .homepage-header__slider-text-link .slider-text-link__arrow--right {
        opacity: 1;
    }
}

.homepage-header__slider-text-link:hover .slider-text-link__arrow-content--left {
    --tw-translate-x: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.homepage-header__slider-text-link:hover .slider-text-link__arrow-content--right {
    --tw-translate-x: 1.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.homepage-header__slider-text-link:hover .slider-text-link__arrow--left {
    opacity: 1;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.homepage-header__slider-text-link:hover .slider-text-link__arrow--right {
    opacity: 0;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.homepage-header-video {
    position: relative;
    grid-column: span 12 / span 12;
    max-height: 539px;
}

@media (min-width: 1024px) {

    .homepage-header-video {
        max-height: 700px;
    }
}

.homepage-header-video__play-button {
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    gap: 0.875rem;
    align-self: flex-start;
}

.homepage-header-video__play-button:hover {
    opacity: 0.5;
}

@media (min-width: 768px) {

    .homepage-header-video__play-button {
        gap: 2rem;
    }
}

.homepage-header-video__play-button-label {
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .homepage-header-video__play-button-label {
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

.homepage-header-video__play-button img {
    width: 3rem;
}

@media (min-width: 768px) {

    .homepage-header-video__play-button img {
        width: 5rem;
    }
}

@media (min-width: 1280px) {

    .homepage-header-video__play-button img {
        width: 4rem;
    }
}

@media (min-width: 1536px) {

    .homepage-header-video__play-button img {
        width: auto;
    }
}

.homepage-header-video__video-container {
    position: fixed;
    top: 50%;
    z-index: 120;
    display: none;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px) {

    .homepage-header-video__video-container {
        left: 50%;
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.homepage-header-video__video-container.is-visible {
    display: block;
}

.homepage-header-video__video-overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 110;
    display: none;
    height: 100vh;
    width: 100vw;
    background-color: rgb(0 0 0 / 0.9);
}

.homepage-header-video__video-overlay.is-visible {
    display: block;
}

.homepage-header__socials {
    position: absolute;
    bottom: 0.5rem;
    right: 3rem;
    z-index: 10;
    margin-bottom: 3rem;
    display: none;
    flex-direction: row;
    align-items: flex-end;
    gap: 2.25rem;
}

@media (min-width: 1280px) {

    .homepage-header__socials {
        display: flex;
    }
}

.homepage-header__social-logo {
    --tw-brightness: brightness(2);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.homepage-products-container {
    position: relative;
    grid-column: span 12 / span 12;
}

@media (max-width: 768px) {

    .homepage-products-container::before {
        position: absolute;
        left: 0px;
        top: -10rem;
        height: 10rem;
        width: 100%;
        background-image: linear-gradient(to top, var(--tw-gradient-stops));
        --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        content: var(--tw-content);
        --tw-gradient-to: transparent var(--tw-gradient-to-position);
    }
}

.homepage-products-container__title {
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
    font-size: 2.5rem;;
    line-height: 3.313rem;
    font-weight: 300;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (max-width: 768px) {

    .homepage-products-container__title {
        margin-bottom: 1.25rem;
    }
}

.homepage-products-container__content > .homepage-product-bg-image {
    position: relative;
    margin-bottom: 0.75rem;
    min-height: 25rem;
    overflow: hidden;
}

.homepage-products-container__content > .homepage-product-bg-image::after {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #00A8FF var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 168 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    content: var(--tw-content);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.homepage-products-container__content > .homepage-product-bg-image:nth-child(even)::after {
    content: var(--tw-content);
    --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

@media (min-width: 1024px) {

    .homepage-products-container__content > .homepage-product-bg-image::after {
        content: var(--tw-content);
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
    }
}

.homepage-products-container__content > .homepage-product-bg-image ~ .homepage-product-bg-image::after {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    content: var(--tw-content);
    --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

@media (min-width: 1024px) {

    .homepage-products-container__content > .homepage-product-bg-image ~ .homepage-product-bg-image::after {
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
        content: var(--tw-content);
        --tw-gradient-from: #00A8FF var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(0 168 255 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    }

    .homepage-products-container__content > .homepage-product-bg-image ~ .homepage-product-bg-image:nth-child(even)::after {
        content: var(--tw-content);
        --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    }
}

.homepage-product {
    position: relative;
    grid-column: span 12 / span 12;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    border-width: 1px;
    border-left-width: 0px;
    border-top-width: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(0 61 121 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-bottom: 6rem;
    padding-left: 3rem;
    padding-right: 2rem;
    padding-top: 3.75rem;
}

@media (min-width: 1024px) {

    .applications-text-image.homepage-product:last-of-type {
        margin-bottom: 4rem;
    }
}

.homepage-product:first-child {
    border-left-width: 1px;
}

@media (min-width: 768px) {

    .homepage-product {
        grid-column: span 6 / span 6;
        border-bottom-width: 1px;
    }
}

@media (min-width: 1920px) {

    .homepage-product {
        grid-column: span 3 / span 3;
    }
}

@media (max-width: 768px) {

    .homepage-product {
        margin-bottom: 0.75rem;
    }
}

.homepage-product__product-content {
    display: flex;
    max-height: 3.5rem;
    flex-direction: column;
    align-self: flex-start;
    overflow: hidden;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.group:hover .homepage-product__product-content {
    overflow: visible;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {

    .group:hover .homepage-product__product-content {
        margin-bottom: 0px;
        margin-top: -3rem;
    }
}

@media (max-width: 540px) {

    .homepage-product__product-content {
        margin-top: -4rem;
        margin-bottom: 4rem;
        overflow: visible;
    }
}

@media (min-width: 541px) and (max-width: 768px) {

    .group:hover .homepage-product__product-content {
        margin-top: -8rem;
        margin-bottom: 6rem;
    }
}

@media (min-width: 769px) and (max-width: 1023px) {

    .group:hover .homepage-product__product-content {
        margin-top: -6.5rem;
        margin-bottom: 3rem;
    }
}

.homepage-product__description {
    max-width: 17rem;
    font-size: 14px;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {

    .homepage-product__description {
        max-width: 14rem;
    }
}

@media (min-width: 1024px) {

    .homepage-product__description {
        max-width: 17rem;
    }
}

.homepage-product__description p {
    margin-bottom: 1.5rem;
    transition-duration: 150ms;
}

.group:hover .homepage-product__description p {
    opacity: 1;
    transition-duration: 700ms;
}

@media (min-width: 540px) {

    .homepage-product__description p {
        opacity: 0;
    }
}

@media (max-width: 540px) {

    .homepage-product__description p {
        opacity: 1;
    }
}

.homepage-product__product-images {
    min-height: 15rem;
    padding: 20px 0;
}

.homepage-product__product-image {
    position: relative;
    z-index: 10;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.homepage-product__background-image {
    position: absolute;
    left: 0px;
    top: 5rem;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.group:hover .homepage-product__product-image, .group:hover .homepage-product__background-image {
    --tw-translate-x: 6.5rem;
    --tw-translate-y: -3rem;
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 540px) {

    .homepage-product__product-image, .homepage-product__background-image {
        --tw-translate-x: 6.5rem;
        --tw-translate-y: -3rem;
        --tw-scale-x: .75;
        --tw-scale-y: .75;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.homepage-product__subtitle {
    font-size: 15px;
    line-height: 1.5rem;
    font-weight: 500;
    /*text-transform: uppercase;*/
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.homepage-product__title {
    font-size: 15px;
    line-height: 2.5rem;
    font-weight: 700;
    /*text-transform: uppercase;*/
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.group:hover .homepage-product__title {
    margin-bottom: 0.5rem;
}

@media (max-width: 540px) {

    .homepage-product__title {
        margin-bottom: 0.5rem;
    }
}

.homepage-product__line-name {
    margin-right: 0.75rem;
    font-size: 2.2rem;;
    line-height: 2rem;
    font-weight: 700;
    /*text-transform: uppercase;*/
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.homepage-product__line-name-trapezoid {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 1rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.homepage-product__line-name-trapezoid::after {
    position: absolute;
    top: -0.75rem;
    right: -0.75rem;
    height: 2.5rem;
    width: 1.25rem;
    --tw-rotate: -30deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.group:hover .homepage-product-bg-image__product-content {
    bottom: 7rem;
    overflow: visible;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 540px) {

    .homepage-product-bg-image__product-content {
        bottom: 7rem;
        overflow: visible;
    }
}

.group:hover .homepage-product-bg-image__product-content--cta-only {
    margin-bottom: 2rem;
}

@media (max-width: 540px) {

    .homepage-product-bg-image__product-content--cta-only {
        margin-bottom: 2rem;
    }
}

.homepage-product-bg-image__description p {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.group:hover .homepage-product-bg-image__description p {
    opacity: 1;
    transition-duration: 700ms;
}

@media (max-width: 540px) {

    .homepage-product-bg-image__description p {
        opacity: 1;
    }
}

.homepage-product-bg-image__product-image, .homepage-product-bg-image__background-image {
    height: 100%;
}

.group:hover .homepage-product-bg-image__product-image, .group:hover .homepage-product-bg-image__background-image {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 540px) {

    .homepage-product-bg-image__product-image, .homepage-product-bg-image__background-image {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.homepage-product-bg-image__product-image {
    object-fit: cover;
}

.homepage-product__product-link {
    z-index: 50;
    margin-right: 0.75rem;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 500;
}

.homepage-product__product-link-logo {
    margin-right: 1rem;
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-self: center;
    transition-duration: 500ms;
}

.group\/link:hover .homepage-product__product-link-logo {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.homepage-product__product-link-text {
    margin-right: 1rem;
    font-size: 1.5rem;
    line-height: 1.313rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.homepage-product__product-link-text--white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.homepage-product__product-link-icons-container {
    display: flex;
    max-width: 2rem;
    overflow: hidden;
}

.homepage-product__product-link-icon--left {
    display: flex;
    --tw-translate-x: -2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.group\/link:hover .homepage-product__product-link-icon--left {
    --tw-translate-x: 1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (max-width: 540px) {

    .homepage-product__product-link-icon--left {
        --tw-translate-x: 1rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.homepage-product__product-link-icon--right {
    display: flex;
    --tw-translate-x: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.group\/link:hover .homepage-product__product-link-icon--right {
    --tw-translate-x: 1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (max-width: 540px) {

    .homepage-product__product-link-icon--right {
        --tw-translate-x: 1rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.homepage-applications-container {
    position: relative;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image.homepage-applications-container:last-of-type {
        margin-bottom: 4rem;
    }
}

@media (max-width: 768px) {

    .homepage-applications-container {
        margin-bottom: 0.75rem;
    }
}

.homepage-applications-container__background-image {
    position: absolute;
    display: none;
    height: 100%;
    width: 100%;
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1280px) {

    .homepage-applications-container__background-image {
        display: block;
    }
}

.homepage-applications-container__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .homepage-applications-container__content {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .homepage-applications-container__content {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .homepage-applications-container__content {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .homepage-applications-container__content {
        max-width: 1280px;
    }
}

.homepage-applications-container__content {
    display: flex;
    flex-direction: column;
}

.modal-video__content .homepage-applications-container__content {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.homepage-applications-container__title {
    margin-bottom: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    text-align: center;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.homepage-application {
    z-index: 10;
    grid-column: span 6 / span 6;
}

/*.box, .box--medium {*/
/*    position: relative;*/
/*    grid-column: span 12 / span 12;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*    --tw-bg-opacity: 1;*/
/*    background-color: rgb(0 168 255 / var(--tw-bg-opacity));*/
/*}*/

/*@media (min-width: 1024px) {*/

/*    .box, .box--medium {*/
/*        grid-column: span 6 / span 6;*/
/*        height: 21.25rem;*/
/*        flex-direction: row;*/
/*    }*/
/*}*/

/*@media (max-width: 768px) {*/

/*    .box, .box--medium {*/
/*        margin-bottom: 0.75rem;*/
/*    }*/
/*}*/

.box-container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.box-content {
    grid-column: span 12 / span 12;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2rem;
    padding-top: 3rem;
    padding-right: 3rem;
}

@media (min-width: 640px) {

    .box-content {
        grid-column: span 7 / span 7;
    }
}

@media (min-width: 1280px) {

    .box-content {
        padding-top: 0px;
        padding-left: 5rem;
    }
}

.box-title__logo {
    margin-bottom: 3rem;
    align-self: flex-start;
}

.box-title__logo-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.box-title__logo-arrow {
    margin-top: 0.75rem;
    align-self: flex-start;
}

@media (min-width: 640px) {

    .box-title__logo-arrow {
        display: none;
    }
}

.box-image__image {
    display: none;
}

@media (min-width: 640px) {

    .box-image__image {
        display: block;
    }

    .box-image__image--mobile {
        display: none;
    }
}

.box-image__container {
    grid-column: span 12 / span 12;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-self: flex-end;
}

@media (min-width: 640px) {

    .box-image__container {
        grid-column: span 5 / span 5;
    }
}

.box-image__container--mobile {
    grid-column: span 12 / span 12;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-self: flex-end;
}

@media (min-width: 640px) {

    .box-image__container--mobile {
        display: none;
    }
}

.box-link, .box--small {
    z-index: 10;
}

.box-link__content {
    display: flex;
    flex-direction: row;
    padding-left: 1.5rem;
    padding-bottom: 2rem;
}

.box-link__content:hover .box-link__title-logo {
    --tw-rotate: 360deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box-link__content:hover .box-link__arrow-content--left {
    --tw-translate-x: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box-link__content:hover .box-link__arrow-content--right {
    --tw-translate-x: 1.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box-link__content:hover .box-link__arrow--left {
    opacity: 1;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box-link__content:hover .box-link__arrow--right {
    opacity: 0;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box-link__title {
    margin-right: 0.75rem;
    display: flex;
    flex-direction: row;
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .box-link__title {
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

.box-link__title:after {
    margin-left: 2.75rem;
    display: none;
}

@media (min-width: 640px) {

    .box-link__title:after {
        display: inline-block;
    }
}

.box-link__title:after {
    content: url("/static/img/icons/arrow.png")
}

.box-link__title-logo {
    margin-right: 1.25rem;
    display: none;
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-self: center;
    transition-duration: 500ms;
}

.box-link__arrow-container {
    display: flex;
    max-width: 2rem;
    overflow: hidden;
}

.box-link__arrow-content--left {
    display: flex;
    --tw-translate-x: -2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box-link__arrow-content--right {
    display: flex;
    --tw-translate-x: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box-link__arrow--left {
    opacity: 0;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box-link__arrow--right {
    opacity: 1;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box--medium {
    grid-column: span 12 / span 12;
}

@media (min-width: 640px) {

    .box--medium {
        grid-column: span 6 / span 6;
        margin: 0.75rem;
        margin-top: 0px;
    }
}

@media (min-width: 768px) {

    .box--medium {
        margin: 0px;
    }
}

@media (min-width: 1024px) {

    .box--medium {
        grid-column: span 3 / span 3;
    }
}

.box--medium .box-container {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.box--medium .box-content {
    padding-top: 3rem;
}

@media (min-width: 1280px) {

    .box--medium .box-content {
        padding-left: 2.75rem;
    }
}

.box--medium .box-title__logo {
    margin-bottom: 1rem;
}

.box--medium .box-image__container {
    grid-column: span 12 / span 12;
}

.box--medium .box-link__content {
    padding: 0px;
}

.box--medium .box-link__title:after {
    display: none;
}

.box--medium .box-link__arrow-container {
    position: absolute;
    top: 4rem;
    right: 2.75rem;
}

.box--small {
    position: relative;
    grid-column: span 12 / span 12;
    display: flex;
    height: 21.25rem;
    flex-direction: column;
    justify-content: flex-end;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.box--small::after {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    content: var(--tw-content);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

@media (min-width: 640px) {

    .box--small {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 1024px) {

    .box--small {
        grid-column: span 3 / span 3;
    }
}

@media (max-width: 768px) {

    .box--small {
        margin: 0.75rem;
        margin-top: 0px;
    }
}

.box--small .box-image {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.box--small .box-link, .box--small .box--small {
    position: relative;
}

.box--small .box-link__title:after {
    display: none;
}

.box--small .box-link__title-logo {
    display: block;
}

.box--full-width {
    position: relative;
    grid-column: span 12 / span 12;
    height: 37.5rem;
}

@media (min-width: 1280px) {

    .box--full-width {
        height: auto;
    }
}

.box--full-width .box-title-container {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: flex-end;
    justify-content: center;
    padding-top: 7rem;
    padding-bottom: 4rem;
    padding-left: 3rem;
    padding-right: 3rem;
}

@media (min-width: 1280px) {

    .box--full-width .box-title-container {
        align-items: flex-start;
    }
}

.box--full-width .box-title-container p {
    font-size: 2.5rem;;
    line-height: 3.313rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.box--full-width .box-image {
    height: 100%;
    object-fit: cover;
    object-position: 70%;
}

.box--no-link {
    position: relative;
    grid-column: span 12 / span 12;
    min-height: 25rem;
}

@media (min-width: 1024px) {

    .box--no-link {
        grid-column: span 6 / span 6;
    }
}

.box--no-link .box-content {
    position: relative;
    z-index: 10;
    height: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
}

@media (min-width: 1024px) {

    .box--no-link .box-content {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media (min-width: 1536px) {

    .box--no-link .box-content {
        padding-right: 20rem;
    }
}

@media (min-width: 1920px) {

    .box--no-link .box-content {
        padding-right: 24rem;
    }
}

.box--no-link .box-subtitle {
    margin-bottom: 2rem;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.box--no-link .box-title {
    font-size: 1.5rem;;
    line-height: 2rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .box--no-link .box-title {
        font-size: 2.5rem;;
        line-height: 3.313rem;
    }
}

.box--no-link .box-image {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: right;
}

@media (min-width: 1024px) {

    .box--no-link .box-image {
        display: block;
    }
}

.box--no-link .box-image--mobile {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: right;
}

@media (min-width: 1024px) {

    .box--no-link .box-image--mobile {
        display: none;
    }
}

.group-history__descriptions-container {
    position: relative;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-bottom: 4.5rem;
}

@media (min-width: 1024px) {

    .applications-text-image.group-history__descriptions-container:last-of-type {
        margin-bottom: 4rem;
    }

    .group-history__descriptions-container {
        margin-top: 2rem;
    }

    .group-history__descriptions-container::before {
        position: absolute;
        margin-left: -20rem;
        height: 100%;
        width: 20rem;
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
}

@media (min-width: 1280px) {

    .group-history__descriptions-container {
        margin-top: 5rem;
    }
}

@media (min-width: 1536px) {

    .group-history__descriptions-container {
        margin-top: 10rem;
    }
}

.group-history__blue-description {
    position: relative;
    margin-bottom: 4.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 3.5rem;
    padding-top: 3rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group-history__blue-description::after {
    position: absolute;
    right: -20rem;
    top: 0px;
    height: 100%;
    width: 20rem;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .group-history__blue-description {
        margin-top: -4.5rem;
        padding-left: 4.5rem;
        padding-right: 7rem;
        padding-top: 8rem;
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

@media (max-width: 768px) {

    .group-history__blue-description {
        line-height: 2rem;
    }
}

.group-history__background-chart-container {
    position: relative;
    overflow: hidden;
}

.group-history__background-chart-container::after {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    content: var(--tw-content);
    --tw-gradient-to: #001F3DCC var(--tw-gradient-to-position);
}

.group-history__quote:before {
    margin-right: 0.5rem;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0.6;
}

@media (min-width: 1024px) {

    .group-history__quote:before {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 1;
    }
}

.group-history__quote:before {
    content: url("/static/img/icons/quoteMarkLeft.png")
}

.group-history__quote:after {
    margin-left: 0.5rem;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0.6;
}

@media (min-width: 1024px) {

    .group-history__quote:after {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 1;
    }
}

.group-history__quote:after {
    content: url("/static/img/icons/quoteMarkRight.png")
}

.group-history-data-container {
    position: relative;
    grid-column: span 12 / span 12;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding-bottom: 5rem;
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .group-history-data-container {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .group-history-data-container {
        --tw-bg-opacity: 1 !important;
    }
}

.group-history-data-container__title {
    grid-column: span 6 / span 6;
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .group-history-data-container__title {
        padding-left: 12.5rem;
        padding-right: 12.5rem;
        font-size: 1.875rem;;
        line-height: 2.438rem;
    }
}

.group-history-data-container__background-image {
    position: absolute;
}

@media (max-width: 768px) {

    .group-history-data-container__background-image {
        display: none;
    }
}

.group-history-data-container__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .group-history-data-container__content {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .group-history-data-container__content {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .group-history-data-container__content {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .group-history-data-container__content {
        max-width: 1280px;
    }
}

.group-history-data-container__content {
    position: relative;
    z-index: 10;
}

.modal-video__content .group-history-data-container__content {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1024px) {

    .group-history-data-container__content {
        max-width: 768px;
    }
}

@media (min-width: 1280px) {

    .group-history-data-container__content {
        max-width: 1024px;
    }
}

@media (min-width: 1536px) {

    .group-history-data-container__content {
        max-width: 1536px;
    }
}

.group-history-data-container__content-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {

    .group-history-data-container__content-items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {

    .group-history-data-container__content-items {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1536px) {

    .group-history-data-container__content-items {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {

    .group-history-data-container__content-items {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.group-history-data {
    display: flex;
    flex-direction: column;
    border-left-width: 1px;
    -o-border-image: linear-gradient(to bottom, #00a8ff, rgba(0, 0, 0, 0)) 1 100%;
    border-image: linear-gradient(to bottom, #00a8ff, rgba(0, 0, 0, 0)) 1 100%;
}

.group-history-data:hover .group-history-data__image {
    filter: invert(40%) sepia(97%) saturate(1450%) hue-rotate(175deg) brightness(106%) contrast(103%)
}

.group-history-data__image-container {
    margin-bottom: 0.75rem;
    display: flex;
    max-width: 8rem;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding: 2rem;
}

.group:hover .group-history-data__image-container {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.group-history-data__description {
    padding-bottom: 5rem;
    padding-left: 1.5rem;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group-history-data__description strong {
    font-size: 1.875rem;;
    line-height: 2.438rem;
}

.modal-video {
    position: relative;
    grid-column: span 12 / span 12;
    max-height: 539px;
}

@media (min-width: 1024px) {

    .modal-video {
        max-height: 700px;
    }
}

.modal-video__box {
    position: absolute;
    z-index: 20;
    height: 100%;
    width: 100%;
    padding: 3.5rem;
}

.modal-video__content {
    height: 100%;
    width: 100%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    padding-left: 2.75rem;
    padding-right: 2.75rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

@media (min-width: 1024px) {

    .modal-video__content {
        padding-left: 8rem;
        padding-right: 8rem;
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

@media (min-width: 1280px) {

    .modal-video__content {
        padding-left: 18rem;
        padding-right: 18rem;
    }
}

@media (min-width: 420px) {

    .modal-video__content {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

.modal-video__content .container {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.modal-video__title {
    margin-bottom: 2.5rem;
    text-align: center;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 300;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .modal-video__title {
        margin-bottom: 6rem;
        font-size: 2.5rem;;
        line-height: 3.313rem;
    }
}

@media (min-width: 1280px) {

    .modal-video__title {
        font-size: 3.75rem;;
        line-height: 4.938rem;
    }
}

.modal-video__play-button {
    cursor: pointer;
}

.modal-video__play-button:hover {
    opacity: 0.5;
}

.modal-video__image {
    position: absolute;
    left: -50%;
    top: -42%;
    max-width: none;
}

@media (min-width: 1024px) {

    .modal-video__image {
        left: -25%;
    }
}

@media (min-width: 1280px) {

    .modal-video__image {
        left: 0px;
    }
}

.modal-video__image-container {
    position: relative;
    height: 100vh;
    max-height: 100%;
    width: 100vw;
    max-width: 100%;
    overflow: hidden;
}

.modal-video__image-overlay {
    position: absolute;
    top: 0px;
    z-index: 10;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / 0.4);
}

.modal-video__video-container {
    position: fixed;
    top: 50%;
    z-index: 120;
    display: none;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px) {

    .modal-video__video-container {
        left: 50%;
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.modal-video__video-container.is-visible {
    display: block;
}

.modal-video__video-overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 110;
    display: none;
    height: 100vh;
    width: 100vw;
    background-color: rgb(0 0 0 / 0.9);
}

.modal-video__video-overlay.is-visible {
    display: block;
}

.red-header {
    position: relative;
    z-index: 10;
    grid-column: span 12 / span 12;
    min-height: 48rem;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .red-header {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .red-header {
        --tw-bg-opacity: 1 !important;
    }
}

.red-header::after {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    background-image: radial-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: rgb(0 61 121 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    content: var(--tw-content);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

@media (min-width: 1280px) {

    .red-header {
        min-height: 100%;
    }
}

.red-header__video-container {
    position: relative;
    display: none;
    max-height: 60rem;
    min-height: 48rem;
    overflow: hidden;
    opacity: 0.2;
    mix-blend-mode: color-dodge;
}

@media (min-width: 1024px) {

    .red-header__video-container {
        display: block;
    }
}

.red-header__content {
    top: 0px;
    z-index: 10;
    height: 100%;
    width: 100%;
}

@media (min-width: 1024px) {

    .red-header__content {
        position: absolute;
    }
}

.red-header__title {
    margin-bottom: 2.5rem;
    padding-left: 2rem;
    padding-right: 4rem;
    padding-top: 3.5rem;
    font-size: 2.5rem;;
    line-height: 3.313rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .red-header__title {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        font-size: 3.75rem;;
        line-height: 4.938rem;
    }
}

.red-header__subtitle {
    margin-bottom: 3rem;
    display: none;
    padding-top: 0.75rem;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 500;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .red-header__subtitle {
        margin-top: 3rem;
        display: block;
    }
}

@media (min-width: 1280px) {

    .red-header__subtitle {
        margin-top: 6rem;
    }
}

.red-header__overlay-image {
    position: absolute;
    right: -7rem;
    top: 40rem;
    mix-blend-mode: color-dodge;
}

@media (min-width: 640px) {

    .red-header__overlay-image {
        right: -12.5rem;
    }
}

@media (min-width: 768px) {

    .red-header__overlay-image {
        right: -20rem;
        top: 7rem;
    }
}

@media (min-width: 1024px) {

    .red-header__overlay-image {
        right: -22.5rem;
    }
}

@media (min-width: 1536px) {

    .red-header__overlay-image {
        right: 0px;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

@media (min-width: 420px) {

    .red-header__overlay-image {
        top: 35rem;
    }
}

@media (min-width: 540px) {

    .red-header__overlay-image {
        top: 24rem;
        --tw-scale-x: .75;
        --tw-scale-y: .75;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

@media (min-width: 1920px) {

    .red-header__overlay-image {
        right: 0px;
    }
}

@media (min-width: 640px) {

    .red-header__overlay-image {
        top: 15rem !important;
    }
}

@media (min-width: 768px) {

    .red-header__overlay-image {
        top: 0px !important;
    }
}

@media (min-width: 1024px) {

    .red-header__overlay-image {
        top: -5rem !important;
    }
}

@media (min-width: 1920px) {

    .red-header__overlay-image {
        top: 0px !important;
    }
}

.red-header__primary-description {
    position: relative;
    margin-bottom: 3rem;
    width: 100%;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(0 168 255 / 0.7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 168 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(11 172 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(11 172 255 / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    padding-bottom: 3rem;
    padding-left: 2rem;
    padding-right: 4rem;
    padding-top: 3.5rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.red-header__primary-description::before {
    position: absolute;
    left: -20rem;
    top: 0px;
    height: 100%;
    width: 20rem;
    content: var(--tw-content);
    background-color: rgb(0 168 255 / 0.7);
}

@media (min-width: 768px) {

    .red-header__primary-description {
        width: 42rem;
    }
}

@media (min-width: 1024px) {

    .red-header__primary-description {
        width: 64rem;
        padding-left: 0px;
        padding-right: 8rem;
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

.red-header__secondary-description {
    display: none;
    padding-left: 2rem;
    font-size: 1.5rem;;
    line-height: 2rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .red-header__secondary-description {
        display: block;
        padding-right: 14rem;
    }
}

@media (min-width: 1024px) {

    .red-header__secondary-description {
        padding-left: 0px;
        padding-bottom: 0px;
    }
}

@media (min-width: 1280px) {

    .red-header__secondary-description {
        padding-right: 20rem;
    }
}

@media (min-width: 1536px) {

    .red-header__secondary-description {
        padding-right: 40rem;
    }
}

.red-header__secondary-description--mobile {
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 4rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .red-header__secondary-description--mobile {
        display: none;
    }
}

.red-awareness-container {
    grid-column: span 12 / span 12;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    background-attachment: fixed;
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .red-awareness-container {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .red-awareness-container {
        --tw-bg-opacity: 1 !important;
    }
}

.red-awareness-container__background-image {
    position: fixed;
    top: 0px;
    z-index: 0;
    height: 100vh;
    width: fit-content;
}

@media (max-width: 768px) {

    .red-awareness-container__background-image {
        display: none;
    }
}

.red-awareness-container__title {
    margin-bottom: 3rem;
    padding-top: 2rem;
    text-align: center;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.red-awareness-container__content {
    position: relative;
    z-index: 10;
}

.red-awareness-container__content-items {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .red-awareness-container__content-items {
        max-width: 768px;
    }
}

@media (min-width: 768px) {

    .red-awareness-container__content-items {
        max-width: 1024px;
    }
}

@media (min-width: 1024px) {

    .red-awareness-container__content-items {
        max-width: 1440px;
    }
}

@media (min-width: 1280px) {

    .red-awareness-container__content-items {
        max-width: 1920px;
    }
}

.red-awareness-box {
    position: relative;
    grid-column: span 12 / span 12;
}

@media (min-width: 768px) {

    .red-awareness-box {
        grid-column: span 9 / span 9;
        margin-bottom: 1.25rem;
    }

    .red-awareness-box:nth-child(odd) {
        grid-column-start: 4;
    }

    .red-awareness-box:nth-child(even) {
        grid-column-start: 1;
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .red-awareness-box:nth-child(even) .red-awareness-box__background-image, .red-awareness-box:nth-child(even) .red-awareness-box__logo {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .red-awareness-box:nth-child(odd) .red-awareness-box__description-text {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.red-awareness-box__content {
    position: relative;
    height: max-content;
    overflow: hidden;
}

@media (min-width: 768px) {

    .red-awareness-box__content {
        height: 100%;
        -webkit-clip-path: path("M1441.25,.25V360.25H105.1c-6.82-.09-13.02-3.94-16.15-9.99L2.75,190.26c-3.34-6.25-3.34-13.76,0-20.01L88.95,10.25C92.08,4.19,98.28,.34,105.1,.25H1441.25Z");
        clip-path: path("M1441.25,.25V360.25H105.1c-6.82-.09-13.02-3.94-16.15-9.99L2.75,190.26c-3.34-6.25-3.34-13.76,0-20.01L88.95,10.25C92.08,4.19,98.28,.34,105.1,.25H1441.25Z");
    }
}

.red-awareness-box__description {
    position: relative;
    z-index: 10;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 3rem;
    transition-duration: 300ms;
}

.group:hover .red-awareness-box__description {
    top: 0px;
    opacity: 1;
    transition-duration: 300ms;
}

@media (min-width: 768px) {

    .red-awareness-box__description {
        position: absolute;
        top: 22.5rem;
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        justify-content: flex-end;
        padding-bottom: 0px;
        padding-right: 10rem;
        padding-left: 5rem;
    }
}

@media (min-width: 1024px) {

    .red-awareness-box__description {
        padding-left: 10rem;
        padding-right: 10rem;
        opacity: 0;
    }
}

@media (max-width: 768px) {
    .red-awareness-box__description::after {
        position: absolute;
        top: -7rem;
        left: 13rem;
        height: 100%;
        width: 100%;
        --tw-scale-x: 2;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    }

    @media (min-width: 640px) {

        .red-awareness-box__description::after {
            content: var(--tw-content);
            left: 18rem;
        }
    }@media (max-width: 420px) {
    .red-awareness-box__description::after {
        left: 0px;
        content: var(--tw-content);
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}.red-awareness-box__description:after {
     -webkit-clip-path: path("M0,117.8C0,57.3,25.4,1.8,67.3,0l285.4,50c0,0,67.3,7.3,67.3,67.8");
     clip-path: path("M0,117.8C0,57.3,25.4,1.8,67.3,0l285.4,50c0,0,67.3,7.3,67.3,67.8")
 }
}

.red-awareness-box__description-mobile-border {
    -webkit-clip-path: path("M0,119.5C0,59,25.4,1.8,67.3,0l285.4,50c0,0,67.3,9,67.3,69.5");
    clip-path: path("M0,119.5C0,59,25.4,1.8,67.3,0l285.4,50c0,0,67.3,9,67.3,69.5")
}

@media (max-width: 768px) {
    .red-awareness-box__description-mobile-border {
        position: absolute;
        top: -8rem;
        left: 13rem;
        height: 100%;
        width: 100%;
        --tw-scale-x: 2;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    @media (min-width: 640px) {

        .red-awareness-box__description-mobile-border {
            left: 18rem;
        }
    }
}

@media (max-width: 420px) {
    .red-awareness-box__description-mobile-border {
        left: 0px;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.red-awareness-box__description-text {
    z-index: 10;
    display: flex;
    flex-direction: column;
}

.red-awareness-box__description-text p {
    margin-bottom: 1.25rem;
}

.red-awareness-box__description-text strong {
    margin-left: -1rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .red-awareness-box__description-text strong {
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

.red-awareness-box__description-text ul {
    list-style-type: disc;
}

.red-awareness-box__description-text ul li {
    margin-bottom: 0.25rem;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .red-awareness-box__description-text ul li {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 768px) {

    .red-awareness-box__description {
        background-color: transparent !important;
    }
}

@media (max-width: 768px) {

    .red-awareness-box__description {
        background-image: none !important;
    }
}

.red-awareness-box__logo-hexagon-container {
    position: absolute;
    left: -1rem;
    top: 6rem;
    z-index: 10;
    height: 12.5rem;
    width: 12.5rem;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: rgb(255 255 255 / 0.1);
    --tw-backdrop-blur: blur(12px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.group:hover .red-awareness-box__logo-hexagon-container {
    --tw-rotate: -60deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {

    .red-awareness-box__logo-hexagon-container {
        top: 50%;
        left: -2.75rem;
        --tw-translate-y: -50%;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.red-awareness-box__logo-hexagon-container {
    -webkit-clip-path: path("M134.5,157.6c-1.8,3.1-5.1,5-8.7,5l-63.6-0.1c-3.6,0-6.9-1.9-8.6-5l-31.9-55.1c-1.8-3.1-1.8-6.9,0-10l31.7-54.9  c1.8-3.1,5.1-5,8.7-5l63.6,0.1c3.6,0,6.9,1.9,8.6,5l31.9,55.1c1.8,3.1,1.8,6.9,0,10L134.5,157.6z");
    clip-path: path("M134.5,157.6c-1.8,3.1-5.1,5-8.7,5l-63.6-0.1c-3.6,0-6.9-1.9-8.6-5l-31.9-55.1c-1.8-3.1-1.8-6.9,0-10l31.7-54.9  c1.8-3.1,5.1-5,8.7-5l63.6,0.1c3.6,0,6.9,1.9,8.6,5l31.9,55.1c1.8,3.1,1.8,6.9,0,10L134.5,157.6z")
}

.group:hover .red-awareness-box__logo-hexagon-container--mobile {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.red-awareness-box__logo-hexagon {
    position: relative;
    height: 100%;
    width: 100%;
}

.red-awareness-box__logo-hexagon-bg {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.group:hover .red-awareness-box__logo-hexagon-bg {
    opacity: 1;
    transition-duration: 300ms;
}

.red-awareness-box__logo {
    position: absolute;
    top: 50%;
    z-index: 10;
    --tw-translate-y: -50%;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 768px) {

    .red-awareness-box__logo {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.red-awareness-box__logo--mobile {
    left: 50%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.red-solutions-container {
    position: relative;
    grid-column: span 12 / span 12;
    height: 42rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image.red-solutions-container:last-of-type {
        margin-bottom: 4rem;
    }
}

@media (max-width: 768px) {

    .red-solutions-container {
        height: 50rem;
    }
}

.red-solutions-container__background-image {
    position: absolute;
    display: none;
    width: 100%;
}

@media (min-width: 1280px) {

    .red-solutions-container__background-image {
        display: block;
    }
}

.red-solutions-container__title {
    margin-bottom: 3rem;
    padding-top: 4.5rem;
    text-align: center;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.red-solutions-container__content-items {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .red-solutions-container__content-items {
        max-width: 420px;
    }
}

@media (min-width: 768px) {

    .red-solutions-container__content-items {
        max-width: 640px;
    }
}

@media (min-width: 1024px) {

    .red-solutions-container__content-items {
        max-width: 980px;
    }
}

@media (min-width: 1280px) {

    .red-solutions-container__content-items {
        max-width: 1180px;
    }
}

.red-solutions-container__content-items {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.red-solution-box__image-container {
    position: relative;
    margin-right: 1.25rem;
    margin-bottom: 3rem;
}

.red-solution-box__line {
    position: absolute;
    left: 50%;
    height: 100%;
    width: 0.125rem;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #003D79 var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #003D79 var(--tw-gradient-to-position);
}

.red-solution-box__description {
    position: absolute;
    left: 0px;
    right: 12.5rem;
    width: 100%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .red-solution-box__description {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .red-solution-box__description {
        --tw-bg-opacity: 1 !important;
    }

    .red-solution-box__description {
        left: 10rem;
        width: auto;
    }
}

.sustainability-header-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .sustainability-header-container {
        max-width: 768px;
    }
}

@media (min-width: 768px) {

    .sustainability-header-container {
        max-width: 1024px;
    }
}

@media (min-width: 1024px) {

    .sustainability-header-container {
        max-width: 1440px;
    }
}

@media (min-width: 1280px) {

    .sustainability-header-container {
        max-width: 1920px;
    }
}

.sustainability-header-container {
    position: relative;
    grid-column: span 12 / span 12;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .sustainability-header-container {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .sustainability-header-container {
        --tw-bg-opacity: 1 !important;
    }
}

.sustainability-header-container::before {
    position: absolute;
    top: -50%;
    z-index: 10;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #003D79 var(--tw-gradient-via-position), var(--tw-gradient-to);
    content: var(--tw-content);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

@media (min-width: 1280px) {

    .sustainability-header-container::before {
        left: -40%;
        top: 0px;
        content: var(--tw-content);
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
    }
}

.sustainability-header-container__background-image {
    position: fixed;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 1280px) {

    .sustainability-header-container__background-image {
        position: absolute;
        height: auto;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        object-position: center;
    }
}

.sustainability-header-container__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .sustainability-header-container__content {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .sustainability-header-container__content {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .sustainability-header-container__content {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .sustainability-header-container__content {
        max-width: 1280px;
    }
}

.sustainability-header-container__content {
    position: relative;
    z-index: 10;
    height: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.modal-video__content .sustainability-header-container__content {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.sustainability-header-container__content-titles {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.sustainability-header-container__title {
    grid-column: span 12 / span 12;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-top: 4rem;
    font-size: 2.25rem;;
    line-height: 3rem;
    font-weight: 400;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1280px) {

    .sustainability-header-container__title {
        grid-column: span 6 / span 6;
        margin-top: 7rem;
        padding-left: 0px;
        font-size: 3.75rem;;
        line-height: 4.938rem;
    }
}

.sustainability-header-container__subtitle {
    grid-column: span 12 / span 12;
    margin-bottom: 7rem;
    padding-right: 2rem;
    padding-left: 1rem;
    font-size: 1.5rem;;
    line-height: 2rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1280px) {

    .sustainability-header-container__subtitle {
        grid-column: span 5 / span 5;
        grid-column-start: 1;
        padding-top: 4rem;
        padding-left: 0px;
    }
}

.sustainability-header-box {
    z-index: 20;
    grid-column: span 12 / span 12;
    margin-bottom: 2.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 1280px) {

    .sustainability-header-box {
        grid-column: span 4 / span 4;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .sustainability-header-box:nth-child(2) {
        margin-top: 3rem;
    }

    .sustainability-header-box:nth-child(3) {
        margin-top: 6rem;
    }
}

.sustainability-header-box__title {
    margin-bottom: 0.75rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 2.25rem;;
    line-height: 3rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    text-shadow: 0 .188rem .375rem #003d79;
}

.sustainability-header-box__description {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.sustainability-header-box__description p {
    margin-bottom: 2rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.sustainability-header-box__description p strong {
    font-weight: 500;
}

.sustainability-header-box:nth-child(odd) .sustainability-header-box__description {
    --tw-gradient-from: rgb(255 255 255 / 0.4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #fff var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.sustainability-header-box:nth-child(even) .sustainability-header-box__description {
    --tw-gradient-from: rgb(11 172 255 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(11 172 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(11 172 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #0BACFFEB var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #00A8FF var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sustainability-header-box:nth-child(even) .sustainability-header-box__description p strong {
    font-weight: 700;
}

.sustainability-social-impacts-container {
    z-index: 10;
    grid-column: span 12 / span 12;
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .bg-luveBlue {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .bg-luveBlue {
        --tw-bg-opacity: 1 !important;
    }
}

.sustainability-social-impacts-container__title {
    z-index: 10;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sustainability-social-impact__left-box .sustainability-social-impact__content {
    position: relative;
    z-index: 10;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    padding-left: 5rem;
    padding-right: 13rem;
    padding-top: 12.5rem;
}

@media (min-width: 1920px) {

    .sustainability-social-impact__left-box .sustainability-social-impact__content {
        padding-left: 23.5rem;
    }
}

.sustainability-social-impact__left-box .sustainability-social-impact__title {
    margin-bottom: 1.25rem;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sustainability-social-impact__right-box .sustainability-social-impact__content {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    padding-left: 10rem;
    padding-top: 12.5rem;
}

@media (min-width: 1920px) {

    .sustainability-social-impact__right-box .sustainability-social-impact__content {
        padding-right: 32rem;
    }
}

.sustainability-social-impact__right-box .sustainability-social-impact__title {
    margin-bottom: 1.25rem;
    font-size: 1.5rem;;
    line-height: 2rem;
    font-weight: 500;
    text-transform: none;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sustainability-social-impact:nth-child(odd) .sustainability-social-impact__left-box::after {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
    --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #003D79 var(--tw-gradient-via-position), var(--tw-gradient-to);
    content: var(--tw-content);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.sustainability-social-impact:nth-child(odd) .sustainability-social-impact__right-box .sustainability-social-impact__content {
    padding-right: 14rem;
}

@media (min-width: 1536px) {

    .sustainability-social-impact:nth-child(odd) .sustainability-social-impact__right-box .sustainability-social-impact__content {
        padding-right: 24rem;
    }
}

@media (min-width: 1920px) {

    .sustainability-social-impact:nth-child(odd) .sustainability-social-impact__right-box .sustainability-social-impact__content {
        padding-right: 32rem;
    }
}

.sustainability-social-impact:nth-child(even) .sustainability-social-impact__left-box {
    order: 2;
}

.sustainability-social-impact:nth-child(even) .sustainability-social-impact__left-box::after {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(0 61 121 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
    content: var(--tw-content);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.sustainability-social-impact:nth-child(even) .sustainability-social-impact__left-box .sustainability-social-impact__content {
    padding-left: 7rem;
    padding-right: 14rem;
}

@media (min-width: 1024px) {

    .sustainability-social-impact:nth-child(even) .sustainability-social-impact__left-box .sustainability-social-impact__content {
        padding-left: 10rem;
    }
}

@media (min-width: 1536px) {

    .sustainability-social-impact:nth-child(even) .sustainability-social-impact__left-box .sustainability-social-impact__content {
        padding-right: 24rem;
    }
}

@media (min-width: 1920px) {

    .sustainability-social-impact:nth-child(even) .sustainability-social-impact__left-box .sustainability-social-impact__content {
        padding-right: 32rem;
    }
}

.sustainability-social-impact:nth-child(even) .sustainability-social-impact__left-box .sustainability-social-impact__title {
    margin-bottom: 1.25rem;
    font-size: 1.5rem;;
    line-height: 2rem;
    font-weight: 500;
    text-transform: none;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sustainability-social-impact:nth-child(even) .sustainability-social-impact__right-box .sustainability-social-impact__content {
    padding-left: 7rem;
    padding-right: 13rem;
}

@media (min-width: 1920px) {

    .sustainability-social-impact:nth-child(even) .sustainability-social-impact__right-box .sustainability-social-impact__content {
        padding-left: 23.5rem;
    }
}

.sustainability-social-impact:nth-child(even) .sustainability-social-impact__right-box .sustainability-social-impact__title {
    margin-bottom: 1.25rem;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sustainability-award__logo {
    grid-column: span 4 / span 4;
    display: flex;
    align-items: center;
}

.sustainability-award__logo:last-child {
    grid-column: span 6 / span 6;
}

@media (min-width: 768px) {

    .sustainability-award__logo:last-child {
        grid-column: span 4 / span 4;
    }
}

.sustainability-award__logo:nth-last-child(2) {
    order: 9999;
    grid-column: span 6 / span 6;
    grid-column-start: 4;
    justify-content: center;
}

@media (min-width: 768px) {

    .sustainability-award__logo:nth-last-child(2) {
        order: 0;
        grid-column: span 4 / span 4;
        grid-column-start: auto;
    }
}

.sustainability-award__logo:nth-last-child(3) {
    grid-column: span 6 / span 6;
}

@media (min-width: 768px) {

    .sustainability-award__logo:nth-last-child(3) {
        grid-column: span 4 / span 4;
    }
}

.sustainability-award-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .sustainability-award-container {
        max-width: 768px;
    }
}

@media (min-width: 768px) {

    .sustainability-award-container {
        max-width: 1024px;
    }
}

@media (min-width: 1024px) {

    .sustainability-award-container {
        max-width: 1440px;
    }
}

@media (min-width: 1280px) {

    .sustainability-award-container {
        max-width: 1920px;
    }
}

.sustainability-award-container {
    position: relative;
    grid-column: span 12 / span 12;
    margin-top: -0.125rem;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #00A8FF var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 168 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #003D79 var(--tw-gradient-to-position);
}

.sustainability-award-container::after {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
    content: var(--tw-content);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.sustainability-award-container__video {
    height: 100%;
    object-fit: cover;
}

.app-blog {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .app-blog {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .app-blog {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .app-blog {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .app-blog {
        max-width: 1280px;
    }
}

.app-blog {
    position: relative;
    grid-column: span 12 / span 12;
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-video__content .app-blog {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.app-blog .blog-list__header {
    margin-left: 1rem;
    margin-right: 1rem;
}

@media (min-width: 640px) {

    .app-blog .blog-list__header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}

.app-blog .blog-list__header .archive-select {
    margin-bottom: 1rem;
    text-align: right;
}

@media (min-width: 640px) {

    .app-blog .blog-list__header .archive-select {
        margin-top: auto;
        margin-bottom: auto;
        text-align: left;
    }
}

.app-blog .blog-list__header .archive-select select {
    height: 2.25rem;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(224 224 224 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 2.5rem;
    line-height: 2.25rem;
}

.app-blog .blog-list__title {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 3.75rem;;
    line-height: 4.938rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.app-blog .blog-list__post-items-container {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

@media (min-width: 640px) {

    .app-blog .blog-list__post-items-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {

    .app-blog .blog-list__post-items-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {

    .app-blog .blog-list__post-items-container {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.app-blog .blog-list__post-items-container .post-item {
    display: flex;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgb(224 224 224 / var(--tw-bg-opacity));
    padding: 1rem;
}

.app-blog .blog-list__post-items-container .post-item__date {
    margin-bottom: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.app-blog .blog-list__post-items-container .post-item__title {
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.app-blog .blog-list__post-items-container .post-item__lead {
    margin-top: auto;
    font-size: .875rem;
    line-height: 1.188rem;
}

.app-blog .blog-list__post-items-container .post-item__read-more {
    margin-top: 0.5rem;
    text-align: right;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.app-blog .blog-list__back {
    margin: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.app-blog .blog-list__pagination {
    margin: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.app-blog .post-detail {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2.5rem;
}

.app-blog .post-detail__title {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .app-blog .post-detail__title {
        font-size: 2.5rem;;
        line-height: 3.313rem;
    }
}

.app-blog .post-detail__content {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.app-blog .post-detail__content img {
    margin-bottom: 1.5rem;
}

.app-blog .post-detail__content ul {
    list-style-type: disc;
    padding-left: 1.25rem;
}

.app-blog .post-detail__content * + * {
    margin-top: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.app-blog .post-detail__back {
    margin-top: 1rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.exhibitions {
    grid-column: span 12 / span 12;
    margin-bottom: 2.5rem;
}

.exhibitions__container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .exhibitions__container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .exhibitions__container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .exhibitions__container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .exhibitions__container {
        max-width: 1280px;
    }
}

.exhibitions__container {
    position: relative;
}

.modal-video__content .exhibitions__container {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.exhibitions__header {
    margin-left: 1rem;
    margin-right: 1rem;
}

.exhibitions__header h2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 3.75rem;;
    line-height: 4.938rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.exhibitions__header img {
    margin-bottom: 2.5rem;
}

.exhibitions__list {
    margin-left: 1rem;
    margin-right: 1rem;
    overflow-x: auto;
}

@media (min-width: 768px) {

    .exhibitions__list {
        overflow: hidden;
    }
}

.exhibitions__table {
    width: 100%;
    table-layout: auto;
}

.exhibitions__table thead {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.exhibitions__table tbody tr {
    border-left-width: 1px;
    border-right-width: 1px;
}

.exhibitions__table tbody tr:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}

.exhibitions__table tbody tr + tr {
    border-top-width: 1px;
}

.exhibitions__table tbody tr + tr:last-of-type {
    border-bottom-width: 1px;
}

.exhibitions__table__row--linked {
    cursor: pointer;
}

.exhibitions__table td, .exhibitions__table th {
    white-space: nowrap;
    padding: 0.5rem;
}

@media (min-width: 768px) {

    .exhibitions__table td, .exhibitions__table th {
        white-space: normal;
    }
}

.exhibitions__table th {
    text-align: left;
}

.exhibitions__table--date, .exhibitions__table--name, .exhibitions__table--stand, .exhibitions__table--location, .exhibitions__table--participants {
    vertical-align: top;
}

.exhibitions__table--date {
    width: 16.666667%;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.exhibitions__table--name {
    width: 16.666667%;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.exhibitions__table--stand {
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.exhibitions__table--location {
    width: 25%;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.exhibitions__table--participants {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.errorlist {
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(227 0 0 / var(--tw-text-opacity));
}

.password-change-done, .password-reset-done, .password-reset-complete {
    grid-column: span 12 / span 12;
    margin-bottom: 2.5rem;
}

.password-change-done__container, .password-reset-done__container, .password-reset-complete__container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .password-change-done__container, .password-reset-done__container, .password-reset-complete__container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .password-change-done__container, .password-reset-done__container, .password-reset-complete__container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .password-change-done__container, .password-reset-done__container, .password-reset-complete__container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .password-change-done__container, .password-reset-done__container, .password-reset-complete__container {
        max-width: 1280px;
    }
}

.password-change-done__container, .password-reset-done__container, .password-reset-complete__container {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
}

.modal-video__content .password-change-done__container, .modal-video__content .password-reset-done__container, .modal-video__content .password-reset-complete__container {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.password-change-done__title, .password-reset-done__title, .password-reset-complete__title {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 2.5rem;;
    line-height: 3.313rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.password-change-done__text, .password-reset-done__text, .password-reset-complete__text {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.password-change-done__text a, .password-reset-done__text a, .password-reset-complete__text a {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.password-change-done__text a:hover, .password-reset-done__text a:hover, .password-reset-complete__text a:hover {
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.password-reset, .password-reset-confirm, .password-change, .registration {
    grid-column: span 12 / span 12;
    margin-bottom: 2.5rem;
}

.password-reset__container, .password-reset-confirm__container, .password-change__container, .registration__container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .password-reset__container, .password-reset-confirm__container, .password-change__container, .registration__container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .password-reset__container, .password-reset-confirm__container, .password-change__container, .registration__container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .password-reset__container, .password-reset-confirm__container, .password-change__container, .registration__container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .password-reset__container, .password-reset-confirm__container, .password-change__container, .registration__container {
        max-width: 1280px;
    }
}

.password-reset__container, .password-reset-confirm__container, .password-change__container, .registration__container {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
}

.modal-video__content .password-reset__container, .modal-video__content .password-reset-confirm__container, .modal-video__content .password-change__container, .modal-video__content .registration__container {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.password-reset__title, .password-reset-confirm__title, .password-change__title, .registration__title {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 2.5rem;;
    line-height: 3.313rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .password-reset__text, .password-reset-confirm__text, .password-change__text, .registration__text {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
}

.password-reset__text p, .password-reset-confirm__text p, .password-change__text p, .registration__text p {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(112 112 112 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .password-reset__text p, .password-reset-confirm__text p, .password-change__text p, .registration__text p {
        grid-column: span 4 / span 4;
    }
}

.password-reset__text strong, .password-reset-confirm__text strong, .password-change__text strong, .registration__text strong {
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.password-reset__text a, .password-reset-confirm__text a, .password-change__text a, .registration__text a {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.password-reset__text a:hover, .password-reset-confirm__text a:hover, .password-change__text a:hover, .registration__text a:hover {
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.login__form, .password-reset__form, .password-reset-confirm__form, .password-change__form, .registration__form {
    max-width: 100%;
}

@media (min-width: 768px) {

    .login__form, .password-reset__form, .password-reset-confirm__form, .password-change__form, .registration__form {
        width: 33.333333%;
    }
}

.login__form-field, .password-reset__form-field, .password-reset-confirm__form-field, .password-change__form-field, .registration__form-field {
    margin-bottom: 1.125rem;
    display: flex;
    flex-direction: column;
}

.login__form-field label, .password-reset__form-field label, .password-reset-confirm__form-field label, .password-change__form-field label, .registration__form-field label {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.login__form-field input, .password-reset__form-field input, .password-reset-confirm__form-field input, .password-change__form-field input, .registration__form-field input {
    max-width: 100%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 61 121 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image.login__form-field input:last-of-type, .applications-text-image.password-reset__form-field input:last-of-type, .applications-text-image.password-reset-confirm__form-field input:last-of-type, .applications-text-image.password-change__form-field input:last-of-type, .applications-text-image.registration__form-field input:last-of-type {
        margin-bottom: 4rem;
    }
}

.login__form-field input:focus, .password-reset__form-field input:focus, .password-reset-confirm__form-field input:focus, .password-change__form-field input:focus, .registration__form-field input:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.login__form-field input:focus-visible, .password-reset__form-field input:focus-visible, .password-reset-confirm__form-field input:focus-visible, .password-change__form-field input:focus-visible, .registration__form-field input:focus-visible {
    --tw-border-opacity: 1;
    border-color: rgb(0 61 121 / var(--tw-border-opacity));
    --tw-shadow: 0px 0px 0px 2px #003D79;
    --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.login__form-field-disclaimer, .password-reset__form-field-disclaimer, .password-reset-confirm__form-field-disclaimer, .password-change__form-field-disclaimer, .registration__form-field-disclaimer {
    margin-top: 0.75rem;
    font-size: .875rem;
    line-height: 1.188rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(112 112 112 / var(--tw-text-opacity));
}

.login__form-submit, .password-reset__form-submit, .password-reset-confirm__form-submit, .password-change__form-submit, .registration__form-submit {
    margin-bottom: 1rem;
    justify-self: start;
    border-width: 1px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .login__form-submit, .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .password-reset__form-submit, .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .password-reset-confirm__form-submit, .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .password-change__form-submit, .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .registration__form-submit {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .login__form-submit, .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .password-reset__form-submit, .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .password-reset-confirm__form-submit, .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .password-change__form-submit, .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .registration__form-submit {
        --tw-bg-opacity: 1 !important;
    }
}

.login__form-submit:hover, .password-reset__form-submit:hover, .password-reset-confirm__form-submit:hover, .password-change__form-submit:hover, .registration__form-submit:hover {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 61 121 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

.login__form-submit.disabled, .password-reset__form-submit.disabled, .password-reset-confirm__form-submit.disabled, .password-change__form-submit.disabled, .registration__form-submit.disabled {
    pointer-events: none;
    cursor: default;
    --tw-bg-opacity: 1;
    background-color: rgb(112 112 112 / var(--tw-bg-opacity));
}

.registration__form {
    display: flex;
    width: 100%;
    flex-direction: column;
}

@media (min-width: 1024px) {

    .registration__form {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 21.25rem;
    }
}

.registration__form-field {
    position: relative;
}

.registration__form-field > input {
    height: 3.5rem;
}

.registration__form-footer {
    grid-column: span 2 / span 2;
    margin-top: 1rem;
}

.registration__form-footer-pre-text, .registration__form-footer-after-text {
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

.registration__form-footer-pre-text {
    width: 100%;
}

@media (min-width: 1024px) {

    .registration__form-footer-pre-text {
        width: 45%;
    }
}

@media (min-width: 1280px) {

    .registration__form-footer-pre-text {
        width: 36%;
    }
}

.registration__form-footer-pre-text a {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
    text-decoration-line: underline;
    text-decoration-color: #00A8FF;
}

.registration__form-footer-after-text {
    margin-bottom: 2.5rem;
}

.registration__form-privacy, .registration__form-newsletter {
    display: none;
}

.registration__form-privacy-label, .registration__form-newsletter-label {
    position: relative;
    margin-bottom: 0.5rem;
    display: flex;
    width: fit-content;
    cursor: pointer;
    padding-left: 2rem;
}

.registration__form-privacy-label::before, .registration__form-newsletter-label::before {
    position: absolute;
    left: 0px;
    top: 0.25rem;
    height: 1rem;
    width: 1rem;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity));
    content: var(--tw-content);
    padding: 0.625rem;
}

.registration__form-privacy-label span, .registration__form-newsletter-label span {
    padding-top: 0.5rem;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

.registration__form-privacy:checked + label::before, .registration__form-newsletter:checked + label::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 61 121 / var(--tw-border-opacity));
}

.registration__form-privacy:checked + label::after, .registration__form-newsletter:checked + label::after {
    position: absolute;
    left: .6rem;
    top: 0.5rem;
    height: 0.75rem;
    width: 0.375rem;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-width: 1px;
    border-top-width: 0px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 0px;
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 61 121 / var(--tw-border-opacity));
}

.registration__form-pre-submit-notes {
    margin-bottom: 0.5rem;
    width: 100%;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
    opacity: 0.5;
}

@media (min-width: 1024px) {

    .registration__form-pre-submit-notes {
        width: 45%;
    }
}

@media (min-width: 1280px) {

    .registration__form-pre-submit-notes {
        width: 36%;
    }
}

.registration__redirect {
    margin-bottom: 5.75rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(112 112 112 / var(--tw-text-opacity));
}

.registration__redirect-link {
    font-weight: 700;
    text-decoration-line: underline;
}

.registration__bottom-notes {
    font-family: Roboto Condensed, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(112 112 112 / var(--tw-text-opacity));
}

.registration__bottom-notes a {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
    text-decoration-line: underline;
}

.registration__bottom-notes a:hover {
    text-decoration-line: none;
}

.personal-area__header-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .personal-area__header-container {
        max-width: 768px;
    }
}

@media (min-width: 768px) {

    .personal-area__header-container {
        max-width: 1024px;
    }
}

@media (min-width: 1024px) {

    .personal-area__header-container {
        max-width: 1440px;
    }
}

@media (min-width: 1280px) {

    .personal-area__header-container {
        max-width: 1920px;
    }
}

.personal-area__header-container {
    display: block;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width: 768px) {

    .personal-area__header-container {
        display: grid;
    }
}

.personal-area__greeting {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 1rem;
    display: flex;
    height: auto;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-width: 0px;
}

@media (min-width: 768px) {

    .personal-area__greeting {
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: auto;
        height: 5rem;
        border-right-width: 1px;
        border-style: dashed;
        --tw-border-opacity: 1;
        border-color: rgb(0 168 255 / var(--tw-border-opacity));
    }
}

@media (min-width: 1280px) {

    .personal-area__greeting {
        width: 45%;
        justify-content: flex-start;
    }
}

.personal-area__greeting-message {
    font-size: 1.125rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.personal-area__greeting-message--name {
    font-size: 1.5rem;;
    line-height: 2rem;
    font-weight: 700;
}

.personal-area__search-form {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {

    .personal-area__search-form {
        flex-direction: row;
    }
}

.personal-area__search-form-input {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    background-position: right 20px center;
    background-repeat: no-repeat;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    padding-left: 1.25rem;
    padding-right: 2.5rem;
}

@media (min-width: 1024px) {

    .applications-text-image.personal-area__search-form-input:last-of-type {
        margin-bottom: 4rem;
    }
}

.personal-area__search-form-input::placeholder {
    font-size: .875rem;
    line-height: 1.188rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.personal-area__search-form-input:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.personal-area__search-form-input:focus-visible {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
}

@media (min-width: 1280px) {

    .personal-area__search-form-input {
        width: 66.666667%;
    }
}

@media (min-width: 1536px) {

    .personal-area__search-form-input {
        width: 50%;
    }
}

.personal-area__search-form-input-container {
    margin-left: 0px;
    flex: 1 1 auto;
}

@media (min-width: 1024px) {

    .personal-area__search-form-input-container {
        margin-left: 1.25rem;
    }
}

.personal-area__search-form-label {
    margin-bottom: 0.75rem;
    align-self: center;
    font-size: 1rem;
    line-height: 1.313rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .personal-area__search-form-label {
        margin-bottom: 0px;
    }
}

.personal-area__latest-downloads {
    margin-left: auto;
    height: 100%;
    min-height: 0px;
    width: 100%;
    border-width: 0px;
    border-left-width: 1px;
    border-right-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(238 249 255 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .personal-area__latest-downloads {
        min-height: 100vh;
        --tw-border-opacity: 1;
        border-color: rgb(0 168 255 / var(--tw-border-opacity));
        padding-left: 1.75rem;
        padding-right: 1.75rem;
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
    }
}

@media (min-width: 1280px) {

    .personal-area__latest-downloads {
        width: 45%;
    }
}

.personal-area__latest-downloads-container {
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
}

.personal-area__latest-downloads-title {
    margin-bottom: 1.75rem;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 700;
}

.personal-area__latest-downloads-list {
    list-style-type: none;
}

.personal-area__latest-downloads-item {
    margin-bottom: 1rem;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 500;
}

.personal-area__latest-downloads-item:last-of-type {
    margin-bottom: 0px;
}

.personal-area__categories-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 6rem;
    row-gap: 5rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
}

@media (min-width: 768px) {

    .personal-area__categories-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.personal-area__category-image {
    margin-bottom: 2.5rem;
}

.personal-area__category-list-item::before {
    margin-right: 0.5rem;
    margin-bottom: 1px;
    display: inline-block;
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    --tw-content: "\a";
    content: var(--tw-content);
}

.personal-area__category-list-item {
    border-bottom-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(197 235 255 / var(--tw-border-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.313rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.personal-area__category-list-item:first-of-type {
    padding-top: 0px;
}

.personal-area__category-list-item--subtitle {
    margin-left: 1.25rem;
    display: block;
    font-size: .875rem;
    line-height: 1.188rem;
    text-transform: none;
}

.personal-area__category-list-item .subcategory-joined:not(:first-of-type)::before {
    margin-right: 0.5rem;
    margin-bottom: 1px;
    display: inline-block;
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    --tw-content: "\a";
    content: var(--tw-content);
    margin-left: 1rem;
}

.personal-area__subcategory-detail {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}

.personal-area__subcategory-title {
    margin-bottom: 1.75rem;
    font-size: 2.5rem;;
    line-height: 3.313rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.personal-area__document {
    display: block;
    align-items: center;
    column-gap: 0.5rem;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.personal-area__document:first-of-type {
    border-top-width: 1px;
}

@media (min-width: 640px) {

    .personal-area__document {
        display: grid;
        grid-template-columns: 50px 3fr 1fr 1fr 1fr;
    }
}

.personal-area__document-info {
    margin-bottom: 0.75rem;
}

@media (min-width: 640px) {

    .personal-area__document-info {
        margin-bottom: 0px;
    }
}

.personal-area__document-info--title {
    margin-top: 0.75rem;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 640px) {

    .personal-area__document-info--title {
        margin-top: 0px;
    }
}

.personal-area__document-info--filename, .personal-area__document-info--description {
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.personal-area__document-info--size, .personal-area__document-info--date {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.personal-area__document-info p + p {
    margin-top: 0.125rem;
}

.personal-area__document-preview-image {
    margin-bottom: 0.75rem;
}

@media (min-width: 640px) {

    .personal-area__document-preview-image {
        margin-bottom: 0px;
    }
}

.personal-area__back-link {
    margin-top: 2rem;
    display: block;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.personal-area .pagination {
    margin-top: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.personal-area .pagination .previous {
    margin-right: 1rem;
}

.personal-area .pagination .next {
    margin-left: 1rem;
}

.registration__form-select-container {
    position: relative;
    height: 3.5rem;
}

.registration__form-select-container::after {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    z-index: 30;
    height: 0.5rem;
    width: 0.5rem;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-width: 1px;
    border-top-width: 0px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 0px;
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 61 121 / var(--tw-border-opacity));
}

.registration__form-select-container--country::after {
    content: var(--tw-content);
    z-index: 40;
}

.registration__form-select-container:has(.registration__form-select:focus)::after {
    content: var(--tw-content);
    display: none;
}

.registration__form-select {
    position: absolute;
    z-index: 30;
    display: flex;
    height: fit-content;
    max-height: 3.5rem;
    width: 100%;
    flex-direction: column;
    overflow: hidden;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 61 121 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image.registration__form-select:last-of-type {
        margin-bottom: 4rem;
    }
}

.registration__form-select:focus {
    max-height: fit-content;
}

.registration__form-select:focus::after {
    content: var(--tw-content);
    display: none;
}

.registration__form-select--country {
    z-index: 40;
}

.registration__form-select--country:focus {
    max-height: 24rem;
    overflow-y: auto;
}

.registration__select-option-label {
    pointer-events: none;
    position: absolute;
    top: 0px;
    z-index: 10;
    order: 2;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    box-sizing: border-box;
    display: flex;
    height: 3.5rem;
    width: 100%;
    cursor: pointer;
    align-items: center;
    white-space: nowrap;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 61 121 / var(--tw-border-opacity));
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    font-weight: 400;
}

.registration__form-field .registration__select-option-label {
    margin-bottom: 0px;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 400;
}

@media (min-width: 420px) {

    .registration__form-field .registration__select-option-label {
        font-size: 1rem;
        line-height: 1.313rem;
    }
}

@media (min-width: 540px) {

    .registration__form-field .registration__select-option-label {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

.registration__form-select:focus .registration__select-option-label {
    pointer-events: auto;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(112 112 112 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image.registration__form-select:focus .registration__select-option-label:last-of-type {
        margin-bottom: 4rem;
    }
}

.registration__form-select:focus .registration__select-option-label:hover {
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.registration__select-option {
    pointer-events: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
}

.registration__select-option:checked + label {
    position: relative;
    z-index: 20;
    order: 1;
    border-top-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image.registration__select-option:checked + label:last-of-type {
        margin-bottom: 4rem;
    }
}

.registration__header {
    position: relative;
    grid-column: span 12 / span 12;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding-top: 0px;
    padding-bottom: 10rem;
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .registration__header {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .registration__header {
        --tw-bg-opacity: 1 !important;
    }
}

.registration__header::before {
    position: absolute;
    top: 0px;
    z-index: 10;
    height: 100%;
    width: 100%;
    content: var(--tw-content);
    background-image: linear-gradient(90deg, #003D79 0%, #003D79 15%, #003D7900 100%);
}

@media (min-width: 1024px) {

    .registration__header {
        margin-bottom: 6.5rem;
        padding-top: 4.5rem;
    }
}

@media (min-width: 1536px) {

    .registration__header {
        padding-bottom: 17.5rem;
    }
}

.registration__header-image {
    position: absolute;
    top: 0px;
    display: none;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 1024px) {

    .registration__header-image {
        display: block;
    }
}

.registration__header-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .registration__header-content {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .registration__header-content {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .registration__header-content {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .registration__header-content {
        max-width: 1280px;
    }
}

.registration__header-content {
    position: relative;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-left: 1rem;
    padding-right: 1rem;
}

.modal-video__content .registration__header-content {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.registration__header-title {
    grid-column: span 12 / span 12;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 2.5rem;;
    line-height: 3.313rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .registration__header-title {
        margin-top: 0px;
        margin-bottom: 1.75rem;
        font-size: 3.75rem;;
        line-height: 4.938rem;
    }
}

@media (min-width: 1280px) {

    .registration__header-title {
        grid-column: span 7 / span 7;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.registration__header-uptitle {
    grid-column: span 12 / span 12;
    margin-bottom: 3rem;
    display: none;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.5rem;;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .registration__header-uptitle {
        display: block;
    }
}

@media (min-width: 1280px) {

    .registration__header-uptitle {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.registration__header-description {
    position: relative;
    grid-column: span 12 / span 12;
    background-image: linear-gradient(270deg, #00A8FF00 0%, #0BACFFEB 80%, #00A8FF 100%);
    padding-left: 1rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-right: 2rem;
}

.registration__header-description::before {
    position: absolute;
    left: -100%;
    top: 0px;
    height: 100%;
    width: 100%;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

@media (min-width: 1280px) {

    .registration__header-description {
        grid-column: span 7 / span 7;
        padding-left: 0px;
        padding-right: 13rem;
    }
}

.registration__header-description p {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.registration__header-description p:last-child {
    margin-bottom: 0px;
}

@media (min-width: 1024px) {

    .registration__header-description p {
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

.login {
    position: relative;
    grid-column: span 12 / span 12;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .login {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .login {
        --tw-bg-opacity: 1 !important;
    }
}

.login::before {
    position: absolute;
    top: 0px;
    z-index: 10;
    height: 100%;
    width: 100%;
    content: var(--tw-content);
    background-image: linear-gradient(90deg, #003D79 0%, #003D79 15%, #003D7900 100%);
}

.login__header--mobile {
    position: relative;
    padding-bottom: 2.5rem;
}

@media (min-width: 1024px) {

    .login__header--mobile {
        display: none;
        padding-bottom: 0px;
    }
}

.login__header--mobile .mobile-title {
    z-index: 20;
}

.login__background-image {
    position: absolute;
    top: 0px;
    display: none;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 1024px) {

    .login__background-image {
        display: block;
    }
}

.login__background-image--mobile {
    display: block;
}

@media (min-width: 1024px) {

    .login__background-image--mobile {
        display: none;
    }
}

.login__overlay {
    position: absolute;
    top: 0px;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0.75;
}

@media (min-width: 1024px) {

    .login__overlay {
        --tw-bg-opacity: 1;
        background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    }
}

.login__overlay--mobile {
    margin-top: 4rem;
    height: 40%;
    background-image: linear-gradient(to bottom, #003D79, #003D7900);
    opacity: 1;
}

.login__overlay--mobile::before {
    position: absolute;
    top: -5rem;
    height: 5rem;
    width: 100%;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.login__titles {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .login__titles {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .login__titles {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .login__titles {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .login__titles {
        max-width: 1280px;
    }
}

.login__titles {
    position: relative;
    z-index: 20;
    display: none;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 9.25rem;
}

.modal-video__content .login__titles {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1024px) {

    .login__titles {
        margin-bottom: 5.5rem;
        display: block;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 4.5rem;
    }
}

.login__titles--mobile {
    display: block;
}

@media (min-width: 1024px) {

    .login__titles--mobile {
        display: none;
    }
}

.login__title {
    grid-column: span 12 / span 12;
    font-size: 1.5rem;;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .login__title {
        font-size: 3.125rem;;
        line-height: 4.125rem;
        font-weight: 700;
    }
}

@media (min-width: 1280px) {

    .login__title {
        grid-column: span 7 / span 7;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.login__uptitle {
    grid-column: span 12 / span 12;
    margin-bottom: 1rem;
    display: none;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.5rem;;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .login__uptitle {
        display: block;
    }
}

.login__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .login__content {
        max-width: 768px;
    }
}

@media (min-width: 768px) {

    .login__content {
        max-width: 1024px;
    }
}

@media (min-width: 1024px) {

    .login__content {
        max-width: 1440px;
    }
}

@media (min-width: 1280px) {

    .login__content {
        max-width: 1920px;
    }
}

.login__content {
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1536px) {

    .login__content {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 640px) {

        .login__content {
            max-width: 640px;
        }
    }

    @media (min-width: 768px) {

        .login__content {
            max-width: 768px;
        }
    }

    @media (min-width: 1024px) {

        .login__content {
            max-width: 1024px;
        }
    }

    @media (min-width: 1280px) {

        .login__content {
            max-width: 1280px;
        }
    }

    .login__content {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.login__form {
    width: 100%;
}

.login__form-container {
    position: relative;
    z-index: 30;
    order: 2;
    grid-column: span 7 / span 7;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image.login__form-container:last-of-type {
        margin-bottom: 4rem;
    }
}

@media (min-width: 1536px) {

    .login__form-container {
        order: 1;
    }
}

.login__form-submit {
    margin-bottom: 0px;
}

.login__form-content {
    margin-bottom: 1.25rem;
    border-width: 2.25rem;
    border-bottom-width: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(240 240 240 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    padding-top: 2.25rem;
}

@media (min-width: 1024px) {

    .applications-text-image.login__form-content:last-of-type {
        margin-bottom: 4rem;
    }

    .login__form-content {
        border-width: 4rem;
        border-bottom-width: 0px;
    }
}

.login__form-text {
    margin-bottom: 1.75rem;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: 0.025em;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

.login__form-text strong {
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.login__text {
    position: relative;
    z-index: 30;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    padding-left: 4rem;
    padding-right: 4rem;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

.login__text:last-child {
    margin-top: 0.5rem;
    margin-bottom: 5rem;
}

@media (min-width: 1024px) {

    .login__text {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
        padding-left: 6rem;
        padding-right: 6rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 1536px) {

    .login__text:last-child {
        margin-bottom: 0px;
    }
}

.login__text a {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.login__aside-text {
    position: relative;
    order: 1;
    grid-column: span 5 / span 5;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 3.5rem;
    padding-top: 1.5rem;
}

@media (min-width: 1024px) {

    .applications-text-image.login__aside-text:last-of-type {
        margin-bottom: 4rem;
    }
}

.login__aside-text::before {
    position: absolute;
    right: 100%;
    top: 0px;
    height: 100%;
    width: 100vw;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .login__aside-text {
        padding-left: 4.375rem;
        padding-right: 4.375rem;
        padding-top: 4.375rem;
    }
}

@media (min-width: 1536px) {

    .login__aside-text {
        order: 2;
        margin-top: 12.5rem;
    }
}

.login__aside-text p {
    margin-bottom: 2.5rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.login__aside-text p:last-child {
    margin-bottom: 0px;
    font-weight: 700;
}

@media (min-width: 1024px) {

    .login__aside-text p {
        margin-bottom: 1.25rem;
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

@media (min-width: 1536px) {

    .login__aside-text p {
        font-style: italic;
    }
}

.registration__header-scroll-arrow {
    position: absolute;
    bottom: 2.5rem;
    z-index: 10;
    display: flex;
    width: 100%;
}

@keyframes customBounce {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }

    55% {
        transform: translateY(-7px);
    }
}

.registration__header-scroll-arrow {
    animation: customBounce 1.7s infinite;
    justify-content: center;
    transition-property: all;
    transition-duration: 150ms;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.registration__header-scroll-arrow:hover {
    cursor: pointer;
    opacity: 0.7;
}

.header__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .header__content {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .header__content {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .header__content {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .header__content {
        max-width: 1280px;
    }
}

.header__content {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-bottom: 0.875rem;
    padding-top: 1rem;
}

.modal-video__content .header__content {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1024px) {

    .header__content {
        justify-content: space-between;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 1rem;
        padding-top: 1.5rem;
    }
}

@media (min-width: 1536px) {

    .header__content {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px) {

    .header__content.header__content--personal-area {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 640px) {

        .header__content.header__content--personal-area {
            max-width: 420px;
        }
    }

    @media (min-width: 768px) {

        .header__content.header__content--personal-area {
            max-width: 640px;
        }
    }

    @media (min-width: 1024px) {

        .header__content.header__content--personal-area {
            max-width: 980px;
        }
    }

    @media (min-width: 1280px) {

        .header__content.header__content--personal-area {
            max-width: 1180px;
        }
    }
}

.header__content svg {
    margin-right: 0px;
}

@media (min-width: 1024px) {

    .header__content svg {
        margin-right: 0.75rem;
    }
}

.header__content svg path {
    fill: #003D79;
}

.header__actions {
    display: flex;
    flex-direction: row;
}

.header__login {
    display: flex;
    align-items: center;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.header__login:hover {
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.header__login-icon--logged {
    margin-right: 0.75rem;
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.header__language {
    display: flex;
    cursor: pointer;
    align-items: center;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.header__language:hover {
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.header__title--personal-area {
    display: none;
    font-size: 1.5rem;;
    line-height: 2rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .header__title--personal-area {
        display: block;
    }
}

.header .language-chooser {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    flex-direction: column-reverse;
}

@media (min-width: 1024px) {

    .header .language-chooser {
        right: auto;
    }
}

.header .language-chooser .lang {
    display: flex;
    height: 50%;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image.header .language-chooser .lang:last-of-type {
        margin-bottom: 4rem;
    }
}

.header .language-chooser .lang__link {
    display: flex;
    width: 100%;
}

.header .language-chooser .lang__link svg {
    margin-right: 0.5rem;
    border-radius: 9999px;
}

@media (min-width: 1024px) {

    .header .language-chooser .lang__link svg {
        margin-right: 0.75rem;
    }
}

.header .language-chooser .lang__link:hover {
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.header .language-chooser .lang__link:hover svg path {
    fill: #00A8FF;
}

.header .language-chooser .lang--current {
    order: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .header .language-chooser .lang--current {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .header .language-chooser .lang--current {
        --tw-bg-opacity: 1 !important;
    }
}

.header .language-chooser .lang--current .lang__link {
    display: flex;
    width: 100%;
}

.header .language-chooser .lang--current .lang__link:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header .language-chooser .lang--current .lang__link svg path {
    fill: #fff;
}

.header__mobile-menu {
    position: absolute;
    top: 4.375rem;
    left: -100%;
    display: flex;
    height: 100dvh;
    width: 100%;
    flex-direction: column;
    overflow: scroll;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .header__mobile-menu {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .header__mobile-menu {
        --tw-bg-opacity: 1 !important;
    }
}

@media (min-width: 768px) {

    .header__mobile-menu {
        top: 5.625rem;
    }
}

.header__mobile-menu-icon {
    display: flex;
    width: 1.75rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.applications-header-box {
    width: 9rem;
    flex: 1 1 auto;
    cursor: pointer;
    align-items: center;
    padding-bottom: 1.5rem;
    padding-top: 2.5rem;
}

@media (min-width: 1024px) {

    .applications-header-box {
        justify-content: center;
        border-width: 1px;
        border-color: #00A8FF4F;
        padding-left: 1rem;
        padding-right: 1rem;
        --tw-backdrop-blur: blur(4px);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    }
}

@media (min-width: 1280px) {

    .applications-header-box {
        width: 11rem;
    }
}

@media (min-width: 1024px) {

    .applications-header-box--active {
        --tw-bg-opacity: 1;
        background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    }
}

.applications-header-box__description {
    width: 100%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding: 1.5rem;
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .applications-header-box__description {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .applications-header-box__description {
        --tw-bg-opacity: 1 !important;
    }
}

@media (min-width: 1024px) {

    .applications-header-box__description {
        padding: 2.25rem;
    }
}

.applications-header-box__description p {
    position: relative;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    white-space: nowrap;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .applications-header-box__description p {
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

.applications-header-box__description p:not(:last-of-type)::after {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    --tw-content: "|";
    content: var(--tw-content);
}

@media (min-width: 1024px) {

    .applications-header-box__description p:not(:last-of-type)::after {
        content: var(--tw-content);
        margin-left: 1.5rem;
    }
}

.applications-header .control-line.active::after {
    content: var(--tw-content) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.applications-text-image__subtitle li {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.applications-text-image__subtitle li::before {
    left: 0px;
    margin-right: 0.5rem;
    height: 0.25rem;
    width: 0.25rem;
    border-radius: 9999px;
    content: var(--tw-content);
    background-color: #0BACFFEB;
}

.applications-text-image__image-container {
    grid-column: span 12 / span 12;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media (min-width: 1024px) {

    .applications-text-image__image-container {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 1280px) {

    .applications-text-image__image-container {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.applications-text-image__image-caption-over {
    margin-bottom: 1.25rem;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.applications-text-image__image-caption-under {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    font-size: .813rem;
    line-height: 1.125rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .applications-text-image__image-caption-under {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .applications-text-image__image-caption-under {
        --tw-bg-opacity: 1 !important;
    }
}

.applications-text-image__description {
    grid-column: span 12 / span 12;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
}

@media (min-width: 1024px) {

    .applications-text-image__description {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 1280px) {

    .applications-text-image__description {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.applications-text-image__logo {
    width: 5rem;
    max-width: 10rem;
    align-self: center;
}

@media (min-width: 1280px) {

    .applications-text-image__logo {
        width: auto;
    }
}

@media (min-width: 1024px) {

    .applications-text-image.bg-white:last-of-type {
        margin-bottom: 4rem;
    }
}

.applications-text-image__buttons-container {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 768px) {

    .applications-text-image__buttons-container {
        flex-direction: row;
    }
}

.applications-text-image__button {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.applications-text-image__button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image__button {
        width: fit-content;
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.applications-text-image__button-icon {
    --tw-brightness: brightness(0);
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group:hover .applications-text-image__button-icon {
    filter: none;
}

.applications-header + .applications-text-image {
    margin-top: 48rem;
}

@media (min-width: 1024px) {

    .applications-header + .applications-text-image {
        margin-top: 0px;
    }
}

.applications-header + .applications-text-image:not(.applications-text-image--with-background) {
    padding-top: 2.5rem;
}

@media (min-width: 1024px) {

    .applications-header + .applications-text-image:not(.applications-text-image--with-background) {
        padding-top: 2.75rem;
    }
}

.contacts-text__description p {
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.contacts-text__description strong {
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 700;
}

.contacts__link {
    display: flex;
    width: fit-content;
    flex-direction: row;
    align-items: baseline;
    white-space: nowrap;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding-bottom: 0.625rem;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.contacts__link-arrow {
    margin-left: 1.25rem;
    object-fit: contain;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

@media (min-width: 1024px) {

    .contacts__link-arrow {
        margin-left: 0px;
        width: 0px;
        opacity: 0;
    }
}

.contacts__link + .contacts__link {
    margin-top: 2rem;
}

.contacts__form input[type=text], .contacts__form select, .contacts__form textarea {
    margin-bottom: 0.5rem;
    width: 100%;
    border-width: 1px;
    border-color: rgb(255 255 255 / 0.4);
    background-color: rgb(0 168 255 / 0.3);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-backdrop-blur: blur(24px);
    --tw-backdrop-brightness: brightness(1.05);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.contacts__form input[type=text]::placeholder, .contacts__form select::placeholder, .contacts__form textarea::placeholder {
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.contacts__form input[type=text]:focus, .contacts__form select:focus, .contacts__form textarea:focus {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #005480 var(--tw-gradient-to-position);
}

.contacts__form input[type=checkbox] {
    display: none;
}

.contacts__form input[type=checkbox]:checked + label {
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .contacts__form input[type=checkbox]:checked + label {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .contacts__form input[type=checkbox]:checked + label {
        --tw-bg-opacity: 1 !important;
    }
}

.contacts__form select {
    cursor: pointer;
}

.contacts__form select option {
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .contacts__form select option {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .contacts__form select option {
        --tw-bg-opacity: 1 !important;
    }
}

.contacts__form-success-message {
    margin-bottom: 1.25rem;
    display: flex;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.contacts__form-checkboxes .errorlist {
    margin: 0px;
}

.contacts__form--after-sales .errorlist {
    margin-bottom: 0.5rem;
    margin-top: 0.25rem;
    font-size: .875rem;
    line-height: 1.188rem;
}

.contacts__form--after-sales input[type=checkbox] {
    position: absolute;
    bottom: 0.5rem;
    left: 0.625rem;
    display: block;
    opacity: 0;
}

.contacts__form--after-sales .contacts__form-checkboxes {
    position: relative;
}

.contacts__right-column .djangocms-googlemap {
    border-width: 4px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
}

.contacts__right-column .djangocms-googlemap-container {
    width: 100% !important;
}

.development-entries__video-container {
    position: absolute;
    left: -26rem;
    height: 100%;
    overflow: hidden;
}

.development-entries__video-container::after {
    position: absolute;
    left: 25%;
    top: 0px;
    height: 100%;
    width: 75%;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(0 30 59 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #001E3B var(--tw-gradient-via-position), var(--tw-gradient-to);
    content: var(--tw-content);
    --tw-gradient-to: #001E3B var(--tw-gradient-to-position);
}

.development-entries__video-container video {
    object-fit: cover;
}

.development-entries__video {
    height: 100%;
    mix-blend-mode: luminosity;
    transform: matrix(0, -1, 1, 0, 0, 0);
}

.development-entries__title {
    text-shadow: 0 0 4rem #000
}

.development-entries__title h2 {
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .development-entries__title h2 {
        font-size: 1.875rem;;
        line-height: 2.438rem;
    }
}

@media (min-width: 1536px) {

    .development-entries__title h2 {
        font-size: 4.375rem;;
        line-height: 8.25rem;
    }
}

.development-entries__title h2 strong {
    font-weight: 700;
}

@media (min-width: 1024px) {

    .development-entries__title h2 strong {
        font-size: 2.25rem;;
        line-height: 3rem;
    }
}

@media (min-width: 1536px) {

    .development-entries__title h2 strong {
        font-size: 6.25rem;;
        line-height: 8.25rem;
    }
}

.development-entries__container {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.development-entries__container::-webkit-scrollbar {
    display: none;
}

.development-entries__entry {
    cursor: pointer;
}

.development-entries__entry-modal {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16rem;
    margin-bottom: 1rem;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    opacity: 0;
    transition-property: transform;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {

    .applications-text-image.development-entries__entry-modal:last-of-type {
        margin-bottom: 4rem;
    }

    .development-entries__entry-modal {
        width: 50%;
    }
}

.development-entries__entry-modal-content {
    position: relative;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-top: 2rem;
}

@media (min-width: 1024px) {

    .development-entries__entry-modal-content {
        padding-left: 4rem;
        padding-right: 4rem;
        padding-top: 3rem;
    }
}

.development-entries__entry-modal-description {
    margin-bottom: 3.5rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.development-entries__entry-modal-link {
    display: flex;
    width: fit-content;
    flex-direction: row;
    gap: 2rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

@media (min-width: 1024px) {

    .applications-text-image.development-entries__entry-modal-link:last-of-type {
        margin-bottom: 4rem;
    }
}

.development-entries__entry-modal-link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

.development-entries__entry-modal-link-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.development-entries__entry-modal-link:hover .development-entries__entry-modal-link-text {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.development-entries__entry-modal-link:hover .development-entries__entry-modal-link-icon {
    --tw-brightness: brightness(0);
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.development-entries__entry-modal-close {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding: 1rem;
}

.development-entries__entry-modal-close:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.development-entries__entry-modal-close-icon {
    --tw-brightness: brightness(0);
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.development-entries__entry-modal-close:hover .development-entries__entry-modal-close-icon {
    --tw-brightness: brightness(1);
    --tw-invert: invert(0);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.development-entries__entry-modal--open {
    opacity: 1;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.development-entries__entry-modal-overlay {
    position: fixed;
    top: 100%;
    z-index: 101;
    background-color: rgb(0 61 121 / 0.95);
    opacity: 0;
    --tw-backdrop-blur: blur(12px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.development-entries__entry-modal-overlay--open {
    inset: 0px;
    overflow-y: auto;
    opacity: 1;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.development-entries .mobile-title--hidden {
    height: 0px;
    padding: 0px;
}

.awards-list__background-video-container::after {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    content: var(--tw-content);
    mix-blend-mode: color;
}

.awards-list__content {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.awards-list__content::-webkit-scrollbar {
    display: none;
}

.awards-list__award--clickable {
    cursor: pointer;
}

.awards-list__award-modal {
    position: fixed;
    top: 100%;
    z-index: 102;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-top: 2rem;
    opacity: 0;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {

    .applications-text-image.awards-list__award-modal:last-of-type {
        margin-bottom: 4rem;
    }

    .awards-list__award-modal {
        left: 50%;
        width: auto;
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        padding-left: 6rem;
        padding-right: 6rem;
        padding-top: 7rem;
    }
}

.awards-list__award-modal-link {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

@media (min-width: 1024px) {

    .applications-text-image.awards-list__award-modal-link:last-of-type {
        margin-bottom: 4rem;
    }
}

.awards-list__award-modal-link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

.awards-list__award-modal-link-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.awards-list__award-modal-link:hover .awards-list__award-modal-link-text {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.awards-list__award-modal-link:hover .awards-list__award-modal-link-icon {
    --tw-brightness: brightness(0);
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.awards-list__award-modal-close {
    display: flex;
    cursor: pointer;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1rem;
}

@media (min-width: 1024px) {

    .applications-text-image.awards-list__award-modal-close:last-of-type {
        margin-bottom: 4rem;
    }
}

.awards-list__award-modal-close:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

.awards-list__award-modal-close:hover .award-list__award-modal-close-icon {
    --tw-brightness: brightness(0);
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.awards-list__award-modal--open {
    top: 4.375rem;
    opacity: 1;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {

    .awards-list__award-modal--open {
        top: 50%;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.awards-list__awards-modal-overlay {
    position: fixed;
    top: 100%;
    z-index: 101;
    height: 100%;
    width: 100%;
    background-color: rgb(0 61 121 / 0.95);
    opacity: 0;
    --tw-backdrop-blur: blur(12px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.awards-list__awards-modal-overlay--open {
    top: 0px;
    opacity: 1;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.error-404, .error-500 {
    grid-column: span 12 / span 12;
    margin-bottom: 2.5rem;
}

.error-404__container, .error-500__container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .error-404__container, .error-500__container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .error-404__container, .error-500__container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .error-404__container, .error-500__container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .error-404__container, .error-500__container {
        max-width: 1280px;
    }
}

.error-404__container, .error-500__container {
    position: relative;
}

.modal-video__content .error-404__container, .modal-video__content .error-500__container {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.error-404__title, .error-500__title {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: none;
    font-size: 3.75rem;;
    line-height: 4.938rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .error-404__title, .error-500__title {
        display: block;
    }
}

.error-404__text, .error-500__text {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.error-404__link, .error-500__link {
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

body.overlay {
    background-color: #666666bf;
}

body.overlay .documents-detail__container {
    opacity: 0.6;
}

body.overlay .documents__form-clear-filters, body.overlay .documents-detail__container {
    pointer-events: none;
}

body.overlay .documents__form-clear-filters-mobile {
    pointer-events: none;
}

body.overlay .documents__form-clear-filters-mobile .filters-number {
    opacity: 0.6;
}

.main-content .documents-detail__title {
    margin-bottom: 2.5rem;
    border-bottom-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 61 121 / var(--tw-border-opacity));
    padding-bottom: 2rem;
    padding-top: 2.75rem;
    font-family: Roboto, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.main-content .documents-detail__title-number {
    font-weight: 400;
}

.header--members-area {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 61 121 / var(--tw-border-opacity));
}

@media (min-width: 1024px) {

    .header--members-area {
        border-width: 0px;
    }
}

.members-area__container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .members-area__container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .members-area__container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .members-area__container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .members-area__container {
        max-width: 1280px;
    }
}

.members-area__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-bottom: 5rem;
    padding-top: 1rem;
}

.modal-video__content .members-area__container {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1024px) {

    .members-area__container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 640px) {

        .members-area__container {
            max-width: 420px;
        }
    }

    @media (min-width: 768px) {

        .members-area__container {
            max-width: 640px;
        }
    }

    @media (min-width: 1024px) {

        .members-area__container {
            max-width: 980px;
        }
    }

    @media (min-width: 1280px) {

        .members-area__container {
            max-width: 1180px;
        }
    }

    .members-area__container {
        justify-content: space-between;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 1.5rem;
    }
}

@media (min-width: 1536px) {

    .members-area__container {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.members-area__container--seen-recently {
    align-items: flex-start;
}

.members-area__title {
    text-align: center;
    font-size: 1.375rem;
    line-height: 1.875rem;
    --tw-text-opacity: 1;
    color: rgb(240 240 240 / var(--tw-text-opacity));
}

.members-area__title-container {
    display: none;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1024px) {

    .members-area__title-container {
        display: flex;
    }
}

.members-area__header {
    align-self: center;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

@media (min-width: 768px) {

    .members-area__header {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

.members-area__header-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .members-area__header-container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .members-area__header-container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .members-area__header-container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .members-area__header-container {
        max-width: 1280px;
    }
}

.members-area__header-container {
    display: block;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-top: 2.25rem;
    padding-bottom: 7rem;
}

.modal-video__content .members-area__header-container {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1024px) {

    .members-area__header-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 640px) {

        .members-area__header-container {
            max-width: 420px;
        }
    }

    @media (min-width: 768px) {

        .members-area__header-container {
            max-width: 640px;
        }
    }

    @media (min-width: 1024px) {

        .members-area__header-container {
            max-width: 980px;
        }
    }

    @media (min-width: 1280px) {

        .members-area__header-container {
            max-width: 1180px;
        }
    }
}

@media (min-width: 768px) {

    .members-area__header-container {
        display: grid;
    }
}

@media (min-width: 1024px) {

    .members-area__header-container {
        padding-top: 1.25rem;
    }
}

.members-area__header-container--small {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (min-width: 1024px) {

    .members-area__header-container--small {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }
}

.members-area__greeting {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 1rem;
    display: flex;
    height: auto;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-width: 0px;
}

@media (min-width: 768px) {

    .members-area__greeting {
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: auto;
        height: 5rem;
        border-right-width: 1px;
        border-style: dashed;
        --tw-border-opacity: 1;
        border-color: rgb(0 168 255 / var(--tw-border-opacity));
    }
}

@media (min-width: 1280px) {

    .members-area__greeting {
        justify-content: flex-start;
    }
}

.members-area__greeting-container {
    display: none;
}

@media (min-width: 1024px) {

    .members-area__greeting-container {
        display: block;
    }
}

.members-area__greeting-message {
    font-size: 1.125rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(240 240 240 / var(--tw-text-opacity));
}

.members-area__greeting-message--name {
    font-size: 1.5rem;;
    line-height: 2rem;
    font-weight: 700;
}

.members-area__navigation {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    background-image: url("/static/img/personal-area-lines.png");
    background-size: auto;
    background-repeat: no-repeat;
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .members-area__navigation {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .members-area__navigation {
        --tw-bg-opacity: 1 !important;
    }
}

@media (min-width: 768px) {

    .members-area__navigation {
        transform: none;
    }
}

@media (min-width: 1280px) {

    .members-area__navigation {
        background-size: cover;
    }
}

.members-area__navigation-top {
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 70px;
}

@media (min-width: 1024px) {

    .applications-text-image.members-area__navigation-top:last-of-type {
        margin-bottom: 4rem;
    }
}

@media (min-width: 768px) {

    .members-area__navigation-top {
        padding-top: 90px;
    }
}

@media (min-width: 1024px) {

    .members-area__navigation-top {
        display: none;
    }
}

.members-area__navigation-top-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .members-area__navigation-top-container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .members-area__navigation-top-container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .members-area__navigation-top-container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .members-area__navigation-top-container {
        max-width: 1280px;
    }
}

.members-area__navigation-top-container {
    display: block;
    display: flex;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

.modal-video__content .members-area__navigation-top-container {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1024px) {

    .members-area__navigation-top-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 640px) {

        .members-area__navigation-top-container {
            max-width: 420px;
        }
    }

    @media (min-width: 768px) {

        .members-area__navigation-top-container {
            max-width: 640px;
        }
    }

    @media (min-width: 1024px) {

        .members-area__navigation-top-container {
            max-width: 980px;
        }
    }

    @media (min-width: 1280px) {

        .members-area__navigation-top-container {
            max-width: 1180px;
        }
    }

    .members-area__navigation-top-container {
        display: none;
    }
}

.members-area__navigation-top-title {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    font-size: 1.625rem;
    line-height: 2.125rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.members-area__navigation-container {
    z-index: 50;
    margin-top: -121px;
    display: none;
    width: 100%;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 2.75rem;
    padding-right: 2.75rem;
}

@media (min-width: 1024px) {

    .applications-text-image.members-area__navigation-container:last-of-type {
        margin-bottom: 4rem;
    }

    .members-area__navigation-container {
        display: flex;
        justify-content: space-between;
    }
}

.members-area__navigation-container-mobile {
    z-index: 75;
    margin-top: -220px;
    display: flex;
    width: 100%;
    flex-direction: column;
}

@media (min-width: 768px) {

    .members-area__navigation-container-mobile {
        margin-top: -238px;
    }
}

@media (min-width: 1024px) {

    .members-area__navigation-container-mobile {
        display: none;
    }
}

.members-area__navigation-container-mobile .documents__form-field--id_search_query {
    margin-top: 0.75rem;
    width: 100%;
}

.members-area__navigation-mobile-search-label {
    margin-bottom: 0.5rem;
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.members-area__navigation-mobile-accordion {
    position: relative;
}

.members-area__navigation-mobile-links-container {
    position: absolute;
    display: none;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image.members-area__navigation-mobile-links-container:last-of-type {
        margin-bottom: 4rem;
    }
}

.members-area__navigation-mobile-links-container.active {
    display: flex;
    flex-direction: column;
    --tw-shadow: 3px 3px 6px #00000029;
    --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.members-area__navigation-mobile-links-container a {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

.members-area__navigation-mobile-links-container a.active {
    background-color: #6666661a;
}

.members-area__navigation-mobile-links-container a + a {
    border-top-width: 1px;
    border-color: #66666680;
}

.members-area__navigation-mobile-section-name {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.members-area__navigation-mobile-section-name.active {
    align-items: baseline;
}

.members-area__navigation-mobile-section-name.active .caret-down {
    --tw-rotate: -135deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.members-area__navigation-mobile-section-name .caret-down {
    margin-left: auto;
    margin-bottom: 0.25rem;
    height: 0.625rem;
    width: 0.625rem;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    padding: 0.125rem;
    transition-duration: 200ms;
    transition-timing-function: linear;
}

.members-area__navigation-links {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.members-area__navigation-links-container {
    display: flex;
}

.members-area__navigation-links p {
    margin-right: 1.25rem;
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.members-area__navigation-links a {
    display: block;
    border-width: .5px;
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity));
    padding: 0.875rem;
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

.members-area__navigation-links a:hover {
    text-decoration-line: underline;
}

.members-area__navigation-links a + a {
    border-left-width: 0px;
}

.members-area__navigation-links a.active {
    border-width: .5px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: inset 0px 3px 6px #00000029;
    --tw-shadow-colored: inset 0px 3px 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.members-area__navigation-links a.active:hover {
    text-decoration-line: none;
}

.members-area__documents-list {
    position: relative;
    z-index: 50;
    width: 100%;
}

.members-area__documents-list .documents__form {
    margin-bottom: 1.25rem;
    display: grid;
    display: none;
    width: 100%;
    grid-template-columns: repeat(24, 1fr);
    align-items: center;
    column-gap: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(229 246 255 / var(--tw-bg-opacity));
    padding-left: 2.75rem;
    padding-right: 2.75rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

@media (min-width: 1024px) {

    .members-area__documents-list .documents__form {
        display: grid;
    }
}

.members-area__documents-list .documents__form.active {
    position: absolute;
    z-index: 75;
    display: flex;
    flex-direction: column;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0px;
    padding-bottom: 0px;
}

.members-area__documents-list .documents__form.active .documents__form-see-recently {
    display: none;
}

.members-area__documents-list .documents__form.active fieldset {
    margin-top: 1.25rem;
    display: flex;
    width: 100%;
    flex-direction: column;
}

.members-area__documents-list .documents__form.active fieldset .documents__form-field-container {
    margin-bottom: 1.5rem;
    display: flex;
}

@media (min-width: 1024px) {

    .members-area__documents-list .documents__form.active fieldset .documents__form-field-container {
        display: block;
    }
}

.members-area__documents-list .documents__form .documents__form--mobile-separator {
    display: block;
    width: 100%;
    border-bottom-width: 1px;
    border-color: #6666661a;
}

@media (min-width: 1024px) {

    .members-area__documents-list .documents__form .documents__form--mobile-separator {
        display: none;
    }
}

.members-area__documents-list .documents__form fieldset {
    grid-column: span 18 / span 18;
    display: flex;
    flex-wrap: wrap;
}

.members-area__documents-list .documents__form--drawing .drawing-field-label--id_document_families, .members-area__documents-list .documents__form--drawing .drawing-field-label--id_document_models, .members-area__documents-list .documents__form--drawing .drawing-field-label--id_drawing_formats, .members-area__documents-list .documents__form--drawing .drawing-field-label--id_drawing_types, .members-area__documents-list .documents__form--drawing .drawing-field-label--id_drawing_fan_diameters, .members-area__documents-list .documents__form--drawing .drawing-field-label--id_drawing_fan_numbers, .members-area__documents-list .documents__form--drawing .drawing-field-label--id_drawing_tube_diameters {
    display: none;
}

.members-area__documents-list .documents__form--drawing .drawing-field-label--id_document_families.active, .members-area__documents-list .documents__form--drawing .drawing-field-label--id_document_models.active, .members-area__documents-list .documents__form--drawing .drawing-field-label--id_drawing_formats.active, .members-area__documents-list .documents__form--drawing .drawing-field-label--id_drawing_types.active, .members-area__documents-list .documents__form--drawing .drawing-field-label--id_drawing_fan_diameters.active, .members-area__documents-list .documents__form--drawing .drawing-field-label--id_drawing_fan_numbers.active, .members-area__documents-list .documents__form--drawing .drawing-field-label--id_drawing_tube_diameters.active {
    display: flex !important;
}

.members-area__documents-list .documents__form.active.documents__form--drawing fieldset .documents__form-field-container {
    margin-bottom: 0px;
}

.members-area__documents-list .documents__form.active.documents__form--drawing fieldset .documents__form-field-container .drawing-field-label--id_document_brands, .members-area__documents-list .documents__form.active.documents__form--drawing fieldset .documents__form-field-container .documents__form-field-label.active {
    margin-bottom: 1.5rem;
}

.members-area__documents-list .documents__form-filter-by-label {
    grid-column: span 3 / span 3;
    display: none;
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .members-area__documents-list .documents__form-filter-by-label {
        display: block;
    }
}

.members-area__documents-list .documents__form-filter-by-label-mobile {
    margin-top: 1rem;
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(229 246 255 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .members-area__documents-list .documents__form-filter-by-label-mobile {
        display: none;
    }
}

.members-area__documents-list .documents__form-filter-by-label-mobile.active {
    align-items: baseline;
}

.members-area__documents-list .documents__form-filter-by-label-mobile.active .caret-down {
    --tw-rotate: -135deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.members-area__documents-list .documents__form-filter-by-label-mobile .caret-down {
    margin-left: auto;
    margin-bottom: 0.25rem;
    height: 0.625rem;
    width: 0.625rem;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity));
    padding: 0.125rem;
    transition-duration: 200ms;
    transition-timing-function: linear;
}

.members-area__documents-list .documents__form-field {
    position: absolute;
    top: 1.5rem;
    z-index: 50;
    display: none;
}

.members-area__documents-list .documents__form-field-container {
    position: relative;
}

.members-area__documents-list .documents__form-field-label {
    display: flex;
    cursor: pointer;
    align-items: center;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .members-area__documents-list .documents__form-field-label {
        margin-right: 2.25rem;
    }
}

.members-area__documents-list .documents__form-field-label:hover {
    text-decoration-line: underline;
}

.members-area__documents-list .documents__form-field.active {
    display: block;
}

.members-area__documents-list .documents__form-field .select2-selection {
    display: flex;
    border-radius: 0px;
}

.members-area__documents-list .documents__form-field .select2-selection .select2-selection__choice {
    display: flex;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    background-color: #0BACFFEB;
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.members-area__documents-list .documents__form-field .select2-selection .select2-selection__choice .select2-selection__choice__remove {
    order: 1;
    margin-right: 0px;
    margin-left: 0.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.members-area__documents-list .documents__form-field .select2-selection--single {
    height: 100%;
}

.members-area__documents-list .documents__form-field .select2-selection--single .select2-selection__rendered {
    width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    font-size: .875rem !important;
    line-height: 1.188rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(102 102 102 / var(--tw-text-opacity)) !important;
}

.members-area__documents-list .documents__form-field .select2-selection--single .select2-selection__rendered .select2-selection__clear {
    margin-left: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.members-area__documents-list .documents__form-field .select2-selection--single .select2-selection__arrow {
    display: none;
}

.members-area__documents-list .documents__form-field .select2-search {
    display: flex;
}

.members-area__documents-list .documents__form-field .select2-selection__rendered {
    display: flex !important;
    align-items: center !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.members-area__documents-list .documents__form-field .select2-search__field {
    margin-top: 0px !important;
    display: flex !important;
    font-size: .875rem !important;
    line-height: 1.188rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(102 102 102 / var(--tw-text-opacity)) !important;
}

.members-area__documents-list .documents__form-field .select2-selection__choice, .members-area__documents-list .documents__form-field .select2-selection__clear {
    margin-top: 0px !important;
}

.members-area__documents-list .documents__form-field .select2-selection__clear {
    order: 1;
    font-size: .875rem;
    line-height: 1.188rem;
}

.members-area__documents-list .documents__form-field .select2-container--focus .select2-selection {
    --tw-border-opacity: 1;
    border-color: rgb(112 112 112 / var(--tw-border-opacity));
}

.members-area__documents-list .documents__form-field .select2-selection__placeholder {
    font-size: .875rem !important;
    line-height: 1.188rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(102 102 102 / var(--tw-text-opacity)) !important;
}

.members-area__documents-list .documents__form-see-recently {
    grid-column: span 3 / span 3;
    margin-left: auto;
    font-size: .875rem;
    line-height: 1.188rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

.members-area__documents-list .documents__form-see-recently:hover {
    text-decoration-line: underline;
}

.members-area__documents-list .documents__form-clear-filters {
    grid-column: span 24 / span 24;
    display: none;
    padding-left: 2.75rem;
    padding-right: 2.75rem;
}

@media (min-width: 1024px) {

    .members-area__documents-list .documents__form-clear-filters {
        display: block;
    }
}

.members-area__documents-list .documents__form-clear-filters button {
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
    opacity: 0.5;
}

.members-area__documents-list .documents__form-clear-filters button svg {
    margin-right: 0.25rem;
    width: 1.25rem;
    fill: #003D79;
}

.members-area__documents-list .documents__form-clear-filters button:hover {
    opacity: 1;
}

.members-area__documents-list .documents__form .caret-down {
    margin-left: 0.5rem;
    margin-bottom: 0.25rem;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity));
    padding: 0.125rem;
}

.members-area__documents-list .documents__form .filters-number {
    margin-left: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    font-size: .563rem;
    line-height: .688rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .members-area__documents-list .documents__form .filters-number {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .members-area__documents-list .documents__form .filters-number {
        --tw-bg-opacity: 1 !important;
    }
}

.members-area__documents-list .documents__form .filters-number-container {
    display: flex;
}

.members-area__documents-list .documents__form-clear-filters-mobile {
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

@media (min-width: 1024px) {

    .members-area__documents-list .documents__form-clear-filters-mobile {
        display: none;
    }
}

.members-area__documents-list .documents__form-clear-filters-mobile button {
    display: flex;
    flex-direction: row;
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
    opacity: 0.5;
}

.members-area__documents-list .documents__form-clear-filters-mobile button svg {
    margin-right: 0.25rem;
    width: 1.25rem;
    fill: #003D79;
}

.members-area__documents-list .documents__form-clear-filters-mobile button:hover {
    opacity: 1;
}

.members-area__documents-list .documents__form-clear-filters-mobile .filters-number-container {
    margin-left: auto;
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

.members-area__documents-list .documents__form-clear-filters-mobile .filters-number-container .filters-number {
    margin-left: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    font-size: .563rem;
    line-height: .688rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .members-area__documents-list .documents__form-clear-filters-mobile .filters-number-container .filters-number {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .members-area__documents-list .documents__form-clear-filters-mobile .filters-number-container .filters-number {
        --tw-bg-opacity: 1 !important;
    }
}

.members-area__documents-list .no-results-title {
    font-size: 1.5rem;;
    line-height: 2rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .members-area__documents-list .no-results-title {
        font-size: 1.625rem;
        line-height: 2.125rem;
    }
}

.members-area__documents-list .no-results-message {
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .members-area__documents-list .no-results-message {
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

.members-area__documents-list .no-results-button {
    margin-top: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.313rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .members-area__documents-list .no-results-button {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .members-area__documents-list .no-results-button {
        --tw-bg-opacity: 1 !important;
    }
}

.members-area__documents-list .no-results-button:hover {
    text-decoration-line: underline;
}

.members-area__documents-list .document-detail {
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-bottom-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding-bottom: 2.5rem;
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail {
        flex-direction: row;
    }
}

.members-area__documents-list .document-detail__left {
    margin-bottom: 1.5rem;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail__left {
        margin-bottom: 0px;
    }
}

.members-area__documents-list .document-detail__right {
    display: none;
    min-width: 40%;
    max-width: 40%;
    flex-direction: column;
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail__right {
        display: flex;
    }
}

.members-area__documents-list .document-detail__bottom {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail__bottom {
        display: none;
    }
}

.members-area__documents-list .document-detail__bottom .document-detail__document-file--manual {
    margin-bottom: 1.25rem;
}

.members-area__documents-list .document-detail__bottom .document-detail__document-file--manual .document-detail__document-date {
    margin-bottom: 0.5rem;
}

.members-area__documents-list .document-detail__bottom .document-detail__document-file--wiring {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.members-area__documents-list .document-detail__bottom .document-detail__document-file--wiring .document-detail__document-id {
    margin-bottom: 0px;
    margin-right: 2.5rem;
    display: flex;
    height: 1.25rem;
    flex-direction: row;
    flex-wrap: wrap;
}

.members-area__documents-list .document-detail__bottom .document-detail__document-file--software .document-detail__document-date {
    margin-right: 2.5rem;
    margin-top: 1rem;
    height: 1.25rem;
}

.members-area__documents-list .document-detail__bottom .document-detail__document-file.active {
    display: flex;
    flex-direction: row;
}

.members-area__documents-list .document-detail__bottom .document-detail__document-file-icon {
    margin-right: 1.5rem;
}

.members-area__documents-list .document-detail__bottom-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.members-area__documents-list .document-detail__bottom-actions .document-detail__document-languages {
    order: 2;
    flex-basis: 100%;
}

.members-area__documents-list .document-detail__bottom .language-toggle {
    position: relative;
    display: flex;
    cursor: pointer;
    align-items: center;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.members-area__documents-list .document-detail__bottom .language-toggle .caret-down {
    margin-left: 0.375rem;
    margin-bottom: 0.25rem;
    height: 0.375rem;
    width: 0.375rem;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding: 0.125rem;
}

.members-area__documents-list .document-detail__bottom .language-list {
    position: absolute;
    z-index: 10;
    width: 100%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0px 3px 6px #00000029;
    --tw-shadow-colored: 0px 3px 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1024px) {

    .applications-text-image.members-area__documents-list .document-detail__bottom .language-list:last-of-type {
        margin-bottom: 4rem;
    }
}

.members-area__documents-list .document-detail__bottom .language-list li {
    display: flex;
    flex-direction: column;
}

.members-area__documents-list .document-detail__bottom .language-list li.active .language-list__item {
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}

.members-area__documents-list .document-detail__bottom .language-list__item {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(219 219 219 / var(--tw-border-opacity));
    padding: 1rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

.members-area__documents-list .document-detail__bottom .language-list__item:last-child {
    border-width: 0px;
}

.members-area__documents-list .document-detail__document-file--manual {
    display: none;
}

.members-area__documents-list .document-detail__document-file--manual.active {
    display: block;
}

.members-area__documents-list .document-detail__document-file--manual-language {
    cursor: pointer;
}

.members-area__documents-list .document-detail__document-file--manual-language.active {
    cursor: auto;
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail__document-file--manual-language.active {
        text-decoration-line: underline;
    }
}

.members-area__documents-list .document-detail__document-file-icon svg {
    width: 2.5rem;
    overflow: visible;
    fill: #003D79;
    opacity: 0.5;
}

.members-area__documents-list .document-detail__preview-image {
    margin-right: 2.5rem;
    width: 7rem;
}

.members-area__documents-list .document-detail__preview-image img {
    width: 100%;
}

.members-area__documents-list .document-detail__preview-image--icon {
    display: flex;
    height: 7rem;
    width: 7rem;
    justify-content: center;
    border-width: .25px;
    border-color: rgb(0 168 255 / 0.2);
    padding: 30px;
}

.members-area__documents-list .document-detail__preview-image--icon svg {
    fill: #0BACFFEB;
}

.members-area__documents-list .document-detail__info {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail__info {
        margin-right: 1rem;
    }
}

.members-area__documents-list .document-detail__notes {
    margin-top: 1rem;
    width: 100%;
}

.members-area__documents-list .document-detail__notes--desktop {
    display: none;
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail__notes--desktop {
        display: block;
    }
}

.members-area__documents-list .document-detail__notes-title {
    display: flex;
    cursor: pointer;
    align-items: center;
}

.members-area__documents-list .document-detail__notes-title.active .caret-down {
    margin-bottom: 0px;
    --tw-rotate: -135deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.members-area__documents-list .document-detail__notes-title-label {
    border-bottom-width: 1px;
    border-bottom-color: transparent;
    font-size: .813rem;
    line-height: 1.125rem;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

.members-area__documents-list .document-detail__notes-title .caret-down {
    margin-left: 0.5rem;
    margin-bottom: 0.25rem;
    height: 0.25rem;
    width: 0.25rem;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity));
    padding: 0.125rem;
    transition-duration: 200ms;
    transition-timing-function: linear;
}

.members-area__documents-list .document-detail__notes-description {
    margin-top: 0.5rem;
    display: none;
    font-size: .813rem;
    line-height: 1.125rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
    transition-duration: 200ms;
    transition-timing-function: linear;
}

.members-area__documents-list .document-detail__document-name {
    margin-bottom: 2.5rem;
    font-family: Roboto, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.members-area__documents-list .document-detail__document-models {
    margin-bottom: 0.25rem;
    font-size: 1rem;
    line-height: 1.313rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.members-area__documents-list .document-detail__logos {
    display: none;
    flex-direction: row;
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail__logos {
        display: flex;
    }
}

.members-area__documents-list .document-detail__logos-mobile {
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: row;
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail__logos-mobile {
        display: none;
    }
}

.members-area__documents-list .document-detail__brand-logos, .members-area__documents-list .document-detail__platform-logos {
    margin-right: 4rem;
    display: flex;
    width: 5.5rem;
    flex-direction: row;
    align-items: flex-start;
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail__brand-logos, .members-area__documents-list .document-detail__platform-logos {
        width: 7rem;
        flex-direction: column;
    }
}

.members-area__documents-list .document-detail__brand-logos img, .members-area__documents-list .document-detail__platform-logos img {
    margin-right: 2rem;
}

.members-area__documents-list .document-detail__brand-logos img:last-child, .members-area__documents-list .document-detail__platform-logos img:last-child {
    margin-bottom: 0px;
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail__brand-logos img, .members-area__documents-list .document-detail__platform-logos img {
        margin-bottom: 1.5rem;
        margin-right: 0px;
    }
}

.members-area__documents-list .document-detail__platform-logos {
    display: none;
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail__platform-logos {
        display: flex;
    }
}

.members-area__documents-list .document-detail__document-languages, .members-area__documents-list .document-detail__document-id, .members-area__documents-list .document-detail__document-date, .members-area__documents-list .document-detail__document-file-download, .members-area__documents-list .document-detail__document-file-share-link, .members-area__documents-list .document-detail__document-current-language {
    margin-bottom: 0px;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail__document-languages, .members-area__documents-list .document-detail__document-id, .members-area__documents-list .document-detail__document-date, .members-area__documents-list .document-detail__document-file-download, .members-area__documents-list .document-detail__document-file-share-link, .members-area__documents-list .document-detail__document-current-language {
        margin-bottom: 1rem;
    }
}

.members-area__documents-list .document-detail__document-id, .members-area__documents-list .document-detail__document-current-language {
    margin-bottom: 0.5rem;
}

.members-area__documents-list .document-detail__document-id span, .members-area__documents-list .document-detail__document-current-language span {
    margin-right: 1rem;
}

.members-area__documents-list .document-detail__document-id span:last-child, .members-area__documents-list .document-detail__document-current-language span:last-child {
    margin-right: 0px;
}

.members-area__documents-list .document-detail__document-file-download {
    margin-top: 1rem;
    height: 2rem;
}

.members-area__documents-list .document-detail__document-file-download, .members-area__documents-list .document-detail__document-file-share {
    display: flex;
    align-items: center;
}

.members-area__documents-list .document-detail__document-file-download .document-detail__document-file-type, .members-area__documents-list .document-detail__document-file-share .document-detail__document-file-type {
    margin-right: 0.5rem;
}

.members-area__documents-list .document-detail__document-file-download-link, .members-area__documents-list .document-detail__document-file-share-link {
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.members-area__documents-list .document-detail__document-file-download-link-copied, .members-area__documents-list .document-detail__document-file-share-link-copied {
    margin-left: 1.75rem;
    display: none;
    border-width: .5px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: .75rem;
    line-height: 1rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

.members-area__documents-list .document-detail__document-file-download-link-copied.active, .members-area__documents-list .document-detail__document-file-share-link-copied.active {
    display: block;
}

.members-area__documents-list .document-detail__document-file-download-size, .members-area__documents-list .document-detail__document-file-share-size {
    margin-right: 0.25rem;
    opacity: 0.5;
}

.members-area__documents-list .document-detail__document-file-download-icon, .members-area__documents-list .document-detail__document-file-download-link-icon, .members-area__documents-list .document-detail__document-file-share-icon, .members-area__documents-list .document-detail__document-file-share-link-icon {
    width: 1.25rem;
    fill: #003D79;
    opacity: 0.5;
}

.members-area__documents-list .document-detail__document-file-download-icon svg, .members-area__documents-list .document-detail__document-file-download-link-icon svg, .members-area__documents-list .document-detail__document-file-share-icon svg, .members-area__documents-list .document-detail__document-file-share-link-icon svg {
    width: 100%;
    fill: #003D79;
}

.members-area__documents-list .document-detail__document-file-share-link {
    margin-left: 1.75rem;
}

.members-area__documents-list .document-detail__document-file-share-link-icon {
    margin-left: 0.25rem;
}

.members-area__documents-list .document-detail--picture .document-detail__bottom, .members-area__documents-list .document-detail--wiring .document-detail__bottom, .members-area__documents-list .document-detail--software .document-detail__bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
}

@media (min-width: 1024px) {

    .members-area__documents-list .document-detail--picture .document-detail__bottom, .members-area__documents-list .document-detail--wiring .document-detail__bottom, .members-area__documents-list .document-detail--software .document-detail__bottom {
        display: none;
    }
}

.members-area__documents-list .document-detail--software .document-detail__preview-image svg, .members-area__documents-list .document-detail--wiring .document-detail__preview-image svg, .members-area__documents-list .document-detail--drawing .document-detail__preview-image svg {
    width: 45px;
}

.members-area__document-download {
    margin-bottom: 0.75rem;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    font-family: Roboto, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .members-area__document-download {
        flex-direction: row;
    }
}

.members-area__document-download-container {
    margin-top: 1.25rem;
    width: 100%;
}

@media (min-width: 1024px) {

    .members-area__document-download--name {
        flex-basis: 33.333333%;
    }
}

.members-area__document-download--language {
    font-size: 1rem;
    line-height: 1.313rem;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .members-area__document-download--language {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
        flex-basis: 41.666667%;
    }
}

.members-area__document-download--created {
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .members-area__document-download--created {
        margin-left: auto;
    }

    @media (min-width: 1024px) {

        .members-area__document-download--created {
            flex-basis: 25%;
        }
    }

    .members-area__document-download--created {
        text-align: right;
    }
}

.pagination {
    display: flex;
}

.pagination .page-item a {
    display: flex;
    height: 28px;
    width: 28px;
    align-items: center;
    justify-content: center;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

@media (min-width: 640px) {

    .pagination .page-item a {
        height: 46px;
        width: 46px;
    }
}

.pagination .page-item a.disabled {
    cursor: default;
}

.pagination .page-item.active a {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pagination .page-item:not(.page-item--prev,.page-item--next,.page-item--first,.page-item--last) {
    margin-left: 0px;
    margin-right: 0px;
}

@media (min-width: 640px) {

    .pagination .page-item:not(.page-item--prev,.page-item--next,.page-item--first,.page-item--last) {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
}

.pagination .page-item--first {
    margin-left: auto;
}

.pagination .page-item--last {
    margin-right: auto;
}

.pagination .page-item--prev a, .pagination .page-item--next a {
    --tw-bg-opacity: 1;
    background-color: rgb(229 246 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 30 59 / var(--tw-text-opacity));
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.documents__form-field--id_search_query {
    width: 40%;
}

.documents__form-field--id_search_query input {
    width: 100%;
    border-width: .5px;
    border-color: #00A8FF4F;
    background-position: right 2rem center;
    background-repeat: no-repeat;
    padding: 0.75rem;
    font-size: .875rem;
    line-height: 1.188rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.documents__form-field--id_search_query input::placeholder {
    font-size: .875rem;
    line-height: 1.188rem;
    font-style: italic;
}

.documents__form-field--id_search_query input:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.documents__form-field--id_search_query input:focus-visible {
    border-width: 1px;
    border-color: #00A8FF4F;
}

.select2-search__field {
    width: 100% !important;
}

.select2-search__field::placeholder {
    font-size: .875rem !important;
    line-height: 1.188rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(102 102 102 / var(--tw-text-opacity)) !important;
}

.select2-dropdown {
    border-radius: 0px !important;
    --tw-shadow: 0px 3px 6px #00000029 !important;
    --tw-shadow-colored: 0px 3px 6px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.select2-dropdown .select2-results__option {
    border-bottom-width: 1px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

.select2-dropdown .select2-results__option:last-of-type {
    border-bottom-width: 0px;
}

.select2-dropdown .select2-results__option[aria-selected] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(102 102 102 / var(--tw-text-opacity)) !important;
}

@media (min-width: 1024px) {

    .applications-text-image.select2-dropdown .select2-results__option[aria-selected]:last-of-type {
        margin-bottom: 4rem;
    }
}

.select2-dropdown .select2-results__option[aria-selected=true] {
    display: none;
}

.select2-dropdown .select2-results__option:hover {
    background-color: #6666661a !important;
}

.select2-dropdown .select2-search {
    border-bottom-width: 1px;
}

.select2-dropdown .select2-search__field {
    border-width: 0px !important;
    font-size: .875rem !important;
    line-height: 1.188rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(102 102 102 / var(--tw-text-opacity)) !important;
}

.select2-dropdown .select2-search__field:focus-visible, .select2-dropdown .select2-search__field:focus {
    outline-width: 0px;
}

.select2-selection__clear {
    margin-left: 0.5rem;
}

#select2-id_scheme_types-results .select2-results__option span {
    display: flex;
    align-items: center;
}

#select2-id_scheme_types-results .select2-results__option svg {
    margin-right: 0.625rem;
    height: 1.25rem;
    width: 1.25rem;
    fill: #003D79;
    opacity: 0.5;
}

#select2-id_scheme_types-results .select2-results__option:hover svg {
    opacity: 1;
}

.wiring__form-field--id_scheme_types .select2-selection__choice svg {
    display: none;
}

.after-sales-header {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .after-sales-header {
        max-width: 768px;
    }
}

@media (min-width: 768px) {

    .after-sales-header {
        max-width: 1024px;
    }
}

@media (min-width: 1024px) {

    .after-sales-header {
        max-width: 1440px;
    }
}

@media (min-width: 1280px) {

    .after-sales-header {
        max-width: 1920px;
    }
}

.after-sales-header {
    position: relative;
    grid-column: span 12 / span 12;
    overflow: hidden;
}

.after-sales-header::before {
    position: absolute;
    top: 0px;
    z-index: 10;
    height: 100%;
    width: 100%;
    content: var(--tw-content);
    background-image: linear-gradient(149deg, #003D79, #003D7999, #003D7900);
}

@media (min-width: 1280px) {

    .after-sales-header::before {
        left: -40%;
        top: 0px;
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
        --tw-gradient-from: #003D79 var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), #003D79 var(--tw-gradient-via-position), var(--tw-gradient-to);
        content: var(--tw-content);
        --tw-gradient-to: transparent var(--tw-gradient-to-position);
    }
}

.after-sales-header__background-image {
    position: fixed;
    top: 5rem;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 1024px) {

    .after-sales-header__background-image {
        top: 0px;
    }
}

@media (min-width: 1280px) {

    .after-sales-header__background-image {
        position: absolute;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        object-position: center;
    }
}

@media (min-width: 1536px) {

    .after-sales-header__background-image {
        object-position: left;
    }
}

.after-sales-header__content {
    position: relative;
    z-index: 10;
    margin-bottom: 11.5rem;
    margin-top: 2.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px) {

    .after-sales-header__content {
        margin-top: 7rem;
    }
}

@media (min-width: 1280px) {

    .after-sales-header__content {
        margin-bottom: 16rem;
        margin-top: 9rem;
    }
}

.after-sales-header__title {
    margin-bottom: 5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 2.5rem;;
    line-height: 3.313rem;
    font-weight: 400;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .after-sales-header__title {
        margin-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 1280px) {

    .after-sales-header__title {
        padding-left: 0px;
        font-size: 3.75rem;;
        line-height: 4.938rem;
    }
}

.after-sales-header__description {
    position: relative;
    margin-bottom: 3rem;
    width: 100%;
    background-image: linear-gradient(270deg, #00A8FF00 0%, #0BACFFEB 80%, #00A8FF 100%);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 3rem;
    padding-top: 3.5rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.after-sales-header__description::before {
    position: absolute;
    left: -20rem;
    top: 0px;
    height: 100%;
    width: 20rem;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {

    .after-sales-header__description {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media (min-width: 1024px) {

    .after-sales-header__description {
        width: 60rem;
        padding-right: 8rem;
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

@media (min-width: 1280px) {

    .after-sales-header__description {
        width: 48rem;
        padding-left: 0px;
    }
}

.after-sales-objectives {
    position: relative;
    grid-column: span 12 / span 12;
    display: flex;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .after-sales-objectives {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .after-sales-objectives {
        --tw-bg-opacity: 1 !important;
    }
}

.after-sales-objectives::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    background-size: auto;
    background-position: bottom left;
    content: var(--tw-content);
    opacity: 0.5;
}

@media (min-width: 1024px) {

    .after-sales-objectives::before {
        background-size: cover;
        background-position: left;
        content: var(--tw-content);
        opacity: 1;
    }
}

@media (min-width: 1280px) {

    .after-sales-objectives {
        padding-bottom: 5rem;
        padding-top: 6rem;
    }
}

@media (min-width: 1536px) {

    .after-sales-objectives {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.after-sales-objectives__description {
    font-size: 1.125rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .after-sales-objectives__description {
        font-size: 1.375rem;
        line-height: 1.875rem;
    }
}

.after-sales-objectives__description h3 {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.after-sales-objectives__description p + p {
    margin-top: 1.75rem;
}

.after-sales__modal-overlay {
    position: fixed;
    top: 0px;
    z-index: 1000;
    display: none;
    height: 100%;
    width: 100%;
    background-color: rgb(0 61 121 / 0.8);
    --tw-backdrop-blur: blur(12px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.after-sales__contact-form-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1001;
    display: none;
    max-height: 90%;
    width: 91.666667%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    overflow-y: auto;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .after-sales__contact-form-modal {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .after-sales__contact-form-modal {
        --tw-bg-opacity: 1 !important;
    }
}

@media (min-width: 1024px) {

    .after-sales__contact-form-modal {
        width: 33.333333%;
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media (min-width: 1280px) {

    .after-sales__contact-form-modal {
        width: 25%;
    }
}

.homepage-products-container--after-sales::before {
    content: var(--tw-content);
    top: 0px;
}

.homepage-products-container--after-sales .homepage-products-container__content > .homepage-product-bg-image {
    margin-bottom: 0px;
}

.sustainability-social-impacts-container--after-sales .sustainability-social-impact__background-image--mobile {
    object-position: bottom;
}

.sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__title {
    font-weight: 500;
}

.sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact__right-box .sustainability-social-impact__content, .sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact__left-box .sustainability-social-impact__content {
    justify-content: center;
    padding-top: 0px;
}

.sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact__right-box .sustainability-social-impact__title, .sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact__left-box .sustainability-social-impact__title {
    font-weight: 500;
    text-transform: none;
}

.sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact__right-box .sustainability-social-impact__description, .sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact__left-box .sustainability-social-impact__description {
    font-weight: 300;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact:nth-child(even) .sustainability-social-impact__right-box .sustainability-social-impact__content {
        padding-left: 15rem;
    }
}

@media (min-width: 1536px) {

    .sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact:nth-child(even) .sustainability-social-impact__right-box .sustainability-social-impact__content {
        padding-left: 23rem;
    }
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact:nth-child(odd) .sustainability-social-impact__right-box .sustainability-social-impact__content {
        padding-right: 15rem;
    }
}

@media (min-width: 1536px) {

    .sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact:nth-child(odd) .sustainability-social-impact__right-box .sustainability-social-impact__content {
        padding-right: 23rem;
    }
}

.sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .small-bottom-strip-box__link-content {
    margin-top: 2rem;
    padding: 0px;
}

.sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact--mobile--after-sales {
    min-height: 800px;
}

@media (min-width: 768px) {

    .sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact--mobile--after-sales {
        min-height: auto;
    }
}

.sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact--mobile--after-sales .sustainability-social-impact__top-box {
    height: 100%;
}

.sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact--mobile--after-sales .sustainability-social-impact__central-logo {
    margin-bottom: 2rem;
}

.sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact--mobile--after-sales .sustainability-social-impact__title--mobile {
    padding-right: 0px;
    font-weight: 500;
    text-transform: none;
}

.sustainability-social-impacts-container--after-sales .sustainability-social-impacts-container__content .sustainability-social-impact--mobile--after-sales .sustainability-social-impact__description--mobile {
    font-weight: 300;
}

.common-styles, .simple-content-block h1, .simple-content-block h2, .simple-content-block h3, .simple-content-block h4, .simple-content-block h5, .simple-content-block h6 {
    color: #003b75;
    line-height: 1.1;
    margin: 10px 0
}

.simple-content-block h1, .simple-content-block .h1 {
    font-size: 46px
}

.simple-content-block h2, .simple-content-block .h2 {
    font-size: 38px
}

.simple-content-block .heading2 {
    color: #003b75;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.14px;
    line-height: 38px
}

.simple-content-block .lead-text, .simple-content-block .content p.lead-text, .simple-content-block .lead-text.content p {
    color: #003b75;
    font-size: 24px;
    letter-spacing: -0.12px;
    line-height: 38px
}

.simple-content-block .heading3 {
    color: #d40009;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.4px;
    line-height: 25px
}

.simple-content-block .content p {
    color: #003b75;
    font-size: 18px;
    letter-spacing: -0.14px;
    line-height: 26px;
    margin-bottom: 26px
}

.simple-content-block .content .heading3 {
    margin-bottom: 26px
}

.homepage-global-presence {
    position: relative;
}

.homepage-global-presence::after {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    content: var(--tw-content);
    background-color: rgb(0 61 121 / 0.75);
}

.homepage-global-presence__background-image {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.homepage-global-presence__background-image--mobile {
    position: relative;
}

.homepage-global-presence__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .homepage-global-presence__content {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .homepage-global-presence__content {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .homepage-global-presence__content {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .homepage-global-presence__content {
        max-width: 1280px;
    }
}

.modal-video__content .homepage-global-presence__content {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.homepage-global-presence__content-titles {
    position: relative;
    z-index: 10;
    margin-top: -16rem;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.625rem;
    padding-right: 3rem;
    padding-top: 4.625rem;
    padding-bottom: 2.875rem;
    padding-left: 2.25rem;
}

@media (min-width: 1024px) {

    .homepage-global-presence__content-titles {
        margin-top: 0px;
    }
}

@media (min-width: 1536px) {

    .homepage-global-presence__content-titles {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.homepage-global-presence__content-titles h2 {
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .homepage-global-presence__content-titles h2 {
        font-size: 3.125rem;;
        line-height: 4.125rem;
    }
}

.homepage-global-presence__content-titles h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .homepage-global-presence__content-titles h3 {
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

.homepage-global-presence__content-items {
    position: relative;
    z-index: 10;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 2.25rem;
    padding-top: 4.375rem;
    padding-bottom: 5rem;
    padding-right: 2.25rem;
}

@media (min-width: 1024px) {

    .applications-text-image.homepage-global-presence__content-items:last-of-type {
        margin-bottom: 4rem;
    }
}

.homepage-global-presence__content-items::before {
    position: absolute;
    left: -100%;
    top: 0px;
    height: 100%;
    width: 100%;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.homepage-global-presence__content-items::after {
    position: absolute;
    height: 2.25rem;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .homepage-global-presence__content-items {
        flex-direction: row;
        gap: 7.5rem;
        padding-right: 9.25rem;
    }
}

@media (min-width: 1280px) {

    .homepage-global-presence__content-items {
        width: 91.666667%;
    }
}

@media (min-width: 1536px) {

    .homepage-global-presence__content-items {
        padding-left: 0px;
    }
}

.homepage-global-presence__title {
    font-size: 3.125rem;;
    line-height: 4.125rem;
    font-weight: 700;
    text-transform: capitalize;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.homepage-global-presence__subtitle {
    font-size: 1.5rem;;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.homepage-global-presence__link {
    grid-column: span 3 / span 3;
    display: flex;
    cursor: pointer;
    align-items: center;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image.homepage-global-presence__link:last-of-type {
        margin-bottom: 4rem;
    }
}

.homepage-global-presence__link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.homepage-global-presence__bottom-strip {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .homepage-global-presence__bottom-strip {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .homepage-global-presence__bottom-strip {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .homepage-global-presence__bottom-strip {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .homepage-global-presence__bottom-strip {
        max-width: 1280px;
    }
}

.homepage-global-presence__bottom-strip {
    position: relative;
    height: 2.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

.modal-video__content .homepage-global-presence__bottom-strip {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.homepage-global-presence__bottom-strip::before {
    position: absolute;
    left: 0px;
    height: 100%;
    width: 2.25rem;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.homepage-global-presence__bottom-strip::after {
    position: absolute;
    right: -100%;
    height: 100%;
    width: 100%;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

@media (min-width: 640px) {

    .homepage-global-presence__bottom-strip::before {
        left: -100%;
        content: var(--tw-content);
        width: 100%;
    }
}

.newsletter-banner {
    position: relative;
    grid-column: span 12 / span 12;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image.newsletter-banner:last-of-type {
        margin-bottom: 4rem;
    }
}

@media (max-width: 768px) {

    .newsletter-banner {
        margin-bottom: 0.75rem;
    }
}

.newsletter-banner__background-image {
    position: absolute;
    display: none;
    height: 100%;
    width: 100%;
}

@media (min-width: 1280px) {

    .newsletter-banner__background-image {
        display: block;
    }
}

.newsletter-banner__background-image--mobile {
    display: block;
}

@media (min-width: 1024px) {

    .newsletter-banner__background-image--mobile {
        display: none;
    }
}

.newsletter-banner__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .newsletter-banner__content {
        max-width: 420px;
    }
}

@media (min-width: 768px) {

    .newsletter-banner__content {
        max-width: 640px;
    }
}

@media (min-width: 1024px) {

    .newsletter-banner__content {
        max-width: 980px;
    }
}

@media (min-width: 1280px) {

    .newsletter-banner__content {
        max-width: 1180px;
    }
}

.newsletter-banner__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2.75rem;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    padding-bottom: 3rem;
    padding-top: 3.5rem;
}

@media (min-width: 1024px) {

    .newsletter-banner__content {
        flex-direction: row;
        gap: 10rem;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 7.5rem;
        padding-top: 6rem;
    }
}

.newsletter-banner__content-text {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

@media (min-width: 1024px) {

    .newsletter-banner__content-text {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.newsletter-banner__title {
    margin-bottom: 1.25rem;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .newsletter-banner__title {
        margin-bottom: 0.5rem;
        font-size: 2.5rem;;
        line-height: 3.313rem;
    }
}

.newsletter-banner__subtitle {
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.newsletter-banner__link {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.newsletter-banner__link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .newsletter-banner__link {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
        font-weight: 400;
        text-transform: none;
    }
}

.newsletter-subscribe {
    position: relative;
    grid-column: span 12 / span 12;
}

.newsletter-subscribe::after {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20%;
    width: 100%;
    background-image: linear-gradient(189deg, #003D79, #003D7900);
    content: var(--tw-content);
    opacity: 0.75;
}

@media (min-width: 1024px) {

    .newsletter-subscribe::after {
        height: 100%;
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    }
}

.newsletter-subscribe__background-image {
    position: absolute;
    top: 0px;
    height: auto;
    min-height: 20rem;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 1024px) {

    .newsletter-subscribe__background-image {
        height: 100%;
    }
}

.newsletter-subscribe__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .newsletter-subscribe__content {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .newsletter-subscribe__content {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .newsletter-subscribe__content {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .newsletter-subscribe__content {
        max-width: 1280px;
    }
}

.newsletter-subscribe__content {
    position: relative;
    z-index: 10;
}

.modal-video__content .newsletter-subscribe__content {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 768px) {

    .newsletter-subscribe__content {
        max-width: none;
    }
}

@media (min-width: 769px) and (max-width: 1023px) {

    .newsletter-subscribe__content {
        max-width: none;
    }
}

.newsletter-subscribe__content-titles {
    margin-bottom: 5.75rem;
    display: none;
    flex-direction: column;
}

@media (min-width: 1024px) {

    .newsletter-subscribe__content-titles {
        display: flex;
    }
}

.newsletter-subscribe__content-items {
    position: relative;
    z-index: 10;
    margin-top: 12.5rem;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-bottom: 4rem;
}

@media (min-width: 1024px) {

    .applications-text-image.newsletter-subscribe__content-items:last-of-type {
        margin-bottom: 4rem;
    }
}

.newsletter-subscribe__content-items::before {
    position: absolute;
    left: -100%;
    height: 100%;
    width: 100%;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .newsletter-subscribe__content-items {
        margin-top: 16rem;
    }
}

.newsletter-subscribe__title {
    font-size: 3.125rem;;
    line-height: 4.125rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.newsletter-subscribe__subtitle {
    margin-bottom: 1rem;
    padding-top: 6.5rem;
    font-size: 1.5rem;;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.newsletter-subscribe__iframe-container {
    order: 2;
    grid-column: span 12 / span 12;
}

@media (min-width: 1024px) {

    .newsletter-subscribe__iframe-container {
        order: 1;
        grid-column: span 7 / span 7;
        margin-top: -10.625rem;
    }
}

@media (min-width: 1280px) {

    .newsletter-subscribe__iframe-container {
        grid-column: span 6 / span 6;
    }
}

.newsletter-subscribe__claim-container {
    order: 1;
    grid-column: span 12 / span 12;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 4.375rem;
}

@media (min-width: 1024px) {

    .newsletter-subscribe__claim-container {
        order: 2;
        grid-column: span 5 / span 5;
        padding-left: 4.375rem;
        padding-right: 6.5rem;
    }
}

@media (min-width: 1280px) {

    .newsletter-subscribe__claim-container {
        grid-column: span 6 / span 6;
    }
}

.newsletter-subscribe__claim-container p {
    margin-bottom: 2.25rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .newsletter-subscribe__claim-container p {
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

@media (min-width: 1280px) {

    .newsletter-subscribe__claim-container p {
        font-style: italic;
    }
}

.slick-slide {
    position: relative;
}

.slick-slide img.slick-slide-img {
    display: none;
}

@media (min-width: 640px) {

    .slick-slide img.slick-slide-img {
        display: block;
    }
}

.slick-slide img.slick-slide-img-overlay {
    position: absolute;
    bottom: 0px;
    z-index: 10;
}

.slick-slide img.slick-slide-img--mobile {
    display: block;
    max-height: 37.5rem;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 640px) {

    .slick-slide img.slick-slide-img--mobile {
        display: none;
    }
}

.slide-controls {
    display: flex;
    width: 10rem;
    flex-direction: row-reverse;
    column-gap: 0.625rem;
}

@media (min-width: 768px) {

    .slide-controls {
        height: 14rem;
        flex-direction: column;
    }
}

@media (min-width: 1280px) {

    .slide-controls {
        height: 13rem;
    }
}

@media (min-width: 1536px) {

    .slide-controls {
        height: 15.75rem;
    }
}

.slide-controls__container {
    position: absolute;
    bottom: 0.75rem;
    right: 1.25rem;
    display: flex;
    flex-direction: row;
}

@media (min-width: 768px) {

    .slide-controls__container {
        bottom: 0px;
        right: 0px;
    }
}

@media (min-width: 1280px) {

    .slide-controls__container {
        left: 48rem;
    }
}

@media (min-width: 1536px) {

    .slide-controls__container {
        left: 60rem;
    }
}

.slick-arrow {
    z-index: 20;
    display: flex;
    cursor: pointer;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.slick-arrow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(4 133 199 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {

    .slick-arrow {
        height: 50%;
        padding: 2.5rem;
    }
}

@media (min-width: 1536px) {

    .slick-arrow {
        padding: 3rem;
    }
}

@media (min-width: 768px) {

    .prev-slide img, .next-slide img {
        height: 30px;
        width: 30px;
    }
}

.prev-slide--desktop, .next-slide--desktop {
    display: none;
}

@media (min-width: 768px) {

    .prev-slide--desktop, .next-slide--desktop {
        display: block;
    }
}

.prev-slide--mobile, .next-slide--mobile {
    display: block;
}

@media (min-width: 768px) {

    .prev-slide--mobile, .next-slide--mobile {
        display: none;
    }
}

.production-units__container {
    display: none;
}

@media (min-width: 1024px) {

    .production-units__container {
        display: flex;
    }
}

.production-units__container--mobile {
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .production-units__container--mobile {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .production-units__container--mobile {
        --tw-bg-opacity: 1 !important;
    }
}

@media (min-width: 1024px) {

    .production-units__container--mobile {
        display: none;
    }
}

.production-units-title {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    padding-left: 7rem;
    padding-right: 7rem;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 500;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.production-units-list {
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    --tw-shadow: 0px 3px 6px #0000001A;
    --tw-shadow-colored: 0px 3px 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .production-units-list {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .production-units-list {
        --tw-bg-opacity: 1 !important;
    }
}

@media (min-width: 1024px) {

    .production-units-list {
        width: 250px;
        min-width: 250px;
    }
}

@media (min-width: 1280px) {

    .production-units-list {
        width: 300px;
        min-width: 300px;
    }
}

@media (min-width: 1536px) {

    .production-units-list {
        width: 350px;
        min-width: 350px;
    }
}

.production-units-map {
    position: relative;
    width: 100%;
    background-image: linear-gradient(180deg, #003161 0%, #003D79 100%);
}

.production-units-map__background {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: bottom;
}

.production-units-list {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.production-units-list::-webkit-scrollbar {
    display: none;
}

.production-units-list-card {
    border-left-width: 10px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 700ms;
}

.production-units-list-card:nth-child(odd) {
    --tw-border-opacity: 1;
    border-left-color: rgb(0 78 141 / var(--tw-border-opacity));
    background-image: linear-gradient(270deg, #00A8FF00 0%, #00A8FF27 100%);
}

.production-units-list-card:nth-child(even) {
    border-left-color: transparent;
}

.production-units-list-card:hover {
    --tw-border-opacity: 1;
    border-left-color: rgb(0 168 255 / var(--tw-border-opacity));
}

.production-units-list-card--mobile {
    position: relative;
    padding: 1.75rem;
}

.production-units-list-card-overlay--mobile {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(0deg, #00A8FF00 0%, #00A8FFAC 50%, #00A8FF 100%);
    opacity: 0.5;
}

.production-units-list-card-header--mobile {
    position: relative;
    z-index: 10;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
}

.production-units-list-card-header-text--mobile {
    margin-left: 1.75rem;
}

.production-units-list-country-name--mobile {
    margin-bottom: 0.375rem;
    font-size: 1.5rem;;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.production-units-list-name {
    margin-bottom: 0.125rem;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.production-units-list-name--mobile {
    position: relative;
    z-index: 10;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.production-units-list-address {
    margin-bottom: 1rem;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.313rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(224 224 224 / var(--tw-text-opacity));
}

.production-units-list-address--mobile {
    font-size: 1rem;
    line-height: 1.313rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.production-units-list-description {
    margin-bottom: 1.5rem;
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(224 224 224 / var(--tw-text-opacity));
}

.production-units-list-description--mobile {
    position: relative;
    z-index: 10;
    margin-bottom: 1.5rem;
    font-size: .875rem;
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.production-units-list-url {
    display: flex;
    width: fit-content;
    align-items: baseline;
}

.production-units-list-url--mobile {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: baseline;
}

.production-units-list-url--mobile span {
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.production-units-list-url-arrow--mobile {
    margin-left: 0.5rem;
    object-fit: contain;
}

.production-units-list-url span {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding-bottom: 0.125rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.production-units-list-url--arrow {
    margin-left: -2.5rem;
    object-fit: contain;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.production-units-list__container {
    display: none;
}

.production-units-list__container--active {
    display: block;
}

.production-units-country {
    margin-bottom: 1rem;
}

@media (min-width: 1280px) {

    .production-units-country {
        margin-bottom: 1.25rem;
    }
}

.production-units-country__image {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    max-height: 100%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.production-units-country__image--active {
    display: block;
}

.production-units-country--active button {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

.production-units-country button {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.production-units-country button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

@media (min-width: 1280px) {

    .production-units-country button {
        font-size: .875rem;
        line-height: 1.188rem;
    }
}

.production-units-country--mobile {
    margin-bottom: 0px;
}

.production-units-country--mobile:last-child {
    margin-right: 0.75rem;
}

.production-units-country--mobile button {
    text-wrap: nowrap;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
}

.production-units-country + .production-units-country {
    margin-left: 1.25rem;
}

@media (min-width: 1024px) {

    .production-units-country + .production-units-country {
        margin-left: 0.75rem;
    }
}

@media (min-width: 1280px) {

    .production-units-country + .production-units-country {
        margin-left: 1.75rem;
    }
}

.production-units-countries-list {
    position: absolute;
    bottom: 0px;
    z-index: 2;
    display: flex;
    width: 100%;
    list-style-type: none;
    flex-wrap: wrap;
    justify-content: center;
}

.production-units-countries-list--mobile {
    margin-left: 0.75rem;
    margin-bottom: 0.75rem;
    display: flex;
    list-style-type: none;
    overflow-x: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.production-unit-detail {
    position: relative;
    grid-column: span 12 / span 12;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    padding-left: 0px;
    padding-right: 0px;
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .production-unit-detail {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .production-unit-detail {
        --tw-bg-opacity: 1 !important;
    }
}

@media (min-width: 1024px) {

    .production-unit-detail {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.production-unit-detail-header__main-image {
    position: absolute;
    right: 0px;
    z-index: 10;
    display: none;
    height: 470px;
    width: 1045px;
}

.production-unit-detail-header__main-image::after {
    position: absolute;
    top: 0px;
    left: 20rem;
    display: none;
    height: 100%;
    width: 100%;
    content: var(--tw-content);
    background-image: linear-gradient(90deg, #003D79 20%, #003D7900 100%);
}

@media (min-width: 1024px) {

    .production-unit-detail-header__main-image {
        display: block;
        padding-left: 20rem;
    }

    .production-unit-detail-header__main-image::after {
        content: var(--tw-content);
        display: block;
    }
}

@media (min-width: 1536px) {

    .production-unit-detail-header__main-image {
        padding-left: 0px;
    }

    .production-unit-detail-header__main-image::after {
        content: var(--tw-content);
        left: 0px;
    }
}

.production-unit-detail-header__main-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: left;
}

.production-unit-detail-header__main-image--mobile {
    position: relative;
    margin-bottom: 3rem;
    margin-left: 1.75rem;
    display: block;
    height: 222px;
    width: 620px;
}

.production-unit-detail-header__main-image--mobile::before {
    position: absolute;
    left: -1.75rem;
    bottom: 0px;
    height: 50%;
    width: 1.75rem;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

@media (min-width: 640px) {

    .production-unit-detail-header__main-image--mobile {
        width: 840px;
    }
}

@media (min-width: 768px) {

    .production-unit-detail-header__main-image--mobile {
        width: 1024px;
    }
}

@media (min-width: 1024px) {

    .production-unit-detail-header__main-image--mobile {
        display: none;
    }
}

.production-unit-detail-header__titles {
    z-index: 20;
    margin-bottom: 2.75rem;
    padding-left: 2.5rem;
}

@media (min-width: 640px) {

    .production-unit-detail-header__titles {
        padding-left: 2rem;
    }
}

@media (min-width: 1024px) {

    .production-unit-detail-header__titles {
        margin-top: 6rem;
        margin-bottom: 6rem;
        display: block;
        padding-left: 0px;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {

    .production-unit-detail-header__titles {
        padding-left: 1rem;
    }
}

.production-unit-detail-header__titles-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .production-unit-detail-header__titles-container {
        max-width: 768px;
    }
}

@media (min-width: 768px) {

    .production-unit-detail-header__titles-container {
        max-width: 1024px;
    }
}

@media (min-width: 1024px) {

    .production-unit-detail-header__titles-container {
        max-width: 1440px;
    }
}

@media (min-width: 1280px) {

    .production-unit-detail-header__titles-container {
        max-width: 1920px;
    }
}

.production-unit-detail-header__titles-container {
    position: relative;
    display: flex;
    min-height: 20rem;
    flex-direction: column;
    justify-content: flex-end;
}

@media (min-width: 1024px) {

    .production-unit-detail-header__titles-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 640px) {

        .production-unit-detail-header__titles-container {
            max-width: 640px;
        }
    }

    @media (min-width: 768px) {

        .production-unit-detail-header__titles-container {
            max-width: 768px;
        }
    }

    @media (min-width: 1024px) {

        .production-unit-detail-header__titles-container {
            max-width: 1024px;
        }
    }

    @media (min-width: 1280px) {

        .production-unit-detail-header__titles-container {
            max-width: 1280px;
        }
    }

    .production-unit-detail-header__titles-container {
        min-height: 0px;
    }
}

.production-unit-detail-header__subtitle {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .production-unit-detail-header__subtitle {
        font-size: 1.375rem;
        line-height: 1.875rem;
    }
}

@media (min-width: 1280px) {

    .production-unit-detail-header__subtitle {
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

.production-unit-detail-header__title {
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 700;
    text-transform: capitalize;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .production-unit-detail-header__title {
        font-size: 2.25rem;;
        line-height: 3rem;
    }
}

@media (min-width: 1280px) {

    .production-unit-detail-header__title {
        font-size: 3.125rem;;
        line-height: 4.125rem;
    }
}

.production-unit-detail-header__image-mobile {
    position: absolute;
    top: 0px;
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 1024px) {

    .production-unit-detail-header__image-mobile {
        display: none;
    }
}

.production-unit-detail-header__overlay-mobile {
    position: absolute;
    top: 0px;
    z-index: 10;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(0deg, #003D79 0%, #003D7900 70%);
}

@media (min-width: 1024px) {

    .production-unit-detail-header__overlay-mobile {
        display: none;
    }
}

.production-unit-detail-main-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .production-unit-detail-main-content {
        max-width: 768px;
    }
}

@media (min-width: 768px) {

    .production-unit-detail-main-content {
        max-width: 1024px;
    }
}

@media (min-width: 1024px) {

    .production-unit-detail-main-content {
        max-width: 1440px;
    }
}

@media (min-width: 1280px) {

    .production-unit-detail-main-content {
        max-width: 1920px;
    }
}

.production-unit-detail-main-content {
    position: relative;
    z-index: 10;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-bottom: 0px;
}

@media (min-width: 1024px) {

    .applications-text-image.production-unit-detail-main-content:last-of-type {
        margin-bottom: 4rem;
    }

    .production-unit-detail-main-content {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 640px) {

        .production-unit-detail-main-content {
            max-width: 640px;
        }
    }

    @media (min-width: 768px) {

        .production-unit-detail-main-content {
            max-width: 768px;
        }
    }

    @media (min-width: 1024px) {

        .production-unit-detail-main-content {
            max-width: 1024px;
        }
    }

    @media (min-width: 1280px) {

        .production-unit-detail-main-content {
            max-width: 1280px;
        }
    }

    .production-unit-detail-main-content {
        margin-top: 11rem;
        padding-bottom: 4.5rem;
    }

    .production-unit-detail-main-content::before {
        position: absolute;
        margin-left: -20rem;
        height: 100%;
        width: 20rem;
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
}

@media (min-width: 1280px) {

    .production-unit-detail-main-content {
        margin-top: 9.75rem;
    }
}

.production-unit-detail-main-content__container {
    margin-bottom: 3rem;
    display: grid;
    grid-template-columns: repeat(24, 1fr);
}

@media (min-width: 1024px) {

    .production-unit-detail-main-content__container {
        margin-bottom: 4.5rem;
    }
}

.production-unit-detail-main-content__image {
    z-index: 20;
    grid-column: span 13 / span 13;
    margin-top: -5rem;
    display: none;
    min-height: 415px;
    background-size: cover;
    background-position: center;
}

@media (min-width: 1024px) {

    .production-unit-detail-main-content__image {
        display: block;
    }
}

@media (min-width: 1280px) {

    .production-unit-detail-main-content__image {
        margin-top: -10rem;
    }
}

.production-unit-detail-main-content__description {
    grid-column: span 24 / span 24;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 1.5rem;
}

@media (min-width: 1024px) {

    .production-unit-detail-main-content__description {
        grid-column: span 11 / span 11;
        gap: 3rem;
        padding-left: 4.5rem;
        padding-right: 4.5rem;
        padding-top: 0px;
    }
}

.production-unit-detail-main-content__description-text {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 3rem;
    font-family: Roboto, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .production-unit-detail-main-content__description-text {
        margin-top: 2rem;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

@media (max-width: 768px) {

    .production-unit-detail-main-content__description-text {
        line-height: 2rem;
    }
}

.production-unit-detail-main-content__description-link {
    margin-left: 2rem;
    display: flex;
    width: fit-content;
    flex-direction: row;
    align-items: baseline;
    white-space: nowrap;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding-bottom: 0.625rem;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .production-unit-detail-main-content__description-link {
        margin-left: 0px;
    }
}

.production-unit-detail-main-content__description-link-arrow {
    margin-left: 1.25rem;
    object-fit: contain;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

@media (min-width: 1024px) {

    .production-unit-detail-main-content__description-link-arrow {
        margin-left: 0px;
        width: 0px;
        opacity: 0;
    }
}

.production-unit-detail-content {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 1024px) {

    .applications-text-image.production-unit-detail-content:last-of-type {
        margin-bottom: 4rem;
    }
}

.production-unit-detail-content::before {
    position: absolute;
    left: -20rem;
    top: 0px;
    height: 100%;
    width: 20rem;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.production-unit-detail-content::after {
    position: absolute;
    right: -20rem;
    top: 0px;
    height: 100%;
    width: 20rem;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.production-unit-detail-content__container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .production-unit-detail-content__container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .production-unit-detail-content__container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .production-unit-detail-content__container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .production-unit-detail-content__container {
        max-width: 1280px;
    }
}

.production-unit-detail-content__container {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 1.5rem;
    padding-bottom: 4.5rem;
}

.modal-video__content .production-unit-detail-content__container {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1024px) {

    .production-unit-detail-content__container {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 3.5rem;
        padding-bottom: 6.5rem;
    }
}

.production-unit-detail-content-box {
    display: none;
}

.production-unit-detail-content-box.active {
    display: block;
}

.production-unit-detail-content-box.production-unit-detail-documents.active, .production-unit-detail-content-box.production-unit-detail-certificates.active {
    display: flex;
}

.production-unit-detail-content-box p {
    margin-bottom: 1.25rem;
}

.production-unit-detail-content-box p, .production-unit-detail-content-box li {
    font-size: 1.125rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .production-unit-detail-content-box p, .production-unit-detail-content-box li {
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

.production-unit-detail-content-box ul {
    margin-bottom: 1.25rem;
    list-style-type: disc;
}

.production-unit-detail-content-box ul li {
    list-style-position: inside;
}

.production-unit-detail-navigation {
    display: flex;
    list-style-type: none;
    flex-direction: row;
    gap: 1.25rem;
    overflow-x: auto;
    padding-bottom: 2rem;
    padding-left: 0.75rem;
}

.production-unit-detail-navigation:last-child {
    margin-right: 1rem;
}

@media (min-width: 768px) {

    .production-unit-detail-navigation {
        padding-left: 3rem;
    }
}

@media (min-width: 1024px) {

    .production-unit-detail-navigation {
        padding-bottom: 0px;
    }

    .production-unit-detail-navigation:last-child {
        margin-right: 0px;
    }
}

@media (min-width: 1280px) {

    .production-unit-detail-navigation {
        gap: 5rem;
        overflow: hidden;
    }
}

@media (min-width: 1536px) {

    .production-unit-detail-navigation {
        padding-left: 0px;
    }
}

.production-unit-detail-navigation__item button {
    grid-column: span 3 / span 3;
    display: flex;
    cursor: pointer;
    align-items: center;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image.production-unit-detail-navigation__item button:last-of-type {
        margin-bottom: 4rem;
    }
}

.production-unit-detail-navigation__item button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.production-unit-detail-navigation__item button:disabled {
    cursor: default;
    opacity: 0.5;
}

.production-unit-detail-navigation__item button:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .production-unit-detail-navigation__item button {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.production-unit-detail-navigation__item.active button {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.production-unit-detail__resource-link {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
}

.production-unit-detail__resource-link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .production-unit-detail__resource-link {
        width: fit-content;
    }
}

.production-unit-detail__resource-link-text {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .875rem;
    line-height: 1.188rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .production-unit-detail__resource-link-text {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

.production-unit-detail__resource-link-image {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding: 1.5rem;
}

.production-unit-blue-description {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .production-unit-blue-description {
        max-width: 768px;
    }
}

@media (min-width: 768px) {

    .production-unit-blue-description {
        max-width: 1024px;
    }
}

@media (min-width: 1024px) {

    .production-unit-blue-description {
        max-width: 1440px;
    }
}

@media (min-width: 1280px) {

    .production-unit-blue-description {
        max-width: 1920px;
    }
}

.production-unit-blue-description {
    position: relative;
    display: none;
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding-left: 4.5rem;
    padding-right: 4.5rem;
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
}

@media (min-width: 1024px) {

    .production-unit-blue-description {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 640px) {

        .production-unit-blue-description {
            max-width: 640px;
        }
    }

    @media (min-width: 768px) {

        .production-unit-blue-description {
            max-width: 768px;
        }
    }

    @media (min-width: 1024px) {

        .production-unit-blue-description {
            max-width: 1024px;
        }
    }

    @media (min-width: 1280px) {

        .production-unit-blue-description {
            max-width: 1280px;
        }
    }
}

.production-unit-blue-description::after {
    position: absolute;
    right: -20rem;
    top: 0px;
    height: 100%;
    width: 20rem;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .production-unit-blue-description {
        display: block;
        padding-right: 7rem;
    }
}

.production-unit-blue-description p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .production-unit-blue-description p {
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

@media (max-width: 768px) {

    .production-unit-blue-description p {
        line-height: 2rem;
    }
}

.production-unit-blue-description--mobile {
    margin-bottom: 2rem;
    display: block;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2.75rem;
    padding-bottom: 1.5rem;
}

@media (min-width: 1024px) {

    .production-unit-blue-description--mobile {
        display: none;
    }
}

.production-unit-blue-description--mobile p {
    font-weight: 400;
    font-style: normal;
}

.production-unit-detail-overview__link {
    margin-top: 4rem;
    display: flex;
    width: fit-content;
    flex-direction: row;
    align-items: center;
    gap: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.production-unit-detail-overview__link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .production-unit-detail-overview__link {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.production-unit-detail-overview__link-image {
    --tw-brightness: brightness(0);
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group:hover .production-unit-detail-overview__link-image {
    filter: none;
}

.production-unit-detail-certificates, .production-unit-detail-documents {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 1.25rem;
    column-gap: 3rem;
}

@media (min-width: 1024px) {

    .production-unit-detail-certificates, .production-unit-detail-documents {
        row-gap: 5rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.production-unit-detail-contacts.active {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (min-width: 1024px) {

    .production-unit-detail-contacts.active {
        flex-direction: row;
    }
}

.production-unit-detail-contacts__content-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (min-width: 1024px) {

    .production-unit-detail-contacts__content-container {
        padding-top: 1.25rem;
        padding-left: 2rem;
    }
}

@media (min-width: 1280px) {

    .production-unit-detail-contacts__content-container {
        padding-left: 4.5rem;
    }
}

.production-unit-detail-contacts__content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1.25rem;
}

.production-unit-detail-contacts p {
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 500;
}

.production-unit-detail-contacts p .contacts-font-bold {
    font-weight: 700;
}

.production-unit-detail-contacts p a {
    font-style: italic;
}

.production-unit-detail-contacts p.production-unit-detail-contacts__title {
    margin-bottom: 1.25rem;
    padding-top: 0.25rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.production-unit-detail-contacts__link {
    margin-left: 3.5rem;
    margin-bottom: 6.5rem;
    display: flex;
    width: fit-content;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding-bottom: 0.625rem;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .production-unit-detail-contacts__link {
        margin-left: 0px;
        margin-bottom: 0px;
    }
}

.production-unit-detail-contacts__link-arrow {
    width: 0px;
    object-fit: contain;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.production-unit-detail-contacts__map {
    height: 100vh;
    max-height: 766px;
    width: 100%;
    border-width: 4px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
}

@media (min-width: 1024px) {

    .production-unit-detail-contacts__map {
        max-height: 396px;
        max-width: 634px;
    }
}

.sales-contact-detail-header {
    position: relative;
    overflow: hidden;
}

@media (min-width: 1024px) {

    .sales-contact-detail-header {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.sales-contact-detail-header__overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(0deg, #003D79 0%, #003D7900 70%);
}

@media (min-width: 1024px) {

    .sales-contact-detail-header__overlay {
        background-color: rgb(0 61 121 / 0.75);
    }
}

.sales-contact-detail-header__image {
    z-index: 10;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 1024px) {

    .sales-contact-detail-header__image {
        position: absolute;
        margin-left: -1rem;
        margin-right: -1rem;
    }
}

.sales-contact-detail-header__image-container-mobile {
    height: 20rem;
    overflow: hidden;
}

.sales-contact-detail-header-titles {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {

    .sales-contact-detail-header-titles {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .sales-contact-detail-header-titles {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .sales-contact-detail-header-titles {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .sales-contact-detail-header-titles {
        max-width: 1280px;
    }
}

.sales-contact-detail-header-titles {
    position: absolute;
    top: 12.5rem;
    left: 2.5rem;
    z-index: 40;
}

.modal-video__content .sales-contact-detail-header-titles {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1024px) {

    .sales-contact-detail-header-titles {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 5.75rem;
        padding-top: 6.5rem;
    }
}

.sales-contact-detail-header-titles__title {
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .sales-contact-detail-header-titles__title {
        font-size: 3.125rem;;
        line-height: 4.125rem;
        line-height: 66px;
    }
}

.sales-contact-detail-header-titles__subtitle {
    margin-bottom: 0.75rem;
    font-size: 1.5rem;;
    text-transform: uppercase;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .sales-contact-detail-header-titles__subtitle {
        font-weight: 700;
    }
}

.sales-contact-detail-header-content {
    position: relative;
    z-index: 30;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {

    .sales-contact-detail-header-content {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 640px) {

        .sales-contact-detail-header-content {
            max-width: 640px;
        }
    }

    @media (min-width: 768px) {

        .sales-contact-detail-header-content {
            max-width: 768px;
        }
    }

    @media (min-width: 1024px) {

        .sales-contact-detail-header-content {
            max-width: 1024px;
        }
    }

    @media (min-width: 1280px) {

        .sales-contact-detail-header-content {
            max-width: 1280px;
        }
    }

    .sales-contact-detail-header-content {
        padding-right: 7rem;
    }
}

.sales-contact-detail-header-content__description-container {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 1.5rem;
    padding-top: 1.5rem;
}

@media (min-width: 1024px) {

    .sales-contact-detail-header-content__description-container {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        padding-left: 0px;
        padding-top: 0px;
    }
}

@media (max-width: 1024px) {

    .sales-contact-detail-header-content__description-container::after {
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 25%;
        width: 100%;
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    }
}

.sales-contact-detail-header-content__country-box {
    position: relative;
    z-index: 40;
    order: 2;
    grid-column: span 7 / span 7;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .sales-contact-detail-header-content__country-box {
        order: 1;
    }
}

@media (max-width: 1024px) {

    .sales-contact-detail-header-content__country-box {
        max-height: 22.5rem;
    }
}

.sales-contact-detail-header-content__country-background {
    width: 100%;
}

.sales-contact-detail-header-content__country-flag {
    position: absolute;
    left: 1.125rem;
    top: 1.125rem;
    width: 5rem;
}

@media (min-width: 1024px) {

    .sales-contact-detail-header-content__country-flag {
        left: 3rem;
        top: 3rem;
        width: auto;
    }
}

.sales-contact-detail-header-content__description-text-container {
    position: relative;
    order: 1;
    grid-column: span 5 / span 5;
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-right: 1.5rem;
}

@media (min-width: 1024px) {

    .applications-text-image.sales-contact-detail-header-content__description-text-container:last-of-type {
        margin-bottom: 4rem;
    }
}

.sales-contact-detail-header-content__description-text-container::before {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 100%;
    width: 100vw;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .sales-contact-detail-header-content__description-text-container {
        order: 2;
        margin-bottom: 0px;
        padding-right: 5rem;
        padding-top: 4.375rem;
        padding-left: 4.375rem;
    }
}

@media (min-width: 1280px) {

    .sales-contact-detail-header-content__description-text-container {
        place-self: end;
        padding-right: 6.5rem;
    }
}

.sales-contact-detail-header-content__description-text {
    z-index: 40;
    margin-bottom: 2rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .sales-contact-detail-header-content__description-text {
        margin-bottom: 2.75rem;
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

.sales-contact-detail-header-content__description-link {
    z-index: 40;
    margin-left: 0px;
    display: flex;
    width: fit-content;
    flex-direction: row;
    align-items: baseline;
    white-space: nowrap;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding-bottom: 0.625rem;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

.sales-contact-detail-header-content__description-link-arrow {
    margin-left: 1.25rem;
    object-fit: contain;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

@media (min-width: 1024px) {

    .sales-contact-detail-header-content__description-link-arrow {
        margin-left: 0px;
        width: 0px;
        opacity: 0;
    }
}

.sales-contact-detail-header-content__sales-unit-buttons {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 2.5rem;
    padding-bottom: 1rem;
}

@media (min-width: 1024px) {

    .applications-text-image.sales-contact-detail-header-content__sales-unit-buttons:last-of-type {
        margin-bottom: 4rem;
    }
}

.sales-contact-detail-header-content__sales-unit-buttons::before {
    position: absolute;
    top: 0px;
    left: -100%;
    height: 100%;
    width: 100%;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .sales-contact-detail-header-content__sales-unit-buttons {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 3.5rem;
        padding-bottom: 4.375rem;
    }
}

.sales-contact-detail-header-content__sales-unit-buttons-list {
    display: flex;
    flex-direction: row;
    column-gap: 1.125rem;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 1.5rem;
}

@media (min-width: 1024px) {

    .sales-contact-detail-header-content__sales-unit-buttons-list {
        padding-right: 1rem;
    }
}

.sales-contact-detail-header-content__sales-unit-button {
    grid-column: span 3 / span 3;
    margin-top: 0.25rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .applications-text-image.sales-contact-detail-header-content__sales-unit-button:last-of-type {
        margin-bottom: 4rem;
    }
}

.sales-contact-detail-header-content__sales-unit-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sales-contact-detail-header-content__sales-unit-button:disabled {
    cursor: default;
    opacity: 0.5;
}

.sales-contact-detail-header-content__sales-unit-button:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.sales-contact-detail-unit-tab {
    position: relative;
}

@media (min-width: 1024px) {

    .sales-contact-detail-unit-tab {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.sales-contact-detail-unit-tab__container {
    position: relative;
    margin-bottom: 1.125rem;
    display: flex;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding-top: 1rem;
}

@media (min-width: 1024px) {

    .sales-contact-detail-unit-tab__container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 640px) {

        .sales-contact-detail-unit-tab__container {
            max-width: 640px;
        }
    }

    @media (min-width: 768px) {

        .sales-contact-detail-unit-tab__container {
            max-width: 768px;
        }
    }

    @media (min-width: 1024px) {

        .sales-contact-detail-unit-tab__container {
            max-width: 1024px;
        }
    }

    @media (min-width: 1280px) {

        .sales-contact-detail-unit-tab__container {
            max-width: 1280px;
        }
    }
}

.sales-contact-detail-unit-tab__container::before {
    position: absolute;
    right: 100%;
    top: 0px;
    height: 100%;
    width: 100%;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.sales-contact-detail-unit-tab__container::after {
    position: absolute;
    top: 0px;
    right: -50%;
    display: none;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    --tw-content: url("/static/img/sales-contact-lines.png");
    content: var(--tw-content);
}

@media (min-width: 1024px) {

    .sales-contact-detail-unit-tab__container {
        margin-bottom: 6rem;
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        padding-top: 4.5rem;
    }

    .sales-contact-detail-unit-tab__container::after {
        content: var(--tw-content);
        display: block;
    }
}

.sales-contact-detail-unit-tab__unit-info {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240 / var(--tw-bg-opacity));
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 5rem;
    padding-bottom: 10rem;
}

.sales-contact-detail-unit-tab__unit-info::before {
    position: absolute;
    right: 100%;
    top: 0px;
    height: 100%;
    width: 100%;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .sales-contact-detail-unit-tab__unit-info {
        grid-column: span 6 / span 6;
        width: auto;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }
}

.sales-contact-detail-unit-tab__unit-info-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1.25rem;
}

@media (max-width: 1024px) {

    .sales-contact-detail-unit-tab__unit-info-container {
        justify-content: center;
    }
}

.sales-contact-detail-unit-tab__unit-info-title {
    margin-bottom: 1.75rem;
    padding-top: 0.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.sales-contact-detail-unit-tab__unit-info-logo {
    min-width: 35px;
}

.sales-contact-detail-unit-tab__unit-info-text p {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.313rem;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .sales-contact-detail-unit-tab__unit-info-text p {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
}

.sales-contact-detail-unit-tab__unit-info-text .contacts-font-bold {
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 700;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .sales-contact-detail-unit-tab__unit-info-text .contacts-font-bold {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

.sales-contact-detail-unit-tab__unit-link {
    margin-top: 0.625rem;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sales-contact-detail-unit-tab__unit-link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .sales-contact-detail-unit-tab__unit-link {
        width: fit-content;
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.sales-contact-detail-unit-tab__unit-link-image {
    --tw-brightness: brightness(0);
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group:hover .sales-contact-detail-unit-tab__unit-link-image {
    filter: none;
}

.sales-contact-detail-unit-tab__unit-contacts {
    z-index: 40;
    grid-column: span 6 / span 6;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2.5rem;
    padding-top: 3rem;
}

@media (min-width: 1024px) {

    .sales-contact-detail-unit-tab__unit-contacts {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
        padding-left: 6rem;
    }
}

@media (min-width: 1280px) {

    .sales-contact-detail-unit-tab__unit-contacts {
        padding-left: 11.5rem;
    }
}

@media (max-width: 1024px) {

    .sales-contact-detail-unit-tab__unit-contacts {
        width: 100%;
        align-items: center;
    }
}

.sales-contact-detail-unit-tab__unit-contacts-container {
    max-width: 100%;
}

.sales-contact-detail-unit-tab__unit-contacts-title {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .sales-contact-detail-unit-tab__unit-contacts-title {
        font-size: 1.5rem;;
        line-height: 2rem;
    }
}

.sales-contact-detail-unit-tab__unit-contacts-text {
    display: flex;
    flex-direction: column;
}

.sales-contact-detail-unit-tab__unit-contacts-text p {
    margin-bottom: 1.25rem;
    text-wrap: wrap;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .sales-contact-detail-unit-tab__unit-contacts-text p {
        margin-bottom: 1.75rem;
        font-size: 1.25rem;
        line-height: 1.25rem;
    }
}

.sales-contact-detail-unit-tab__unit-contacts-text a {
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sales-contact-detail-unit-tab__unit-contacts-text a:hover {
    text-decoration-line: underline;
}

@media (min-width: 1024px) {

    .sales-contact-detail-unit-tab__unit-contacts-text a {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
}

.sales-contact-detail-unit-tab__unit-contacts-text a[href^="mailto:"] {
    font-style: italic;
}

.sales-contact-detail-unit-tab__unit-contacts-text a.sales-contact-detail-unit-tab__unit-contacts-link[href^="mailto:"] {
    font-style: normal;
}

.sales-contact-detail-unit-tab__unit-contacts-link {
    width: 100%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    background-image: none;
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sales-contact-detail-unit-tab__unit-contacts-link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .sales-contact-detail-unit-tab__unit-contacts-link {
        padding-left: 7rem;
        padding-right: 7rem;
    }
}

@media (min-width: 1024px) {

    .sales-contact-detail-unit-tab__unit-contacts-link {
        width: fit-content;
    }
}

.sales-contact-detail-unit-tab__overlay-text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-family: Roboto Condensed, sans-serif;
    font-size: 4.375rem;;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 3rem;
    --tw-text-opacity: 1;
    color: rgb(0 61 121 / var(--tw-text-opacity));
    opacity: 0.1;
}

@media (min-width: 1920px) {

    .sales-contact-detail-unit-tab__overlay-text {
        left: -50%;
    }
}

.sales-contact-detail-unit-tab__logo {
    top: 50%;
    left: 50%;
    z-index: 40;
    display: none;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px) {

    .sales-contact-detail-unit-tab__logo {
        position: absolute;
    }
}

@media (min-width: 1280px) {

    .sales-contact-detail-unit-tab__logo {
        display: block;
    }
}

.sales-contacts-container {
    display: none;
}

@media (min-width: 1024px) {

    .sales-contacts-container {
        display: flex;
    }
}

.sales-contacts-container--mobile {
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .sales-contacts-container--mobile {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .sales-contacts-container--mobile {
        --tw-bg-opacity: 1 !important;
    }
}

@media (min-width: 1024px) {

    .sales-contacts-container--mobile {
        display: none;
    }
}

.sales-contacts-cluster {
    display: none;
}

.sales-contacts-cluster--active {
    display: block;
}

.sales-contacts-cluster-image {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    max-height: 100%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.sales-contacts-cluster-image--active {
    display: block;
}

.sales-contacts-cluster-nav-item {
    margin-bottom: 1rem;
}

@media (min-width: 1280px) {

    .sales-contacts-cluster-nav-item {
        margin-bottom: 1.25rem;
    }
}

.sales-contacts-cluster-nav-item--active button {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

.sales-contacts-cluster-nav-item button {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sales-contacts-cluster-nav-item button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

@media (min-width: 1280px) {

    .sales-contacts-cluster-nav-item button {
        font-size: .875rem;
        line-height: 1.188rem;
    }
}

.sales-contacts-cluster-nav-item--mobile {
    margin-bottom: 0px;
}

.sales-contacts-cluster-nav-item--mobile:last-child {
    margin-right: 0.75rem;
}

.sales-contacts-cluster-nav-item--mobile button {
    text-wrap: nowrap;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
}

.sales-contacts-cluster-nav-item + .sales-contacts-cluster-nav-item {
    margin-left: 1.25rem;
}

@media (min-width: 1024px) {

    .sales-contacts-cluster-nav-item + .sales-contacts-cluster-nav-item {
        margin-left: 0.75rem;
    }
}

@media (min-width: 1280px) {

    .sales-contacts-cluster-nav-item + .sales-contacts-cluster-nav-item {
        margin-left: 1.75rem;
    }
}

.sales-contacts-subcluster, .sales-contacts-subcluster-country {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 2rem;
    padding-right: 2.25rem;
}

@media (min-width: 1024px) {

    .sales-contacts-subcluster, .sales-contacts-subcluster-country {
        margin-left: -10px;
        border-left-width: 10px;
        border-left-color: transparent;
        padding-left: 46px;
    }

    .sales-contacts-subcluster:hover, .sales-contacts-subcluster-country:hover {
        margin-left: 0px;
        --tw-border-opacity: 1;
        border-left-color: rgb(0 168 255 / var(--tw-border-opacity));
        padding-left: 2.25rem;
    }
}

.sales-contacts-subcluster--mobile, .sales-contacts-subcluster-country--mobile {
    padding: 2rem;
}

.sales-contacts-subcluster--hidden, .sales-contacts-subcluster-country--hidden {
    display: none;
}

.sales-contacts-subcluster--overlay, .sales-contacts-subcluster-country--overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(0deg, #00A8FF00 0%, #00A8FFAC 77%, #00A8FF 100%);
    opacity: .35;
}

.sales-contacts-subcluster-image, .sales-contacts-subcluster-country-image {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    max-height: 100%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.sales-contacts-subcluster-image--active, .sales-contacts-subcluster-country-image--active {
    display: block;
}

.sales-contacts-subcluster-header, .sales-contacts-subcluster-country-header {
    display: flex;
}

.sales-contacts-subcluster-header__image-container, .sales-contacts-subcluster-country-header__image-container {
    margin-right: 1.5rem;
    width: 40%;
}

@media (min-width: 541px) and (max-width: 768px) {

    .sales-contacts-subcluster-header__image-container, .sales-contacts-subcluster-country-header__image-container {
        width: 30%;
    }
}

@media (min-width: 769px) and (max-width: 1023px) {

    .sales-contacts-subcluster-header__image-container, .sales-contacts-subcluster-country-header__image-container {
        width: 25%;
    }
}

.sales-contacts-subcluster__name, .sales-contacts-subcluster__sales-area-countries-title, .sales-contacts-subcluster-country__name, .sales-contacts-subcluster-country__name, .sales-contacts-subcluster-country__sales-area-countries-title, .sales-contacts-subcluster-country-country__name {
    margin-bottom: 0.125rem;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.sales-contacts-subcluster__name--mobile, .sales-contacts-subcluster__sales-area-countries-title--mobile, .sales-contacts-subcluster-country__name--mobile, .sales-contacts-subcluster-country__name--mobile, .sales-contacts-subcluster-country__sales-area-countries-title--mobile, .sales-contacts-subcluster-country-country__name--mobile {
    position: relative;
    z-index: 10;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.313rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.sales-contacts-subcluster__sales-area-countries, .sales-contacts-subcluster-country__sales-area-countries {
    font-size: 1rem;
    line-height: 1.313rem;
    --tw-text-opacity: 1;
    color: rgb(240 240 240 / var(--tw-text-opacity));
}

.sales-contacts-subcluster__sales-area-countries--mobile, .sales-contacts-subcluster-country__sales-area-countries--mobile {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sales-contacts-subcluster__sales-area-countries-title, .sales-contacts-subcluster-country__sales-area-countries-title {
    margin-top: 3rem;
    margin-bottom: 0.5rem;
}

.sales-contacts-subcluster__subtitle, .sales-contacts-subcluster-country__subtitle {
    position: relative;
    z-index: 10;
    margin-bottom: 1rem;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.313rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sales-contacts-subcluster__subtitle--mobile, .sales-contacts-subcluster-country__subtitle--mobile {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sales-contacts-subcluster__sales-contact, .sales-contacts-subcluster__explore-map-button, .sales-contacts-subcluster-country__sales-contact, .sales-contacts-subcluster-country__explore-map-button {
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: baseline;
}

.sales-contacts-subcluster__sales-contact-arrow--mobile, .sales-contacts-subcluster__explore-map-button-arrow--mobile, .sales-contacts-subcluster-country__sales-contact-arrow--mobile, .sales-contacts-subcluster-country__explore-map-button-arrow--mobile {
    margin-left: 0.5rem;
    object-fit: contain;
}

.sales-contacts-subcluster__sales-contact span, .sales-contacts-subcluster__explore-map-button span, .sales-contacts-subcluster-country__sales-contact span, .sales-contacts-subcluster-country__explore-map-button span {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 168 255 / var(--tw-border-opacity));
    padding-bottom: 0.125rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 168 255 / var(--tw-text-opacity));
}

.sales-contacts-subcluster__sales-contact--arrow, .sales-contacts-subcluster__explore-map-button--arrow, .sales-contacts-subcluster-country__sales-contact--arrow, .sales-contacts-subcluster-country__explore-map-button--arrow {
    margin-left: -2.5rem;
    object-fit: contain;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.sales-contacts-subcluster__sales-contact--mobile, .sales-contacts-subcluster__explore-map-button--mobile, .sales-contacts-subcluster-country__sales-contact--mobile, .sales-contacts-subcluster-country__explore-map-button--mobile {
    margin-top: 2rem;
    display: flex;
    padding-top: 0px;
}

.sales-contacts-subcluster__sales-contact--mobile span, .sales-contacts-subcluster__explore-map-button--mobile span, .sales-contacts-subcluster-country__sales-contact--mobile span, .sales-contacts-subcluster-country__explore-map-button--mobile span {
    border-bottom-width: 0px;
    font-size: .875rem;
    line-height: 1.188rem;
}

.sales-contacts-subcluster__explore-map-button, .sales-contacts-subcluster-country__explore-map-button {
    padding-top: 1rem;
}

.sales-contacts-subcluster-detail, .sales-contacts-subcluster-country-detail {
    display: none;
}

.sales-contacts-subcluster-detail--active, .sales-contacts-subcluster-country-detail--active {
    display: block;
}

.sales-contacts-title {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.875rem;;
    line-height: 2.438rem;
    font-weight: 500;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1280px) {

    .sales-contacts-title {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media (min-width: 1536px) {

    .sales-contacts-title {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

.sales-contacts-elements-list {
    overflow-y: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
    --tw-shadow: 0px 3px 6px #0000001A;
    --tw-shadow-colored: 0px 3px 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .sales-contacts-elements-list {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .sales-contacts-elements-list {
        --tw-bg-opacity: 1 !important;
    }
}

@media (min-width: 1024px) {

    .sales-contacts-elements-list {
        width: 250px;
        min-width: 250px;
    }
}

@media (min-width: 1280px) {

    .sales-contacts-elements-list {
        width: 300px;
        min-width: 300px;
    }
}

@media (min-width: 1536px) {

    .sales-contacts-elements-list {
        width: 350px;
        min-width: 350px;
    }
}

.sales-contacts-elements-list {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.sales-contacts-elements-list::-webkit-scrollbar {
    display: none;
}

.sales-contacts-map {
    position: relative;
    width: 100%;
    background-image: linear-gradient(180deg, #003161 0%, #003D79 100%);
}

.sales-contacts-map__background {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: bottom;
}

.sales-contacts-legend {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin-bottom: 1rem;
    margin-left: 1rem;
    display: none;
}

@media (min-width: 1024px) {

    .sales-contacts-legend {
        display: block;
    }
}

@media (min-width: 1280px) {

    .sales-contacts-legend {
        margin-bottom: 1.25rem;
        margin-left: 2.5rem;
    }
}

@media (min-width: 1536px) {

    .sales-contacts-legend {
        margin-left: 3.5rem;
    }
}

.sales-contacts-legend__title {
    margin-bottom: 0.5rem;
    font-size: .563rem;
    line-height: .688rem;
    font-weight: 500;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1280px) {

    .sales-contacts-legend__title {
        margin-bottom: 0.75rem;
        font-size: .75rem;
        line-height: 1rem;
    }
}

@media (min-width: 1536px) {

    .sales-contacts-legend__title {
        margin-bottom: 1rem;
        font-size: .875rem;
        line-height: 1.188rem;
    }
}

.sales-contacts-legend__item {
    display: flex;
    align-items: center;
}

.sales-contacts-legend__item--hidden {
    display: none;
}

.sales-contacts-legend__item-box {
    position: relative;
    z-index: 10;
    height: 26px;
    width: 26px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 61 121 / var(--tw-bg-opacity));
}

.sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .sales-contacts-legend__item-box {
    --tw-bg-opacity: 0.7 !important;
}

@media (min-width: 1280px) {

    .sustainability-social-impacts-container:not(.sustainability-social-impacts-container--after-sales) .sales-contacts-legend__item-box {
        --tw-bg-opacity: 1 !important;
    }
}

.sales-contacts-legend__item-box::after {
    position: absolute;
    height: 100%;
    width: 100%;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

@media (min-width: 1280px) {

    .sales-contacts-legend__item-box {
        height: 29px;
        width: 29px;
    }
}

.sales-contacts-legend__item-box--contact::after {
    content: var(--tw-content);
    opacity: 1;
}

.sales-contacts-legend__item-box--countries::after {
    content: var(--tw-content);
    opacity: 0.5;
}

.sales-contacts-legend__item + .sales-contacts-legend__item {
    margin-top: 0.5rem;
}

@media (min-width: 1280px) {

    .sales-contacts-legend__item + .sales-contacts-legend__item {
        margin-top: 0.75rem;
    }
}

@media (min-width: 1536px) {

    .sales-contacts-legend__item + .sales-contacts-legend__item {
        margin-top: 1rem;
    }
}

.sales-contacts-legend__item-title {
    margin-left: 0.5rem;
    font-size: .563rem;
    line-height: .688rem;
    font-weight: 500;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1280px) {

    .sales-contacts-legend__item-title {
        margin-left: 0.75rem;
        font-size: .75rem;
        line-height: 1rem;
    }
}

@media (min-width: 1536px) {

    .sales-contacts-legend__item-title {
        font-size: .875rem;
        line-height: 1.188rem;
    }
}

.sales-contacts-clusters-list {
    position: absolute;
    bottom: 0px;
    z-index: 2;
    display: flex;
    width: 100%;
    list-style-type: none;
    flex-wrap: wrap;
    justify-content: center;
}

.sales-contacts-clusters-list--mobile {
    margin-left: 0.75rem;
    margin-bottom: 0.75rem;
    display: flex;
    list-style-type: none;
    overflow-x: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 1280px) {

    .xl\:container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 640px) {

        .xl\:container {
            max-width: 640px;
        }
    }

    @media (min-width: 768px) {

        .xl\:container {
            max-width: 768px;
        }
    }

    @media (min-width: 1024px) {

        .xl\:container {
            max-width: 1024px;
        }
    }

    @media (min-width: 1280px) {

        .xl\:container {
            max-width: 1280px;
        }
    }

    .xl\:container-narrow {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 640px) {

        .xl\:container-narrow {
            max-width: 420px;
        }
    }

    @media (min-width: 768px) {

        .xl\:container-narrow {
            max-width: 640px;
        }
    }

    @media (min-width: 1024px) {

        .xl\:container-narrow {
            max-width: 980px;
        }
    }

    @media (min-width: 1280px) {

        .xl\:container-narrow {
            max-width: 1180px;
        }
    }
}

.before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
}

.before\:left-0::before {
    content: var(--tw-content);
    left: 0px;
}

.before\:left-4::before {
    content: var(--tw-content);
    left: 1rem;
}

.before\:top-0::before {
    content: var(--tw-content);
    top: 0px;
}

.before\:top-2::before {
    content: var(--tw-content);
    top: 0.5rem;
}

.before\:z-10::before {
    content: var(--tw-content);
    z-index: 10;
}

.before\:h-3::before {
    content: var(--tw-content);
    height: 0.75rem;
}

.before\:h-full::before {
    content: var(--tw-content);
    height: 100%;
}

.before\:w-3::before {
    content: var(--tw-content);
    width: 0.75rem;
}

.before\:w-full::before {
    content: var(--tw-content);
    width: 100%;
}

.before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: 9999px;
}

.before\:bg-luveLightBlue::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

.before\:bg-gradient-to-b::before {
    content: var(--tw-content);
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.before\:from-luveLightBlue::before {
    content: var(--tw-content);
    --tw-gradient-from: #00A8FF var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 168 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:via-luveLightBlue-darker::before {
    content: var(--tw-content);
    --tw-gradient-to: rgb(0 121 196 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #0079C4 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.before\:to-luveBlue\/30::before {
    content: var(--tw-content);
    --tw-gradient-to: rgb(0 61 121 / 0.3) var(--tw-gradient-to-position);
}

.after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
}

.after\:left-5::after {
    content: var(--tw-content);
    left: 1.25rem;
}

.after\:top-0::after {
    content: var(--tw-content);
    top: 0px;
}

.after\:top-2::after {
    content: var(--tw-content);
    top: 0.5rem;
}

.after\:h-2::after {
    content: var(--tw-content);
    height: 0.5rem;
}

.after\:h-full::after {
    content: var(--tw-content);
    height: 100%;
}

.after\:w-1::after {
    content: var(--tw-content);
    width: 0.25rem;
}

.after\:w-full::after {
    content: var(--tw-content);
    width: 100%;
}

.after\:bg-luveLightBlue::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

.after\:bg-white::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.after\:bg-gradient-radial::after {
    content: var(--tw-content);
    background-image: radial-gradient(var(--tw-gradient-stops));
}

.after\:from-luveBlue\/50::after {
    content: var(--tw-content);
    --tw-gradient-from: rgb(0 61 121 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 61 121 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.after\:to-transparent::after {
    content: var(--tw-content);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.last\:mr-0:last-child {
    margin-right: 0px;
}

.last-of-type\:mb-0:last-of-type {
    margin-bottom: 0px;
}

.hover\:bg-luveLightBlue:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 168 255 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bottom-4 {
    bottom: 2rem;
}

.group:hover .group-hover\:mb-3 {
    margin-bottom: 0.75rem;
}

.group:hover .group-hover\:ml-2 {
    margin-left: 0.5rem;
}

.group:hover .group-hover\:ml-5 {
    margin-left: 1.25rem;
}

.group:hover .group-hover\:w-auto {
    width: auto;
}

.group\/link:hover .group-hover\/link\:translate-x-2 {
    --tw-translate-x: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/link:hover .group-hover\/link\:translate-x-6 {
    --tw-translate-x: 1.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/notes-title:hover .group-hover\/notes-title\:border-b {
    border-bottom-width: 1px;
}

.group\/notes-title:hover .group-hover\/notes-title\:border-b-membersAreaGrey {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(102 102 102 / var(--tw-border-opacity));
}

.group:hover .group-hover\:fill-luveLightBlue {
    fill: #00A8FF;
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group\/link:hover .group-hover\/link\:opacity-0 {
    opacity: 0;
}

.group\/link:hover .group-hover\/link\:opacity-100 {
    opacity: 1;
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

.group:hover .group-hover\:filter-none {
    filter: none;
}

.group\/link:hover .group-hover\/link\:duration-500 {
    transition-duration: 500ms;
}

.group:hover .group-hover\:duration-300 {
    transition-duration: 300ms;
}

.group\/link:hover .group-hover\/link\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.group:hover .group-hover\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 640px) {

    .sm\:-top-8 {
        top: -2rem;
    }

    .sm\:col-span-1 {
        grid-column: span 1 / span 1;
    }

    .sm\:col-span-11 {
        grid-column: span 11 / span 11;
    }

    .sm\:col-span-6 {
        grid-column: span 6 / span 6;
    }

    .sm\:col-start-2 {
        grid-column-start: 2;
    }

    .sm\:mr-4 {
        margin-right: 1rem;
    }

    .sm\:block {
        display: block;
    }

    .sm\:hidden {
        display: none;
    }

    .sm\:max-h-full {
        max-height: 100%;
    }

    .sm\:scale-50 {
        --tw-scale-x: .5;
        --tw-scale-y: .5;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .sm\:gap-12 {
        gap: 3rem;
    }
}

@media (min-width: 768px) {

    .md\:absolute {
        position: absolute;
    }

    .md\:left-0 {
        left: 0px;
    }

    .md\:top-4 {
        top: 1rem;
    }

    .md\:col-span-10 {
        grid-column: span 10 / span 10;
    }

    .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .md\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    .md\:col-span-6 {
        grid-column: span 6 / span 6;
    }

    .md\:col-span-8 {
        grid-column: span 8 / span 8;
    }

    .md\:col-start-3 {
        grid-column-start: 3;
    }

    .md\:mr-0 {
        margin-right: 0px;
    }

    .md\:block {
        display: block;
    }

    .md\:grid {
        display: grid;
    }

    .md\:hidden {
        display: none;
    }

    .md\:h-90 {
        height: 22.5rem;
    }

    .md\:h-full {
        height: 100%;
    }

    .md\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .md\:scale-75 {
        --tw-scale-x: .75;
        --tw-scale-y: .75;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .md\:pb-24 {
        padding-bottom: 6rem;
    }

    .md\:pt-21 {
        padding-top: 5.5rem;
    }

    .md\:pt-36 {
        padding-top: 9rem;
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 1024px) {

    .lg\:absolute {
        position: absolute;
    }

    .lg\:relative {
        position: relative;
    }

    .lg\:-left-1\/4 {
        left: -25%;
    }

    .lg\:-top-9 {
        top: -2.25rem;
    }

    .lg\:left-1\/2 {
        left: 50%;
    }

    .lg\:top-0 {
        top: 0px;
    }

    .lg\:-order-none {
        order: 0;
    }

    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    .lg\:col-span-6 {
        grid-column: span 6 / span 6;
    }

    .lg\:col-span-7 {
        grid-column: span 7 / span 7;
    }

    .lg\:col-span-8 {
        grid-column: span 8 / span 8;
    }

    .lg\:col-span-9 {
        grid-column: span 9 / span 9;
    }

    .lg\:col-start-3 {
        grid-column-start: 3;
    }

    .lg\:col-start-5 {
        grid-column-start: 5;
    }

    .lg\:mx-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .lg\:mb-0 {
        margin-bottom: 0px;
    }

    .lg\:mb-16 {
        margin-bottom: 4rem;
    }

    .lg\:mb-17 {
        margin-bottom: 4.5rem;
    }

    .lg\:mb-20 {
        margin-bottom: 5rem;
    }

    .lg\:mb-32 {
        margin-bottom: 8rem;
    }

    .lg\:mb-6 {
        margin-bottom: 1.5rem;
    }

    .lg\:mb-8 {
        margin-bottom: 2rem;
    }

    .lg\:ml-0 {
        margin-left: 0px;
    }

    .lg\:mr-12 {
        margin-right: 3rem;
    }

    .lg\:mr-16 {
        margin-right: 4rem;
    }

    .lg\:mt-0 {
        margin-top: 0px;
    }

    .lg\:mt-14 {
        margin-top: 3.5rem;
    }

    .lg\:block {
        display: block;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:h-auto {
        height: auto;
    }

    .lg\:max-h-240 {
        max-height: 60rem;
    }

    .lg\:w-32 {
        width: 8rem;
    }

    .lg\:w-max {
        width: max-content;
    }

    .lg\:max-w-\[284px\] {
        max-width: 284px;
    }

    .lg\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .lg\:-translate-x-1\/4 {
        --tw-translate-x: -25%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .lg\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .lg\:skew-x-\[-15deg\] {
        --tw-skew-x: -15deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .lg\:skew-x-\[15deg\] {
        --tw-skew-x: 15deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .lg\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:items-center {
        align-items: center;
    }

    .lg\:justify-end {
        justify-content: flex-end;
    }

    .lg\:justify-center {
        justify-content: center;
    }

    .lg\:gap-y-0 {
        row-gap: 0px;
    }

    .lg\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .lg\:px-17 {
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .lg\:py-36 {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .lg\:\!pt-17 {
        padding-top: 4.5rem !important;
    }

    .lg\:pb-0 {
        padding-bottom: 0px;
    }

    .lg\:pb-32 {
        padding-bottom: 8rem;
    }

    .lg\:pb-80 {
        padding-bottom: 20rem;
    }

    .lg\:pl-0 {
        padding-left: 0px;
    }

    .lg\:pl-96 {
        padding-left: 24rem;
    }

    .lg\:pt-0 {
        padding-top: 0px;
    }

    .lg\:text-3xl {
        font-size: 1.5rem;;
        line-height: 2rem;
    }

    .lg\:text-4xl {
        font-size: 1.875rem;;
        line-height: 2.438rem;
    }

    .lg\:text-6xl {
        font-size: 2.5rem;;
        line-height: 3.313rem;
    }

    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    .lg\:text-sm {
        font-size: .875rem;
        line-height: 1.188rem;
    }

    .lg\:font-medium {
        font-weight: 500;
    }

    .group:hover .lg\:group-hover\:ml-5 {
        margin-left: 1.25rem;
    }
}

@media (min-width: 1280px) {

    .xl\:left-0 {
        left: 0px;
    }

    .xl\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .xl\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .xl\:col-span-5 {
        grid-column: span 5 / span 5;
    }

    .xl\:col-span-6 {
        grid-column: span 6 / span 6;
    }

    .xl\:col-span-7 {
        grid-column: span 7 / span 7;
    }

    .xl\:-mt-40 {
        margin-top: -10rem;
    }

    .xl\:flex {
        display: flex;
    }

    .xl\:grid {
        display: grid;
    }

    .xl\:hidden {
        display: none;
    }

    .xl\:max-w-4xl {
        max-width: 56rem;
    }

    .xl\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .xl\:flex-row {
        flex-direction: row;
    }

    .xl\:flex-col {
        flex-direction: column;
    }

    .xl\:flex-wrap {
        flex-wrap: wrap;
    }

    .xl\:gap-14 {
        gap: 3.5rem;
    }

    .xl\:gap-x-17 {
        column-gap: 4.5rem;
    }

    .xl\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .xl\:pb-44 {
        padding-bottom: 11rem;
    }

    .xl\:pl-0 {
        padding-left: 0px;
    }

    .xl\:pl-36 {
        padding-left: 9rem;
    }

    .xl\:pr-8 {
        padding-right: 2rem;
    }

    .xl\:pt-17 {
        padding-top: 4.5rem;
    }

    .xl\:pt-24 {
        padding-top: 6rem;
    }

    .xl\:text-3xl {
        font-size: 1.5rem;;
        line-height: 2rem;
    }

    .xl\:text-7xl {
        font-size: 3.75rem;;
        line-height: 4.938rem;
    }
}

@media (min-width: 1536px) {

    .\32xl\:justify-around {
        justify-content: space-around;
    }

    .\32xl\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .\32xl\:px-28 {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .\32xl\:pl-0 {
        padding-left: 0px;
    }
}

@media (min-width: 540px) {

    .xs\:top-4 {
        top: 1rem;
    }

    .xs\:min-h-220 {
        min-height: 55rem;
    }

    .group:hover .xs\:group-hover\:bottom-12 {
        bottom: 3rem;
    }
}

@media (min-width: 1920px) {

    .\33xl\:block {
        display: block;
    }

    .\33xl\:w-1\/5 {
        width: 20%;
    }

    .\33xl\:pb-44 {
        padding-bottom: 11rem;
    }

    .\33xl\:pl-72 {
        padding-left: 18rem;
    }
}

@media (max-width: 540px) {

    .big-mobile-max\:bottom-4 {
        bottom: 1rem;
    }

    .big-mobile-max\:mb-3 {
        margin-bottom: 0.75rem;
    }

    .big-mobile-max\:scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .big-mobile-max\:scale-150 {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .big-mobile-max\:opacity-0 {
        opacity: 0;
    }

    .big-mobile-max\:opacity-100 {
        opacity: 1;
    }
}

@media (max-width: 768px) {

    .tablet-max\:flex {
        display: flex;
    }

    .tablet-max\:w-1\/5 {
        width: 20%;
    }

    .tablet-max\:flex-col {
        flex-direction: column;
    }

    .tablet-max\:justify-center {
        justify-content: center;
    }

    .tablet-max\:leading-8 {
        line-height: 2rem;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {

    .laptop\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .laptop\:pl-4 {
        padding-left: 1rem;
    }
}

@media (min-width: 1440px) {

    .laptop-max\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

/*# sourceMappingURL=style.css.map */