@charset "UTF-8";
/**
 * Colors
 */
/**
 * Grid breakpoints
 */
/**
 * Max widths
 */
/**
 * Max widths
 */
/**
 * Z-Index
 */
/**
 * Default font
 */
/**
 * Text Shadow
 */
:root {
  --darkgrey: #404040;
  --offwhite: #f5f5f5;
  --taupe: #B0AD9B;
  --grey: #EEEEEE;
  --beige: #EBEAE1;
  --red: #FE0728;
  --green: #008000;
  --thistle: #dec9e9;
  --thistle-2: #dac3e8;
  --wisteria: #d2b7e5;
  --wisteria-2: #c19ee0;
  --lavender-floral: #b185db;
  --amethyst: #a06cd5;
  --amethyst-2: #9163cb;
  --royal-purple: #815ac0;
  --royal-purple-2: #7251b5;
  --royal-purple-3: #6247aa;
  --lavender: #7366D5;
  --dark-indigo-blue: #2D247B;
  --blue-violet: #4F43AC;
  --light-violet: #A59BED;
  --lilac: #E4DFFF;
  --pastel-blue: #A3DCFF;
  --white: #FFFFFF;
  --light-grey: #F4F4F4;
  --anthracite-grey: #201E1F;
  --black: #000000;
  --breakpoint-xs: 0px;
  --breakpoint-sm: 600px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
  --swiper-theme-color: var(--white);
}

/* latin-ext */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 200 800;
  src: url("/assets/fonts/PlusJakartaSans-Italic-VariableFont_wght.ttf");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 200 800;
  src: url("/assets/fonts/PlusJakartaSans-Italic-VariableFont_wght.ttf");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  src: url("/assets/fonts/PlusJakartaSans-VariableFont_wght.ttf");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  src: url("/assets/fonts/PlusJakartaSans-VariableFont_wght.ttf");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* {
  font-family: "Plus Jakarta Sans";
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  margin: 0;
}

h1 {
  font-weight: 400;
}

/* Main Container */
.container-header {
  box-sizing: border-box;
  width: 100vw;
}

.container-section {
  box-sizing: border-box;
  width: 100vw;
  flex: 1;
  flex-direction: column;
  display: flex;
}

section {
  width: 100vw;
  flex: 1;
}

/* Base for all Grids */
.section {
  height: 100vh;
}

@media (min-width: 600px) {
  .section {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .section {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .section {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .section {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .section {
    max-width: 1320px;
  }
}
input[type=text],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=week] {
  border: 1px solid var(--taupe);
  border-radius: 20px;
  font-size: 16px;
  padding: 15px;
  width: 100%;
}

input::placeholder {
  color: var(--taupe);
}

input[readonly] {
  cursor: default;
  background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
  color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
}

/* placeholder text style */
input[type=date]::-webkit-datetime-edit-text,
input[type=date]::-webkit-datetime-edit-month-field,
input[type=date]::-webkit-datetime-edit-day-field,
input[type=date]::-webkit-datetime-edit-year-field {
  color: var(--taupe);
}

textarea {
  border: 1px solid var(--taupe);
  border-radius: 20px;
  font-size: 16px;
  height: 150px;
  padding: 15px;
  resize: none;
  width: 100%;
}

textarea::placeholder {
  color: var(--taupe);
}

.logo-adways-text {
  width: 210px;
  height: 48px;
  text-align: left;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.logo-adways_weborama-text {
  width: 300px;
  height: 35px;
  text-align: left;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.logo-adw-text.black {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20545%20220%22%3E%3Cpath%20d%3D%22M114%2C84.2C67.3%2C51.6-1.5%2C88.4%2C0%2C145.5c-1.5%2C57.1%2C67.3%2C93.9%2C114%2C61.3v12.2h33V72h-33v12.2h0ZM73.5%2C186c-53.2-1-53.2-80.1%2C0-81%2C53.2%2C1%2C53.2%2C80.1%2C0%2C81Z%22%2F%3E%3Cpath%20d%3D%22M276%2C84.2c-49.4-34.6-121.5%2C8.9-113.6%2C68.8%2C3.8%2C53.5%2C69.9%2C84.7%2C113.6%2C53.8v12.2h33V0h-33v84.2h0ZM281.6%2C145c-3.8%2C6.4-15.1%2C13.3-33.6%2C24.7-19.1%2C10.4-30.8%2C16.6-38.2%2C16.7-4.7-9.5-4.7-72.5%2C0-82%2C10.6-1.5%2C65.6%2C32.1%2C71.8%2C40.6h0Z%22%2F%3E%3Cpolygon%20points%3D%22508.6%2072.1%20486.4%20158.7%20456.9%2072.1%20410%2072.1%20380.5%20158.7%20358.3%2072.1%20323.5%2072.1%20361.2%20219.1%20395.4%20219.1%20433.5%20107.6%20471.5%20219.1%20505.8%20219.1%20543.4%2072.1%20508.6%2072.1%22%2F%3E%3C%2Fsvg%3E");
}

.logo-adw-text.lavender {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20545%20220%22%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M114%2C84.2C67.3%2C51.6-1.5%2C88.4%2C0%2C145.5c-1.5%2C57.1%2C67.3%2C93.9%2C114%2C61.3v12.2h33V72h-33v12.2h0ZM73.5%2C186c-53.2-1-53.2-80.1%2C0-81%2C53.2%2C1%2C53.2%2C80.1%2C0%2C81Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M276%2C84.2c-49.4-34.6-121.5%2C8.9-113.6%2C68.8%2C3.8%2C53.5%2C69.9%2C84.7%2C113.6%2C53.8v12.2h33V0h-33v84.2h0ZM281.6%2C145c-3.8%2C6.4-15.1%2C13.3-33.6%2C24.7-19.1%2C10.4-30.8%2C16.6-38.2%2C16.7-4.7-9.5-4.7-72.5%2C0-82%2C10.6-1.5%2C65.6%2C32.1%2C71.8%2C40.6h0Z%22%2F%3E%3Cpolygon%20fill%3D%22%237366d5%22%20points%3D%22508.6%2072.1%20486.4%20158.7%20456.9%2072.1%20410%2072.1%20380.5%20158.7%20358.3%2072.1%20323.5%2072.1%20361.2%20219.1%20395.4%20219.1%20433.5%20107.6%20471.5%20219.1%20505.8%20219.1%20543.4%2072.1%20508.6%2072.1%22%2F%3E%3C%2Fsvg%3E");
}

.logo-adw-text.white {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20545%20220%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M114%2C84.2C67.3%2C51.6-1.5%2C88.4%2C0%2C145.4c-1.5%2C57.1%2C67.3%2C93.9%2C113.9%2C61.3v12.2h33V72h-33v12.2h.1ZM73.5%2C185.9c-53.2-1-53.2-80.1%2C0-81%2C53.2%2C1%2C53.2%2C80.1%2C0%2C81Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M275.9%2C84.2c-49.4-34.6-121.4%2C8.9-113.5%2C68.8%2C3.8%2C53.5%2C69.9%2C84.7%2C113.5%2C53.8v12.2h33V0h-33v84.2h0ZM281.5%2C144.9c-3.8%2C6.4-15.1%2C13.3-33.6%2C24.7-19.1%2C10.4-30.8%2C16.6-38.2%2C16.7-4.7-9.5-4.7-72.5%2C0-82%2C10.6-1.5%2C65.6%2C32.1%2C71.8%2C40.6h0Z%22%2F%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%22508.4%2072.1%20486.2%20158.6%20456.7%2072.1%20409.8%2072.1%20380.4%20158.6%20358.2%2072.1%20323.4%2072.1%20361.1%20219%20395.2%20219%20433.3%20107.6%20471.3%20219%20505.6%20219%20543.2%2072.1%20508.4%2072.1%22%2F%3E%3C%2Fsvg%3E");
}

.logo-adways-text.black {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%201005%20285%22%3E%3Cpath%20d%3D%22M114%2C84.2C67.3%2C51.6-1.5%2C88.4%2C0%2C145.5c-1.5%2C57.1%2C67.3%2C93.9%2C114%2C61.3v12.2h33V72h-33v12.2h0ZM73.5%2C186.1c-53.2-1-53.2-80.1%2C0-81%2C53.2%2C1%2C53.2%2C80.1%2C0%2C81Z%22%2F%3E%3Cpath%20d%3D%22M662.9%2C84.2c-46.7-32.6-115.5%2C4.2-114%2C61.3-1.5%2C57.1%2C67.3%2C93.9%2C114%2C61.3v12.2h33V72h-33v12.2h0ZM622.4%2C186.1c-53.2-1-53.2-80.1%2C0-81%2C53.2%2C1%2C53.2%2C80.1%2C0%2C81Z%22%2F%3E%3Cpath%20d%3D%22M928.4%2C129.1h0c-26.9-1.3-33-3.5-40.2-12.1%2C5.7-15.8%2C71.5-15%2C79-2h34.6c-4.1-30.2-37.3-43.8-73.5-43-98.7.5-98.7%2C89.6%2C0%2C90%2C26.9%2C1.2%2C33%2C3.4%2C40.2%2C12-5.8%2C15.8-71.9%2C15.2-79.3%2C1.7h-34.4c3.9%2C30.4%2C37.1%2C44.1%2C73.5%2C43.4%2C98.7-.5%2C98.7-89.6%2C0-90h.1Z%22%2F%3E%3Cpath%20d%3D%22M276%2C84.2c-49.4-34.6-121.5%2C8.9-113.6%2C68.8%2C3.8%2C53.5%2C69.9%2C84.7%2C113.6%2C53.8v12.2h33V0h-33v84.2h0ZM281.6%2C145.2c-3.8%2C6.4-15.1%2C13.3-33.6%2C24.7-19.1%2C10.4-30.8%2C16.6-38.2%2C16.7-4.7-9.5-4.7-72.5%2C0-82%2C10.6-1.5%2C65.6%2C32.1%2C71.8%2C40.6h0Z%22%2F%3E%3Cpath%20d%3D%22M822.5%2C72.1l-38%2C81.6-38-81.6h-36.4l56%2C120.4c-12.1%2C20.4-33.6%2C55.5-55.1%2C56.4v33.2c78.3-5.9%2C115.4-154.8%2C147.9-210%2C0%2C0-36.4%2C0-36.4%2C0Z%22%2F%3E%3Cpolygon%20points%3D%22486.5%20158.8%20456.9%2072.1%20410.1%2072.1%20380.5%20158.8%20358.3%2072.1%20323.6%2072.1%20361.2%20219.1%20395.5%20219.1%20433.5%20107.7%20471.5%20219.1%20505.8%20219.1%20543.4%2072.1%20508.7%2072.1%20486.5%20158.8%22%2F%3E%3C%2Fsvg%3E");
}

.logo-adways-text.lavender {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%201005%20285%22%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M114%2C84.2C67.3%2C51.6-1.5%2C88.4%2C0%2C145.5c-1.5%2C57.1%2C67.3%2C93.9%2C114%2C61.3v12.2h33V72h-33v12.2h0ZM73.5%2C186.1c-53.2-1-53.2-80.1%2C0-81%2C53.2%2C1%2C53.2%2C80.1%2C0%2C81Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M662.9%2C84.2c-46.7-32.6-115.5%2C4.2-114%2C61.3-1.5%2C57.1%2C67.3%2C93.9%2C114%2C61.3v12.2h33V72h-33v12.2h0ZM622.4%2C186.1c-53.2-1-53.2-80.1%2C0-81%2C53.2%2C1%2C53.2%2C80.1%2C0%2C81Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M928.4%2C129.1h0c-26.9-1.3-33-3.5-40.2-12.1%2C5.7-15.8%2C71.5-15%2C79-2h34.6c-4.1-30.2-37.3-43.8-73.5-43-98.7.5-98.7%2C89.6%2C0%2C90%2C26.9%2C1.2%2C33%2C3.4%2C40.2%2C12-5.8%2C15.8-71.9%2C15.2-79.3%2C1.7h-34.4c3.9%2C30.4%2C37.1%2C44.1%2C73.5%2C43.4%2C98.7-.5%2C98.7-89.6%2C0-90h.1Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M276%2C84.2c-49.4-34.6-121.5%2C8.9-113.6%2C68.8%2C3.8%2C53.5%2C69.9%2C84.7%2C113.6%2C53.8v12.2h33V0h-33v84.2h0ZM281.6%2C145.2h0c-3.8%2C6.4-15.1%2C13.3-33.6%2C24.7-19.1%2C10.4-30.8%2C16.6-38.2%2C16.7-4.7-9.5-4.7-72.5%2C0-82%2C10.6-1.5%2C65.6%2C32.1%2C71.8%2C40.6h0Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M822.5%2C72.1l-38%2C81.6-38-81.6h-36.4l56%2C120.4c-12.1%2C20.4-33.6%2C55.5-55.1%2C56.4v33.2c78.3-5.9%2C115.4-154.8%2C147.9-210%2C0%2C0-36.4%2C0-36.4%2C0Z%22%2F%3E%3Cpolygon%20fill%3D%22%237366d5%22%20points%3D%22486.5%20158.8%20456.9%2072.1%20410.1%2072.1%20380.5%20158.8%20358.3%2072.1%20323.6%2072.1%20361.2%20219.1%20395.5%20219.1%20433.5%20107.7%20471.5%20219.1%20505.8%20219.1%20543.4%2072.1%20508.7%2072.1%20486.5%20158.8%22%2F%3E%3C%2Fsvg%3E");
}

.logo-adways-text.white {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%201005%20285%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M114%2C84.2C67.3%2C51.6-1.5%2C88.4%2C0%2C145.5c-1.5%2C57.1%2C67.3%2C93.9%2C114%2C61.3v12.2h33V72h-33v12.2h0ZM73.5%2C186.1c-53.2-1-53.2-80.1%2C0-81%2C53.2%2C1%2C53.2%2C80.1%2C0%2C81Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M662.9%2C84.2c-46.7-32.6-115.5%2C4.2-114%2C61.3-1.5%2C57.1%2C67.3%2C93.9%2C114%2C61.3v12.2h33V72h-33v12.2h0ZM622.4%2C186.1c-53.2-1-53.2-80.1%2C0-81%2C53.2%2C1%2C53.2%2C80.1%2C0%2C81Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M928.4%2C129.1h0c-26.9-1.3-33-3.5-40.2-12.1%2C5.7-15.8%2C71.5-15%2C79-2h34.6c-4.1-30.2-37.3-43.8-73.5-43-98.7.5-98.7%2C89.6%2C0%2C90%2C26.9%2C1.2%2C33%2C3.4%2C40.2%2C12-5.8%2C15.8-71.9%2C15.2-79.3%2C1.7h-34.4c3.9%2C30.4%2C37.1%2C44.1%2C73.5%2C43.4%2C98.7-.5%2C98.7-89.6%2C0-90h.1Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M276%2C84.2c-49.4-34.6-121.5%2C8.9-113.6%2C68.8%2C3.8%2C53.5%2C69.9%2C84.7%2C113.6%2C53.8v12.2h33V0h-33v84.2h0ZM281.6%2C145.2c-3.8%2C6.4-15.1%2C13.3-33.6%2C24.7-19.1%2C10.4-30.8%2C16.6-38.2%2C16.7-4.7-9.5-4.7-72.5%2C0-82%2C10.6-1.5%2C65.6%2C32.1%2C71.8%2C40.6h0Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M822.5%2C72.1l-38%2C81.6-38-81.6h-36.4l56%2C120.4c-12.1%2C20.4-33.6%2C55.5-55.1%2C56.4v33.2c78.3-5.9%2C115.4-154.8%2C147.9-210%2C0%2C0-36.4%2C0-36.4%2C0Z%22%2F%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%22486.5%20158.8%20456.9%2072.1%20410.1%2072.1%20380.5%20158.8%20358.3%2072.1%20323.6%2072.1%20361.2%20219.1%20395.5%20219.1%20433.5%20107.7%20471.5%20219.1%20505.8%20219.1%20543.4%2072.1%20508.7%2072.1%20486.5%20158.8%22%2F%3E%3C%2Fsvg%3E");
}

.logo-adways_weborama-text.black {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%202585%20280%22%3E%3Cpath%20d%3D%22M1080%2C126.1c-23.7.4-23.7%2C35.6%2C0%2C36%2C23.7-.4%2C23.7-35.6%2C0-36h0Z%22%2F%3E%3Cpolygon%20points%3D%221332.3%20171.4%201298.6%2072.4%201269.2%2072.4%201235.8%20171.4%201205.5%2073%201170%2073%201218.9%20217.7%201249.8%20217.7%201283.8%20119.5%201317.5%20217.7%201348.3%20217.7%201397.8%2073%201363.2%2073%201332.3%20171.4%22%2F%3E%3Cpath%20d%3D%22M1478.5%2C70.1h0c-43.2%2C0-73.7%2C33.6-73.7%2C75-4%2C73.2%2C99%2C98.8%2C139.2%2C47.9l-20.3-17.1c-25%2C27-78.4%2C22.7-84.3-19.3h110.9c4.4-44.3-20.3-86.7-71.7-86.5h0ZM1438.9%2C134.7c5.6-50.5%2C74-49.7%2C77.4%2C0h-77.4Z%22%2F%3E%3Cpath%20d%3D%22M1662.7%2C69.9h0c-24.3%2C0-40%2C12.1-51.2%2C27V18h-34.6v198.5h34.6v-22.3c10.6%2C13.3%2C26.3%2C25.3%2C51.2%2C25.3%2C92.7%2C1.7%2C92.3-151.2%2C0-149.6ZM1654.7%2C191c-57.9.4-57.9-92.8%2C0-92.5%2C56.8-.9%2C57.1%2C93.6%2C0%2C92.5Z%22%2F%3E%3Cpath%20d%3D%22M1832.2%2C70h0c-105.2%2C0-106.3%2C149.8-.6%2C149.8s106.5-149.9.6-149.8h0ZM1832.2%2C191.3c-59.2%2C1.3-61.3-93.7-.6-92.5%2C59.6-1.3%2C61.8%2C93.7.6%2C92.5Z%22%2F%3E%3Cpath%20d%3D%22M1969.6%2C105.4v-32.4h-34.6v143.6h34.6c-.2-46-9.3-114.1%2C53.4-111.5v-34.8c-26.6-1.1-44%2C13.6-53.4%2C35.1Z%22%2F%3E%3Cpath%20d%3D%22M2101.6%2C70.8c-24.6%2C0-40.9%2C4.9-57.4%2C12l9.4%2C26.4c26.7-12.6%2C84.8-17.4%2C80.3%2C25.3-115.9-35.6-137.9%2C81.2-49.2%2C85.1%2C22.9%2C0%2C38.6-9%2C48.9-20.7v17.7h34.3c-3.3-54.2%2C21.6-150-66.3-145.8h0ZM2065.3%2C173.6c-2.5-28.9%2C50.7-26.2%2C69.2-17.9v8.9c4.2%2C31.2-67%2C44.4-69.2%2C9Z%22%2F%3E%3Cpath%20d%3D%22M2373.1%2C70h0c-22.9%2C0-38.9%2C10.1-51.2%2C25.3-16.9-35.2-72.8-31.3-90.9-.5v-21.8h-34.6v143.6h34.6v-80.8c0-22.3%2C13.1-35.9%2C32.3-35.9s30.6%2C12.5%2C30.6%2C34.8v81.8h34.6v-81c0-23.1%2C13.4-35.6%2C32.3-35.6s30.6%2C12.2%2C30.6%2C35.1v81.6h34.6c-4.4-45.7%2C21.7-150-52.9-146.6h0Z%22%2F%3E%3Cpath%20d%3D%22M2515.6%2C70.8c-24.6%2C0-40.9%2C4.9-57.4%2C12l9.4%2C26.4c26.7-12.6%2C84.8-17.4%2C80.3%2C25.3-115.9-35.6-137.9%2C81.2-49.2%2C85.1%2C22.9%2C0%2C38.6-9%2C48.9-20.7v17.7h34.3c-3.3-54.2%2C21.6-150-66.3-145.8h0ZM2479.3%2C173.6c-2.5-28.9%2C50.7-26.2%2C69.2-17.9v8.9c4.2%2C31.2-67%2C44.4-69.2%2C9Z%22%2F%3E%3Cpath%20d%3D%22M112.8%2C83.3C66.6%2C51-1.5%2C87.4%2C0%2C144c-1.5%2C56.5%2C66.6%2C92.9%2C112.8%2C60.7v12h32.6V71.3h-32.6s0%2C12%2C0%2C12ZM72.7%2C184c-52.7-.9-52.7-79.2%2C0-80.1%2C52.7.9%2C52.6%2C79.2%2C0%2C80.1Z%22%2F%3E%3Cpath%20d%3D%22M655.9%2C83.3c-46.2-32.3-114.3%2C4.1-112.8%2C60.7-1.5%2C56.5%2C66.6%2C92.9%2C112.8%2C60.7v12h32.6V71.3h-32.6v12ZM615.8%2C184c-52.7-.9-52.7-79.2%2C0-80.1%2C52.7.9%2C52.6%2C79.2%2C0%2C80.1Z%22%2F%3E%3Cpath%20d%3D%22M918.8%2C127.5h-.2c-26.6-1.1-32.6-3.3-39.7-11.8%2C5.7-15.6%2C70.7-14.9%2C78.2-2h34.3c-4-29.8-36.9-43.3-72.7-42.6-97.7.5-97.7%2C88.6%2C0%2C89.1%2C26.6%2C1.2%2C32.6%2C3.4%2C39.8%2C11.9-5.8%2C15.6-71.2%2C15-78.4%2C1.6h-34c3.8%2C30%2C36.7%2C43.6%2C72.7%2C42.9%2C97.7-.5%2C97.7-88.6%2C0-89.1h0Z%22%2F%3E%3Cpath%20d%3D%22M273.1%2C83.3c-48.8-34.2-120.2%2C8.8-112.4%2C68.1%2C3.8%2C52.9%2C69.1%2C83.8%2C112.4%2C53.2v12h32.6V0h-32.6v83.3h0ZM278.9%2C143.9c-5.5%2C9.3-59.9%2C40.1-70.5%2C41-3.6-6.4-4-19.5-4.6-41%2C.6-21.5%2C1-34.6%2C4.6-41%2C10.6.9%2C65%2C31.7%2C70.5%2C41Z%22%2F%3E%3Cpath%20d%3D%22M813.7%2C71.3l-37.6%2C80.8-37.6-80.8h-36.1l55.4%2C119.1c-11.9%2C20.2-33.3%2C55-54.5%2C55.8v32.9c77.5-5.9%2C114.2-153.2%2C146.3-207.8h-35.9Z%22%2F%3E%3Cpolygon%20points%3D%22481.3%20157%20452.1%2071.3%20405.8%2071.3%20376.5%20157%20354.5%2071.3%20320.2%2071.3%20357.4%20216.7%20391.3%20216.7%20428.9%20106.5%20466.5%20216.7%20500.4%20216.7%20537.7%2071.3%20503.3%2071.3%20481.3%20157%22%2F%3E%3C%2Fsvg%3E");
}

.logo-adways_weborama-text.lavender {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%202585%20280%22%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M1080%2C126.1c-23.7.4-23.7%2C35.6%2C0%2C36%2C23.7-.4%2C23.7-35.6%2C0-36h0Z%22%2F%3E%3Cpolygon%20fill%3D%22%237366d5%22%20points%3D%221332.3%20171.4%201298.6%2072.4%201269.2%2072.4%201235.8%20171.4%201205.5%2073%201170%2073%201218.9%20217.7%201249.8%20217.7%201283.8%20119.5%201317.5%20217.7%201348.3%20217.7%201397.8%2073%201363.2%2073%201332.3%20171.4%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M1478.6%2C70.1h0c-43.2%2C0-73.7%2C33.6-73.7%2C75-4%2C73.2%2C99%2C98.8%2C139.2%2C47.9l-20.3-17.1c-25%2C27-78.4%2C22.7-84.3-19.3h110.9c4.4-44.3-20.3-86.7-71.7-86.5h0ZM1438.9%2C134.7c5.6-50.5%2C74-49.7%2C77.4%2C0h-77.4Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M1662.7%2C69.9c-24.3%2C0-40%2C12.1-51.2%2C27V18h-34.6v198.5h34.6v-22.3c10.6%2C13.3%2C26.3%2C25.3%2C51.2%2C25.3%2C92.7%2C1.7%2C92.3-151.2%2C0-149.6ZM1654.7%2C191c-57.9.4-57.9-92.8%2C0-92.5%2C56.8-.9%2C57.1%2C93.6%2C0%2C92.5Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M1832.2%2C70h0c-105.2%2C0-106.3%2C149.8-.6%2C149.8s106.5-149.9.6-149.8h0ZM1832.2%2C191.3c-59.2%2C1.3-61.3-93.7-.6-92.5%2C59.6-1.3%2C61.8%2C93.7.6%2C92.5Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M1969.6%2C105.4v-32.4h-34.6v143.6h34.6c-.2-46-9.3-114.1%2C53.4-111.5v-34.8c-26.6-1.1-44%2C13.6-53.4%2C35.1Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M2101.6%2C70.8c-24.6%2C0-40.9%2C4.9-57.4%2C12l9.4%2C26.4c26.7-12.6%2C84.8-17.4%2C80.3%2C25.3-115.9-35.6-137.9%2C81.2-49.2%2C85.1%2C22.9%2C0%2C38.6-9%2C48.9-20.7v17.7h34.3c-3.3-54.2%2C21.6-150-66.3-145.8h0ZM2065.3%2C173.6c-2.5-28.9%2C50.7-26.2%2C69.2-17.9v8.9c4.2%2C31.2-67%2C44.4-69.2%2C9Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M2373.1%2C70h0c-22.9%2C0-38.9%2C10.1-51.2%2C25.3-16.9-35.2-72.8-31.3-90.9-.5v-21.8h-34.6v143.6h34.6v-80.8c0-22.3%2C13.1-35.9%2C32.3-35.9s30.6%2C12.5%2C30.6%2C34.8v81.8h34.6v-81c0-23.1%2C13.4-35.6%2C32.3-35.6s30.6%2C12.2%2C30.6%2C35.1v81.6h34.6c-4.4-45.7%2C21.7-150-52.9-146.6h0Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M2515.6%2C70.8c-24.6%2C0-40.9%2C4.9-57.4%2C12l9.4%2C26.4c26.7-12.6%2C84.8-17.4%2C80.3%2C25.3-115.9-35.6-137.9%2C81.2-49.2%2C85.1%2C22.9%2C0%2C38.6-9%2C48.9-20.7v17.7h34.3c-3.3-54.2%2C21.6-150-66.3-145.8h0ZM2479.3%2C173.6c-2.5-28.9%2C50.7-26.2%2C69.2-17.9v8.9c4.2%2C31.2-67%2C44.4-69.2%2C9Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M112.8%2C83.3C66.6%2C51-1.5%2C87.4%2C0%2C144c-1.5%2C56.5%2C66.6%2C92.9%2C112.8%2C60.7v12h32.6V71.3h-32.6s0%2C12%2C0%2C12ZM72.7%2C184c-52.7-.9-52.7-79.2%2C0-80.1%2C52.7.9%2C52.6%2C79.2%2C0%2C80.1Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M655.9%2C83.3c-46.2-32.3-114.3%2C4.1-112.8%2C60.7-1.5%2C56.5%2C66.6%2C92.9%2C112.8%2C60.7v12h32.6V71.3h-32.6v12ZM615.8%2C184c-52.7-.9-52.7-79.2%2C0-80.1%2C52.7.9%2C52.6%2C79.2%2C0%2C80.1Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M918.8%2C127.5h-.2c-26.6-1.1-32.6-3.3-39.7-11.8%2C5.7-15.6%2C70.7-14.9%2C78.2-2h34.3c-4-29.8-36.9-43.3-72.7-42.6-97.7.5-97.7%2C88.6%2C0%2C89.1%2C26.6%2C1.2%2C32.6%2C3.4%2C39.8%2C11.9-5.8%2C15.6-71.2%2C15-78.4%2C1.6h-34c3.8%2C30%2C36.7%2C43.6%2C72.7%2C42.9%2C97.7-.5%2C97.7-88.6%2C0-89.1h0Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M273.1%2C83.3c-48.8-34.2-120.2%2C8.8-112.4%2C68.1%2C3.8%2C52.9%2C69.1%2C83.8%2C112.4%2C53.2v12h32.6V0h-32.6v83.3h0ZM278.9%2C143.9c-5.5%2C9.3-59.9%2C40.1-70.5%2C41-3.6-6.4-4-19.5-4.6-41%2C.6-21.5%2C1-34.6%2C4.6-41%2C10.6.9%2C65%2C31.7%2C70.5%2C41Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M813.7%2C71.3h0l-37.6%2C80.8-37.6-80.8h-36.1l55.4%2C119.1c-11.9%2C20.2-33.3%2C55-54.5%2C55.8v32.9c77.5-5.9%2C114.2-153.2%2C146.3-207.8h-35.9Z%22%2F%3E%3Cpolygon%20fill%3D%22%237366d5%22%20points%3D%22481.3%20157%20452.1%2071.3%20405.8%2071.3%20376.5%20157%20354.5%2071.3%20320.2%2071.3%20357.4%20216.7%20391.3%20216.7%20428.9%20106.5%20466.5%20216.7%20500.4%20216.7%20537.7%2071.3%20503.3%2071.3%20481.3%20157%22%2F%3E%3C%2Fsvg%3E");
}

.logo-adways_weborama-text.white {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%202585%20280%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1080%2C126.1c-23.7.4-23.7%2C35.6%2C0%2C36%2C23.7-.4%2C23.7-35.6%2C0-36h0Z%22%2F%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%221332.3%20171.4%201298.6%2072.4%201269.2%2072.4%201235.8%20171.4%201205.5%2073%201170%2073%201218.9%20217.7%201249.8%20217.7%201283.8%20119.5%201317.5%20217.7%201348.3%20217.7%201397.8%2073%201363.2%2073%201332.3%20171.4%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1478.5%2C70.1h0c-43.2%2C0-73.7%2C33.6-73.7%2C75-4%2C73.2%2C99%2C98.8%2C139.2%2C47.9l-20.3-17.1c-25%2C27-78.4%2C22.7-84.3-19.3h110.9c4.4-44.3-20.3-86.7-71.7-86.5h0ZM1438.9%2C134.7c5.6-50.5%2C74-49.7%2C77.4%2C0h-77.4Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1662.7%2C69.9h0c-24.3%2C0-40%2C12.1-51.2%2C27V18h-34.6v198.5h34.6v-22.3c10.6%2C13.3%2C26.3%2C25.3%2C51.2%2C25.3%2C92.7%2C1.7%2C92.3-151.2%2C0-149.6ZM1654.7%2C191c-57.9.4-57.9-92.8%2C0-92.5%2C56.8-.9%2C57.1%2C93.6%2C0%2C92.5Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1832.2%2C70h0c-105.2%2C0-106.3%2C149.8-.6%2C149.8s106.5-149.9.6-149.8h0ZM1832.2%2C191.3c-59.2%2C1.3-61.3-93.7-.6-92.5%2C59.6-1.3%2C61.8%2C93.7.6%2C92.5Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1969.6%2C105.4v-32.4h-34.6v143.6h34.6c-.2-46-9.3-114.1%2C53.4-111.5v-34.8c-26.6-1.1-44%2C13.6-53.4%2C35.1Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2101.6%2C70.8c-24.6%2C0-40.9%2C4.9-57.4%2C12l9.4%2C26.4c26.7-12.6%2C84.8-17.4%2C80.3%2C25.3-115.9-35.6-137.9%2C81.2-49.2%2C85.1%2C22.9%2C0%2C38.6-9%2C48.9-20.7v17.7h34.3c-3.3-54.2%2C21.6-150-66.3-145.8h0ZM2065.3%2C173.6c-2.5-28.9%2C50.7-26.2%2C69.2-17.9v8.9c4.2%2C31.2-67%2C44.4-69.2%2C9Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2373.1%2C70h0c-22.9%2C0-38.9%2C10.1-51.2%2C25.3-16.9-35.2-72.8-31.3-90.9-.5v-21.8h-34.6v143.6h34.6v-80.8c0-22.3%2C13.1-35.9%2C32.3-35.9s30.6%2C12.5%2C30.6%2C34.8v81.8h34.6v-81c0-23.1%2C13.4-35.6%2C32.3-35.6s30.6%2C12.2%2C30.6%2C35.1v81.6h34.6c-4.4-45.7%2C21.7-150-52.9-146.6h0Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2515.6%2C70.8c-24.6%2C0-40.9%2C4.9-57.4%2C12l9.4%2C26.4c26.7-12.6%2C84.8-17.4%2C80.3%2C25.3-115.9-35.6-137.9%2C81.2-49.2%2C85.1%2C22.9%2C0%2C38.6-9%2C48.9-20.7v17.7h34.3c-3.3-54.2%2C21.6-150-66.3-145.8h0ZM2479.3%2C173.6c-2.5-28.9%2C50.7-26.2%2C69.2-17.9v8.9c4.2%2C31.2-67%2C44.4-69.2%2C9Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M112.8%2C83.3C66.6%2C51-1.5%2C87.4%2C0%2C144c-1.5%2C56.5%2C66.6%2C92.9%2C112.8%2C60.7v12h32.6V71.3h-32.6s0%2C12%2C0%2C12ZM72.7%2C184c-52.7-.9-52.7-79.2%2C0-80.1%2C52.7.9%2C52.6%2C79.2%2C0%2C80.1Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M655.9%2C83.3c-46.2-32.3-114.3%2C4.1-112.8%2C60.7-1.5%2C56.5%2C66.6%2C92.9%2C112.8%2C60.7v12h32.6V71.3h-32.6v12ZM615.8%2C184c-52.7-.9-52.7-79.2%2C0-80.1%2C52.7.9%2C52.6%2C79.2%2C0%2C80.1Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M918.8%2C127.5h-.2c-26.6-1.1-32.6-3.3-39.7-11.8%2C5.7-15.6%2C70.7-14.9%2C78.2-2h34.3c-4-29.8-36.9-43.3-72.7-42.6-97.7.5-97.7%2C88.6%2C0%2C89.1%2C26.6%2C1.2%2C32.6%2C3.4%2C39.8%2C11.9-5.8%2C15.6-71.2%2C15-78.4%2C1.6h-34c3.8%2C30%2C36.7%2C43.6%2C72.7%2C42.9%2C97.7-.5%2C97.7-88.6%2C0-89.1h0Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M273.1%2C83.3c-48.8-34.2-120.2%2C8.8-112.4%2C68.1%2C3.8%2C52.9%2C69.1%2C83.8%2C112.4%2C53.2v12h32.6V0h-32.6v83.3h0ZM278.9%2C143.9c-5.5%2C9.3-59.9%2C40.1-70.5%2C41-3.6-6.4-4-19.5-4.6-41%2C.6-21.5%2C1-34.6%2C4.6-41%2C10.6.9%2C65%2C31.7%2C70.5%2C41Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M813.7%2C71.3h0l-37.6%2C80.8-37.6-80.8h-36.1l55.4%2C119.1c-11.9%2C20.2-33.3%2C55-54.5%2C55.8v32.9c77.5-5.9%2C114.2-153.2%2C146.3-207.8h-35.9Z%22%2F%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%22481.3%20157%20452.1%2071.3%20405.8%2071.3%20376.5%20157%20354.5%2071.3%20320.2%2071.3%20357.4%20216.7%20391.3%20216.7%20428.9%20106.5%20466.5%20216.7%20500.4%20216.7%20537.7%2071.3%20503.3%2071.3%20481.3%20157%22%2F%3E%3C%2Fsvg%3E");
}

.logo-adways-round.lavender {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20800%20800%22%3E%3Ccircle%20fill%3D%22%237366d5%22%20cx%3D%22400%22%20cy%3D%22400%22%20r%3D%22400%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M238.3%2C355.1c-46.7-32.6-115.5%2C4.2-114%2C61.3-1.5%2C57.1%2C67.3%2C93.9%2C114%2C61.3v12.2h33v-147h-33v12.2h0ZM197.8%2C456.9c-53.2-1-53.2-80.1%2C0-81%2C53.2%2C1%2C53.2%2C80.1%2C0%2C81Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M400.3%2C355.1c-49.4-34.6-121.5%2C8.9-113.6%2C68.8%2C3.8%2C53.5%2C69.9%2C84.7%2C113.6%2C53.8v12.2h33v-219h-33v84.2h0ZM405.9%2C415.9c-3.8%2C6.4-15.1%2C13.3-33.6%2C24.7-19.1%2C10.4-30.8%2C16.6-38.2%2C16.7-4.7-9.5-4.7-72.5%2C0-82%2C10.6-1.5%2C65.6%2C32.1%2C71.8%2C40.6h0Z%22%2F%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%22632.9%20343%20610.7%20429.6%20581.2%20343%20534.3%20343%20504.8%20429.6%20482.6%20343%20447.8%20343%20485.5%20490%20519.7%20490%20557.8%20378.5%20595.8%20490%20630.1%20490%20667.7%20343%20632.9%20343%22%2F%3E%3C%2Fsvg%3E");
}

.slogan {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20450%2026%22%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M0%2C25.8V.4h2.7v25.4H0Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M7.3%2C25.8V7.5h2.6v3.5h-.6c.5-1.3%2C1.2-2.2%2C2.2-2.9%2C1-.7%2C2.2-1%2C3.6-1s2.5.3%2C3.5.9c1%2C.6%2C1.8%2C1.4%2C2.5%2C2.4.6%2C1%2C.9%2C2.2.9%2C3.5v11.8h-2.6v-10.9c0-1.1-.2-2.1-.6-2.8-.4-.8-1-1.4-1.7-1.8-.7-.4-1.5-.6-2.5-.6s-1.8.2-2.5.6c-.7.4-1.3%2C1-1.7%2C1.8-.4.8-.6%2C1.7-.6%2C2.8v10.9h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M32.8%2C26c-1.6%2C0-2.9-.5-3.8-1.4-.9-1-1.3-2.3-1.3-4.1v-10.4h-3.4v-2.6h.9c.8%2C0%2C1.4-.3%2C1.8-.8.5-.5.7-1.2.7-1.9v-1.5h2.6v4.2h4v2.6h-4v10.4c0%2C.6%2C0%2C1.2.3%2C1.6.2.5.5.8.9%2C1.1.4.3%2C1%2C.4%2C1.8.4s.4%2C0%2C.6%2C0%2C.5%2C0%2C.6%2C0v2.3c-.3%2C0-.6.1-.9.2-.3%2C0-.6%2C0-.8%2C0Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M45.6%2C26.2c-1.7%2C0-3.2-.4-4.6-1.2-1.4-.8-2.5-2-3.3-3.4-.8-1.5-1.2-3.1-1.2-4.9s.4-3.5%2C1.2-4.9c.8-1.4%2C1.8-2.5%2C3.1-3.4%2C1.3-.8%2C2.8-1.2%2C4.5-1.2s2.5.2%2C3.5.7c1%2C.5%2C1.9%2C1.1%2C2.6%2C2%2C.7.8%2C1.3%2C1.8%2C1.7%2C2.8.4%2C1%2C.6%2C2.1.6%2C3.2s0%2C.5%2C0%2C.8c0%2C.3%2C0%2C.6-.1.9h-15.4v-2.4h14l-1.2%2C1c.2-1.2%2C0-2.4-.4-3.4-.5-1-1.2-1.8-2.1-2.3-.9-.6-1.9-.9-3.1-.9s-2.2.3-3.1.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.5%2C1.1-.8%2C2.3-.6%2C3.8-.1%2C1.5.1%2C2.7.7%2C3.8.6%2C1.1%2C1.4%2C1.9%2C2.4%2C2.5%2C1%2C.6%2C2.1.9%2C3.3.9s2.5-.3%2C3.4-1%2C1.6-1.4%2C2.2-2.4l2.2%2C1.2c-.4.8-.9%2C1.6-1.7%2C2.3-.7.7-1.6%2C1.2-2.7%2C1.7-1%2C.4-2.2.6-3.4.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M57.2%2C25.8V7.5h2.6v3l-.3-.4c.4-.9%2C1.1-1.5%2C2-2%2C.9-.5%2C1.9-.7%2C3.2-.7h1.2v2.6h-1.6c-1.3%2C0-2.4.4-3.2%2C1.2s-1.2%2C2-1.2%2C3.5v11.2h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M73%2C26.2c-1.2%2C0-2.2-.2-3.1-.7-.9-.4-1.6-1.1-2.1-1.8s-.8-1.7-.8-2.7.2-1.8.6-2.6c.4-.8%2C1-1.4%2C1.9-2%2C.9-.5%2C2-.9%2C3.3-1.2l7.1-1.2v2.3l-6.5%2C1.1c-1.3.2-2.3.6-2.8%2C1.3-.6.6-.9%2C1.3-.9%2C2.2s.3%2C1.5%2C1%2C2.1%2C1.5.9%2C2.5.9%2C2.3-.3%2C3.3-.8c.9-.5%2C1.7-1.3%2C2.2-2.2.5-.9.8-1.9.8-3v-4.6c0-1.1-.4-2-1.2-2.7s-1.8-1-3.1-1-2.1.3-2.9.8c-.8.6-1.5%2C1.3-1.9%2C2.2l-2.3-1.3c.3-.8.9-1.5%2C1.6-2.1.7-.6%2C1.6-1.1%2C2.5-1.5s1.9-.6%2C3-.6%2C2.5.3%2C3.6.8c1%2C.5%2C1.8%2C1.2%2C2.4%2C2.2s.9%2C2%2C.9%2C3.2v12.5h-2.6v-3.6l.4.4c-.3.7-.8%2C1.3-1.5%2C1.9s-1.5%2C1-2.3%2C1.3c-.9.3-1.9.5-2.9.5Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M94.5%2C26.2c-1.8%2C0-3.4-.4-4.7-1.3-1.4-.8-2.4-2-3.2-3.4-.8-1.4-1.2-3.1-1.2-4.9s.4-3.4%2C1.2-4.9c.8-1.4%2C1.8-2.6%2C3.2-3.4%2C1.4-.8%2C2.9-1.2%2C4.7-1.2s2.2.2%2C3.2.6c1%2C.4%2C1.9%2C1%2C2.7%2C1.7.8.7%2C1.4%2C1.5%2C1.7%2C2.4l-2.3%2C1.2c-.5-1-1.1-1.8-2.1-2.4-.9-.6-2-.9-3.2-.9s-2.3.3-3.3.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.6%2C1.1-.8%2C2.3-.8%2C3.6s.3%2C2.5.8%2C3.6c.6%2C1.1%2C1.3%2C1.9%2C2.3%2C2.5%2C1%2C.6%2C2%2C.9%2C3.3.9s2.3-.3%2C3.2-.9c.9-.6%2C1.6-1.4%2C2.1-2.5l2.3%2C1.3c-.4.9-1%2C1.7-1.7%2C2.4-.8.7-1.7%2C1.3-2.7%2C1.7-1%2C.4-2.1.6-3.2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M112.5%2C26c-1.6%2C0-2.9-.5-3.8-1.4-.9-1-1.3-2.3-1.3-4.1v-10.4h-3.4v-2.6h.9c.8%2C0%2C1.4-.3%2C1.8-.8.5-.5.7-1.2.7-1.9v-1.5h2.6v4.2h4v2.6h-4v10.4c0%2C.6%2C0%2C1.2.3%2C1.6.2.5.5.8.9%2C1.1.4.3%2C1%2C.4%2C1.8.4s.4%2C0%2C.6%2C0%2C.5%2C0%2C.6%2C0v2.3c-.3%2C0-.6.1-.9.2-.3%2C0-.6%2C0-.8%2C0Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M117.7%2C4.2V.4h2.6v3.7h-2.6ZM117.7%2C25.8V7.5h2.6v18.2h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M129.4%2C25.8l-7.1-18.2h2.9l6%2C16h-.9l6-16h2.9l-7.2%2C18.2h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M149.1%2C26.2c-1.7%2C0-3.2-.4-4.6-1.2-1.4-.8-2.5-2-3.3-3.4-.8-1.5-1.2-3.1-1.2-4.9s.4-3.5%2C1.2-4.9c.8-1.4%2C1.8-2.5%2C3.1-3.4%2C1.3-.8%2C2.8-1.2%2C4.5-1.2s2.5.2%2C3.5.7c1%2C.5%2C1.9%2C1.1%2C2.6%2C2%2C.7.8%2C1.3%2C1.8%2C1.7%2C2.8.4%2C1%2C.6%2C2.1.6%2C3.2s0%2C.5%2C0%2C.8c0%2C.3%2C0%2C.6-.1.9h-15.4v-2.4h14l-1.2%2C1c.2-1.2%2C0-2.4-.4-3.4-.5-1-1.2-1.8-2.1-2.3-.9-.6-1.9-.9-3.1-.9s-2.2.3-3.1.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.5%2C1.1-.8%2C2.3-.6%2C3.8-.1%2C1.5.1%2C2.7.7%2C3.8.6%2C1.1%2C1.4%2C1.9%2C2.4%2C2.5%2C1%2C.6%2C2.1.9%2C3.3.9s2.5-.3%2C3.4-1%2C1.6-1.4%2C2.2-2.4l2.2%2C1.2c-.4.8-.9%2C1.6-1.7%2C2.3-.7.7-1.6%2C1.2-2.7%2C1.7-1%2C.4-2.2.6-3.4.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M172.5%2C25.8L163.2.4h2.8l8.2%2C22.9h-.5L181.8.4h2.9l-9.3%2C25.4h-2.9Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M186.6%2C4.2V.4h2.6v3.7h-2.6ZM186.6%2C25.8V7.5h2.6v18.2h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M201.6%2C26.2c-1.7%2C0-3.2-.4-4.6-1.2-1.4-.8-2.4-2-3.2-3.4-.8-1.4-1.2-3.1-1.2-4.9s.4-3.5%2C1.2-4.9c.8-1.4%2C1.8-2.6%2C3.2-3.4%2C1.4-.8%2C2.9-1.2%2C4.6-1.2s3%2C.3%2C4.2%2C1c1.2.7%2C2.2%2C1.6%2C2.9%2C2.8l-.4.7V0h2.6v25.8h-2.6v-4.1l.4.4c-.6%2C1.3-1.6%2C2.3-2.8%2C3-1.3.7-2.7%2C1.1-4.2%2C1.1ZM201.8%2C23.6c1.2%2C0%2C2.3-.3%2C3.3-.9%2C1-.6%2C1.8-1.4%2C2.3-2.5.6-1.1.9-2.2.9-3.6s-.3-2.5-.9-3.6-1.4-1.9-2.3-2.5c-1-.6-2.1-.9-3.3-.9s-2.3.3-3.3.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.6%2C1-.8%2C2.2-.8%2C3.6s.3%2C2.5.8%2C3.6c.6%2C1.1%2C1.3%2C1.9%2C2.3%2C2.5%2C1%2C.6%2C2.1.9%2C3.3.9Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M223.4%2C26.2c-1.7%2C0-3.2-.4-4.6-1.2-1.4-.8-2.5-2-3.3-3.4-.8-1.5-1.2-3.1-1.2-4.9s.4-3.5%2C1.2-4.9c.8-1.4%2C1.8-2.5%2C3.1-3.4%2C1.3-.8%2C2.8-1.2%2C4.5-1.2s2.5.2%2C3.5.7c1%2C.5%2C1.9%2C1.1%2C2.6%2C2%2C.7.8%2C1.3%2C1.8%2C1.7%2C2.8.4%2C1%2C.6%2C2.1.6%2C3.2s0%2C.5%2C0%2C.8c0%2C.3%2C0%2C.6-.1.9h-15.4v-2.4h14l-1.2%2C1c.2-1.2%2C0-2.4-.4-3.4-.5-1-1.2-1.8-2.1-2.3-.9-.6-1.9-.9-3.1-.9s-2.2.3-3.1.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.5%2C1.1-.8%2C2.3-.6%2C3.8-.1%2C1.5.1%2C2.7.7%2C3.8.6%2C1.1%2C1.4%2C1.9%2C2.4%2C2.5%2C1%2C.6%2C2.1.9%2C3.3.9s2.5-.3%2C3.4-1%2C1.6-1.4%2C2.2-2.4l2.2%2C1.2c-.4.8-.9%2C1.6-1.7%2C2.3-.7.7-1.6%2C1.2-2.7%2C1.7-1%2C.4-2.2.6-3.4.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M243.5%2C26.2c-1.7%2C0-3.3-.4-4.7-1.2-1.4-.8-2.5-2-3.4-3.4s-1.2-3.1-1.2-4.9.4-3.4%2C1.2-4.9c.8-1.4%2C1.9-2.6%2C3.3-3.4%2C1.4-.8%2C3-1.2%2C4.7-1.2s3.4.4%2C4.7%2C1.2c1.4.8%2C2.5%2C1.9%2C3.3%2C3.4s1.2%2C3.1%2C1.2%2C4.9-.4%2C3.5-1.3%2C5c-.8%2C1.4-2%2C2.6-3.4%2C3.4-1.4.8-2.9%2C1.2-4.6%2C1.2ZM243.5%2C23.6c1.2%2C0%2C2.3-.3%2C3.3-.9%2C1-.6%2C1.8-1.5%2C2.3-2.5.6-1.1.9-2.3.9-3.6s-.3-2.5-.9-3.5c-.6-1-1.4-1.9-2.3-2.5-1-.6-2.1-.9-3.3-.9s-2.3.3-3.3.9c-1%2C.6-1.8%2C1.4-2.4%2C2.5-.6%2C1-.9%2C2.2-.9%2C3.5s.3%2C2.5.9%2C3.6c.6%2C1.1%2C1.4%2C1.9%2C2.4%2C2.5%2C1%2C.6%2C2.1.9%2C3.3.9Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M267.4%2C26.2c-1.4%2C0-2.6-.3-3.6-.8-1.1-.5-1.9-1.3-2.5-2.2-.6-1-.9-2.1-.9-3.3s.2-2.1.6-2.9c.4-.8.9-1.6%2C1.5-2.2.6-.6%2C1.2-1.2%2C1.8-1.6.6-.4%2C1.2-.8%2C1.6-1.1l1.8-1.1c.6-.4%2C1.3-.8%2C1.9-1.3s1.1-1.1%2C1.6-1.7c.4-.6.6-1.4.6-2.2s-.3-1.7-1-2.4c-.6-.6-1.4-1-2.4-1s-1.8.3-2.4%2C1c-.6.6-.9%2C1.4-.9%2C2.4s.2%2C1.3.5%2C1.9c.3.6.7%2C1.2%2C1.2%2C1.8.5.6.9%2C1.1%2C1.4%2C1.6l14%2C14.6h-3.6l-12.5-12.9c-.5-.6-1.1-1.2-1.7-1.9-.6-.7-1-1.5-1.4-2.3-.4-.8-.6-1.7-.6-2.7s.3-2.2.8-3.1c.5-.9%2C1.3-1.6%2C2.2-2.1.9-.5%2C1.9-.8%2C3-.8s2.1.2%2C3%2C.7c.9.5%2C1.6%2C1.2%2C2.2%2C2.1s.8%2C1.9.8%2C3-.3%2C2.3-.8%2C3.1c-.6.9-1.2%2C1.7-2%2C2.3-.8.6-1.5%2C1.2-2.2%2C1.6l-1.7%2C1.1c-.6.4-1.3.8-1.9%2C1.4-.7.5-1.3%2C1.2-1.7%2C1.9-.5.7-.7%2C1.6-.7%2C2.6s.4%2C2.2%2C1.2%2C2.9c.8.7%2C1.8%2C1%2C3.1%2C1s1.5-.1%2C2.2-.4c.6-.3%2C1.2-.6%2C1.7-1.1.5-.4%2C1-.9%2C1.4-1.5s.8-1.1%2C1.2-1.7l3.9-5.8h3.1l-4.6%2C6.9c-.4.6-.8%2C1.2-1.3%2C1.9-.5.7-1.1%2C1.4-1.8%2C2s-1.5%2C1.1-2.5%2C1.5c-.9.4-2%2C.6-3.3.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M290.1%2C25.8V.4h8.7c1.7%2C0%2C3.1.3%2C4.4%2C1s2.2%2C1.6%2C2.9%2C2.7c.7%2C1.2%2C1%2C2.5%2C1%2C4.1s-.5%2C3.3-1.4%2C4.6c-.9%2C1.3-2.2%2C2.2-3.8%2C2.7l5.9%2C10.3h-3.2l-6.2-10.9%2C1.8%2C1.1h-7.4v9.9h-2.7ZM292.8%2C13.3h6.1c1.1%2C0%2C2-.2%2C2.9-.6.8-.4%2C1.5-1%2C1.9-1.8.5-.8.7-1.7.7-2.8s-.2-2-.7-2.8c-.5-.8-1.1-1.4-1.9-1.8-.8-.4-1.8-.6-2.9-.6h-6.1v10.4Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M310.5%2C4.2V.4h2.6v3.7h-2.6ZM310.5%2C25.8V7.5h2.6v18.2h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M325.7%2C26.2c-1.8%2C0-3.4-.4-4.7-1.3-1.4-.8-2.4-2-3.2-3.4-.8-1.4-1.2-3.1-1.2-4.9s.4-3.4%2C1.2-4.9c.8-1.4%2C1.8-2.6%2C3.2-3.4%2C1.4-.8%2C2.9-1.2%2C4.7-1.2s2.2.2%2C3.2.6c1%2C.4%2C1.9%2C1%2C2.7%2C1.7.8.7%2C1.4%2C1.5%2C1.7%2C2.4l-2.3%2C1.2c-.5-1-1.1-1.8-2.1-2.4-.9-.6-2-.9-3.2-.9s-2.3.3-3.3.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.6%2C1.1-.8%2C2.3-.8%2C3.6s.3%2C2.5.8%2C3.6c.6%2C1.1%2C1.3%2C1.9%2C2.3%2C2.5%2C1%2C.6%2C2%2C.9%2C3.3.9s2.3-.3%2C3.2-.9c.9-.6%2C1.6-1.4%2C2.1-2.5l2.3%2C1.3c-.4.9-1%2C1.7-1.7%2C2.4-.8.7-1.7%2C1.3-2.7%2C1.7-1%2C.4-2.1.6-3.2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M336.7%2C25.8V0h2.6v11.1h-.6c.5-1.3%2C1.2-2.2%2C2.2-2.9%2C1-.7%2C2.2-1%2C3.6-1s2.5.3%2C3.5.9c1%2C.6%2C1.8%2C1.4%2C2.5%2C2.4.6%2C1%2C.9%2C2.2.9%2C3.5v11.8h-2.6v-10.9c0-1.1-.2-2.1-.6-2.8-.4-.8-1-1.4-1.7-1.8-.7-.4-1.5-.6-2.4-.6s-1.7.2-2.5.6c-.7.4-1.3%2C1-1.7%2C1.8-.4.8-.6%2C1.7-.6%2C2.8v10.9h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M360.3%2C25.8V.4h2.4l9.5%2C13.8h-1.3l9.5-13.8h2.4v25.4h-2.7V4.1l.9.3-9.3%2C13.5h-.1l-9.3-13.5.9-.3v21.7h-2.7Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M395.7%2C26.2c-1.7%2C0-3.2-.4-4.6-1.2-1.4-.8-2.5-2-3.3-3.4-.8-1.5-1.2-3.1-1.2-4.9s.4-3.5%2C1.2-4.9c.8-1.4%2C1.8-2.5%2C3.1-3.4%2C1.3-.8%2C2.8-1.2%2C4.5-1.2s2.5.2%2C3.5.7c1%2C.5%2C1.9%2C1.1%2C2.6%2C2%2C.7.8%2C1.3%2C1.8%2C1.7%2C2.8.4%2C1%2C.6%2C2.1.6%2C3.2s0%2C.5%2C0%2C.8c0%2C.3%2C0%2C.6-.1.9h-15.4v-2.4h14l-1.2%2C1c.2-1.2%2C0-2.4-.4-3.4-.5-1-1.2-1.8-2.1-2.3-.9-.6-1.9-.9-3.1-.9s-2.2.3-3.1.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.5%2C1.1-.8%2C2.3-.6%2C3.8-.1%2C1.5.1%2C2.7.7%2C3.8.6%2C1.1%2C1.4%2C1.9%2C2.4%2C2.5%2C1%2C.6%2C2.1.9%2C3.2.9s2.5-.3%2C3.4-1%2C1.6-1.4%2C2.2-2.4l2.2%2C1.2c-.4.8-.9%2C1.6-1.7%2C2.3-.7.7-1.6%2C1.2-2.7%2C1.7-1%2C.4-2.2.6-3.4.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M415.6%2C26.2c-1.7%2C0-3.2-.4-4.6-1.2-1.4-.8-2.4-2-3.2-3.4-.8-1.4-1.2-3.1-1.2-4.9s.4-3.5%2C1.2-4.9c.8-1.4%2C1.8-2.6%2C3.2-3.4%2C1.4-.8%2C2.9-1.2%2C4.6-1.2s3%2C.3%2C4.2%2C1c1.2.7%2C2.2%2C1.6%2C2.9%2C2.8l-.4.7V0h2.6v25.8h-2.6v-4.1l.4.4c-.6%2C1.3-1.6%2C2.3-2.8%2C3s-2.7%2C1.1-4.2%2C1.1ZM415.7%2C23.6c1.2%2C0%2C2.3-.3%2C3.3-.9%2C1-.6%2C1.8-1.4%2C2.3-2.5.6-1.1.9-2.2.9-3.6s-.3-2.5-.9-3.6-1.4-1.9-2.3-2.5c-1-.6-2.1-.9-3.3-.9s-2.3.3-3.3.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.6%2C1-.8%2C2.2-.8%2C3.6s.3%2C2.5.8%2C3.6c.6%2C1.1%2C1.3%2C1.9%2C2.3%2C2.5%2C1%2C.6%2C2.1.9%2C3.3.9Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M429%2C4.2V.4h2.6v3.7h-2.6ZM429%2C25.8V7.5h2.6v18.2h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M441%2C26.2c-1.2%2C0-2.2-.2-3.1-.7-.9-.4-1.6-1.1-2.1-1.8s-.8-1.7-.8-2.7.2-1.8.6-2.6c.4-.8%2C1-1.4%2C1.9-2s2-.9%2C3.3-1.2l7.1-1.2v2.3l-6.5%2C1.1c-1.3.2-2.3.6-2.8%2C1.3-.6.6-.9%2C1.3-.9%2C2.2s.3%2C1.5%2C1%2C2.1c.6.6%2C1.5.9%2C2.5.9s2.3-.3%2C3.3-.8c.9-.5%2C1.7-1.3%2C2.2-2.2.5-.9.8-1.9.8-3v-4.6c0-1.1-.4-2-1.2-2.7s-1.8-1-3.1-1-2.1.3-2.9.8c-.8.6-1.5%2C1.3-1.9%2C2.2l-2.3-1.3c.3-.8.9-1.5%2C1.6-2.1.7-.6%2C1.6-1.1%2C2.5-1.5s1.9-.6%2C3-.6%2C2.5.3%2C3.6.8c1%2C.5%2C1.8%2C1.2%2C2.4%2C2.2s.9%2C2%2C.9%2C3.2v12.5h-2.6v-3.6l.4.4c-.3.7-.8%2C1.3-1.5%2C1.9s-1.5%2C1-2.3%2C1.3c-.9.3-1.9.5-2.9.5Z%22%2F%3E%3C%2Fsvg%3E");
}

.weboramanl-logo-w-text {
  width: 210px;
  height: 48px;
  text-align: left;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.weboramanl-logo-w-text.transparant-black {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" width="1163.488" height="263.965" viewBox="0 0 1163.488 263.965"><g id="Group_286" data-name="Group 286" transform="translate(18932 14198.965)"><path id="Path_112" data-name="Path 112" d="M221.458,85.446l-20.543,60.827L182.3,85.779H160.531l30.024,88.9h18.962l20.895-60.325,20.719,60.325h18.962l30.376-88.9H279.222L260.26,146.273,239.545,85.446Zm489.163,62.163v-.333c0-9.023,7.9-14.2,21.246-14.2a63.359,63.359,0,0,1,21.243,3.508V142.1c0,11.028-10.532,18.548-24.581,18.548-10.005,0-17.908-4.681-17.908-13.036M697.629,91.793l5.792,16.214c8.43-3.344,16.154-5.519,26.514-5.519,14.749,0,22.824,6.686,22.824,18.884v2.177a81.5,81.5,0,0,0-25.632-3.677c-21.594,0-37.576,9.356-37.576,28.405v.339c0,17.707,15.448,27.235,33.008,27.235,14.049,0,23.706-5.512,30.024-12.7v10.861h21.07v-52.3c0-23.564-13.343-37.268-40.732-37.268a82.885,82.885,0,0,0-35.292,7.351m267.357,55.816v-.333c0-9.023,7.9-14.2,21.243-14.2a63.391,63.391,0,0,1,21.246,3.508V142.1c0,11.028-10.535,18.548-24.581,18.548-10.008,0-17.908-4.681-17.908-13.036M951.992,91.793l5.795,16.214c8.424-3.344,16.154-5.519,26.514-5.519,14.745,0,22.821,6.686,22.821,18.884v2.177a81.487,81.487,0,0,0-25.632-3.677c-21.6,0-37.573,9.356-37.573,28.405v.339c0,17.707,15.451,27.235,33.008,27.235,14.049,0,23.7-5.512,30.024-12.7v10.861h21.07v-52.3c0-23.564-13.346-37.268-40.738-37.268a82.892,82.892,0,0,0-35.289,7.351M651.784,105.666V85.779H630.538v88.234h21.246V140.428c0-23.4,12.992-34.931,31.605-34.931h1.227V84.106c-.568-.022-1.126-.031-1.678-.031-15.385,0-25.563,8.847-31.154,21.591m-301.99-5.183c14.049,0,22.124,10.193,23.527,23.232H325.74c1.933-13.7,11.059-23.232,24.054-23.232m-45.124,29.582c0,27.4,20.722,45.952,47.581,45.952,17.033,0,29.146-6.513,37.927-16.543l-12.465-10.526c-7.376,6.849-14.749,10.526-25.108,10.526-13.7,0-24.23-8.022-26.689-22.391h68.124c.176-2.008.351-3.68.351-5.515,0-25.569-14.924-47.625-44.422-47.625-26.514,0-45.3,20.719-45.3,46.122m234.415-.169c0-15.539,10.89-28.242,27.922-28.242,16.678,0,28.44,12.869,28.44,28.578,0,15.539-10.883,28.242-28.092,28.242-16.5,0-28.271-12.869-28.271-28.578m-21.243.336c0,25.234,20.895,45.786,49.165,45.786,28.616,0,49.689-20.888,49.689-46.122,0-25.4-20.9-45.952-49.341-45.952s-49.513,20.885-49.513,46.288M868.259,99.482c-4.916-9.359-14.218-15.539-27.565-15.539-14.222,0-22.3,7.354-28.271,15.207V85.779H791.178v88.234h21.246V124.383c0-13.707,8.082-22.062,19.841-22.062s18.789,7.69,18.789,21.393v50.3H872.3v-49.8c0-14.206,8.251-21.9,19.84-21.9,11.941,0,18.789,7.52,18.789,21.56v50.131H932.17V117.7c0-21.563-12.292-33.758-32.481-33.758-14.046,0-23.881,6.181-31.43,15.539M431.273,129.9c0-17.208,12.64-28.405,27.037-28.405s26.514,11.028,26.514,28.405c0,17.547-11.941,28.409-26.514,28.409-14.4,0-27.037-11.2-27.037-28.409M410.551,52.024V174.013H431.8v-13.7c6.5,8.188,16.154,15.539,31.427,15.539,22.124,0,43.195-16.543,43.195-45.956s-21.243-45.952-43.195-45.952c-14.921,0-24.578,7.354-31.427,16.54V52.024Z" transform="translate(-18796.531 -14181.004)"/><path id="Path_113" data-name="Path 113" d="M291.883,158.117l-27.7,73.308a12.907,12.907,0,0,1-11.2,7.742H225.277a12.783,12.783,0,0,1-11.138-7.776l-12.052-32.661c-1.565-4.261-4.1-4.251-5.611.047l-11.544,32.595a12.575,12.575,0,0,1-11.031,7.8H146.009a13.1,13.1,0,0,1-11.3-7.7l-28.941-73.39c-1.665-4.238.688-7.714,5.238-7.714h19.53a12.188,12.188,0,0,1,10.83,7.871l15.757,48.6c1.4,4.33,3.861,4.386,5.458.119L180.9,158.129a12.859,12.859,0,0,1,11.182-7.764h14.095a12.821,12.821,0,0,1,11.157,7.773l18.17,48.8c1.593,4.279,4.012,4.213,5.385-.119l15.348-48.556a12.045,12.045,0,0,1,10.764-7.9h19.54c4.553,0,6.96,3.491,5.341,7.751M198.806,29.994a131.983,131.983,0,1,0,132.091,132,132.04,132.04,0,0,0-132.091-132" transform="translate(-18998.725 -14228.959)" fill="%23fe0728"/></g></svg>');
}

.weboramanl-logo-w-text.white-white {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1163.5 264"><defs><style> .st0 { fill: %23fff; } .st1 { fill: %23fe0728; } </style></defs><path id="Path_112" class="st0" d="M356.9,103.4l-20.5,60.8-18.6-60.5h-21.8l30,88.9h19l20.9-60.3,20.7,60.3h19l30.4-88.9h-21.2l-19,60.5-20.7-60.8h-18.2,0ZM846.1,165.6v-.3c0-9,7.9-14.2,21.2-14.2s14.4,1.1,21.2,3.5v5.5c0,11-10.5,18.5-24.6,18.5s-17.9-4.7-17.9-13M833.1,109.8l5.8,16.2c8.4-3.3,16.2-5.5,26.5-5.5,14.7,0,22.8,6.7,22.8,18.9v2.2c-8.3-2.6-16.9-3.8-25.6-3.7-21.6,0-37.6,9.4-37.6,28.4v.3c0,17.7,15.4,27.2,33,27.2s23.7-5.5,30-12.7v10.9h21.1v-52.3c0-23.6-13.3-37.3-40.7-37.3-12.2-.2-24.2,2.3-35.3,7.4M1100.5,165.6v-.3c0-9,7.9-14.2,21.2-14.2s14.4,1.1,21.2,3.5v5.5c0,11-10.5,18.5-24.6,18.5s-17.9-4.7-17.9-13M1087.5,109.8l5.8,16.2c8.4-3.3,16.2-5.5,26.5-5.5,14.7,0,22.8,6.7,22.8,18.9v2.2c-8.3-2.6-16.9-3.8-25.6-3.7-21.6,0-37.6,9.4-37.6,28.4v.3c0,17.7,15.5,27.2,33,27.2s23.7-5.5,30-12.7v10.9h21.1v-52.3c0-23.6-13.3-37.3-40.7-37.3-12.2-.2-24.2,2.3-35.3,7.4M787.3,123.6v-19.9h-21.2v88.2h21.2v-33.6c0-23.4,13-34.9,31.6-34.9h1.2v-21.4h-1.7c-15.4,0-25.6,8.8-31.2,21.6M485.3,118.4c14,0,22.1,10.2,23.5,23.2h-47.6c1.9-13.7,11.1-23.2,24.1-23.2M440.1,148c0,27.4,20.7,46,47.6,46s29.1-6.5,37.9-16.5l-12.5-10.5c-7.4,6.8-14.7,10.5-25.1,10.5s-24.2-8-26.7-22.4h68.1c.2-2,.4-3.7.4-5.5,0-25.6-14.9-47.6-44.4-47.6s-45.3,20.7-45.3,46.1M674.6,147.9c0-15.5,10.9-28.2,27.9-28.2s28.4,12.9,28.4,28.6-10.9,28.2-28.1,28.2-28.3-12.9-28.3-28.6M653.3,148.2c0,25.2,20.9,45.8,49.2,45.8s49.7-20.9,49.7-46.1-20.9-46-49.3-46-49.5,20.9-49.5,46.3M1003.7,117.4c-4.9-9.4-14.2-15.5-27.6-15.5s-22.3,7.4-28.3,15.2v-13.4h-21.2v88.2h21.2v-49.6c0-13.7,8.1-22.1,19.8-22.1s18.8,7.7,18.8,21.4v50.3h21.2v-49.8c0-14.2,8.3-21.9,19.8-21.9s18.8,7.5,18.8,21.6v50.1h21.2v-56.3c0-21.6-12.3-33.8-32.5-33.8s-23.9,6.2-31.4,15.5M566.7,147.9c0-17.2,12.6-28.4,27-28.4s26.5,11,26.5,28.4-11.9,28.4-26.5,28.4-27-11.2-27-28.4M546,70v122h21.2v-13.7c6.5,8.2,16.2,15.5,31.4,15.5,22.1,0,43.2-16.5,43.2-46s-21.2-46-43.2-46-24.6,7.4-31.4,16.5v-48.5h-21.2v.2Z"/><path class="st1" d="M132.1,0C59.2,0,.1,59.2.2,132.1c0,72.9,59.2,131.9,132.1,131.9s131.9-59.1,131.9-132S205,0,132.1,0h0"/><path class="st0" d="M225.2,128.1l-27.7,73.3c-2,4.5-6.3,7.5-11.2,7.7h-27.7c-4.9-.2-9.2-3.3-11.1-7.8l-12.1-32.7c-1.6-4.3-4.1-4.3-5.6,0l-11.5,32.6c-1.8,4.5-6.2,7.6-11,7.8h-27.9c-4.9-.2-9.3-3.2-11.3-7.7l-28.9-73.4c-1.7-4.2.7-7.7,5.2-7.7h19.5c4.9.2,9.1,3.3,10.8,7.9l15.8,48.6c1.4,4.3,3.9,4.4,5.5.1l18.3-48.8c1.9-4.5,6.3-7.5,11.2-7.8h14.1c4.9.2,9.2,3.3,11.2,7.8l18.2,48.8c1.6,4.3,4,4.2,5.4-.1l15.3-48.6c1.7-4.6,5.9-7.7,10.8-7.9h19.5c4.6,0,7,3.5,5.3,7.8"/></svg>');
}

.weboramanl-logo-w-text.transparant-white {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1163.5 264"><defs><style> .st0 { fill: %23fff; } .st1 { fill: %23fe0728; } </style></defs><g id="Group_286"><path id="Path_112" class="st0" d="M356.9,103.4l-20.5,60.8-18.6-60.5h-21.8l30,88.9h19l20.9-60.3,20.7,60.3h19l30.4-88.9h-21.2l-19,60.5-20.7-60.8h-18.2ZM846.1,165.6v-.3c0-9,7.9-14.2,21.2-14.2s14.4,1.1,21.2,3.5v5.5c0,11-10.5,18.5-24.6,18.5s-17.9-4.7-17.9-13M833.1,109.8l5.8,16.2c8.4-3.3,16.2-5.5,26.5-5.5,14.7,0,22.8,6.7,22.8,18.9v2.2c-8.3-2.6-16.9-3.8-25.6-3.7-21.6,0-37.6,9.4-37.6,28.4v.3c0,17.7,15.4,27.2,33,27.2s23.7-5.5,30-12.7v10.9h21.1v-52.3c0-23.6-13.3-37.3-40.7-37.3-12.2-.2-24.2,2.3-35.3,7.4M1100.5,165.6v-.3c0-9,7.9-14.2,21.2-14.2s14.4,1.1,21.2,3.5v5.5c0,11-10.5,18.5-24.6,18.5s-17.9-4.7-17.9-13M1087.5,109.8l5.8,16.2c8.4-3.3,16.2-5.5,26.5-5.5,14.7,0,22.8,6.7,22.8,18.9v2.2c-8.3-2.6-16.9-3.8-25.6-3.7-21.6,0-37.6,9.4-37.6,28.4v.3c0,17.7,15.5,27.2,33,27.2s23.7-5.5,30-12.7v10.9h21.1v-52.3c0-23.6-13.3-37.3-40.7-37.3-12.2-.2-24.2,2.3-35.3,7.4M787.3,123.6v-19.9h-21.2v88.2h21.2v-33.6c0-23.4,13-34.9,31.6-34.9h1.2v-21.4h-1.7c-15.4,0-25.6,8.8-31.2,21.6M485.3,118.4c14,0,22.1,10.2,23.5,23.2h-47.6c1.9-13.7,11.1-23.2,24.1-23.2M440.1,148c0,27.4,20.7,46,47.6,46s29.1-6.5,37.9-16.5l-12.5-10.5c-7.4,6.8-14.7,10.5-25.1,10.5s-24.2-8-26.7-22.4h68.1c.2-2,.4-3.7.4-5.5,0-25.6-14.9-47.6-44.4-47.6s-45.3,20.7-45.3,46.1M674.6,147.9c0-15.5,10.9-28.2,27.9-28.2s28.4,12.9,28.4,28.6-10.9,28.2-28.1,28.2-28.3-12.9-28.3-28.6M653.3,148.2c0,25.2,20.9,45.8,49.2,45.8s49.7-20.9,49.7-46.1-20.9-46-49.3-46-49.5,20.9-49.5,46.3M1003.7,117.4c-4.9-9.4-14.2-15.5-27.6-15.5s-22.3,7.4-28.3,15.2v-13.4h-21.2v88.2h21.2v-49.6c0-13.7,8.1-22.1,19.8-22.1s18.8,7.7,18.8,21.4v50.3h21.2v-49.8c0-14.2,8.3-21.9,19.8-21.9s18.8,7.5,18.8,21.6v50.1h21.2v-56.3c0-21.6-12.3-33.8-32.5-33.8s-23.9,6.2-31.4,15.5M566.7,147.9c0-17.2,12.6-28.4,27-28.4s26.5,11,26.5,28.4-11.9,28.4-26.5,28.4-27-11.2-27-28.4M546,70v122h21.2v-13.7c6.5,8.2,16.2,15.5,31.4,15.5,22.1,0,43.2-16.5,43.2-46s-21.2-46-43.2-46-24.6,7.4-31.4,16.5v-48.5h-21.2v.2Z"/><path id="Path_113" class="st1" d="M225.2,128.1l-27.7,73.3c-2,4.5-6.3,7.5-11.2,7.7h-27.7c-4.9-.2-9.2-3.3-11.1-7.8l-12.1-32.7c-1.6-4.3-4.1-4.3-5.6,0l-11.5,32.6c-1.8,4.5-6.2,7.6-11,7.8h-27.9c-4.9-.2-9.3-3.2-11.3-7.7l-28.9-73.4c-1.7-4.2.7-7.7,5.2-7.7h19.5c4.9.2,9.1,3.3,10.8,7.9l15.8,48.6c1.4,4.3,3.9,4.4,5.5.1l18.3-48.8c1.9-4.5,6.3-7.5,11.2-7.8h14.1c4.9.2,9.2,3.3,11.2,7.8l18.2,48.8c1.6,4.3,4,4.2,5.4-.1l15.3-48.6c1.7-4.6,5.9-7.7,10.8-7.9h19.5c4.6,0,7,3.5,5.3,7.8M132.1,0C59.2,0,.1,59.2.2,132.1c0,72.9,59.2,131.9,132.1,131.9s131.9-59.1,131.9-132S205,0,132.1,0h0"/></g></svg>');
}

.weboramanl-logo-w-text.white-black {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1163.5 264"><defs><style> .st0 { fill: %23fff; } .st1 { fill: %23fe0728; } </style></defs><path id="Path_112" d="M356.9,103.4l-20.5,60.8-18.6-60.5h-21.8l30,88.9h19l20.9-60.3,20.7,60.3h19l30.4-88.9h-21.2l-19,60.5-20.7-60.8h-18.1ZM846.1,165.6v-.3c0-9,7.9-14.2,21.2-14.2,7.2,0,14.4,1.1,21.2,3.5v5.5c0,11-10.5,18.5-24.6,18.5s-17.9-4.7-17.9-13M833.1,109.8l5.8,16.2c8.4-3.3,16.2-5.5,26.5-5.5,14.7,0,22.8,6.7,22.8,18.9v2.2c-8.3-2.6-16.9-3.8-25.6-3.7-21.6,0-37.6,9.4-37.6,28.4v.3c0,17.7,15.4,27.2,33,27.2s23.7-5.5,30-12.7v10.9h21.1v-52.3c0-23.6-13.3-37.3-40.7-37.3-12.2-.2-24.2,2.3-35.3,7.4M1100.5,165.6v-.3c0-9,7.9-14.2,21.2-14.2,7.2,0,14.4,1.1,21.2,3.5v5.5c0,11-10.5,18.5-24.6,18.5s-17.9-4.7-17.9-13M1087.5,109.8l5.8,16.2c8.4-3.3,16.2-5.5,26.5-5.5,14.7,0,22.8,6.7,22.8,18.9v2.2c-8.3-2.6-16.9-3.8-25.6-3.7-21.6,0-37.6,9.4-37.6,28.4v.3c0,17.7,15.5,27.2,33,27.2s23.7-5.5,30-12.7v10.9h21.1v-52.3c0-23.6-13.3-37.3-40.7-37.3-12.2-.2-24.2,2.3-35.3,7.4M787.3,123.6v-19.9h-21.2v88.2h21.2v-33.6c0-23.4,13-34.9,31.6-34.9h1.2v-21.4c-.6,0-1.1,0-1.7,0-15.4,0-25.6,8.8-31.2,21.6M485.3,118.4c14,0,22.1,10.2,23.5,23.2h-47.6c1.9-13.7,11.1-23.2,24.1-23.2M440.1,148c0,27.4,20.7,46,47.6,46s29.1-6.5,37.9-16.5l-12.5-10.5c-7.4,6.8-14.7,10.5-25.1,10.5s-24.2-8-26.7-22.4h68.1c.2-2,.4-3.7.4-5.5,0-25.6-14.9-47.6-44.4-47.6s-45.3,20.7-45.3,46.1M674.6,147.9c0-15.5,10.9-28.2,27.9-28.2s28.4,12.9,28.4,28.6-10.9,28.2-28.1,28.2-28.3-12.9-28.3-28.6M653.3,148.2c0,25.2,20.9,45.8,49.2,45.8s49.7-20.9,49.7-46.1-20.9-46-49.3-46-49.5,20.9-49.5,46.3M1003.7,117.4c-4.9-9.4-14.2-15.5-27.6-15.5s-22.3,7.4-28.3,15.2v-13.4h-21.2v88.2h21.2v-49.6c0-13.7,8.1-22.1,19.8-22.1s18.8,7.7,18.8,21.4v50.3h21.2v-49.8c0-14.2,8.3-21.9,19.8-21.9s18.8,7.5,18.8,21.6v50.1h21.2v-56.3c0-21.6-12.3-33.8-32.5-33.8s-23.9,6.2-31.4,15.5M566.7,147.9c0-17.2,12.6-28.4,27-28.4s26.5,11,26.5,28.4-11.9,28.4-26.5,28.4-27-11.2-27-28.4M546,70v122h21.2v-13.7c6.5,8.2,16.2,15.5,31.4,15.5,22.1,0,43.2-16.5,43.2-46s-21.2-46-43.2-46-24.6,7.4-31.4,16.5v-48.5h-21.2Z"/><path class="st1" d="M132.1,0C59.2,0,.1,59.2.2,132.1c0,72.9,59.2,131.9,132.1,131.9,72.8,0,131.9-59.1,131.9-132C264.2,59.1,205,0,132.1,0c0,0,0,0,0,0"/><path class="st0" d="M225.2,128.1l-27.7,73.3c-2,4.5-6.3,7.5-11.2,7.7h-27.7c-4.9-.2-9.2-3.3-11.1-7.8l-12.1-32.7c-1.6-4.3-4.1-4.3-5.6,0l-11.5,32.6c-1.8,4.5-6.2,7.6-11,7.8h-27.9c-4.9-.2-9.3-3.2-11.3-7.7l-28.9-73.4c-1.7-4.2.7-7.7,5.2-7.7h19.5c4.9.2,9.1,3.3,10.8,7.9l15.8,48.6c1.4,4.3,3.9,4.4,5.5.1l18.3-48.8c1.9-4.5,6.3-7.5,11.2-7.8h14.1c4.9.2,9.2,3.3,11.2,7.8l18.2,48.8c1.6,4.3,4,4.2,5.4-.1l15.3-48.6c1.7-4.6,5.9-7.7,10.8-7.9h19.5c4.6,0,7,3.5,5.3,7.8"/></svg>');
}

.weboramanl-logo-w.transparant {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 263.6 264"><defs><style> .st0 { fill: %23fe0728; } </style></defs><path id="Path_113" class="st0" d="M225.1,128.1l-27.7,73.3c-2,4.5-6.3,7.5-11.2,7.7h-27.7c-4.9-.2-9.2-3.3-11.1-7.8l-12.1-32.7c-1.6-4.3-4.1-4.3-5.6,0l-11.5,32.6c-1.8,4.5-6.2,7.6-11,7.8h-27.9c-4.9-.2-9.3-3.2-11.3-7.7l-28.9-73.4c-1.7-4.2.7-7.7,5.2-7.7h19.5c4.9.2,9.1,3.3,10.8,7.9l15.8,48.6c1.4,4.3,3.9,4.4,5.5.1l18.3-48.8c1.9-4.5,6.3-7.5,11.2-7.8h14.1c4.9.2,9.2,3.3,11.2,7.8l18.2,48.8c1.6,4.3,4,4.2,5.4-.1l15.3-48.6c1.7-4.6,5.9-7.7,10.8-7.9h19.5c4.6,0,7,3.5,5.3,7.8M132,0C59.1,0,0,59.2.1,132.1c0,72.9,59.2,131.9,132.1,131.9,72.8,0,131.9-59.1,131.9-132C264,59.1,204.9,0,132,0c0,0,0,0,0,0"/></svg>');
}

.weboramanl-logo-w.white {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 263.6 264"><defs><style> .st0 { fill: %23fff; } .st1 { fill: %23fe0728; } </style></defs><path class="st1" d="M132,0C59.1,0,0,59.2.1,132.1c0,72.9,59.2,131.9,132.1,131.9s131.9-59.1,131.9-132C264,59.1,204.9,0,132,0h0"/><path class="st0" d="M225.1,128.1l-27.7,73.3c-2,4.5-6.3,7.5-11.2,7.7h-27.7c-4.9-.2-9.2-3.3-11.1-7.8l-12.1-32.7c-1.6-4.3-4.1-4.3-5.6,0l-11.5,32.6c-1.8,4.5-6.2,7.6-11,7.8h-27.9c-4.9-.2-9.3-3.2-11.3-7.7l-28.9-73.4c-1.7-4.2.7-7.7,5.2-7.7h19.5c4.9.2,9.1,3.3,10.8,7.9l15.8,48.6c1.4,4.3,3.9,4.4,5.5.1l18.3-48.8c1.9-4.5,6.3-7.5,11.2-7.8h14.1c4.9.2,9.2,3.3,11.2,7.8l18.2,48.8c1.6,4.3,4,4.2,5.4-.1l15.3-48.6c1.7-4.6,5.9-7.7,10.8-7.9h19.5c4.6,0,7,3.5,5.3,7.8"/></svg>');
}

@media (max-width: 600px) and (orientation: portrait) {
  input[type=text],
  input[type=date],
  input[type=datetime-local],
  input[type=email],
  input[type=month],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=time],
  input[type=week] {
    border: 1px solid var(--taupe);
    border-radius: 20px;
    font-size: 14px;
    padding: 10px;
    width: 100%;
  }
}
.btn {
  padding: 6px 50px;
  border-radius: 100px;
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
  border: 0;
  cursor: pointer;
}

.btn-s {
  font-size: 14px;
}

.btn:disabled {
  cursor: initial;
  color: #aaaaaa;
  opacity: 0.5;
}

.btn-bg-solid-darkgrey {
  background-color: var(--darkgrey);
}

.btn-border-darkgrey {
  border: 2px solid var(--darkgrey);
}

.btn-text-darkgrey {
  color: var(--darkgrey);
}

.btn-bg-solid-offwhite {
  background-color: var(--offwhite);
}

.btn-border-offwhite {
  border: 2px solid var(--offwhite);
}

.btn-text-offwhite {
  color: var(--offwhite);
}

.btn-bg-solid-taupe {
  background-color: var(--taupe);
}

.btn-border-taupe {
  border: 2px solid var(--taupe);
}

.btn-text-taupe {
  color: var(--taupe);
}

.btn-bg-solid-grey {
  background-color: var(--grey);
}

.btn-border-grey {
  border: 2px solid var(--grey);
}

.btn-text-grey {
  color: var(--grey);
}

.btn-bg-solid-beige {
  background-color: var(--beige);
}

.btn-border-beige {
  border: 2px solid var(--beige);
}

.btn-text-beige {
  color: var(--beige);
}

.btn-bg-solid-red {
  background-color: var(--red);
}

.btn-border-red {
  border: 2px solid var(--red);
}

.btn-text-red {
  color: var(--red);
}

.btn-bg-solid-green {
  background-color: var(--green);
}

.btn-border-green {
  border: 2px solid var(--green);
}

.btn-text-green {
  color: var(--green);
}

.btn-bg-solid-thistle {
  background-color: var(--thistle);
}

.btn-border-thistle {
  border: 2px solid var(--thistle);
}

.btn-text-thistle {
  color: var(--thistle);
}

.btn-bg-solid-thistle-2 {
  background-color: var(--thistle-2);
}

.btn-border-thistle-2 {
  border: 2px solid var(--thistle-2);
}

.btn-text-thistle-2 {
  color: var(--thistle-2);
}

.btn-bg-solid-wisteria {
  background-color: var(--wisteria);
}

.btn-border-wisteria {
  border: 2px solid var(--wisteria);
}

.btn-text-wisteria {
  color: var(--wisteria);
}

.btn-bg-solid-wisteria-2 {
  background-color: var(--wisteria-2);
}

.btn-border-wisteria-2 {
  border: 2px solid var(--wisteria-2);
}

.btn-text-wisteria-2 {
  color: var(--wisteria-2);
}

.btn-bg-solid-lavender-floral {
  background-color: var(--lavender-floral);
}

.btn-border-lavender-floral {
  border: 2px solid var(--lavender-floral);
}

.btn-text-lavender-floral {
  color: var(--lavender-floral);
}

.btn-bg-solid-amethyst {
  background-color: var(--amethyst);
}

.btn-border-amethyst {
  border: 2px solid var(--amethyst);
}

.btn-text-amethyst {
  color: var(--amethyst);
}

.btn-bg-solid-amethyst-2 {
  background-color: var(--amethyst-2);
}

.btn-border-amethyst-2 {
  border: 2px solid var(--amethyst-2);
}

.btn-text-amethyst-2 {
  color: var(--amethyst-2);
}

.btn-bg-solid-royal-purple {
  background-color: var(--royal-purple);
}

.btn-border-royal-purple {
  border: 2px solid var(--royal-purple);
}

.btn-text-royal-purple {
  color: var(--royal-purple);
}

.btn-bg-solid-royal-purple-2 {
  background-color: var(--royal-purple-2);
}

.btn-border-royal-purple-2 {
  border: 2px solid var(--royal-purple-2);
}

.btn-text-royal-purple-2 {
  color: var(--royal-purple-2);
}

.btn-bg-solid-royal-purple-3 {
  background-color: var(--royal-purple-3);
}

.btn-border-royal-purple-3 {
  border: 2px solid var(--royal-purple-3);
}

.btn-text-royal-purple-3 {
  color: var(--royal-purple-3);
}

.btn-bg-solid-lavender {
  background-color: var(--lavender);
}

.btn-border-lavender {
  border: 2px solid var(--lavender);
}

.btn-text-lavender {
  color: var(--lavender);
}

.btn-bg-solid-dark-indigo-blue {
  background-color: var(--dark-indigo-blue);
}

.btn-border-dark-indigo-blue {
  border: 2px solid var(--dark-indigo-blue);
}

.btn-text-dark-indigo-blue {
  color: var(--dark-indigo-blue);
}

.btn-bg-solid-blue-violet {
  background-color: var(--blue-violet);
}

.btn-border-blue-violet {
  border: 2px solid var(--blue-violet);
}

.btn-text-blue-violet {
  color: var(--blue-violet);
}

.btn-bg-solid-light-violet {
  background-color: var(--light-violet);
}

.btn-border-light-violet {
  border: 2px solid var(--light-violet);
}

.btn-text-light-violet {
  color: var(--light-violet);
}

.btn-bg-solid-lilac {
  background-color: var(--lilac);
}

.btn-border-lilac {
  border: 2px solid var(--lilac);
}

.btn-text-lilac {
  color: var(--lilac);
}

.btn-bg-solid-pastel-blue {
  background-color: var(--pastel-blue);
}

.btn-border-pastel-blue {
  border: 2px solid var(--pastel-blue);
}

.btn-text-pastel-blue {
  color: var(--pastel-blue);
}

.btn-bg-solid-white {
  background-color: var(--white);
}

.btn-border-white {
  border: 2px solid var(--white);
}

.btn-text-white {
  color: var(--white);
}

.btn-bg-solid-light-grey {
  background-color: var(--light-grey);
}

.btn-border-light-grey {
  border: 2px solid var(--light-grey);
}

.btn-text-light-grey {
  color: var(--light-grey);
}

.btn-bg-solid-anthracite-grey {
  background-color: var(--anthracite-grey);
}

.btn-border-anthracite-grey {
  border: 2px solid var(--anthracite-grey);
}

.btn-text-anthracite-grey {
  color: var(--anthracite-grey);
}

.btn-bg-solid-black {
  background-color: var(--black);
}

.btn-border-black {
  border: 2px solid var(--black);
}

.btn-text-black {
  color: var(--black);
}

@media (min-width: 1201px) and (max-width: 1400px) {
  .btn {
    padding: 6px 40px;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .btn {
    padding: 6px 30px;
  }
}
@media (max-width: 992px) {
  .btn {
    padding: 6px 20px;
  }
}
.btn-s {
  padding: 4px 12px;
}

.btn-language {
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}

.font-color-darkgrey {
  color: var(--darkgrey);
  text-decoration-color: var(--darkgrey);
}
.font-color-darkgrey * {
  color: var(--darkgrey);
  text-decoration-color: var(--darkgrey);
}

.bg-color-darkgrey {
  background-color: var(--darkgrey);
}

.font-color-offwhite {
  color: var(--offwhite);
  text-decoration-color: var(--offwhite);
}
.font-color-offwhite * {
  color: var(--offwhite);
  text-decoration-color: var(--offwhite);
}

.bg-color-offwhite {
  background-color: var(--offwhite);
}

.font-color-taupe {
  color: var(--taupe);
  text-decoration-color: var(--taupe);
}
.font-color-taupe * {
  color: var(--taupe);
  text-decoration-color: var(--taupe);
}

.bg-color-taupe {
  background-color: var(--taupe);
}

.font-color-grey {
  color: var(--grey);
  text-decoration-color: var(--grey);
}
.font-color-grey * {
  color: var(--grey);
  text-decoration-color: var(--grey);
}

.bg-color-grey {
  background-color: var(--grey);
}

.font-color-beige {
  color: var(--beige);
  text-decoration-color: var(--beige);
}
.font-color-beige * {
  color: var(--beige);
  text-decoration-color: var(--beige);
}

.bg-color-beige {
  background-color: var(--beige);
}

.font-color-red {
  color: var(--red);
  text-decoration-color: var(--red);
}
.font-color-red * {
  color: var(--red);
  text-decoration-color: var(--red);
}

.bg-color-red {
  background-color: var(--red);
}

.font-color-green {
  color: var(--green);
  text-decoration-color: var(--green);
}
.font-color-green * {
  color: var(--green);
  text-decoration-color: var(--green);
}

.bg-color-green {
  background-color: var(--green);
}

.font-color-thistle {
  color: var(--thistle);
  text-decoration-color: var(--thistle);
}
.font-color-thistle * {
  color: var(--thistle);
  text-decoration-color: var(--thistle);
}

.bg-color-thistle {
  background-color: var(--thistle);
}

.font-color-thistle-2 {
  color: var(--thistle-2);
  text-decoration-color: var(--thistle-2);
}
.font-color-thistle-2 * {
  color: var(--thistle-2);
  text-decoration-color: var(--thistle-2);
}

.bg-color-thistle-2 {
  background-color: var(--thistle-2);
}

.font-color-wisteria {
  color: var(--wisteria);
  text-decoration-color: var(--wisteria);
}
.font-color-wisteria * {
  color: var(--wisteria);
  text-decoration-color: var(--wisteria);
}

.bg-color-wisteria {
  background-color: var(--wisteria);
}

.font-color-wisteria-2 {
  color: var(--wisteria-2);
  text-decoration-color: var(--wisteria-2);
}
.font-color-wisteria-2 * {
  color: var(--wisteria-2);
  text-decoration-color: var(--wisteria-2);
}

.bg-color-wisteria-2 {
  background-color: var(--wisteria-2);
}

.font-color-lavender-floral {
  color: var(--lavender-floral);
  text-decoration-color: var(--lavender-floral);
}
.font-color-lavender-floral * {
  color: var(--lavender-floral);
  text-decoration-color: var(--lavender-floral);
}

.bg-color-lavender-floral {
  background-color: var(--lavender-floral);
}

.font-color-amethyst {
  color: var(--amethyst);
  text-decoration-color: var(--amethyst);
}
.font-color-amethyst * {
  color: var(--amethyst);
  text-decoration-color: var(--amethyst);
}

.bg-color-amethyst {
  background-color: var(--amethyst);
}

.font-color-amethyst-2 {
  color: var(--amethyst-2);
  text-decoration-color: var(--amethyst-2);
}
.font-color-amethyst-2 * {
  color: var(--amethyst-2);
  text-decoration-color: var(--amethyst-2);
}

.bg-color-amethyst-2 {
  background-color: var(--amethyst-2);
}

.font-color-royal-purple {
  color: var(--royal-purple);
  text-decoration-color: var(--royal-purple);
}
.font-color-royal-purple * {
  color: var(--royal-purple);
  text-decoration-color: var(--royal-purple);
}

.bg-color-royal-purple {
  background-color: var(--royal-purple);
}

.font-color-royal-purple-2 {
  color: var(--royal-purple-2);
  text-decoration-color: var(--royal-purple-2);
}
.font-color-royal-purple-2 * {
  color: var(--royal-purple-2);
  text-decoration-color: var(--royal-purple-2);
}

.bg-color-royal-purple-2 {
  background-color: var(--royal-purple-2);
}

.font-color-royal-purple-3 {
  color: var(--royal-purple-3);
  text-decoration-color: var(--royal-purple-3);
}
.font-color-royal-purple-3 * {
  color: var(--royal-purple-3);
  text-decoration-color: var(--royal-purple-3);
}

.bg-color-royal-purple-3 {
  background-color: var(--royal-purple-3);
}

.font-color-lavender {
  color: var(--lavender);
  text-decoration-color: var(--lavender);
}
.font-color-lavender * {
  color: var(--lavender);
  text-decoration-color: var(--lavender);
}

.bg-color-lavender {
  background-color: var(--lavender);
}

.font-color-dark-indigo-blue {
  color: var(--dark-indigo-blue);
  text-decoration-color: var(--dark-indigo-blue);
}
.font-color-dark-indigo-blue * {
  color: var(--dark-indigo-blue);
  text-decoration-color: var(--dark-indigo-blue);
}

.bg-color-dark-indigo-blue {
  background-color: var(--dark-indigo-blue);
}

.font-color-blue-violet {
  color: var(--blue-violet);
  text-decoration-color: var(--blue-violet);
}
.font-color-blue-violet * {
  color: var(--blue-violet);
  text-decoration-color: var(--blue-violet);
}

.bg-color-blue-violet {
  background-color: var(--blue-violet);
}

.font-color-light-violet {
  color: var(--light-violet);
  text-decoration-color: var(--light-violet);
}
.font-color-light-violet * {
  color: var(--light-violet);
  text-decoration-color: var(--light-violet);
}

.bg-color-light-violet {
  background-color: var(--light-violet);
}

.font-color-lilac {
  color: var(--lilac);
  text-decoration-color: var(--lilac);
}
.font-color-lilac * {
  color: var(--lilac);
  text-decoration-color: var(--lilac);
}

.bg-color-lilac {
  background-color: var(--lilac);
}

.font-color-pastel-blue {
  color: var(--pastel-blue);
  text-decoration-color: var(--pastel-blue);
}
.font-color-pastel-blue * {
  color: var(--pastel-blue);
  text-decoration-color: var(--pastel-blue);
}

.bg-color-pastel-blue {
  background-color: var(--pastel-blue);
}

.font-color-white {
  color: var(--white);
  text-decoration-color: var(--white);
}
.font-color-white * {
  color: var(--white);
  text-decoration-color: var(--white);
}

.bg-color-white {
  background-color: var(--white);
}

.font-color-light-grey {
  color: var(--light-grey);
  text-decoration-color: var(--light-grey);
}
.font-color-light-grey * {
  color: var(--light-grey);
  text-decoration-color: var(--light-grey);
}

.bg-color-light-grey {
  background-color: var(--light-grey);
}

.font-color-anthracite-grey {
  color: var(--anthracite-grey);
  text-decoration-color: var(--anthracite-grey);
}
.font-color-anthracite-grey * {
  color: var(--anthracite-grey);
  text-decoration-color: var(--anthracite-grey);
}

.bg-color-anthracite-grey {
  background-color: var(--anthracite-grey);
}

.font-color-black {
  color: var(--black);
  text-decoration-color: var(--black);
}
.font-color-black * {
  color: var(--black);
  text-decoration-color: var(--black);
}

.bg-color-black {
  background-color: var(--black);
}

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

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

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

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

.text-shadow {
  text-shadow: 1px 1px 2px rgb(33, 15, 18);
}

.text-darkgrey {
  color: var(--darkgrey) !important;
}

.text-shadow-darkgrey {
  text-shadow: 1px 1px 2px var(--darkgrey);
}

.text-offwhite {
  color: var(--offwhite) !important;
}

.text-shadow-offwhite {
  text-shadow: 1px 1px 2px var(--offwhite);
}

.text-taupe {
  color: var(--taupe) !important;
}

.text-shadow-taupe {
  text-shadow: 1px 1px 2px var(--taupe);
}

.text-grey {
  color: var(--grey) !important;
}

.text-shadow-grey {
  text-shadow: 1px 1px 2px var(--grey);
}

.text-beige {
  color: var(--beige) !important;
}

.text-shadow-beige {
  text-shadow: 1px 1px 2px var(--beige);
}

.text-red {
  color: var(--red) !important;
}

.text-shadow-red {
  text-shadow: 1px 1px 2px var(--red);
}

.text-green {
  color: var(--green) !important;
}

.text-shadow-green {
  text-shadow: 1px 1px 2px var(--green);
}

.text-thistle {
  color: var(--thistle) !important;
}

.text-shadow-thistle {
  text-shadow: 1px 1px 2px var(--thistle);
}

.text-thistle-2 {
  color: var(--thistle-2) !important;
}

.text-shadow-thistle-2 {
  text-shadow: 1px 1px 2px var(--thistle-2);
}

.text-wisteria {
  color: var(--wisteria) !important;
}

.text-shadow-wisteria {
  text-shadow: 1px 1px 2px var(--wisteria);
}

.text-wisteria-2 {
  color: var(--wisteria-2) !important;
}

.text-shadow-wisteria-2 {
  text-shadow: 1px 1px 2px var(--wisteria-2);
}

.text-lavender-floral {
  color: var(--lavender-floral) !important;
}

.text-shadow-lavender-floral {
  text-shadow: 1px 1px 2px var(--lavender-floral);
}

.text-amethyst {
  color: var(--amethyst) !important;
}

.text-shadow-amethyst {
  text-shadow: 1px 1px 2px var(--amethyst);
}

.text-amethyst-2 {
  color: var(--amethyst-2) !important;
}

.text-shadow-amethyst-2 {
  text-shadow: 1px 1px 2px var(--amethyst-2);
}

.text-royal-purple {
  color: var(--royal-purple) !important;
}

.text-shadow-royal-purple {
  text-shadow: 1px 1px 2px var(--royal-purple);
}

.text-royal-purple-2 {
  color: var(--royal-purple-2) !important;
}

.text-shadow-royal-purple-2 {
  text-shadow: 1px 1px 2px var(--royal-purple-2);
}

.text-royal-purple-3 {
  color: var(--royal-purple-3) !important;
}

.text-shadow-royal-purple-3 {
  text-shadow: 1px 1px 2px var(--royal-purple-3);
}

.text-lavender {
  color: var(--lavender) !important;
}

.text-shadow-lavender {
  text-shadow: 1px 1px 2px var(--lavender);
}

.text-dark-indigo-blue {
  color: var(--dark-indigo-blue) !important;
}

.text-shadow-dark-indigo-blue {
  text-shadow: 1px 1px 2px var(--dark-indigo-blue);
}

.text-blue-violet {
  color: var(--blue-violet) !important;
}

.text-shadow-blue-violet {
  text-shadow: 1px 1px 2px var(--blue-violet);
}

.text-light-violet {
  color: var(--light-violet) !important;
}

.text-shadow-light-violet {
  text-shadow: 1px 1px 2px var(--light-violet);
}

.text-lilac {
  color: var(--lilac) !important;
}

.text-shadow-lilac {
  text-shadow: 1px 1px 2px var(--lilac);
}

.text-pastel-blue {
  color: var(--pastel-blue) !important;
}

.text-shadow-pastel-blue {
  text-shadow: 1px 1px 2px var(--pastel-blue);
}

.text-white {
  color: var(--white) !important;
}

.text-shadow-white {
  text-shadow: 1px 1px 2px var(--white);
}

.text-light-grey {
  color: var(--light-grey) !important;
}

.text-shadow-light-grey {
  text-shadow: 1px 1px 2px var(--light-grey);
}

.text-anthracite-grey {
  color: var(--anthracite-grey) !important;
}

.text-shadow-anthracite-grey {
  text-shadow: 1px 1px 2px var(--anthracite-grey);
}

.text-black {
  color: var(--black) !important;
}

.text-shadow-black {
  text-shadow: 1px 1px 2px var(--black);
}

.m-0 {
  margin: 0px;
}

.p-0 {
  padding: 0px;
}

.mt-0 {
  margin-top: 0px;
}

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

.mb-0 {
  margin-top: 0px;
}

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

.ms-0 {
  margin-left: 0px;
}

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

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

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

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

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

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.m-1 {
  margin: 5px;
}

.p-1 {
  padding: 5px;
}

.mt-1 {
  margin-top: 5px;
}

.pt-1 {
  padding-top: 5px;
}

.mb-1 {
  margin-top: 5px;
}

.pb-1 {
  padding-top: 5px;
}

.ms-1 {
  margin-left: 5px;
}

.ps-1 {
  padding-left: 5px;
}

.me-1 {
  margin-right: 5px;
}

.pe-1 {
  padding-right: 5px;
}

.mx-1 {
  margin-left: 5px;
  margin-right: 5px;
}

.px-1 {
  padding-left: 5px;
  padding-right: 5px;
}

.my-1 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.py-1 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.m-2 {
  margin: 10px;
}

.p-2 {
  padding: 10px;
}

.mt-2 {
  margin-top: 10px;
}

.pt-2 {
  padding-top: 10px;
}

.mb-2 {
  margin-top: 10px;
}

.pb-2 {
  padding-top: 10px;
}

.ms-2 {
  margin-left: 10px;
}

.ps-2 {
  padding-left: 10px;
}

.me-2 {
  margin-right: 10px;
}

.pe-2 {
  padding-right: 10px;
}

.mx-2 {
  margin-left: 10px;
  margin-right: 10px;
}

.px-2 {
  padding-left: 10px;
  padding-right: 10px;
}

.my-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.py-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.m-3 {
  margin: 15px;
}

.p-3 {
  padding: 15px;
}

.mt-3 {
  margin-top: 15px;
}

.pt-3 {
  padding-top: 15px;
}

.mb-3 {
  margin-top: 15px;
}

.pb-3 {
  padding-top: 15px;
}

.ms-3 {
  margin-left: 15px;
}

.ps-3 {
  padding-left: 15px;
}

.me-3 {
  margin-right: 15px;
}

.pe-3 {
  padding-right: 15px;
}

.mx-3 {
  margin-left: 15px;
  margin-right: 15px;
}

.px-3 {
  padding-left: 15px;
  padding-right: 15px;
}

.my-3 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.py-3 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.m-4 {
  margin: 25px;
}

.p-4 {
  padding: 25px;
}

.mt-4 {
  margin-top: 25px;
}

.pt-4 {
  padding-top: 25px;
}

.mb-4 {
  margin-top: 25px;
}

.pb-4 {
  padding-top: 25px;
}

.ms-4 {
  margin-left: 25px;
}

.ps-4 {
  padding-left: 25px;
}

.me-4 {
  margin-right: 25px;
}

.pe-4 {
  padding-right: 25px;
}

.mx-4 {
  margin-left: 25px;
  margin-right: 25px;
}

.px-4 {
  padding-left: 25px;
  padding-right: 25px;
}

.my-4 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.py-4 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.m-auto {
  margin: auto;
}

.p-auto {
  padding: auto;
}

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

.pt-auto {
  padding-top: auto;
}

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

.pb-auto {
  padding-top: auto;
}

.ms-auto {
  margin-left: auto;
}

.ps-auto {
  padding-left: auto;
}

.me-auto {
  margin-right: auto;
}

.pe-auto {
  padding-right: auto;
}

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

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

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.py-auto {
  padding-top: auto;
  padding-bottom: auto;
}

/*
 * 01. Introduction
 */
.grid-introduction {
  display: grid;
  margin: 0 auto;
  height: 75vh;
  color: var(--white);
  grid-template: "empty    empty   empty   empty   empty" 1fr "left     left    rightimage   rightimage   rightimage" 4fr "empty1   empty1  empty1  empty1  empty1" 1fr;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  position: relative;
}
.grid-introduction .introduction-left {
  grid-area: left;
  display: grid;
  grid-template: "title" 1fr "titletext" 1.5fr "readmore" 1fr;
  grid-auto-flow: column;
}
.grid-introduction .introduction-left .introduction-left-title {
  grid-area: title;
}
.grid-introduction .introduction-left .introduction-left-text {
  grid-area: titletext;
}
.grid-introduction .introduction-left .introduction-left-readmore {
  grid-area: readmore;
}
.grid-introduction .introduction-right {
  grid-area: rightimage;
  display: grid;
}
.grid-introduction .introduction-right .introduction-right-image {
  border-radius: 20px;
  background-image: url("/assets/images/layout/pexels-ron-lach-9783831.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

/* 01. Introduction Mobile view */
@media (max-width: 600px) and (orientation: portrait) {
  .grid-introduction {
    height: 100vh;
    grid-template: "left left left" auto "left left left" auto "rightimage rightimage rightimage" 3fr;
    grid-auto-columns: minmax(0, 1fr);
  }
  .grid-introduction .introduction-left {
    padding: 20px;
    grid-template: "title" auto "titletext" auto "readmore" auto;
  }
  .grid-introduction .introduction-right {
    padding: 0 30px 30px 30px;
    border-radius: 0;
  }
}
/* 01. Introduction Mobile Landscape view */
@media (min-width: 601px) and (max-width: 992px) and (max-height: 768px) and (orientation: landscape) {
  .grid-introduction {
    height: 100vh;
    grid-template: "left left rightimage" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    position: relative;
  }
  .grid-introduction .introduction-left {
    grid-template: "title" auto "titletext" auto "readmore" auto;
  }
  .grid-introduction .introduction-right {
    padding: 20px;
  }
  .grid-introduction .introduction-right .introduction-right-image {
    border-radius: 20px;
  }
}
/*
 * 02. Target
 */
.grid-target {
  display: grid;
  grid-template: "empty top empty1" minmax(0px, 150px) "left1 middle right1" 1fr "left2 middle right2" 3fr "bottom bottom bottom" 1fr;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  margin: 0 auto;
  min-height: 100px;
  height: 72.7272727273vw;
  max-height: 960px;
}

.target-top {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: top;
}

.target-left {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: left2;
}

.target-middle {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: middle;
}

.target-right {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: right2;
}

.home-logo-top {
  padding-top: 40px;
  width: 100%;
}
.home-logo-top .image-logo-top {
  text-align: left;
  height: auto;
  aspect-ratio: 9/1;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%202582.8%20279.1%22%3E%3Cdefs%3E%3Cstyle%3E%20%20%20%20%20%20.st0%20%7B%20%20%20%20%20%20%20%20fill%3A%20%237366d5%3B%20%20%20%20%20%20%7D%20%20%20%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1080%2C126.1c-23.7.4-23.7%2C35.6%2C0%2C36%2C23.7-.4%2C23.7-35.6%2C0-36h0Z%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%221332.3%20171.4%201298.6%2072.4%201269.2%2072.4%201235.8%20171.4%201205.5%2073%201170%2073%201218.9%20217.7%201249.8%20217.7%201283.8%20119.5%201317.5%20217.7%201348.3%20217.7%201397.8%2073%201363.2%2073%201332.3%20171.4%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1478.6%2C70.1h0c-43.2-.1-73.7%2C33.6-73.7%2C75-4%2C73.2%2C99%2C98.8%2C139.2%2C47.9l-20.3-17.1c-25%2C27-78.4%2C22.7-84.3-19.3h110.9c4.4-44.3-20.3-86.7-71.7-86.5h0ZM1438.9%2C134.7c5.6-50.5%2C74-49.7%2C77.4%2C0h-77.4Z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1662.7%2C69.9c-24.3%2C0-40%2C12.1-51.2%2C27V18h-34.6v198.5h34.6v-22.3c10.6%2C13.3%2C26.3%2C25.3%2C51.2%2C25.3%2C92.7%2C1.7%2C92.3-151.2%2C0-149.6ZM1654.7%2C191c-57.9.4-57.9-92.8%2C0-92.5%2C56.8-.9%2C57.1%2C93.6%2C0%2C92.5Z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1832.2%2C70h0c-105.2-.1-106.3%2C149.8-.6%2C149.8s106.5-149.9.6-149.8h0ZM1832.2%2C191.3c-59.2%2C1.3-61.3-93.7-.6-92.5%2C59.6-1.3%2C61.8%2C93.7.6%2C92.5Z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1969.6%2C105.4v-32.4h-34.6v143.6h34.6c-.2-46-9.3-114.1%2C53.4-111.5v-34.8c-26.6-1.1-44%2C13.6-53.4%2C35.1Z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M2101.6%2C70.8c-24.6%2C0-40.9%2C4.9-57.4%2C12l9.4%2C26.4c26.7-12.6%2C84.8-17.4%2C80.3%2C25.3-115.9-35.6-137.9%2C81.2-49.2%2C85.1%2C22.9%2C0%2C38.6-9%2C48.9-20.7v17.7h34.3c-3.3-54.2%2C21.6-150-66.3-145.8h0ZM2065.3%2C173.6c-2.5-28.9%2C50.7-26.2%2C69.2-17.9v8.9c4.2%2C31.2-67%2C44.4-69.2%2C9Z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M2373.1%2C70h0c-22.9%2C0-38.9%2C10.1-51.2%2C25.3-16.9-35.2-72.8-31.3-90.9-.5v-21.8h-34.6v143.6h34.6v-80.8c0-22.3%2C13.1-35.9%2C32.3-35.9s30.6%2C12.5%2C30.6%2C34.8v81.8h34.6v-81c0-23.1%2C13.4-35.6%2C32.3-35.6s30.6%2C12.2%2C30.6%2C35.1v81.6h34.6c-4.4-45.7%2C21.7-150-52.9-146.6h0Z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M2515.6%2C70.8c-24.6%2C0-40.9%2C4.9-57.4%2C12l9.4%2C26.4c26.7-12.6%2C84.8-17.4%2C80.3%2C25.3-115.9-35.6-137.9%2C81.2-49.2%2C85.1%2C22.9%2C0%2C38.6-9%2C48.9-20.7v17.7h34.3c-3.3-54.2%2C21.6-150-66.3-145.8h0ZM2479.3%2C173.6c-2.5-28.9%2C50.7-26.2%2C69.2-17.9v8.9c4.2%2C31.2-67%2C44.4-69.2%2C9Z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M112.8%2C83.3C66.6%2C51-1.5%2C87.4%2C0%2C144c-1.5%2C56.5%2C66.6%2C92.9%2C112.8%2C60.7v12h32.6V71.3h-32.6v12ZM72.7%2C184c-52.7-.9-52.7-79.2%2C0-80.1%2C52.7.9%2C52.6%2C79.2%2C0%2C80.1Z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M655.9%2C83.3c-46.2-32.3-114.3%2C4.1-112.8%2C60.7-1.5%2C56.5%2C66.6%2C92.9%2C112.8%2C60.7v12h32.6V71.3h-32.6v12ZM615.8%2C184c-52.7-.9-52.7-79.2%2C0-80.1%2C52.7.9%2C52.6%2C79.2%2C0%2C80.1Z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M918.8%2C127.5h-.2c-26.6-1.1-32.6-3.3-39.7-11.8%2C5.7-15.6%2C70.7-14.9%2C78.2-2h34.3c-4-29.8-36.9-43.3-72.7-42.6-97.7.5-97.7%2C88.6%2C0%2C89.1%2C26.6%2C1.2%2C32.6%2C3.4%2C39.8%2C11.9-5.8%2C15.6-71.2%2C15-78.4%2C1.6h-34c3.8%2C30%2C36.7%2C43.6%2C72.7%2C42.9%2C97.7-.5%2C97.7-88.6%2C0-89.1h0Z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M273.1%2C83.3c-48.8-34.2-120.2%2C8.8-112.4%2C68.1%2C3.8%2C52.9%2C69.1%2C83.8%2C112.4%2C53.2v12h32.6V0h-32.6v83.3h0ZM278.9%2C143.9c-5.5%2C9.3-59.9%2C40.1-70.5%2C41-3.6-6.4-4-19.5-4.6-41%2C.6-21.5%2C1-34.6%2C4.6-41%2C10.6.9%2C65%2C31.7%2C70.5%2C41Z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M813.7%2C71.3h0l-37.6%2C80.8-37.6-80.8h-36.1l55.4%2C119.1c-11.9%2C20.2-33.3%2C55-54.5%2C55.8v32.9c77.5-5.9%2C114.2-153.2%2C146.3-207.8h-35.9Z%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%22481.3%20157%20452.1%2071.3%20405.8%2071.3%20376.5%20157%20354.5%2071.3%20320.2%2071.3%20357.4%20216.7%20391.3%20216.7%20428.9%20106.5%20466.5%20216.7%20500.4%20216.7%20537.7%2071.3%20503.3%2071.3%20481.3%20157%22%2F%3E%3C%2Fsvg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left center;
}
.home-logo-top .image-logo-top.fr {
  background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%201005%20285%22%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M114%2C84.2C67.3%2C51.6-1.5%2C88.4%2C0%2C145.5c-1.5%2C57.1%2C67.3%2C93.9%2C114%2C61.3v12.2h33V72h-33v12.2h0ZM73.5%2C186.1c-53.2-1-53.2-80.1%2C0-81%2C53.2%2C1%2C53.2%2C80.1%2C0%2C81Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M662.9%2C84.2c-46.7-32.6-115.5%2C4.2-114%2C61.3-1.5%2C57.1%2C67.3%2C93.9%2C114%2C61.3v12.2h33V72h-33v12.2h0ZM622.4%2C186.1c-53.2-1-53.2-80.1%2C0-81%2C53.2%2C1%2C53.2%2C80.1%2C0%2C81Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M928.4%2C129.1h0c-26.9-1.3-33-3.5-40.2-12.1%2C5.7-15.8%2C71.5-15%2C79-2h34.6c-4.1-30.2-37.3-43.8-73.5-43-98.7.5-98.7%2C89.6%2C0%2C90%2C26.9%2C1.2%2C33%2C3.4%2C40.2%2C12-5.8%2C15.8-71.9%2C15.2-79.3%2C1.7h-34.4c3.9%2C30.4%2C37.1%2C44.1%2C73.5%2C43.4%2C98.7-.5%2C98.7-89.6%2C0-90h.1Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M276%2C84.2c-49.4-34.6-121.5%2C8.9-113.6%2C68.8%2C3.8%2C53.5%2C69.9%2C84.7%2C113.6%2C53.8v12.2h33V0h-33v84.2h0ZM281.6%2C145.2h0c-3.8%2C6.4-15.1%2C13.3-33.6%2C24.7-19.1%2C10.4-30.8%2C16.6-38.2%2C16.7-4.7-9.5-4.7-72.5%2C0-82%2C10.6-1.5%2C65.6%2C32.1%2C71.8%2C40.6h0Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M822.5%2C72.1l-38%2C81.6-38-81.6h-36.4l56%2C120.4c-12.1%2C20.4-33.6%2C55.5-55.1%2C56.4v33.2c78.3-5.9%2C115.4-154.8%2C147.9-210%2C0%2C0-36.4%2C0-36.4%2C0Z%22%2F%3E%3Cpolygon%20fill%3D%22%237366d5%22%20points%3D%22486.5%20158.8%20456.9%2072.1%20410.1%2072.1%20380.5%20158.8%20358.3%2072.1%20323.6%2072.1%20361.2%20219.1%20395.5%20219.1%20433.5%20107.7%20471.5%20219.1%20505.8%20219.1%20543.4%2072.1%20508.7%2072.1%20486.5%20158.8%22%2F%3E%3C%2Fsvg%3E);
  margin-bottom: 10px;
  aspect-ratio: 5/1;
  background-size: contain;
  background-position: center;
}
.home-logo-top .subtitle-logo-top {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20450%2026%22%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M0%2C25.8V.4h2.7v25.4H0Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M7.3%2C25.8V7.5h2.6v3.5h-.6c.5-1.3%2C1.2-2.2%2C2.2-2.9%2C1-.7%2C2.2-1%2C3.6-1s2.5.3%2C3.5.9c1%2C.6%2C1.8%2C1.4%2C2.5%2C2.4.6%2C1%2C.9%2C2.2.9%2C3.5v11.8h-2.6v-10.9c0-1.1-.2-2.1-.6-2.8-.4-.8-1-1.4-1.7-1.8-.7-.4-1.5-.6-2.5-.6s-1.8.2-2.5.6c-.7.4-1.3%2C1-1.7%2C1.8-.4.8-.6%2C1.7-.6%2C2.8v10.9h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M32.8%2C26c-1.6%2C0-2.9-.5-3.8-1.4-.9-1-1.3-2.3-1.3-4.1v-10.4h-3.4v-2.6h.9c.8%2C0%2C1.4-.3%2C1.8-.8.5-.5.7-1.2.7-1.9v-1.5h2.6v4.2h4v2.6h-4v10.4c0%2C.6%2C0%2C1.2.3%2C1.6.2.5.5.8.9%2C1.1.4.3%2C1%2C.4%2C1.8.4s.4%2C0%2C.6%2C0%2C.5%2C0%2C.6%2C0v2.3c-.3%2C0-.6.1-.9.2-.3%2C0-.6%2C0-.8%2C0Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M45.6%2C26.2c-1.7%2C0-3.2-.4-4.6-1.2-1.4-.8-2.5-2-3.3-3.4-.8-1.5-1.2-3.1-1.2-4.9s.4-3.5%2C1.2-4.9c.8-1.4%2C1.8-2.5%2C3.1-3.4%2C1.3-.8%2C2.8-1.2%2C4.5-1.2s2.5.2%2C3.5.7c1%2C.5%2C1.9%2C1.1%2C2.6%2C2%2C.7.8%2C1.3%2C1.8%2C1.7%2C2.8.4%2C1%2C.6%2C2.1.6%2C3.2s0%2C.5%2C0%2C.8c0%2C.3%2C0%2C.6-.1.9h-15.4v-2.4h14l-1.2%2C1c.2-1.2%2C0-2.4-.4-3.4-.5-1-1.2-1.8-2.1-2.3-.9-.6-1.9-.9-3.1-.9s-2.2.3-3.1.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.5%2C1.1-.8%2C2.3-.6%2C3.8-.1%2C1.5.1%2C2.7.7%2C3.8.6%2C1.1%2C1.4%2C1.9%2C2.4%2C2.5%2C1%2C.6%2C2.1.9%2C3.3.9s2.5-.3%2C3.4-1%2C1.6-1.4%2C2.2-2.4l2.2%2C1.2c-.4.8-.9%2C1.6-1.7%2C2.3-.7.7-1.6%2C1.2-2.7%2C1.7-1%2C.4-2.2.6-3.4.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M57.2%2C25.8V7.5h2.6v3l-.3-.4c.4-.9%2C1.1-1.5%2C2-2%2C.9-.5%2C1.9-.7%2C3.2-.7h1.2v2.6h-1.6c-1.3%2C0-2.4.4-3.2%2C1.2s-1.2%2C2-1.2%2C3.5v11.2h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M73%2C26.2c-1.2%2C0-2.2-.2-3.1-.7-.9-.4-1.6-1.1-2.1-1.8s-.8-1.7-.8-2.7.2-1.8.6-2.6c.4-.8%2C1-1.4%2C1.9-2%2C.9-.5%2C2-.9%2C3.3-1.2l7.1-1.2v2.3l-6.5%2C1.1c-1.3.2-2.3.6-2.8%2C1.3-.6.6-.9%2C1.3-.9%2C2.2s.3%2C1.5%2C1%2C2.1%2C1.5.9%2C2.5.9%2C2.3-.3%2C3.3-.8c.9-.5%2C1.7-1.3%2C2.2-2.2.5-.9.8-1.9.8-3v-4.6c0-1.1-.4-2-1.2-2.7s-1.8-1-3.1-1-2.1.3-2.9.8c-.8.6-1.5%2C1.3-1.9%2C2.2l-2.3-1.3c.3-.8.9-1.5%2C1.6-2.1.7-.6%2C1.6-1.1%2C2.5-1.5s1.9-.6%2C3-.6%2C2.5.3%2C3.6.8c1%2C.5%2C1.8%2C1.2%2C2.4%2C2.2s.9%2C2%2C.9%2C3.2v12.5h-2.6v-3.6l.4.4c-.3.7-.8%2C1.3-1.5%2C1.9s-1.5%2C1-2.3%2C1.3c-.9.3-1.9.5-2.9.5Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M94.5%2C26.2c-1.8%2C0-3.4-.4-4.7-1.3-1.4-.8-2.4-2-3.2-3.4-.8-1.4-1.2-3.1-1.2-4.9s.4-3.4%2C1.2-4.9c.8-1.4%2C1.8-2.6%2C3.2-3.4%2C1.4-.8%2C2.9-1.2%2C4.7-1.2s2.2.2%2C3.2.6c1%2C.4%2C1.9%2C1%2C2.7%2C1.7.8.7%2C1.4%2C1.5%2C1.7%2C2.4l-2.3%2C1.2c-.5-1-1.1-1.8-2.1-2.4-.9-.6-2-.9-3.2-.9s-2.3.3-3.3.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.6%2C1.1-.8%2C2.3-.8%2C3.6s.3%2C2.5.8%2C3.6c.6%2C1.1%2C1.3%2C1.9%2C2.3%2C2.5%2C1%2C.6%2C2%2C.9%2C3.3.9s2.3-.3%2C3.2-.9c.9-.6%2C1.6-1.4%2C2.1-2.5l2.3%2C1.3c-.4.9-1%2C1.7-1.7%2C2.4-.8.7-1.7%2C1.3-2.7%2C1.7-1%2C.4-2.1.6-3.2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M112.5%2C26c-1.6%2C0-2.9-.5-3.8-1.4-.9-1-1.3-2.3-1.3-4.1v-10.4h-3.4v-2.6h.9c.8%2C0%2C1.4-.3%2C1.8-.8.5-.5.7-1.2.7-1.9v-1.5h2.6v4.2h4v2.6h-4v10.4c0%2C.6%2C0%2C1.2.3%2C1.6.2.5.5.8.9%2C1.1.4.3%2C1%2C.4%2C1.8.4s.4%2C0%2C.6%2C0%2C.5%2C0%2C.6%2C0v2.3c-.3%2C0-.6.1-.9.2-.3%2C0-.6%2C0-.8%2C0Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M117.7%2C4.2V.4h2.6v3.7h-2.6ZM117.7%2C25.8V7.5h2.6v18.2h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M129.4%2C25.8l-7.1-18.2h2.9l6%2C16h-.9l6-16h2.9l-7.2%2C18.2h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M149.1%2C26.2c-1.7%2C0-3.2-.4-4.6-1.2-1.4-.8-2.5-2-3.3-3.4-.8-1.5-1.2-3.1-1.2-4.9s.4-3.5%2C1.2-4.9c.8-1.4%2C1.8-2.5%2C3.1-3.4%2C1.3-.8%2C2.8-1.2%2C4.5-1.2s2.5.2%2C3.5.7c1%2C.5%2C1.9%2C1.1%2C2.6%2C2%2C.7.8%2C1.3%2C1.8%2C1.7%2C2.8.4%2C1%2C.6%2C2.1.6%2C3.2s0%2C.5%2C0%2C.8c0%2C.3%2C0%2C.6-.1.9h-15.4v-2.4h14l-1.2%2C1c.2-1.2%2C0-2.4-.4-3.4-.5-1-1.2-1.8-2.1-2.3-.9-.6-1.9-.9-3.1-.9s-2.2.3-3.1.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.5%2C1.1-.8%2C2.3-.6%2C3.8-.1%2C1.5.1%2C2.7.7%2C3.8.6%2C1.1%2C1.4%2C1.9%2C2.4%2C2.5%2C1%2C.6%2C2.1.9%2C3.3.9s2.5-.3%2C3.4-1%2C1.6-1.4%2C2.2-2.4l2.2%2C1.2c-.4.8-.9%2C1.6-1.7%2C2.3-.7.7-1.6%2C1.2-2.7%2C1.7-1%2C.4-2.2.6-3.4.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M172.5%2C25.8L163.2.4h2.8l8.2%2C22.9h-.5L181.8.4h2.9l-9.3%2C25.4h-2.9Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M186.6%2C4.2V.4h2.6v3.7h-2.6ZM186.6%2C25.8V7.5h2.6v18.2h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M201.6%2C26.2c-1.7%2C0-3.2-.4-4.6-1.2-1.4-.8-2.4-2-3.2-3.4-.8-1.4-1.2-3.1-1.2-4.9s.4-3.5%2C1.2-4.9c.8-1.4%2C1.8-2.6%2C3.2-3.4%2C1.4-.8%2C2.9-1.2%2C4.6-1.2s3%2C.3%2C4.2%2C1c1.2.7%2C2.2%2C1.6%2C2.9%2C2.8l-.4.7V0h2.6v25.8h-2.6v-4.1l.4.4c-.6%2C1.3-1.6%2C2.3-2.8%2C3-1.3.7-2.7%2C1.1-4.2%2C1.1ZM201.8%2C23.6c1.2%2C0%2C2.3-.3%2C3.3-.9%2C1-.6%2C1.8-1.4%2C2.3-2.5.6-1.1.9-2.2.9-3.6s-.3-2.5-.9-3.6-1.4-1.9-2.3-2.5c-1-.6-2.1-.9-3.3-.9s-2.3.3-3.3.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.6%2C1-.8%2C2.2-.8%2C3.6s.3%2C2.5.8%2C3.6c.6%2C1.1%2C1.3%2C1.9%2C2.3%2C2.5%2C1%2C.6%2C2.1.9%2C3.3.9Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M223.4%2C26.2c-1.7%2C0-3.2-.4-4.6-1.2-1.4-.8-2.5-2-3.3-3.4-.8-1.5-1.2-3.1-1.2-4.9s.4-3.5%2C1.2-4.9c.8-1.4%2C1.8-2.5%2C3.1-3.4%2C1.3-.8%2C2.8-1.2%2C4.5-1.2s2.5.2%2C3.5.7c1%2C.5%2C1.9%2C1.1%2C2.6%2C2%2C.7.8%2C1.3%2C1.8%2C1.7%2C2.8.4%2C1%2C.6%2C2.1.6%2C3.2s0%2C.5%2C0%2C.8c0%2C.3%2C0%2C.6-.1.9h-15.4v-2.4h14l-1.2%2C1c.2-1.2%2C0-2.4-.4-3.4-.5-1-1.2-1.8-2.1-2.3-.9-.6-1.9-.9-3.1-.9s-2.2.3-3.1.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.5%2C1.1-.8%2C2.3-.6%2C3.8-.1%2C1.5.1%2C2.7.7%2C3.8.6%2C1.1%2C1.4%2C1.9%2C2.4%2C2.5%2C1%2C.6%2C2.1.9%2C3.3.9s2.5-.3%2C3.4-1%2C1.6-1.4%2C2.2-2.4l2.2%2C1.2c-.4.8-.9%2C1.6-1.7%2C2.3-.7.7-1.6%2C1.2-2.7%2C1.7-1%2C.4-2.2.6-3.4.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M243.5%2C26.2c-1.7%2C0-3.3-.4-4.7-1.2-1.4-.8-2.5-2-3.4-3.4s-1.2-3.1-1.2-4.9.4-3.4%2C1.2-4.9c.8-1.4%2C1.9-2.6%2C3.3-3.4%2C1.4-.8%2C3-1.2%2C4.7-1.2s3.4.4%2C4.7%2C1.2c1.4.8%2C2.5%2C1.9%2C3.3%2C3.4s1.2%2C3.1%2C1.2%2C4.9-.4%2C3.5-1.3%2C5c-.8%2C1.4-2%2C2.6-3.4%2C3.4-1.4.8-2.9%2C1.2-4.6%2C1.2ZM243.5%2C23.6c1.2%2C0%2C2.3-.3%2C3.3-.9%2C1-.6%2C1.8-1.5%2C2.3-2.5.6-1.1.9-2.3.9-3.6s-.3-2.5-.9-3.5c-.6-1-1.4-1.9-2.3-2.5-1-.6-2.1-.9-3.3-.9s-2.3.3-3.3.9c-1%2C.6-1.8%2C1.4-2.4%2C2.5-.6%2C1-.9%2C2.2-.9%2C3.5s.3%2C2.5.9%2C3.6c.6%2C1.1%2C1.4%2C1.9%2C2.4%2C2.5%2C1%2C.6%2C2.1.9%2C3.3.9Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M267.4%2C26.2c-1.4%2C0-2.6-.3-3.6-.8-1.1-.5-1.9-1.3-2.5-2.2-.6-1-.9-2.1-.9-3.3s.2-2.1.6-2.9c.4-.8.9-1.6%2C1.5-2.2.6-.6%2C1.2-1.2%2C1.8-1.6.6-.4%2C1.2-.8%2C1.6-1.1l1.8-1.1c.6-.4%2C1.3-.8%2C1.9-1.3s1.1-1.1%2C1.6-1.7c.4-.6.6-1.4.6-2.2s-.3-1.7-1-2.4c-.6-.6-1.4-1-2.4-1s-1.8.3-2.4%2C1c-.6.6-.9%2C1.4-.9%2C2.4s.2%2C1.3.5%2C1.9c.3.6.7%2C1.2%2C1.2%2C1.8.5.6.9%2C1.1%2C1.4%2C1.6l14%2C14.6h-3.6l-12.5-12.9c-.5-.6-1.1-1.2-1.7-1.9-.6-.7-1-1.5-1.4-2.3-.4-.8-.6-1.7-.6-2.7s.3-2.2.8-3.1c.5-.9%2C1.3-1.6%2C2.2-2.1.9-.5%2C1.9-.8%2C3-.8s2.1.2%2C3%2C.7c.9.5%2C1.6%2C1.2%2C2.2%2C2.1s.8%2C1.9.8%2C3-.3%2C2.3-.8%2C3.1c-.6.9-1.2%2C1.7-2%2C2.3-.8.6-1.5%2C1.2-2.2%2C1.6l-1.7%2C1.1c-.6.4-1.3.8-1.9%2C1.4-.7.5-1.3%2C1.2-1.7%2C1.9-.5.7-.7%2C1.6-.7%2C2.6s.4%2C2.2%2C1.2%2C2.9c.8.7%2C1.8%2C1%2C3.1%2C1s1.5-.1%2C2.2-.4c.6-.3%2C1.2-.6%2C1.7-1.1.5-.4%2C1-.9%2C1.4-1.5s.8-1.1%2C1.2-1.7l3.9-5.8h3.1l-4.6%2C6.9c-.4.6-.8%2C1.2-1.3%2C1.9-.5.7-1.1%2C1.4-1.8%2C2s-1.5%2C1.1-2.5%2C1.5c-.9.4-2%2C.6-3.3.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M290.1%2C25.8V.4h8.7c1.7%2C0%2C3.1.3%2C4.4%2C1s2.2%2C1.6%2C2.9%2C2.7c.7%2C1.2%2C1%2C2.5%2C1%2C4.1s-.5%2C3.3-1.4%2C4.6c-.9%2C1.3-2.2%2C2.2-3.8%2C2.7l5.9%2C10.3h-3.2l-6.2-10.9%2C1.8%2C1.1h-7.4v9.9h-2.7ZM292.8%2C13.3h6.1c1.1%2C0%2C2-.2%2C2.9-.6.8-.4%2C1.5-1%2C1.9-1.8.5-.8.7-1.7.7-2.8s-.2-2-.7-2.8c-.5-.8-1.1-1.4-1.9-1.8-.8-.4-1.8-.6-2.9-.6h-6.1v10.4Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M310.5%2C4.2V.4h2.6v3.7h-2.6ZM310.5%2C25.8V7.5h2.6v18.2h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M325.7%2C26.2c-1.8%2C0-3.4-.4-4.7-1.3-1.4-.8-2.4-2-3.2-3.4-.8-1.4-1.2-3.1-1.2-4.9s.4-3.4%2C1.2-4.9c.8-1.4%2C1.8-2.6%2C3.2-3.4%2C1.4-.8%2C2.9-1.2%2C4.7-1.2s2.2.2%2C3.2.6c1%2C.4%2C1.9%2C1%2C2.7%2C1.7.8.7%2C1.4%2C1.5%2C1.7%2C2.4l-2.3%2C1.2c-.5-1-1.1-1.8-2.1-2.4-.9-.6-2-.9-3.2-.9s-2.3.3-3.3.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.6%2C1.1-.8%2C2.3-.8%2C3.6s.3%2C2.5.8%2C3.6c.6%2C1.1%2C1.3%2C1.9%2C2.3%2C2.5%2C1%2C.6%2C2%2C.9%2C3.3.9s2.3-.3%2C3.2-.9c.9-.6%2C1.6-1.4%2C2.1-2.5l2.3%2C1.3c-.4.9-1%2C1.7-1.7%2C2.4-.8.7-1.7%2C1.3-2.7%2C1.7-1%2C.4-2.1.6-3.2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M336.7%2C25.8V0h2.6v11.1h-.6c.5-1.3%2C1.2-2.2%2C2.2-2.9%2C1-.7%2C2.2-1%2C3.6-1s2.5.3%2C3.5.9c1%2C.6%2C1.8%2C1.4%2C2.5%2C2.4.6%2C1%2C.9%2C2.2.9%2C3.5v11.8h-2.6v-10.9c0-1.1-.2-2.1-.6-2.8-.4-.8-1-1.4-1.7-1.8-.7-.4-1.5-.6-2.4-.6s-1.7.2-2.5.6c-.7.4-1.3%2C1-1.7%2C1.8-.4.8-.6%2C1.7-.6%2C2.8v10.9h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M360.3%2C25.8V.4h2.4l9.5%2C13.8h-1.3l9.5-13.8h2.4v25.4h-2.7V4.1l.9.3-9.3%2C13.5h-.1l-9.3-13.5.9-.3v21.7h-2.7Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M395.7%2C26.2c-1.7%2C0-3.2-.4-4.6-1.2-1.4-.8-2.5-2-3.3-3.4-.8-1.5-1.2-3.1-1.2-4.9s.4-3.5%2C1.2-4.9c.8-1.4%2C1.8-2.5%2C3.1-3.4%2C1.3-.8%2C2.8-1.2%2C4.5-1.2s2.5.2%2C3.5.7c1%2C.5%2C1.9%2C1.1%2C2.6%2C2%2C.7.8%2C1.3%2C1.8%2C1.7%2C2.8.4%2C1%2C.6%2C2.1.6%2C3.2s0%2C.5%2C0%2C.8c0%2C.3%2C0%2C.6-.1.9h-15.4v-2.4h14l-1.2%2C1c.2-1.2%2C0-2.4-.4-3.4-.5-1-1.2-1.8-2.1-2.3-.9-.6-1.9-.9-3.1-.9s-2.2.3-3.1.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.5%2C1.1-.8%2C2.3-.6%2C3.8-.1%2C1.5.1%2C2.7.7%2C3.8.6%2C1.1%2C1.4%2C1.9%2C2.4%2C2.5%2C1%2C.6%2C2.1.9%2C3.2.9s2.5-.3%2C3.4-1%2C1.6-1.4%2C2.2-2.4l2.2%2C1.2c-.4.8-.9%2C1.6-1.7%2C2.3-.7.7-1.6%2C1.2-2.7%2C1.7-1%2C.4-2.2.6-3.4.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M415.6%2C26.2c-1.7%2C0-3.2-.4-4.6-1.2-1.4-.8-2.4-2-3.2-3.4-.8-1.4-1.2-3.1-1.2-4.9s.4-3.5%2C1.2-4.9c.8-1.4%2C1.8-2.6%2C3.2-3.4%2C1.4-.8%2C2.9-1.2%2C4.6-1.2s3%2C.3%2C4.2%2C1c1.2.7%2C2.2%2C1.6%2C2.9%2C2.8l-.4.7V0h2.6v25.8h-2.6v-4.1l.4.4c-.6%2C1.3-1.6%2C2.3-2.8%2C3s-2.7%2C1.1-4.2%2C1.1ZM415.7%2C23.6c1.2%2C0%2C2.3-.3%2C3.3-.9%2C1-.6%2C1.8-1.4%2C2.3-2.5.6-1.1.9-2.2.9-3.6s-.3-2.5-.9-3.6-1.4-1.9-2.3-2.5c-1-.6-2.1-.9-3.3-.9s-2.3.3-3.3.9c-1%2C.6-1.7%2C1.4-2.3%2C2.5-.6%2C1-.8%2C2.2-.8%2C3.6s.3%2C2.5.8%2C3.6c.6%2C1.1%2C1.3%2C1.9%2C2.3%2C2.5%2C1%2C.6%2C2.1.9%2C3.3.9Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M429%2C4.2V.4h2.6v3.7h-2.6ZM429%2C25.8V7.5h2.6v18.2h-2.6Z%22%2F%3E%3Cpath%20fill%3D%22%237366d5%22%20d%3D%22M441%2C26.2c-1.2%2C0-2.2-.2-3.1-.7-.9-.4-1.6-1.1-2.1-1.8s-.8-1.7-.8-2.7.2-1.8.6-2.6c.4-.8%2C1-1.4%2C1.9-2s2-.9%2C3.3-1.2l7.1-1.2v2.3l-6.5%2C1.1c-1.3.2-2.3.6-2.8%2C1.3-.6.6-.9%2C1.3-.9%2C2.2s.3%2C1.5%2C1%2C2.1c.6.6%2C1.5.9%2C2.5.9s2.3-.3%2C3.3-.8c.9-.5%2C1.7-1.3%2C2.2-2.2.5-.9.8-1.9.8-3v-4.6c0-1.1-.4-2-1.2-2.7s-1.8-1-3.1-1-2.1.3-2.9.8c-.8.6-1.5%2C1.3-1.9%2C2.2l-2.3-1.3c.3-.8.9-1.5%2C1.6-2.1.7-.6%2C1.6-1.1%2C2.5-1.5s1.9-.6%2C3-.6%2C2.5.3%2C3.6.8c1%2C.5%2C1.8%2C1.2%2C2.4%2C2.2s.9%2C2%2C.9%2C3.2v12.5h-2.6v-3.6l.4.4c-.3.7-.8%2C1.3-1.5%2C1.9s-1.5%2C1-2.3%2C1.3c-.9.3-1.9.5-2.9.5Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  height: auto;
  aspect-ratio: 15/1;
}

.target-title > h1 {
  margin-top: 0;
}

/* 02. Target - Left */
.target-menu {
  height: 100%;
  width: 210px;
  float: right;
  margin: 0 20px 0 0;
  font-size: 18pt;
}
.target-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.target-menu ul li {
  margin: 0 0 10px 0;
}
.target-menu ul li h1 {
  margin-top: 0;
  font-size: 32px;
}
.target-menu ul li.active {
  cursor: pointer;
  text-decoration: underline var(--light-violet);
  text-underline-position: under;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 3px;
  -webkit-text-decoration: underline var(--light-violet);
  -webkit-text-underline-position: under;
  -webkit-text-underline-offset: 0.2em;
  -webkit-text-decoration-thickness: 3px;
}
.target-menu ul li:hover {
  cursor: pointer;
  text-decoration: underline var(--light-violet);
  text-underline-position: under;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 3px;
  -webkit-text-decoration: underline var(--light-violet);
  -webkit-text-underline-position: under;
  -webkit-text-underline-offset: 0.2em;
  -webkit-text-decoration-thickness: 3px;
}

.target-cards {
  margin-top: 80px;
}

.target-card .image {
  width: 250px;
  height: 450px;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
}

.target-card1 .image {
  background-image: url("/assets/images/layout/target-optimize.png");
}

.target-card2 .image {
  background-image: url("/assets/images/layout/target-studio.png");
}

.target-card3 .image {
  background-image: url("/assets/images/layout/target-cottonbro-studio.png");
}

.target-card4 .image {
  background-image: url("/assets/images/layout/target-ron-lach.png");
}

.target-card-content {
  display: none;
}

.target-card-content.active {
  display: block;
}

.cards {
  position: relative;
  list-style-type: none;
  padding: 0;
  max-width: 15.5em;
  margin: 0 auto 0;
  height: auto;
  aspect-ratio: 439/794;
}

.card {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #ccc;
  border-radius: 40px;
  padding: 0px;
  box-shadow: 0 0 16px #d3d1d1;
  transform: translateY(0) rotate(4deg) translateX(25px) scale(1);
  transform-origin: 0 0;
  transition: transform 0.9s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s, background 0.4s linear;
  cursor: pointer;
  user-select: none;
}
.card :last-child {
  margin-bottom: 0;
}

.card--next {
  z-index: 5;
  transform: translateY(-25px) rotate(4deg) translateX(25px) scale(1);
}

.card--out {
  animation: card-out 0.9s cubic-bezier(0.8, 0.2, 0.1, 0.8);
  transform: translateY(-50px) rotate(8deg) translateX(55px) scale(0.95);
  z-index: 1;
  background: #bbb;
}

@keyframes card-out {
  0% {
    z-index: 20;
    transform: translateY(0px) rotate(-4deg);
  }
  50% {
    transform: translateY(-120%) rotate(-5deg) translateX(-40px);
  }
  80% {
    z-index: 1;
  }
  100% {
    transform: translateY(-50px) rotate(8deg) translateX(55px) scale(0.95);
  }
}
.card--current {
  cursor: auto;
  user-select: auto;
  position: relative;
  z-index: 10;
  opacity: 1;
  background: #eee;
  transform: rotate(-1deg) translateX(0%) scale(1);
}

/* 02. Target Portrait + XL - XXL View */
/* 02. Target Portrait + LG - XL View */
@media (min-width: 993px) and (max-width: 1200px) and (orientation: portrait) {
  .grid-target {
    grid-template: "empty top top top top empty1" minmax(0px, 150px) "left1 left1 middle middle right1 right1" 1fr "left2 left2 middle middle right2 right2" 3fr "bottom bottom bottom bottom bottom bottom" 1fr;
  }
}
/* 02. Target Portrait + SM - LG View */
@media (min-width: 601px) and (max-width: 992px) and (orientation: portrait) {
  .grid-target {
    display: grid;
    grid-template: "top top top" auto "left2 left2 left2" auto "middle middle middle" auto "right2 right2 right2" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    margin: 0 auto;
    min-height: initial;
    height: auto;
    max-height: initial;
  }
  .grid-target {
    padding: 0 30px;
  }
  .target-top {
    padding: 30px 0 10px 0;
  }
  .target-menu {
    height: 100%;
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .target-menu ul {
    overflow: hidden;
    width: fit-content;
    align-self: flex-end;
    margin: 0;
    padding: 6px 0 20px 0;
  }
  .target-menu ul li {
    margin-top: 0 30px 30px 0;
    font-size: 18px;
    padding-right: 30px;
  }
  .target-menu ul li h1 {
    margin: 0;
    font-size: 16px;
  }
  .target-menu ul li {
    float: left;
  }
  .target-content {
    max-width: none;
  }
  .target-card-content {
    padding-bottom: 20px;
  }
}
/* 02. Target Portrait + SM View */
@media (max-width: 600px) and (orientation: portrait) {
  .grid-target {
    display: grid;
    grid-template: "top top top" auto "left2 left2 left2" auto "middle middle middle" auto "right2 right2 right2" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    margin: 0 auto;
    min-height: initial;
    height: auto;
    max-height: initial;
  }
  .grid-target {
    padding: 0 20px;
  }
  .target-top {
    padding: 30px 0 10px 0;
  }
  .target-menu {
    height: 100%;
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .target-menu ul {
    overflow: hidden;
    width: fit-content;
    align-self: flex-end;
    margin: 0;
    padding: 6px 0 20px 0;
  }
  .target-menu ul li {
    font-size: 18px;
    padding-right: 10px;
  }
  .target-menu ul li h1 {
    margin: 0;
    font-size: 16px;
  }
  .target-menu ul li {
    float: left;
  }
  .target-cards {
    margin: 25px 0;
  }
  .target-cards .cards {
    max-width: 18.8em;
    height: initial;
    aspect-ratio: 1/1;
  }
  .target-cards .cards .target-card .image {
    width: 300px;
    height: 300px;
    background-position: center;
    background-size: cover;
  }
  .target-content {
    max-width: none;
  }
  .target-card-content {
    padding-bottom: 20px;
  }
}
/* 02. Target Landscape + XS - LG view */
@media (max-width: 992px) and (orientation: landscape) {
  .grid-target {
    display: grid;
    grid-template: "top top top" auto "left2 left2 left2" auto "middle middle middle" auto "right2 right2 right2" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    margin: 0 auto;
    height: auto;
    padding: 0 30px;
  }
  .target-menu {
    height: 100%;
    width: 100%;
    margin: 20px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .target-menu ul {
    overflow: hidden;
    width: fit-content;
    margin: 0;
    padding: 0;
  }
  .target-menu ul li {
    margin: 0 10px 0 0;
  }
  .target-menu ul li h1 {
    margin-top: 0;
    font-size: 32px;
  }
  .target-menu ul li {
    float: left;
  }
  .target-cards {
    margin: 25px 0;
  }
  .cards {
    max-width: 15.5em;
    height: initial;
    aspect-ratio: 1/1;
  }
  .target-card .image {
    width: 250px;
    height: 250px;
    background-position: center;
    background-size: cover;
  }
  .target-content {
    max-width: none;
  }
  .target-card-content {
    padding-bottom: 20px;
  }
}
/*
 * 03. Trusted By
 */
section.section-trusted-by {
  background-image: url(/assets/images/layout/pexels-jimmy-liao-12602146.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-trusted-by {
  display: grid;
  margin: 0 auto;
  color: white;
  min-height: 100px;
  height: 72.7272727273vw;
  max-height: 960px;
}
.grid-trusted-by .trusted-by-title {
  grid-area: title;
  font-size: 25px;
  font-weight: 800;
}
.grid-trusted-by .trusted-by-partners {
  grid-area: partners;
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-color: white;
  background-position: center;
  border-radius: 20px;
}
.grid-trusted-by .trusted-by-partners .trusted-by-image {
  text-align: left;
  background-image: url("/assets/images/layout/trusted-by.png");
  background-repeat: no-repeat;
  background-color: white;
  background-position: center;
  width: 90%;
  height: 90%;
  border-radius: 20px;
  margin: 30px;
}
.grid-trusted-by .trusted-by-partners .trusted-by-swiper {
  position: relative;
  overflow: hidden;
  text-align: left;
  height: 100%;
}
.grid-trusted-by .trusted-by-partners .trusted-by-swiper .trusted-by-logos-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 160px;
}
.grid-trusted-by .trusted-by-partners .trusted-by-swiper .trusted-by-logos-item .trusted-by-logo {
  width: 80%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.grid-trusted-by .trusted-by-partners .trusted-by-swiper .trusted-by-logos-item .white {
  filter: contrast(0) brightness(2);
}
.grid-trusted-by .trusted-by-partners .trusted-by-swiper .trusted-by-logos-item .white:hover {
  -moz-filter: none;
  -o-filter: none;
  -webkit-filter: none;
  filter: none;
}
.grid-trusted-by .trusted-by-partners .trusted-by-swiper .trusted-by-logos-item .grayscale {
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
}
.grid-trusted-by .trusted-by-partners .trusted-by-swiper .trusted-by-logos-item .grayscale:hover {
  -moz-filter: none;
  -o-filter: none;
  -webkit-filter: none;
  filter: none;
}
.grid-trusted-by .trusted-by-partners .trusted-by-swiper .trusted-by-swiper-button-next, .grid-trusted-by .trusted-by-partners .trusted-by-swiper .trusted-by-swiper-button-prev {
  color: var(--darkgrey);
}
.grid-trusted-by .trusted-by-partners .trusted-by-swiper .trusted-by-swiper-pagination {
  top: -22px;
  position: relative;
}
.grid-trusted-by .trusted-by-partners .trusted-by-swiper .trusted-by-swiper-pagination .swiper-pagination-bullet {
  background: var(--darkgrey);
}

/* 3. Trusted By Desktop view */
@media (min-width: 601px) {
  .grid-trusted-by {
    grid-template: "empty   empty  empty" 1fr "title partners partners" 4fr "empty1 empty1   empty1" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    position: relative;
  }
  .grid-trusted-by .trusted-by-title {
    text-align: left;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
}
/* 3. Trusted By Mobile view */
@media (max-width: 600px) {
  .grid-trusted-by {
    grid-template: "title" 1fr "partners" 4fr;
    grid-auto-rows: min-content;
    position: relative;
    height: 100vh;
    min-height: initial;
    max-height: initial;
  }
  .grid-trusted-by .trusted-by-title {
    text-align: left;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
  .grid-trusted-by .trusted-by-partners {
    width: calc(100vw - 60px);
    margin: 20px;
  }
  .grid-trusted-by .trusted-by-partners .trusted-by-image {
    margin: 20px;
  }
}
/*
 * 04. Rich Media
 */
.grid-rich-media {
  display: grid;
  margin: 0 auto;
  color: var(--white);
  min-height: 100px;
  height: 72.7272727273vw;
  max-height: 960px;
}

.rich-media-left {
  grid-area: left;
}

.rich-media-right {
  grid-area: rightimage;
  display: grid;
}

.rich-media-right-image {
  background-image: url("/assets/images/layout/pexels-ron-lach-9783831.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--darkgrey);
  width: 100%;
  height: 100%;
}

/* 04. Rich Media Desktop view */
@media (min-width: 601px) and (min-height: 769px) {
  .grid-rich-media {
    grid-template: "left left rightimage rightimage rightimage" auto;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    position: relative;
  }
  .rich-media-left {
    display: grid;
    grid-template: "title" 1fr "titletext" 2fr "readmore" 1fr;
    grid-auto-flow: column;
  }
  .rich-media-left .rich-media-left-title {
    grid-area: title;
  }
  .rich-media-left .rich-media-left-text {
    grid-area: titletext;
  }
  .rich-media-left .rich-media-left-readmore {
    grid-area: readmore;
  }
  .rich-media-right {
    padding: 10px 26px 10px 10px;
  }
  .rich-media-right-image {
    border-radius: 20px;
  }
}
/* 04. Rich Media Landscape + XS - LG view */
@media (max-width: 992px) and (min-height: 769px) and (orientation: landscape) {
  .grid-rich-media {
    grid-template: "left left rightimage rightimage" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    position: relative;
  }
  .rich-media-right {
    padding: 20px;
  }
  .rich-media-right .rich-media-right-image {
    border-radius: 20px;
  }
}
/* 04. Rich Media Tablet Landscape view */
@media (min-width: 993px) and (orientation: landscape) {
  .grid-rich-media {
    grid-template: "empty    empty   empty   empty   empty" 1fr "left     left    rightimage   rightimage   rightimage" 8fr "empty1   empty1  empty1  empty1  empty1" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    position: relative;
  }
  .rich-media-left {
    display: grid;
    grid-template: "title" 1fr "titletext" 3fr "readmore" 1fr;
    grid-auto-flow: column;
  }
  .rich-media-left .rich-media-left-title {
    grid-area: title;
  }
  .rich-media-left .rich-media-left-text {
    grid-area: titletext;
  }
  .rich-media-left .rich-media-left-readmore {
    grid-area: readmore;
  }
  .rich-media-right {
    padding: 10px 26px 10px 10px;
  }
  .rich-media-right-image {
    border-radius: 20px;
  }
}
/* 04. Rich Media Mobile view */
@media (max-width: 600px) and (orientation: portrait) {
  .grid-rich-media {
    grid-template: "left left left" auto "left left left" auto "rightimage rightimage rightimage" 3fr;
    grid-auto-columns: minmax(0, 1fr);
    height: 100vh;
    min-height: initial;
    max-height: initial;
  }
  .rich-media-left {
    padding: 20px;
  }
  .rich-media-right {
    padding: 20px;
  }
  .rich-media-right .rich-media-right-image {
    border-radius: 20px;
  }
}
/* 04. Rich Media Mobile Landscape view */
@media (min-width: 601px) and (max-width: 992px) and (max-height: 768px) and (orientation: landscape) {
  .grid-rich-media {
    grid-template: "left left rightimage rightimage" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    position: relative;
    height: 100vh;
    min-height: initial;
    max-height: initial;
  }
  .rich-media-right {
    padding: 20px;
  }
  .rich-media-right .rich-media-right-image {
    border-radius: 20px;
  }
}
/**
 * 05. Impact
 */
/* 05. Impact - Top */
.grid-impact {
  display: grid;
  grid-template: "empty        empty        empty" 1fr "topleft2     topcenter    topright1" 2fr "middle2      middle2      middle2" 2fr "bottomcenter bottomcenter bottomcenter" 2fr "bottomcenter bottomcenter bottomcenter" 2fr;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  margin: 0 auto;
}

.impact-empty {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: empty;
}

.impact-topleft {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: topleft2;
}

.impact-title h2 {
  margin: 0;
}

.impact-topcenter {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: topcenter;
}

.impact-topright {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: topright1;
}

.impact-button {
  float: right;
}

/* 05. Impact - Middle */
.impact-middle {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: middle2;
  display: flex;
}

.flags {
  width: fit-content;
  height: fit-content;
  align-self: center;
}

.flag-border {
  cursor: pointer;
  width: fit-content;
  height: fit-content;
  float: left;
  margin: 0 10px 0 0;
  border: 2px solid var(--offwhite);
  border-radius: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.flag-border.active {
  border: 2px solid var(--lavender);
}

.flag-border:hover {
  border: 2px solid var(--lavender);
}

.flag {
  width: 50px;
  height: 50px;
  border: 10px solid var(--offwhite);
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.flag-nl {
  background-image: url("/assets/images/layout/flags/flag-nl.png");
}

.flag-be {
  background-image: url("/assets/images/layout/flags/flag-be.png");
}

.flag-it {
  background-image: url("/assets/images/layout/flags/flag-it.png");
}

.flag-uk {
  background-image: url("/assets/images/layout/flags/flag-uk.png");
}

.flag-de {
  background-image: url("/assets/images/layout/flags/flag-de.png");
}

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

/* 05. Impact - Bottom */
.impact-bottom {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: bottomcenter;
  position: relative;
  margin: 0 0 20px 0;
}

.client-list {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  background-color: var(--white);
  width: 100%;
  height: 100%;
  max-height: 100%;
  border-radius: 20px;
}

.client-list-table {
  width: calc(100% - 40px);
  margin: 0 20px;
  padding: 20px 0 60px 0;
}

.client-list-table thead {
  display: table-header-group;
  font-weight: bold;
}

.client-list-table tbody {
  width: 100%;
}

.client-list-table td, .client-list-table th {
  padding: 3px;
}

.client-list-table td.title {
  vertical-align: top;
  font-weight: bold;
}

.client-list-overlay {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--offwhite));
  width: 100%;
  height: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  bottom: 0;
}
.client-list-overlay .client-list-overlay-group {
  cursor: pointer;
  align-self: flex-end;
  text-align: center;
  width: 100%;
}
.client-list-overlay .client-list-overlay-group .client-list-overlay-text {
  display: none;
}
.client-list-overlay .client-list-overlay-group .client-list-overlay-arrows .arrow-down {
  display: block;
}
.client-list-overlay .client-list-overlay-group .client-list-overlay-arrows .arrow-up {
  display: none;
}

.impact-bottom.small {
  margin: 0;
}
.impact-bottom.small .client-list {
  position: absolute;
}
.impact-bottom.small .client-list .client-list-table {
  display: block;
  max-height: calc(100% - 50px);
  overflow: hidden;
}
.impact-bottom.small .client-list .client-list-table tbody {
  display: table;
}
.impact-bottom.small .client-list-overlay {
  height: calc(100% - 30px);
}
.impact-bottom.small .client-list-overlay .client-list-overlay-group .client-list-overlay-text {
  display: block;
}
.impact-bottom.small .client-list-overlay .client-list-overlay-group .client-list-overlay-arrows .arrow-down {
  display: none;
}
.impact-bottom.small .client-list-overlay .client-list-overlay-group .client-list-overlay-arrows .arrow-up {
  display: block;
}

/* 05. Impact - XXL View */
/* 05. Impact - LG - XL View */
/* 05. Impact - SM - LG View */
/* 05. Impact - SM View */
@media (max-width: 600px) {
  .grid-impact {
    grid-template: "topleft2     topleft2     topleft2" 1fr "topcenter    topcenter    topcenter" 1fr "topright1    topright1    topright1" 1fr "middle2      middle2      middle2" 2fr "bottomcenter bottomcenter bottomcenter" 2fr "bottomcenter bottomcenter bottomcenter" 2fr;
    padding: 0 30px;
  }
  .impact-empty {
    display: none;
  }
  .impact-topcenter {
    margin: 10px 0;
  }
  .impact-button {
    float: initial;
  }
  .impact-middle {
    display: grid;
    grid-auto-rows: 2fr 1fr;
  }
  .flag-border {
    margin: 0 4px 0 0;
  }
  .flag {
    border: 4px solid var(--offwhite);
  }
  /* 05. Impact - Bottom */
  .impact-bottom {
    -webkit-transition: all 500ms ease-in-out !important;
    transition: all 500ms ease-in-out !important;
    grid-area: bottomcenter;
    position: relative;
  }
  .client-list {
    height: 280px;
    max-height: 280px;
  }
  .client-list-table.small {
    max-height: 250px;
  }
  .client-list-overlay {
    height: 250px;
  }
}
/*
* 06. Showcase
 */
.grid-showcase {
  display: grid;
  grid-template: "topleft top    top    top" 1fr "left    center center center" 2fr "left    center center center" 2fr "bottom  bottom bottom bottomright" 1fr;
  grid-auto-columns: 1fr 1fr 2fr 2fr 2fr 1fr;
  grid-auto-flow: column;
  margin: 0 auto;
  min-height: 100px;
  height: 72.7272727273vw;
  max-height: 960px;
}

.grid-showcase.target-page {
  grid-template: "topleft top    top    top" auto "left    center center center" 2fr "left    center center center" 2fr "bottom  bottom bottom bottomright" auto;
}
.grid-showcase.target-page .showcase-bottomright {
  padding: 30px;
}

.showcase-top {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: topleft;
}

.showcase-left {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: left;
}

.showcase-center {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: center;
}

.showcase-bottomright {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: bottomright;
  padding: 30px 30px 0 0;
  text-align: right;
}

/* 06. Showcase - Top */
.showcase-title {
  height: 100%;
  width: 180px;
  display: flex;
}

.showcase-title h1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 06. Showcase - Left */
.showcase-menu {
  height: 100%;
  width: 180px;
  font-size: 14pt;
}
.showcase-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.showcase-menu ul li {
  margin: 0 0 10px 0;
}
.showcase-menu ul li.active {
  cursor: pointer;
  text-decoration: underline var(--white);
  text-underline-position: under;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 2px;
  -webkit-text-decoration: underline var(--white);
  -webkit-text-underline-position: under;
  -webkit-text-underline-offset: 0.2em;
  -webkit-text-decoration-thickness: 2px;
}
.showcase-menu ul li.target-showcase-menu-text.active {
  text-decoration: underline var(--black);
  -webkit-text-decoration: underline var(--black);
}
.showcase-menu ul li:hover {
  cursor: pointer;
  text-decoration: underline var(--white);
  text-underline-position: under;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 2px;
  -webkit-text-decoration: underline var(--white);
  -webkit-text-underline-position: under;
  -webkit-text-underline-offset: 0.2em;
  -webkit-text-decoration-thickness: 2px;
}
.showcase-menu ul li.target-showcase-menu-text:hover {
  text-decoration: underline var(--black);
  -webkit-text-decoration: underline var(--black);
}

/* Swiper */
.swiper-pagination {
  bottom: 0 !important;
}

/* 06. Showcase - Cards */
.showcase-cards {
  position: relative;
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
}
.showcase-cards .showcase-card {
  cursor: pointer;
  transition: 0.5s;
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  float: left;
  position: relative;
  margin: 20px 0 20px 20px;
  z-index: 5;
}
.showcase-cards .showcase-card:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill=""><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 4v16a1 1 0 0 0 1.524 .852l13 -8a1 1 0 0 0 0 -1.704l-13 -8a1 1 0 0 0 -1.524 .852z" fill=""></path></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 48px 48px;
  background-color: var(--lavender);
  display: none;
}
.showcase-cards .showcase-card.active {
  z-index: 20;
}
.showcase-cards .showcase-card .logo {
  width: 100%;
  height: 50%;
  position: absolute;
  background-position: center 50px;
  background-repeat: no-repeat;
  background-size: auto 60px;
  display: none;
}
.showcase-cards .showcase-card .button {
  position: absolute;
  color: var(--white);
  margin: 20px 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.showcase-cards .showcase-card .image {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: max(0px, min(20px, (69.0721649485% + 1px) * 9999))/20px;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.95;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.95;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 0.95;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 0.95;
  }
  to {
    opacity: 0;
  }
}
.showcase-cards .showcase-card .overlay {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: absolute;
  top: -20px;
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  border-radius: max(0px, min(30px, (0% + 1px) * 9999))/20px;
  border: 2px solid var(--lavender);
  background-color: var(--darkgrey);
  opacity: 0.95;
  display: none;
  grid-template-columns: 1fr 2fr;
}
.showcase-cards .showcase-card .overlay.active {
  display: grid;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
.showcase-cards .showcase-card .overlay:not(.active):is(.did-fade-in) {
  display: grid;
  -webkit-animation: fadeOut 1s;
  animation: fadeOut 1s;
}
.showcase-cards .showcase-card .overlay .overlay-right {
  display: grid;
  grid-auto-rows: 1fr 2fr;
  margin: 40px;
}
.showcase-cards .showcase-card .overlay .overlay-right .overlay-title h3, .showcase-cards .showcase-card .overlay .overlay-right .overlay-title h4 {
  margin: 0 0 5px 0;
  padding: 0;
}
.showcase-cards .showcase-card .overlay .overlay-right .overlay-info-group {
  margin: 20px 0 0 0;
}
.showcase-cards .showcase-card .overlay .overlay-right .overlay-info-group .overlay-info {
  margin: 0 0 10px 0;
}
.showcase-cards .showcase-card .overlay .overlay-close {
  cursor: pointer;
  position: absolute;
  top: -3px;
  right: -3px;
  width: 30px;
  height: 30px;
  border: 2px solid var(--lavender);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--black);
}
.showcase-cards .showcase-card .overlay .overlay-close .close-button {
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.showcase-cards .showcase-card .overlay .overlay-close span {
  display: block;
  position: absolute;
  height: 2px;
  width: 16px;
  background: var(--white);
  border-radius: 4px;
  opacity: 1;
  left: 4px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.showcase-cards .showcase-card .overlay .overlay-close span:nth-child(2),
.showcase-cards .showcase-card .overlay .overlay-close span:nth-child(3) {
  width: 20px;
  left: 2px;
  top: 11px;
  background: var(--lavender);
}
.showcase-cards .showcase-card .overlay .overlay-close span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.showcase-cards .showcase-card .overlay .overlay-close span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.showcase-cards .showcase-card .overlay .overlay-close span:nth-child(1),
.showcase-cards .showcase-card .overlay .overlay-close span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* 06. Showcase - Cards Mobile */
.showcase-cards.mobile.active {
  display: flex;
  z-index: 50;
}
.showcase-cards.mobile .showcase-card {
  width: 40.7239819005%;
  height: calc(100% - 40px);
  margin: 20px 0;
  padding: 0;
}
.showcase-cards.mobile .showcase-card .overlay {
  width: calc(300% + 80px);
}

/* 06. Showcase - Cards Desktop */
.showcase-cards.desktop.active,
.showcase-cards.video.active,
.showcase-cards.interactive.active {
  display: block;
  z-index: 50;
}
.showcase-cards.desktop .showcase-card,
.showcase-cards.video .showcase-card,
.showcase-cards.interactive .showcase-card {
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  margin: 20px 0;
  padding: 0;
}

/* 06. Showcase - XXL View */
/* 06. Showcase - LG - XL View */
/* 06. Showcase - SM - LG View */
/* 06. Showcase - SM View */
@media (max-width: 600px) and (orientation: portrait) {
  .grid-showcase {
    grid-template: "topleft     topleft     topleft" 1fr "left        left        left" 0.5fr "center      center      center" 4fr "bottomright bottomright bottomright" 1fr;
    padding: 0 30px;
    height: 100vh;
    min-height: initial;
    max-height: initial;
  }
  .grid-showcase.target-page {
    grid-template: "topleft     topleft     topleft" auto "left        left        left" auto "center      center      center" 4fr "bottomright bottomright bottomright" auto;
  }
  .grid-showcase.target-page .showcase-bottomright {
    padding: 30px;
  }
  .showcase-title {
    align-self: center;
  }
  .showcase-menu {
    height: 100%;
    width: 100%;
    font-size: 12pt;
  }
  .showcase-menu ul li {
    margin: 0 10px 0 0;
    float: left;
  }
  .showcase-cards.mobile .showcase-card .overlay,
  .showcase-cards.desktop .showcase-card .overlay,
  .showcase-cards.video .showcase-card .overlay,
  .showcase-cards.interactive .showcase-card .overlay {
    width: calc(100% + 40px);
  }
  .showcase-cards.mobile .showcase-card .overlay .overlay-right,
  .showcase-cards.desktop .showcase-card .overlay .overlay-right,
  .showcase-cards.video .showcase-card .overlay .overlay-right,
  .showcase-cards.interactive .showcase-card .overlay .overlay-right {
    width: calc(300% - 40px);
    grid-template: "top    top    top" 1fr "bottom bottom bottom" 1fr "bottom bottom bottom" 1fr;
    grid-auto-columns: 1fr 1fr 1fr;
    grid-auto-flow: column;
    margin: 20px;
  }
  .showcase-cards.mobile .showcase-card .overlay .overlay-right .overlay-title,
  .showcase-cards.desktop .showcase-card .overlay .overlay-right .overlay-title,
  .showcase-cards.video .showcase-card .overlay .overlay-right .overlay-title,
  .showcase-cards.interactive .showcase-card .overlay .overlay-right .overlay-title {
    grid-area: top;
  }
  .showcase-cards.mobile .showcase-card .overlay .overlay-right .overlay-title h3, .showcase-cards.mobile .showcase-card .overlay .overlay-right .overlay-title h4,
  .showcase-cards.desktop .showcase-card .overlay .overlay-right .overlay-title h3,
  .showcase-cards.desktop .showcase-card .overlay .overlay-right .overlay-title h4,
  .showcase-cards.video .showcase-card .overlay .overlay-right .overlay-title h3,
  .showcase-cards.video .showcase-card .overlay .overlay-right .overlay-title h4,
  .showcase-cards.interactive .showcase-card .overlay .overlay-right .overlay-title h3,
  .showcase-cards.interactive .showcase-card .overlay .overlay-right .overlay-title h4 {
    margin: 0 0 5px 0;
    padding: 0;
  }
  .showcase-cards.mobile .showcase-card .overlay .overlay-right .overlay-info-group,
  .showcase-cards.desktop .showcase-card .overlay .overlay-right .overlay-info-group,
  .showcase-cards.video .showcase-card .overlay .overlay-right .overlay-info-group,
  .showcase-cards.interactive .showcase-card .overlay .overlay-right .overlay-info-group {
    grid-area: bottom;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-auto-rows: minmax(60px, auto);
    grid-gap: 1rem;
    margin: 0;
  }
  .showcase-cards.mobile .showcase-card .overlay .overlay-right .overlay-info-group .overlay-info,
  .showcase-cards.desktop .showcase-card .overlay .overlay-right .overlay-info-group .overlay-info,
  .showcase-cards.video .showcase-card .overlay .overlay-right .overlay-info-group .overlay-info,
  .showcase-cards.interactive .showcase-card .overlay .overlay-right .overlay-info-group .overlay-info {
    margin: 0 0 10px 0;
  }
  .showcase-cards.mobile .showcase-card.showcase-card2,
  .showcase-cards.desktop .showcase-card.showcase-card2,
  .showcase-cards.video .showcase-card.showcase-card2,
  .showcase-cards.interactive .showcase-card.showcase-card2 {
    margin: 20px;
  }
  .showcase-bottomright {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
}
/* 06. Showcase Landscape + XS - LG view */
@media (max-width: 992px) and (orientation: landscape) {
  .showcase-cards .showcase-card .button {
    font-size: 11px;
  }
  .showcase-cards .showcase-card .overlay .overlay-right {
    width: calc(300% - 40px);
    grid-template: "left right right" 1fr "left right right" 1fr "left right right" 1fr;
    grid-auto-columns: 1fr 1fr 1fr;
    grid-auto-flow: column;
    margin: 20px;
  }
  .showcase-cards .showcase-card .overlay .overlay-right .overlay-title {
    grid-area: left;
  }
  .showcase-cards .showcase-card .overlay .overlay-right .overlay-title h3, .showcase-cards .showcase-card .overlay .overlay-right .overlay-title h4 {
    margin: 0 0 5px 0;
    padding: 0;
  }
  .showcase-cards .showcase-card .overlay .overlay-right .overlay-info-group {
    grid-area: right;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-auto-rows: minmax(60px, auto);
    grid-gap: 1rem;
    margin: 0;
  }
  .showcase-cards .showcase-card .overlay .overlay-right .overlay-info-group .overlay-info {
    margin: 0 0 10px 0;
  }
  .showcase-bottomright {
    padding: 20px 20px 20px 0;
  }
}
/*
 * 07. Inspiration / Contact
 */
.grid-contact {
  display: grid;
  grid-template: "top    top    top    top    top" 1fr "left   left   left   right  right" 3fr "left   left   left   right  right" 3fr "bottom bottom bottom bottom bottom" 1fr;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  margin: 0 auto;
  min-height: 100px;
  height: 72.7272727273vw;
  max-height: 960px;
}
.grid-contact .contact-left {
  background-image: url(/assets/images/layout/inspiration.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  grid-area: left;
  display: grid;
  grid-template: "top    top     top     top     top" 1fr "left1  center1 center1 center1 right" 3fr "bottom bottom  bottom  bottom  bottom" 1fr;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
}
.grid-contact .contact-left .contact-left-form {
  grid-area: center1;
  padding-top: 20px;
}
.grid-contact .contact-left .contact-left-form #inspiration-form {
  display: grid;
  gap: 10px;
  grid-auto-rows: min-content;
}
.grid-contact .contact-left .contact-left-form #inspiration-form .small {
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
  text-align: left;
}
.grid-contact .contact-left .contact-left-form #inspiration-form .contact-page-form-input {
  min-height: 50px;
  display: flex;
}
.grid-contact .contact-left .contact-left-form #inspiration-form .contact-page-form-input input:nth-child(2) {
  margin: 0 0 0 10px;
}
.grid-contact .contact-left .contact-left-form .contact-page-form-optin input {
  width: auto;
}
.grid-contact .contact-left .contact-left-form .contact-page-form-optin span {
  font-size: 12px;
  text-align: left;
}
.grid-contact .contact-left .contact-left-form .contact-page-form-optin span.required {
  font-size: 1em;
  color: var(--lavender);
  text-decoration: none;
  word-wrap: break-all;
  word-wrap: break-word;
  display: inline;
}
.grid-contact .contact-left .contact-left-form .contact-page-form-optin p {
  display: inline;
}
.grid-contact .contact-left .contact-left-form .contact-page-form-small-text {
  font-size: 11px;
  text-align: left;
  font-style: italic;
  background-color: transparent;
  text-align: left;
}
.grid-contact .contact-left .contact-left-form .contact-page-form-small-text span {
  font-size: 12px;
  text-align: left;
}
.grid-contact .contact-left .contact-left-form .contact-page-form-small-text span.required {
  font-size: 1em;
  color: var(--lavender);
  text-decoration: none;
  word-wrap: break-all;
  word-wrap: break-word;
  display: inline;
}
.grid-contact .contact-left .contact-left-form .contact-page-form-button button {
  min-height: 40px;
  line-height: 23px;
}
.grid-contact .contact-left .contact-left-form .message.success {
  color: var(--green);
}
.grid-contact .contact-left .contact-left-form .message.error {
  color: var(--lavender);
}
.grid-contact .contact-right {
  grid-area: right;
  padding: 0 0 20px 20px;
}

/* 07. Inspiration / Contact - XXL View */
/* 07. Inspiration / Contact - LG - XL View */
/* 07. Inspiration / Contact - SM - LG View */
/* 07. Inspiration / Contact - SM View */
@media (max-width: 600px) and (orientation: portrait) {
  .grid-contact {
    grid-template: "right right right" 1fr "left  left  left" 1fr "left  left  left" 1fr;
    padding: 20px;
    height: auto;
  }
  .grid-contact .contact-left {
    grid-template: "left1 center1 center1 center1 right" 1fr "left1 center1 center1 center1 right" 1fr "left1 center1 center1 center1 right" 1fr;
    grid-auto-columns: 0.5fr 2fr 2fr 2fr 0.5fr;
    grid-auto-flow: column;
  }
  .grid-contact .contact-left .contact-left-form {
    margin: 0 0 20px 0;
  }
  .grid-contact .contact-left .contact-left-form #inspiration-form .contact-page-form-input {
    min-height: 30px;
  }
  .grid-contact .contact-right {
    padding: 0 0 20px 0;
  }
}
@media (max-height: 730px) and (orientation: landscape) {
  .grid-contact {
    grid-template: "top    top    top    top    top" 0.5fr "left   left   left   right  right" 3fr "left   left   left   right  right" 3fr "bottom bottom bottom bottom bottom" 0.5fr;
  }
}
@media (max-height: 630px) and (orientation: landscape) {
  .grid-contact {
    grid-template: "top    top    top    top    top" 0.25fr "left   left   left   right  right" 3fr "left   left   left   right  right" 3fr "bottom bottom bottom bottom bottom" 0.25fr;
  }
}
@media (max-height: 580px) and (orientation: landscape) {
  .grid-contact {
    grid-template: "top    top    top    top    top" 0.1fr "left   left   left   right  right" 3fr "left   left   left   right  right" 3fr "bottom bottom bottom bottom bottom" 0.1fr;
  }
}
@media (max-height: 580px) and (orientation: landscape) {
  .grid-contact {
    grid-template: "top    top    top    top    top" auto "left   left   left   right  right" 3fr "left   left   left   right  right" 3fr "bottom bottom bottom bottom bottom" auto;
  }
}
/* 07. Inspiration / Contact Landscape + XS - LG view */
@media (max-width: 992px) and (orientation: landscape) {
  .grid-contact {
    grid-template: "top top top top top" 20px "left left left right right" 2fr "bottom bottom bottom bottom bottom" 20px;
    height: auto;
  }
  .grid-contact .contact-left {
    grid-template: "top    top     top     top     top" 20px "left1  center1 center1 center1 right" 1fr "bottom bottom  bottom  bottom  bottom" 20px;
    grid-auto-columns: 1fr 2fr 2fr 1fr;
  }
  .grid-contact .contact-left .contact-left-form #inspiration-form .contact-page-form-input {
    min-height: 35px;
    display: flex;
  }
  .grid-contact .contact-left .contact-left-form #inspiration-form .contact-page-form-input input {
    border-radius: 20px;
    font-size: 12px;
    padding: 10px 10px;
    width: 100%;
  }
  .grid-contact .contact-left .contact-left-form #inspiration-form .contact-page-form-input input:nth-child(2) {
    margin: 0 0 0 10px;
  }
  .grid-contact .contact-left .contact-left-form .message.success {
    color: var(--green);
  }
  .grid-contact .contact-left .contact-left-form .message.error {
    color: var(--lavender);
  }
}
/*
 * 08. Recent Articles
 */
.grid-recent-articles {
  display: grid;
  grid-template: "topleft top    top" 100px "center  center center" 2fr "bottom  bottom bottomright" 100px;
  grid-auto-columns: 1fr 2fr 2fr 2fr 1fr;
  grid-auto-flow: column;
  margin: 0 auto;
  height: auto;
}

.recent-articles-top {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: topleft;
  display: flex;
  justify-content: center;
  align-items: center;
}

.recent-articles-left {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: left;
}

.recent-articles-middle {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: center;
}

.recent-articles-bottomright {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: bottomright;
  padding: 30px 30px 0 0;
  text-align: right;
}

/* 08. Recent Articles - Top */
.recent-articles-title {
  height: 100%;
  width: 180px;
  display: flex;
}

.recent-articles-title h1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 08. Recent Articles - Middle */
.recent-blog-articles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-auto-rows: minmax(200px, auto);
  grid-gap: 1rem;
  margin: 0 auto;
  padding: 15px 0;
  height: auto;
}
.recent-blog-articles * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.recent-blog-articles .recent-blog-article {
  transition: all 500ms ease-in-out !important;
  background-color: var(--darkgrey);
  border: 2px solid #e7e7e7;
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  color: #5d5e5e;
}
.recent-blog-articles .recent-blog-article .recent-blog-thumbnail {
  background-color: var(--black);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 180px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.recent-blog-articles .recent-blog-article .recent-blog-article-content {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.recent-blog-articles .recent-blog-article .recent-blog-article-content h2 {
  color: var(--white);
  margin: 35px 20px 20px 20px;
  font-size: 1.1rem;
  font-weight: 400;
}
.recent-blog-articles .recent-blog-article .recent-blog-article-content .recent-blog-description {
  color: var(--white);
  margin: 0px 20px 20px 20px;
  font-size: 0.9rem;
}
.recent-blog-articles .recent-blog-article .recent-blog-article-content .recent-blog-category {
  font-size: 0.75rem;
  text-transform: uppercase;
  position: absolute;
  top: 150px;
  left: 0;
  color: var(--black);
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: var(--dark-indigo-blue);
}

footer {
  border-top: 2px solid #e7e7e7;
  margin: 0.5rem 0 0;
  font-size: smaller;
}
footer .recent-blog-post-meta {
  margin: 10px;
  text-align: center;
}
footer .recent-blog-comments {
  margin-left: 0.5rem;
}

/* 08. Recent Articles - Bottom */
.col-1,
.col-2,
.col-3 {
  width: 70%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.338);
  border-radius: 20px;
}

.col-1-title,
.col-2-title,
.col-3-title {
  padding: 15px;
  text-align: left;
}

.col-1-txt,
.col-2-txt,
.col-3-txt {
  padding: 5px;
  text-align: left;
  margin-left: 15px;
  font-size: 1.3vw;
}

.col-1-button,
.col-2-button,
.col-3-button {
  margin-top: 15vh;
  margin-left: 12vw;
}

.col-1-images img {
  width: 50%;
  height: auto;
}

.col-2-images img {
  width: 80%;
  height: auto;
}

.col-3-images img {
  width: 50%;
  height: auto;
}

.col-3-images {
  width: 100%;
  height: 40%;
  border-radius: 20px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.col-1-images,
.col-2-images {
  width: 100%;
  height: 40%;
  border-radius: 20px;
  background-color: var(--darkgrey);
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 14. Recent Articles Footer */
.grid-recent-articles-footer {
  grid-template-columns: 1fr;
  height: 25vh;
  background-color: #4573d2;
  color: white;
  display: flex;
  flex-direction: row;
}

.button-see-overvieuw-articles {
  margin-left: 80%;
  margin-top: 10vh;
  position: inherit;
}

.overvieuw-button-outline {
  width: 10%;
  height: 2%;
  padding: 15px;
  border: solid white;
  border-radius: 20px;
  background-color: none;
  color: white;
}

.col-3 a {
  color: white;
}

/* 08. Recent Articles - XXL View */
/* 08. Recent Articles - LG - XL View */
/* 08. Recent Articles - SM - LG View */
/* 08. Recent Articles - SM View */
@media (max-width: 600px) and (orientation: portrait) {
  .grid-recent-articles {
    grid-template: "topleft topleft topleft" auto "center center center" 3fr "center center center" 3fr "bottom bottom bottomright" auto;
    grid-auto-columns: minmax(0, 1fr);
    padding: 0 20px;
  }
  .recent-articles-top {
    justify-content: initial;
    align-items: initial;
  }
  .recent-articles-bottomright {
    padding: 30px 30px 30px 0;
  }
  .recent-articles-title {
    align-self: center;
  }
  .recent-articles-card:not(:nth-child(3)) {
    margin: 0;
  }
  .recent-articles-card:nth-child(1) {
    margin: 0 30px 0 0;
  }
  .recent-articles-card:nth-child(3) {
    display: none;
  }
  .recent-articles-card {
    width: auto;
  }
  .recent-articles-card .image {
    width: calc(100% - 40px);
    height: 19.6078431373%;
  }
  .recent-articles-card .text {
    display: -webkit-box;
    -webkit-line-clamp: 11;
    line-clamp: 11;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-height: 800px) and (orientation: portrait) {
  .recent-articles-card .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-height: 544px) and (orientation: portrait) {
  .recent-articles-card .text {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
}
@media (min-height: 545px) and (max-height: 589px) and (orientation: portrait) {
  .recent-articles-card .text {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}
@media (min-height: 545px) and (max-height: 589px) and (orientation: portrait) {
  .recent-articles-card .text {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}
@media (min-height: 590px) and (max-height: 624px) and (orientation: portrait) {
  .recent-articles-card .text {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
}
@media (min-height: 625px) and (max-height: 659px) and (orientation: portrait) {
  .recent-articles-card .text {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
}
@media (min-height: 660px) and (max-height: 709px) and (orientation: portrait) {
  .recent-articles-card .text {
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
}
@media (min-height: 710px) and (max-height: 749px) and (orientation: portrait) {
  .recent-articles-card .text {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
}
@media (min-height: 750px) and (max-height: 800px) and (orientation: portrait) {
  .recent-articles-card .text {
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }
}
/* 02. Target Landscape + XS - LG view */
/**
 * 09. Footer
 */
.container-footer {
  background-image: linear-gradient(to right, var(--darkgrey), #6c757d);
  /* 09. Footer - Left Top */
  /* 09. Footer - Left Middle */
  /* 09. Footer - Center */
  /* 09. Footer - Right */
  /* 09. Footer - Bottom */
  /* 09. Footer - XXL View */
  /* 09. Footer - LG - XL View */
  /* 09. Footer - SM - LG View */
  /* 09. Footer - SM View */
}
.container-footer .grid-footer {
  display: grid;
  grid-template: "emptytop emptytop emptytop emptytop" 1fr "top      top      top      top" 1fr "left     center1  center2  right" 2fr "left     center1  center2  right" 2fr "bottom   bottom   bottom   bottom" 1fr;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  margin: 0 auto;
  height: auto;
  color: var(--white);
}
.container-footer .footer-top {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: top;
}
.container-footer .footer-top img {
  max-width: 200px;
  height: auto;
}
.container-footer .footer-left {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: left;
}
.container-footer .footer-left .footer-address {
  margin: 0 0 20px 0;
}
.container-footer .footer-left .footer-address span {
  display: block;
}
.container-footer .footer-left .footer-contact span {
  display: block;
}
.container-footer .footer-center .footer-btn-holder {
  max-width: 80%;
  margin: 0 auto;
}
.container-footer .footer-center .footer-btn-holder .footer-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px 0;
  padding: 6px 20px;
  border-radius: 100px;
  text-decoration: none;
  white-space: nowrap;
}
.container-footer .footer-center1 {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: center1;
  text-align: center;
}
.container-footer .footer-center2 {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: center2;
  text-align: center;
}
.container-footer .footer-right {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: right;
}
.container-footer .footer-right span {
  display: block;
  text-align: right;
}
.container-footer .footer-bottom {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: bottom;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.container-footer .footer-bottom-text {
  align-self: center;
  font-size: 0.8rem;
}
@media (max-width: 600px) {
  .container-footer {
    /* 09. Footer - Top */
    /* 09. Footer - Left Middle */
    /* 09. Footer - Middle */
    /* 09. Footer - Bottom */
  }
  .container-footer .grid-footer {
    grid-template: "top     top     top" 0.5fr "left    left    left" 1fr "center1 center1 center1" auto "center2 center2 center2" 10px "center3 center3 center3" auto "right   right   right" auto "bottom  bottom  bottom" auto;
    padding: 20px;
  }
  .container-footer .footer-top {
    display: flex;
  }
  .container-footer .footer-top img {
    align-self: center;
  }
  .container-footer .footer-left {
    padding: 20px 0 20px 0;
  }
  .container-footer .footer-center .footer-btn-holder {
    max-width: 100%;
    margin: auto;
  }
  .container-footer .footer-center .footer-btn-holder .footer-btn {
    display: inline-block;
    margin: 5px 0;
    padding: 0px 20px;
    width: 110px;
  }
  .container-footer .footer-center2 {
    -webkit-transition: all 500ms ease-in-out !important;
    transition: all 500ms ease-in-out !important;
    grid-area: center3;
    text-align: center;
  }
  .container-footer .footer-right {
    display: grid;
    font-size: 0.8rem;
    padding: 10px 0;
  }
  .container-footer .footer-right span {
    text-align: left;
  }
}

/*
 * Contact
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.grid-contact-page {
  padding: 20px 0;
  height: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 10px;
  margin: 0 auto;
}

.grid-contact-page-column {
  height: auto;
  padding: 15px;
}

.contact-page-form {
  padding-top: 20px;
}
.contact-page-form .small {
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
  text-align: left;
  margin: 0 0 10px 0;
}
.contact-page-form .contact-page-form-input {
  min-height: 50px;
  margin: 0 0 30px 0;
  display: flex;
}
.contact-page-form .contact-page-form-input input:nth-child(2) {
  margin: 0 0 0 10px;
}
.contact-page-form .contact-page-form-optin input {
  width: auto;
}
.contact-page-form .contact-page-form-optin span {
  font-size: 12px;
  text-align: left;
}
.contact-page-form .contact-page-form-optin span.required {
  font-size: 1em;
  color: var(--lavender);
  text-decoration: none;
  word-wrap: break-all;
  word-wrap: break-word;
  display: inline;
}
.contact-page-form .contact-page-form-optin p {
  display: inline;
}
.contact-page-form .contact-page-form-small-text {
  font-size: 11px;
  text-align: left;
  font-style: italic;
  background-color: transparent;
  text-align: left;
}
.contact-page-form .contact-page-form-small-text span {
  font-size: 12px;
  text-align: left;
}
.contact-page-form .contact-page-form-small-text span.required {
  font-size: 1em;
  color: var(--lavender);
  text-decoration: none;
  word-wrap: break-all;
  word-wrap: break-word;
  display: inline;
}
.contact-page-form .contact-page-form-button button {
  min-height: 40px;
  line-height: 23px;
}
.contact-page-form .message.success {
  color: var(--green);
}
.contact-page-form .message.error {
  color: var(--red);
}

#weboramanl-map {
  height: 400px;
}

/* Portrait + XXL View */
/* Portrait + LG - XL View */
/* Portrait + SM - LG View */
/* Portrait + SM View */
@media (max-width: 600px) and (orientation: portrait) {
  .grid-contact-page {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
/* Landscape + XS - LG view */
/*
 * 08. Recent Articles
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/*
 *******************************
 * blog-filters
 *******************************
 */
.blog-filters {
  margin: 0 auto;
  height: auto;
  padding: 15px 0;
}
.blog-filters .js-filtersForm {
  text-align: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(200px, auto) 200px auto;
  grid-template-rows: 54px;
}
.blog-filters .js-filtersForm .keyword-search {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.blog-filters .js-filtersForm .keyword-search .search-icon {
  width: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  display: flex;
  align-items: center;
  padding: 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  border: 1px solid var(--taupe);
}
.blog-filters .js-filtersForm .keyword-search .search-text {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.blog-filters .js-filtersForm .select-menu {
  position: relative;
}
.blog-filters .js-filtersForm .select-menu .select-btn {
  display: flex;
  background: #fff;
  padding: 15px;
  border-radius: 20px;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.blog-filters .js-filtersForm .select-menu .select-btn .select-count-text {
  display: none;
  align-items: center;
  background-color: var(--lavender);
  border-radius: 50%;
  color: var(--white);
  font-size: 12px;
  height: 20px;
  justify-content: center;
  vertical-align: middle;
  text-align: center;
  width: 20px;
}
.blog-filters .js-filtersForm .select-menu i {
  width: 12px;
  height: 12px;
  transition: 0.3s;
  line-height: 1;
  text-rendering: auto;
  display: inline-block;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
}
.blog-filters .js-filtersForm .select-menu.active .select-btn i {
  transform: rotate(-180deg);
}
.blog-filters .js-filtersForm .select-menu.active .options {
  display: block;
}
.blog-filters .js-filtersForm .select-menu .options {
  position: absolute;
  z-index: 5;
  padding: 15px;
  margin-top: 10px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  display: none;
}
.blog-filters .js-filtersForm .select-menu .option {
  display: flex;
  height: 55px;
  padding: 0;
  border-radius: 20px;
  align-items: center;
  background: #fff;
  padding: 0 15px;
  gap: 10px;
}
.blog-filters .js-filtersForm .select-menu .option .option-checkbox {
  cursor: pointer;
}
.blog-filters .js-filtersForm .select-menu .option .option-text {
  font-size: 18px;
  color: #333;
  cursor: pointer;
}
.blog-filters .js-filtersForm .select-menu .option:hover {
  background: #F2F2F2;
}
.blog-filters .js-filtersForm .select-menu .option i {
  font-size: 25px;
  margin-right: 12px;
}
.blog-filters .js-filtersForm .filter-buttons {
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  gap: 10px;
}
.blog-filters .blog-filter-result {
  margin: 0;
}

/*
 *******************************
 * blog-results-text
 *******************************
 */
.blog-results-text {
  margin: 0 auto;
  height: auto;
  padding: 0;
}
.blog-results-text h4 {
  margin: 0;
}

/*
 *******************************
 * blog-articles
 *******************************
 */
.blog-articles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: minmax(200px, auto);
  grid-gap: 1rem;
  margin: 0 auto;
  padding: 15px 0;
  height: auto;
}
.blog-articles * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.blog-articles .blog-article {
  transition: all 500ms ease-in-out !important;
  background-color: var(--darkgrey);
  border: 2px solid #e7e7e7;
  border-radius: 14px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  color: #5d5e5e;
}
.blog-articles .blog-article .blog-thumbnail {
  background-color: var(--black);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 180px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.blog-articles .blog-article .blog-article-content {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.blog-articles .blog-article .blog-article-content h2 {
  color: var(--white);
  margin: 35px 10px 10px 10px;
  font-size: 1.25rem;
  font-weight: 400;
}
.blog-articles .blog-article .blog-article-content .blog-description {
  color: var(--white);
  margin: 0px 10px 10px 10px;
}
.blog-articles .blog-article .blog-article-content .blog-category {
  font-size: 0.75rem;
  text-transform: uppercase;
  position: absolute;
  top: 150px;
  left: 0;
  color: var(--black);
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: var(--dark-indigo-blue);
}

footer {
  border-top: 2px solid #e7e7e7;
  margin: 0.5rem 0 0;
  font-size: smaller;
}
footer .blog-post-meta {
  margin: 10px;
  text-align: center;
}
footer .blog-post-meta .blog-comments {
  margin-left: 0.5rem;
}

/*
 *******************************
 * blog-pagination
 *******************************
 */
.blog-pagination {
  margin: 0 auto;
  padding: 15px 0;
  height: auto;
  width: fit-content;
}
.blog-pagination .a-pag {
  color: #9a9b9c;
  padding: 0 6px;
  text-decoration: none;
  background-color: transparent;
}
.blog-pagination .current {
  font-weight: 400;
  color: var(--lavender) !important;
}

/* Portrait + XXL View */
/* Portrait + LG - XL View */
/* Portrait + SM - LG View */
/* Portrait + SM View */
@media (max-width: 600px) and (orientation: portrait) {
  /*
   *******************************
   * blog-filters
   *******************************
   */
  .blog-filters {
    padding: 15px;
  }
  .blog-filters .js-filtersForm {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
  /*
   *******************************
   * blog-results-text
   *******************************
   */
  .blog-results-text {
    padding: 0 15px;
  }
  /*
   *******************************
   * blog-articles
   *******************************
   */
  .blog-articles {
    padding: 0 15px;
  }
}
/* Landscape + XS - LG view */
/*
 * Formats
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/*
 *******************************
 * formats-filters
 *******************************
 */
.formats-filters {
  margin: 0 auto;
  height: auto;
  padding: 15px 0;
}
.formats-filters .js-filtersForm {
  text-align: center;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-template-rows: 54px;
}
.formats-filters .js-filtersForm .keyword-search {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.formats-filters .js-filtersForm .keyword-search .search-icon {
  width: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  display: flex;
  align-items: center;
  padding: 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  border: 1px solid var(--taupe);
}
.formats-filters .js-filtersForm .keyword-search .search-text {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.formats-filters .js-filtersForm .select-menu {
  position: relative;
}
.formats-filters .js-filtersForm .select-menu .select-btn {
  display: flex;
  background: #fff;
  padding: 15px;
  border-radius: 20px;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.formats-filters .js-filtersForm .select-menu .select-btn .select-count-text {
  display: none;
  align-items: center;
  background-color: var(--lavender);
  border-radius: 50%;
  color: var(--white);
  font-size: 12px;
  height: 20px;
  justify-content: center;
  vertical-align: middle;
  text-align: center;
  width: 20px;
}
.formats-filters .js-filtersForm .select-menu i {
  width: 12px;
  height: 12px;
  transition: 0.3s;
  line-height: 1;
  text-rendering: auto;
  display: inline-block;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
}
.formats-filters .js-filtersForm .select-menu.active .select-btn i {
  transform: rotate(-180deg);
}
.formats-filters .js-filtersForm .select-menu.active .options {
  display: block;
}
.formats-filters .js-filtersForm .select-menu .options {
  position: absolute;
  z-index: 5;
  padding: 15px;
  margin-top: 10px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  display: none;
}
.formats-filters .js-filtersForm .select-menu .option {
  display: flex;
  height: 55px;
  padding: 0;
  border-radius: 20px;
  align-items: center;
  background: #fff;
  padding: 0 15px;
  gap: 10px;
}
.formats-filters .js-filtersForm .select-menu .option .option-checkbox {
  cursor: pointer;
}
.formats-filters .js-filtersForm .select-menu .option .option-text {
  font-size: 18px;
  color: #333;
  cursor: pointer;
}
.formats-filters .js-filtersForm .select-menu .option:hover {
  background: #F2F2F2;
}
.formats-filters .js-filtersForm .select-menu .option i {
  font-size: 25px;
  margin-right: 12px;
}
.formats-filters .js-filtersForm .filter-buttons {
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  gap: 10px;
}
.formats-filters .formats-filter-result {
  margin: 0;
}

/*
 *******************************
 * formats-results-text
 *******************************
 */
.formats-results-text {
  margin: 0 auto;
  height: auto;
  padding: 0;
}
.formats-results-text h4 {
  margin: 0;
}

/*
 *******************************
 * formats-entries
 *******************************
 */
.formats-entries {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: minmax(350px, auto);
  grid-gap: 1rem;
  margin: 0 auto;
  padding: 15px 0;
  height: auto;
}
.formats-entries * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.formats-entries .formats-entry {
  transition: all 500ms ease-in-out !important;
  background-color: var(--grey);
  border: 2px solid #e7e7e7;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  overflow-y: hidden;
}
.formats-entries .formats-entry .formats-entry-content {
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: absolute;
}
.formats-entries .formats-entry .formats-entry-content .formats-thumbnail {
  background-color: var(--black);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 180px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.formats-entries .formats-entry .formats-entry-content h2 {
  margin: 35px 10px 10px 10px;
  font-size: 1.25rem;
  font-weight: 400;
}
.formats-entries .formats-entry .formats-entry-content .formats-entry-description {
  margin: 0px 10px 10px 10px;
}
.formats-entries .formats-entry .formats-entry-content .formats-entry-category {
  font-size: 0.75rem;
  text-transform: uppercase;
  position: absolute;
  top: 150px;
  color: var(--black);
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  background-position: center;
  background-repeat: no-repeat;
}
.formats-entries .formats-entry .formats-entry-content .formats-entry-category[class*=device-] {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  height: 39px;
  left: 0;
  background-color: var(--white);
}
.formats-entries .formats-entry .formats-entry-content .formats-entry-category.device-desktop {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 18V3H2v15H0v2h24v-2h-2zm-8 0h-4v-1h4v1zm6-3H4V5h16v10z" style="fill: rgb(64, 64, 64);" /></svg>');
}
.formats-entries .formats-entry .formats-entry-content .formats-entry-category.device-tablet {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.5,0H4.5c-1.2,0-2.1,1-2.1,2.1v19.7c0,1.2,1,2.1,2.1,2.1h14.9c1.2,0,2.1-1,2.1-2.1V2.1c0-1.2-1-2.1-2.1-2.1ZM12,22.8c-.5,0-.9-.4-.9-.9s.4-.9.9-.9.9.4.9.9c0,.5-.4.9-.9.9ZM19.7,19.6c0,.3-.2.5-.5.5H4.7c-.3,0-.5-.2-.5-.5V2.3c0-.3.2-.5.5-.5h14.5c.3,0,.5.2.5.5v17.3h0Z" style="fill: rgb(64, 64, 64);" /></svg>');
}
.formats-entries .formats-entry .formats-entry-content .formats-entry-category.device-mobile {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zm-2 20h-4v-1h4v1zm3.25-3H6.75V4h10.5v14z" style="fill: rgb(64, 64, 64);" /></svg>');
}
.formats-entries .formats-entry .formats-entry-content .formats-entry-category.device-cross-device {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z" style="fill: rgb(64, 64, 64);" /></svg>');
}
.formats-entries .formats-entry .formats-entry-content .formats-entry-category.environment {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  right: 0;
  background-color: var(--dark-indigo-blue);
}
.formats-entries .formats-entry .formats-entry-overlay {
  background-color: var(--grey);
  border-top: 2px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  height: calc(100% + 38px);
  position: absolute;
  width: 100%;
  top: -38px;
  transition: transform 300ms;
  transform: translate3d(0, calc(100% - 38px), 0);
  font-size: smaller;
  cursor: pointer;
}
.formats-entries .formats-entry .formats-entry-overlay.active {
  top: 0px;
  border-top: 0;
  transform: translate3d(0, -38px, 0);
}
.formats-entries .formats-entry .formats-entry-overlay .formats-entry-overlay-top {
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.formats-entries .formats-entry .formats-entry-overlay .formats-entry-overlay-header {
  margin: 10px;
  display: flex;
  flex-direction: row;
}
.formats-entries .formats-entry .formats-entry-overlay .formats-entry-overlay-header h2 {
  width: calc(100% - 24px);
}
.formats-entries .formats-entry .formats-entry-overlay .formats-entry-overlay-header .formats-close-button {
  min-width: 24px;
  height: 24px;
  font-size: 28px;
  line-height: 23px;
  font-weight: bold;
  color: var(--darkgrey);
  opacity: 0.6;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.formats-entries .formats-entry .formats-entry-overlay .formats-entry-overlay-content {
  margin: 10px;
  flex-grow: 1;
}
.formats-entries .formats-entry .formats-entry-overlay .formats-entry-overlay-footer {
  margin: 10px;
  bottom: 0;
  position: fixed;
  width: -webkit-fill-available;
}

/*
 *******************************
 * formats-pagination
 *******************************
 */
.formats-pagination {
  margin: 0 auto;
  padding: 15px 0;
  height: auto;
  width: fit-content;
}
.formats-pagination .a-pag {
  color: #9a9b9c;
  padding: 0 6px;
  text-decoration: none;
  background-color: transparent;
}
.formats-pagination .current {
  font-weight: 400;
  color: #c00f2c !important;
}

/*
 *******************************
 * formats-modal
 *******************************
 */
/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  justify-content: center;
  align-items: center;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 600px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  outline: 0;
}
.modal-content .modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /* The Close Button */
}
.modal-content .modal-header .modal-title {
  margin: 0;
  line-height: 1.5;
}
.modal-content .modal-header .close {
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.modal-content .modal-header .close:hover,
.modal-content .modal-header .close:focus {
  text-decoration: none;
  cursor: pointer;
}
.modal-content .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 20px;
}
.modal-content .modal-body .small {
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
  text-align: left;
  margin: 0 0 10px 0;
}
.modal-content .modal-body .request-template-form-input {
  min-height: 50px;
  margin: 0 0 30px 0;
  display: flex;
}
.modal-content .modal-body .request-template-form-input input:nth-child(2) {
  margin: 0 0 0 10px;
}
.modal-content .modal-body .request-template-form-optin input {
  width: auto;
}
.modal-content .modal-body .request-template-form-optin span {
  font-size: 12px;
  text-align: left;
}
.modal-content .modal-body .request-template-form-optin span.required {
  font-size: 1em;
  color: var(--lavender);
  text-decoration: none;
  word-wrap: break-all;
  word-wrap: break-word;
  display: inline;
}
.modal-content .modal-body .request-template-form-optin p {
  display: inline;
}
.modal-content .modal-body .request-template-form-small-text {
  font-size: 11px;
  text-align: left;
  font-style: italic;
  background-color: transparent;
  text-align: left;
  margin: 0 0 30px 0;
}
.modal-content .modal-body .request-template-form-button button {
  min-height: 40px;
  line-height: 23px;
}
.modal-content .modal-body .message.success {
  color: var(--green);
}
.modal-content .modal-body .message.error {
  color: var(--lavender);
}
.modal-content .modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -100px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -100px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
/* Portrait + XXL View */
/* Portrait + LG - XL View */
/* Portrait + SM - LG View */
/* Portrait + SM View */
@media (max-width: 600px) and (orientation: portrait) {
  /*
   *******************************
   * formats-filters
   *******************************
   */
  .formats-filters {
    padding: 15px;
  }
  /*
   *******************************
   * formats-results-text
   *******************************
   */
  .formats-results-text {
    padding: 0 15px;
  }
  /*
   *******************************
   * formats-entries
   *******************************
   */
  .formats-entries {
    padding: 0 15px;
  }
}
/* Landscape + XS - LG view */
/*
 * Page Header
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.section-page-header {
  background-image: linear-gradient(to right, var(--dark-indigo-blue), var(--lilac));
}
.section-page-header .page-header {
  display: grid;
  height: 15vw;
  max-height: 250px;
  color: var(--pastel-blue);
  grid-template: "emptytop" 20px "logo" 2fr "title" 4fr "subtitle" 3fr "emptybottom" 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin: 0 auto;
}
.section-page-header .page-header .page-header-logo {
  grid-area: logo;
}
.section-page-header .page-header .page-header-logo img {
  max-width: 200px;
  height: auto;
}
.section-page-header .page-header .page-header-title {
  grid-area: title;
  font-weight: 400;
  font-size: 50px;
  align-content: end;
}
.section-page-header .page-header .page-header-subtitle {
  grid-area: subtitle;
  align-content: start;
}

/* Page Header Portrait + XL - XXL View */
@media (min-width: 1201px) and (max-width: 1400px) and (orientation: portrait) {
  .page-header {
    height: 23vw;
  }
}
/* Page Header Portrait + LG - XL View */
@media (min-width: 993px) and (max-width: 1200px) and (orientation: portrait) {
  .page-header {
    height: 23vw;
  }
}
/* Page Header Portrait + SM - LG View */
@media (min-width: 601px) and (max-width: 992px) and (orientation: portrait) {
  .page-header {
    height: 30vw;
  }
}
/* Page Header Portrait + SM View */
@media (max-width: 600px) and (orientation: portrait) {
  .section-page-header .page-header {
    height: 45vw;
    grid-auto-columns: 0.5fr 8fr 0.5fr;
    padding: 0 20px 20px 20px;
  }
  .section-page-header .page-header .page-header-logo img {
    max-width: 150px;
    height: auto;
  }
  .section-page-header .page-header .page-header-title {
    font-weight: 400;
    font-size: 24px;
  }
  .section-page-header .page-header .page-header-subtitle {
    font-size: 14px;
  }
}
/* Page Header Landscape + XS - LG view */
@media (max-width: 992px) and (orientation: landscape) {
  .section-page-header .page-header {
    height: 20vw;
  }
  .section-page-header .page-header .page-header-logo img {
    max-width: 150px;
    height: auto;
  }
  .section-page-header .page-header .page-header-title {
    font-weight: 400;
    font-size: 44px;
  }
}
/*
 * Page Title Text
 */
.page-title-text {
  display: grid;
  height: auto;
  grid-template: "emptytop" 15px "title" 60px "text" 4fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin: 0 auto;
}
.page-title-text .page-title-text-title {
  grid-area: title;
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.page-title-text .page-title-text-text {
  grid-area: text;
}
.page-title-text .page-title-text-text h1, .page-title-text .page-title-text-text h2, .page-title-text .page-title-text-text h3, .page-title-text .page-title-text-text h4 {
  font-weight: 200;
}
.page-title-text .page-title-text-text img {
  width: 100%;
}
.page-title-text .page-title-text-text figure.media {
  margin: 0;
}
.page-title-text .page-title-text-text figure.media div {
  height: auto !important;
  padding: 0 !important;
  text-align: center;
}
.page-title-text .page-title-text-text figure.media iframe {
  width: 80% !important;
  aspect-ratio: 640/360;
  position: inherit !important;
}

/* Page Title Text - SM View */
@media (max-width: 600px) {
  .container-section section .page-title-text {
    padding: 0 20px 0 20px;
  }
  .container-section section:first-child .page-title-text {
    padding: 20px 20px 0 20px;
  }
  .container-section section:last-child .page-title-text {
    padding: 0 20px 20px 20px;
  }
  .page-title-text .page-title-text-title {
    font-size: 21px;
    font-weight: 400;
  }
}
/*
 * Team Overview
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/*
 *******************************
 * team-filters
 *******************************
 */
.team-filters {
  margin: 0 auto;
  height: auto;
}
.team-filters * {
  font-family: Manrope;
}
.team-filters .js-filtersForm {
  text-align: center;
}
.team-filters .js-filtersForm .team-categories-title {
  grid-area: title;
  font-weight: 250;
  font-size: 28px;
  margin: 0px;
  padding: 20px 0;
}
.team-filters .js-filtersForm .category-filters {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0 0 20px;
}
.team-filters .js-filtersForm .category-filters ul, .team-filters .js-filtersForm .category-filters ol, .team-filters .js-filtersForm .category-filters dl {
  list-style: none;
}
.team-filters .js-filtersForm .category-filters li {
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.team-filters .js-filtersForm .category-filters li input {
  cursor: pointer;
}
.team-filters .js-filtersForm .category-filters li label {
  cursor: pointer;
  white-space: nowrap;
}
.team-filters .js-filtersForm .category-filters button {
  border: 0px;
  cursor: pointer;
}
.team-filters .team-filter-result {
  margin: 0;
}

/*
 *******************************
 * team-members
 *******************************
 */
.team-members {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: minmax(100px, auto);
  grid-gap: 1rem;
  margin: 0 auto;
  padding: 15px 0;
  height: auto;
}
.team-members * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.team-members .team-member {
  transition: all 500ms ease-in-out !important;
  background-color: var(--darkgrey);
  border: 2px solid #e7e7e7;
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  color: #5d5e5e;
}
.team-members .team-member .team-member-photo {
  background-color: var(--black);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: auto 3/4;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.team-members .team-member .team-member-content {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.team-members .team-member .team-member-content h2 {
  color: var(--white);
  margin: 10px;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: center;
}
.team-members .team-member .team-member-content .team-member-function {
  color: var(--white);
  margin: 0px 10px 10px 10px;
  text-align: center;
}
.team-members .team-member .team-member-content .team-member-category {
  font-size: 0.75rem;
  text-transform: uppercase;
  position: absolute;
  top: 150px;
  left: 0;
  color: var(--black);
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: var(--dark-indigo-blue);
}
.team-members .hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px transparent;
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.team-members .hvr-grow:hover, .team-members .hvr-grow:focus, .team-members .hvr-grow:active {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/* Portrait + XXL View */
/* Portrait + LG - XL View */
/* Portrait + SM - LG View */
/* Portrait + SM View */
@media (max-width: 600px) and (orientation: portrait) {
  /*
  *******************************
  * team-members
  *******************************
  */
  .team-members {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    padding: 20px;
  }
}
/* Landscape + XS - LG view */
/*
 * Partner Overview
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.partners {
  margin: 0 auto;
  height: auto;
  /*
  *******************************
  * partners-filters
  *******************************
  */
  /*
  *******************************
  * partners-logos
  *******************************
  */
}
.partners .partners-filters {
  padding: 20px 0;
  margin: 0 auto;
  height: auto;
}
.partners .tab-content.partners-logos {
  padding: 20px 0;
  margin: 0 auto;
  height: auto;
}
.partners .tab-content.partners-logos .tab-pane {
  display: none;
}
.partners .tab-content.partners-logos .tab-pane .partners-logos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-auto-rows: minmax(60px, auto);
  grid-gap: 1rem;
  margin: 0 auto;
  padding: 15px 0;
  height: auto;
}
.partners .tab-content.partners-logos .tab-pane .partners-logos-grid .partners-logos-item .partners-logo {
  width: 100%;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.partners .tab-content.partners-logos .tab-pane .partners-logos-grid .partners-logos-item .grayscale {
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
}
.partners .tab-content.partners-logos .tab-pane .partners-logos-grid .partners-logos-item .grayscale:hover {
  -moz-filter: none;
  -o-filter: none;
  -webkit-filter: none;
  filter: none;
}
.partners .tab-content.partners-logos .tab-pane.active {
  display: block;
}
.partners .tab-content.partners-logos .tab-pane.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.partners .tab-content.partners-logos .tab-pane:not(.show) {
  opacity: 0;
}

/* Portrait + XXL View */
/* Portrait + LG - XL View */
/* Portrait + SM - LG View */
/* Portrait + SM View */
@media (max-width: 600px) and (orientation: portrait) {
  .partners {
    margin: 0 auto;
    height: auto;
    /*
    *******************************
    * partners-filters
    *******************************
    */
    /*
    *******************************
    * partners-logos
    *******************************
    */
  }
  .partners .partners-filters button {
    margin: 0 0 10px;
  }
  .partners .tab-content.partners-logos {
    padding: 0 20px 20px 20px;
  }
}
/* Landscape + XS - LG view */
/*
 * Webo Certified
 */
/*
*******************************
* webo-certified-partners
*******************************
*/
.webo-certified-partners {
  height: auto;
  margin: 30px auto;
  overflow: hidden;
  border-radius: 20px;
}
.webo-certified-partners .webo-certified-partners-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
  padding: 20px;
}
.webo-certified-partners .webo-certified-partners-swiper {
  padding: 0 0 20px 0;
}
.webo-certified-partners .webo-certified-partners-logos-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 160px;
}
.webo-certified-partners .webo-certified-partners-logos-item .webo-certified-partners-logo {
  width: 80%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.webo-certified-partners .webo-certified-partners-logos-item .white {
  filter: contrast(0) brightness(2);
}
.webo-certified-partners .webo-certified-partners-logos-item .white:hover {
  -moz-filter: none;
  -o-filter: none;
  -webkit-filter: none;
  filter: none;
}

/* Portrait + XXL View */
/* Portrait + LG - XL View */
/* Portrait + SM - LG View */
/* Portrait + SM View */
/* Landscape + XS - LG view */
/*
 * Rich-Media Technology
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/*
*******************************
* richmedia-one
*******************************
*/
.richmedia-one {
  display: grid;
  height: auto;
  min-height: 40vh;
  grid-template: "lefttop empty right" auto "leftmiddle empty right" 3fr "leftbottom empty right" 0.5fr;
  grid-auto-columns: 1fr 1rem 1fr;
  grid-auto-flow: column;
  margin: 20px auto;
}
.richmedia-one .richmedia-one-lefttop {
  grid-area: lefttop;
}
.richmedia-one .richmedia-one-lefttop .richmedia-one-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.richmedia-one .richmedia-one-leftmiddle {
  grid-area: leftmiddle;
}
.richmedia-one .richmedia-one-leftbottom {
  grid-area: leftbottom;
}
.richmedia-one .richmedia-one-right {
  grid-area: right;
}
.richmedia-one .richmedia-one-right .richmedia-one-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

/*
*******************************
* richmedia-two
*******************************
*/
.richmedia-two {
  display: grid;
  height: auto;
  min-height: 40vh;
  grid-template: "left empty righttop" auto "left empty rightmiddle" 3fr "left empty rightbottom" auto;
  grid-auto-columns: 1fr 1rem 1fr;
  grid-auto-flow: column;
  margin: 0 auto;
  border-radius: 20px;
}
.richmedia-two .richmedia-two-left {
  grid-area: left;
  padding: 20px 0 20px 20px;
}
.richmedia-two .richmedia-two-left .richmedia-two-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}
.richmedia-two .richmedia-two-righttop {
  grid-area: righttop;
  padding: 20px 20px 0 0;
}
.richmedia-two .richmedia-two-righttop .richmedia-two-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.richmedia-two .richmedia-two-rightmiddle {
  grid-area: rightmiddle;
  padding: 0 20px 0 0;
}
.richmedia-two .richmedia-two-rightbottom {
  grid-area: rightbottom;
  padding: 0 20px 20px 0;
  text-align: right;
}

/*
*******************************
* richmedia-three, richmedia-five, richmedia-six
*******************************
*/
.richmedia-three,
.richmedia-five,
.richmedia-six {
  height: auto;
  margin: 20px auto;
}
.richmedia-three .richmedia-three-title,
.richmedia-three .richmedia-five-title,
.richmedia-three .richmedia-six-title,
.richmedia-five .richmedia-three-title,
.richmedia-five .richmedia-five-title,
.richmedia-five .richmedia-six-title,
.richmedia-six .richmedia-three-title,
.richmedia-six .richmedia-five-title,
.richmedia-six .richmedia-six-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}

/*
*******************************
* richmedia-four
*******************************
*/
.richmedia-four {
  display: grid;
  height: auto;
  min-height: 40vh;
  grid-template: "lefttop    empty right" auto "leftmiddle empty right" 1fr "leftbottom empty right" auto;
  grid-auto-columns: 1fr 1rem 1fr;
  grid-auto-flow: column;
  margin: 0 auto;
  border-radius: 20px;
}
.richmedia-four .richmedia-four-lefttop {
  grid-area: lefttop;
  padding: 20px 0 0 20px;
}
.richmedia-four .richmedia-four-lefttop .richmedia-four-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.richmedia-four .richmedia-four-leftmiddle {
  grid-area: leftmiddle;
  padding: 0 0 0 20px;
}
.richmedia-four .richmedia-four-leftmiddle ol {
  list-style-type: decimal-leading-zero;
}
.richmedia-four .richmedia-four-leftmiddle ol li {
  padding: 0 0 20px 0;
}
.richmedia-four .richmedia-four-leftbottom {
  grid-area: leftbottom;
  padding: 0 0 20px 20px;
  text-align: left;
}
.richmedia-four .richmedia-four-right {
  grid-area: right;
  padding: 20px 20px 20px 0;
}
.richmedia-four .richmedia-four-right .richmedia-four-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

/*
*******************************
* richmedia-six
*******************************
*/
.richmedia-six {
  border-radius: 20px;
}
.richmedia-six .richmedia-six-lefttop {
  padding: 20px 20px 0 20px;
}
.richmedia-six .richmedia-six-leftmiddle {
  padding: 0 20px 0 20px;
}
.richmedia-six .richmedia-six-leftbottom {
  padding: 0 20px 20px 20px;
}

/*
*******************************
* richmedia-seven
*******************************
*/
.richmedia-seven {
  height: auto;
  margin: 20px auto;
}
.richmedia-seven .richmedia-seven-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.richmedia-seven .richmedia-seven-leftmiddle {
  position: relative;
  overflow: hidden;
}
.richmedia-seven .richmedia-seven-leftmiddle .richmedia-seven-swiper {
  margin: 0 70px;
}
.richmedia-seven .richmedia-seven-leftmiddle .richmedia-seven-swiper .richmedia-seven-logo {
  width: 100%;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.richmedia-seven .richmedia-seven-leftmiddle .richmedia-seven-swiper .swiper-button-black:after {
  color: #000000;
}

/*
*******************************
* richmedia-form
*******************************
*/
.richmedia-form {
  border-radius: 20px;
  height: auto;
  margin: 0 auto 20px auto;
  padding: 20px 0;
}
.richmedia-form .richmedia-form-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.richmedia-form #richmedia-contact-form {
  padding: 0 20px;
}
.richmedia-form #richmedia-contact-form .small {
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
  text-align: left;
  padding: 10px 0;
}
.richmedia-form #richmedia-contact-form .richmedia-contact-form-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
}
.richmedia-form #richmedia-contact-form .richmedia-contact-form-wrapper .richmedia-contact-form-input {
  min-height: 50px;
}
.richmedia-form #richmedia-contact-form .richmedia-contact-form-wrapper .richmedia-contact-form-input input {
  width: -webkit-fill-available;
}
.richmedia-form #richmedia-contact-form .richmedia-contact-form-wrapper .richmedia-contact-form-input input:nth-child(2) {
  margin: 0 0 0 10px;
}
.richmedia-form #richmedia-contact-form .richmedia-contact-form-wrapper .richmedia-contact-form-button button {
  min-height: 40px;
  line-height: 23px;
}
.richmedia-form #richmedia-contact-form .richmedia-contact-form-wrapper2 {
  display: grid;
  grid-template-columns: repeat(1, minmax(160px, 1fr));
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
  padding: 10px 0;
}
.richmedia-form #richmedia-contact-form .richmedia-contact-form-wrapper2 .richmedia-contact-form-optin input {
  width: auto;
}
.richmedia-form #richmedia-contact-form .richmedia-contact-form-wrapper2 .richmedia-contact-form-optin span {
  font-size: 12px;
  text-align: left;
}
.richmedia-form #richmedia-contact-form .richmedia-contact-form-wrapper2 .richmedia-contact-form-optin span.required {
  font-size: 1em;
  color: var(--lavender);
  text-decoration: none;
  word-wrap: break-all;
  word-wrap: break-word;
  display: inline;
}
.richmedia-form #richmedia-contact-form .richmedia-contact-form-wrapper2 .richmedia-contact-form-optin p {
  display: inline;
}
.richmedia-form #richmedia-contact-form .richmedia-contact-form-wrapper2 .richmedia-contact-form-small-text {
  font-size: 11px;
  text-align: left;
  font-style: italic;
  background-color: transparent;
  text-align: left;
}
.richmedia-form .message.success {
  color: var(--green);
}
.richmedia-form .message.error {
  color: var(--red);
}

/* Portrait + XXL View */
/* Portrait + LG - XL View */
/* Portrait + SM - LG View */
/* Portrait + SM View */
@media (max-width: 600px) and (orientation: portrait) {
  .richmedia-one {
    grid-template: "lefttop lefttop lefttop" auto "leftmiddle leftmiddle leftmiddle" 3fr "right right right" 1fr "leftbottom leftbottom leftbottom" 0.5fr;
    margin: 20px;
  }
  .richmedia-one .richmedia-one-leftbottom a {
    margin: 10px 0 0 0;
  }
  .richmedia-two {
    grid-template: "righttop righttop righttop" auto "rightmiddle rightmiddle rightmiddle" 1fr "left left left" 1fr "rightbottom rightbottom rightbottom" auto;
  }
  .richmedia-two .richmedia-two-righttop {
    padding: 20px 20px 0 20px;
  }
  .richmedia-two .richmedia-two-rightmiddle {
    padding: 0 20px 0 20px;
  }
  .richmedia-two .richmedia-two-left {
    padding: 0 20px 0 20px;
  }
  .richmedia-two .richmedia-two-rightbottom {
    padding: 10px 20px 20px 20px;
  }
  .richmedia-three {
    margin: 20px;
  }
  .richmedia-four {
    grid-template: "lefttop lefttop lefttop" auto "leftmiddle leftmiddle leftmiddle" 1fr "leftbottom leftbottom leftbottom" 0 "right right right" 1fr;
  }
  .richmedia-four .richmedia-four-lefttop {
    padding: 20px 20px 0 20px;
  }
  .richmedia-four .richmedia-four-leftmiddle {
    padding: 20px 20px 0 20px;
  }
  .richmedia-four .richmedia-four-right {
    padding: 0 20px 20px 20px;
  }
  .richmedia-five {
    margin: 20px;
  }
}
/* Landscape + XS - LG view */
/*
 * Execute
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/*
*******************************
* execute-one, execute-three
*******************************
*/
.execute-one {
  display: grid;
  height: auto;
  grid-template: "lefttop empty right" 0.5fr "leftmiddle empty right" 3fr "leftbottom empty right" 0.5fr;
  grid-auto-columns: 1fr 1rem 1fr;
  grid-auto-flow: column;
  margin: 20px auto;
}
.execute-one .execute-one-lefttop {
  grid-area: lefttop;
}
.execute-one .execute-one-lefttop .execute-one-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.execute-one .execute-one-leftmiddle {
  grid-area: leftmiddle;
}
.execute-one .execute-one-leftbottom {
  grid-area: leftbottom;
}
.execute-one .execute-one-right {
  grid-area: right;
}
.execute-one .execute-one-right .execute-one-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

/*
*******************************
* execute-two
*******************************
*/
.execute-two {
  display: grid;
  height: auto;
  grid-template: "left empty righttop" auto "left empty rightmiddle1" 1fr "left empty rightmiddle2" 2fr "left empty rightbottom" auto;
  grid-auto-columns: 1fr 1rem 1fr;
  grid-auto-flow: column;
  margin: 0 auto;
  border-radius: 20px;
}
.execute-two .execute-two-left {
  grid-area: left;
  padding: 20px 0 20px 20px;
}
.execute-two .execute-two-left .execute-two-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}
.execute-two .execute-two-righttop {
  grid-area: righttop;
  padding: 20px 20px 0 0;
}
.execute-two .execute-two-righttop .execute-two-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.execute-two .execute-two-rightmiddle1 {
  grid-area: rightmiddle1;
  padding: 0 20px 0 0;
}
.execute-two .execute-two-rightmiddle2 {
  grid-area: rightmiddle2;
  padding: 0 20px 0 20px;
}
.execute-two .execute-two-rightmiddle2 .execute-two-kpi {
  display: grid;
  grid-template: "image title title" 1fr "image text text" 1fr "empty empty empty" 10px;
  grid-auto-columns: 60px auto auto;
  grid-auto-flow: column;
  gap: 10px;
  height: auto;
}
.execute-two .execute-two-rightmiddle2 .execute-two-kpi .execute-two-kpi-image {
  grid-area: image;
  aspect-ratio: 1/1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: auto;
}
.execute-two .execute-two-rightmiddle2 .execute-two-kpi .execute-two-kpi-title {
  grid-area: title;
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.execute-two .execute-two-rightmiddle2 .execute-two-kpi .execute-two-kpi-text {
  grid-area: text;
}
.execute-two .execute-two-rightbottom {
  grid-area: rightbottom;
  padding: 0 20px 20px 0;
  text-align: right;
}

/*
*******************************
* execute-three
*******************************
*/
.execute-three {
  display: grid;
  height: auto;
  grid-template: "lefttop empty right" auto "leftmiddle empty right" 3fr "leftbottom empty right" 0.5fr;
  grid-auto-columns: 1fr 1rem 1fr;
  grid-auto-flow: column;
  margin: 20px auto;
}
.execute-three .execute-three-lefttop {
  grid-area: lefttop;
}
.execute-three .execute-three-lefttop .execute-three-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.execute-three .execute-three-leftmiddle {
  grid-area: leftmiddle;
}
.execute-three .execute-three-leftbottom {
  grid-area: leftbottom;
}
.execute-three .execute-three-right {
  grid-area: right;
}
.execute-three .execute-three-right .execute-three-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

/*
*******************************
* execute-three
*******************************
*/
.execute-four {
  border-radius: 20px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.execute-four .execute-four-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
  padding: 20px 0;
}
.execute-four .execute-four-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  grid-auto-rows: minmax(60px, auto);
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
  padding: 20px;
}
.execute-four .execute-four-grid .execute-four-grid-item {
  display: grid;
  grid-template-rows: 40px 20px auto auto;
  border-radius: 20px;
  padding: 20px;
}
.execute-four .execute-four-grid .execute-four-grid-item .execute-four-grid-title {
  font-weight: 400;
  font-size: 28px;
  height: 40px;
  max-height: 40px;
  align-content: center;
}
.execute-four .execute-four-grid .execute-four-grid-item .execute-four-grid-text {
  padding: 20px 0 0 0;
}
.execute-four .execute-four-grid .execute-four-grid-item .execute-four-grid-image-holder {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.execute-four .execute-four-grid .execute-four-grid-item .execute-four-grid-image-holder .execute-four-grid-image {
  aspect-ratio: 1/1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 30px;
  width: 60px;
  height: auto;
  margin: 20px 0 0 0;
}

/*
*******************************
* execute-faq
*******************************
*/
.execute-faq {
  height: auto;
  margin: 20px auto;
}
.execute-faq .execute-faq-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
  padding: 20px;
}
.execute-faq .collapsible-button {
  background-color: var(--white);
  border: none;
  border-radius: 50px;
  box-shadow: 0 0 2px var(--darkgrey);
  color: var(--black);
  cursor: pointer;
  font-size: 15px;
  outline: none;
  padding: 18px;
  text-align: left;
  width: 100%;
}
.execute-faq .collapsible-button:after {
  content: "+";
  color: var(--black);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.execute-faq .active:after {
  content: "−";
}
.execute-faq .content {
  margin: 0 0 10px 0;
  max-height: 0;
  overflow: hidden;
  padding: 0 18px;
  transition: max-height 0.2s ease-out;
}

.execute-faq-button {
  height: auto;
  margin: 0 auto;
  padding: 0 0 30px 0;
}

/*
*******************************
* execute-form
*******************************
*/
.execute-form {
  border-radius: 20px;
  height: auto;
  margin: 0 auto 20px auto;
  padding: 20px 0;
}
.execute-form .execute-form-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.execute-form #execute-contact-form {
  padding: 0 20px;
}
.execute-form #execute-contact-form .small {
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
  text-align: left;
  padding: 10px 0;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper .execute-contact-form-input {
  min-height: 50px;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper .execute-contact-form-input input {
  width: -webkit-fill-available;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper .execute-contact-form-input input:nth-child(2) {
  margin: 0 0 0 10px;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper .execute-contact-form-button button {
  min-height: 40px;
  line-height: 23px;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper2 {
  display: grid;
  grid-template-columns: repeat(1, minmax(160px, 1fr));
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
  padding: 10px 0;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper2 .execute-contact-form-input {
  min-height: 50px;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper2 .execute-contact-form-input input {
  width: -webkit-fill-available;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper2 .execute-contact-form-input input:nth-child(2) {
  margin: 0 0 0 10px;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper2 .execute-contact-form-optin input {
  width: auto;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper2 .execute-contact-form-optin span {
  font-size: 12px;
  text-align: left;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper2 .execute-contact-form-optin span.required {
  font-size: 1em;
  color: var(--lavender);
  text-decoration: none;
  word-wrap: break-all;
  word-wrap: break-word;
  display: inline;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper2 .execute-contact-form-optin p {
  display: inline;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper2 .execute-contact-form-small-text {
  font-size: 11px;
  text-align: left;
  font-style: italic;
  background-color: transparent;
  text-align: left;
}
.execute-form #execute-contact-form .execute-contact-form-wrapper2 .execute-contact-form-button button {
  min-height: 40px;
  line-height: 23px;
}
.execute-form .message.success {
  color: var(--green);
}
.execute-form .message.error {
  color: var(--red);
}

/* Portrait + XXL View */
/* Portrait + LG - XL View */
/* Portrait + SM - LG View */
/* Portrait + SM View */
@media (max-width: 600px) and (orientation: portrait) {
  /*
  *******************************
  * execute-one, execute-three
  *******************************
  */
  .execute-one {
    grid-template: "lefttop lefttop lefttop" auto "leftmiddle leftmiddle leftmiddle" 1fr "right right right" 1fr "leftbottom leftbottom leftbottom" auto;
    margin: 0;
    padding: 20px;
  }
  .execute-one .execute-one-leftbottom {
    padding: 20px 0 0 0;
  }
  /*
  *******************************
  * execute-two
  *******************************
  */
  .execute-two {
    grid-template: "righttop righttop righttop" auto "rightmiddle1 rightmiddle1 rightmiddle1" 1fr "rightmiddle2 rightmiddle2 rightmiddle2" 2fr "left left left" 1fr "rightbottom rightbottom rightbottom" auto;
  }
  .execute-two .execute-two-left {
    padding: 0 20px 20px 20px;
  }
  .execute-two .execute-two-righttop {
    padding: 20px 20px 0 20px;
  }
  .execute-two .execute-two-rightmiddle1 {
    padding: 0 20px 0 20px;
  }
  .execute-two .execute-two-rightmiddle2 {
    padding: 0 20px 0 20px;
  }
  .execute-two .execute-two-rightbottom {
    padding: 0 20px 20px 20px;
  }
  /*
  *******************************
  * execute-three
  *******************************
  */
  .execute-three {
    grid-template: "lefttop lefttop lefttop" auto "leftmiddle leftmiddle leftmiddle" 3fr "right right right" 1fr "leftbottom leftbottom leftbottom" auto;
    padding: 20px;
  }
  .execute-three .execute-three-leftbottom {
    padding: 20px 0 0 0;
  }
  /*
  *******************************
  * execute-three
  *******************************
  */
  .execute-four .execute-four-title {
    padding: 20px 20px 0 20px;
  }
  .execute-four .execute-four-grid {
    grid-template-columns: none;
    grid-template-rows: repeat(3, minmax(160px, 1fr));
  }
  .execute-four .execute-four-grid .execute-four-grid-item .execute-four-grid-image-holder .execute-four-grid-image {
    margin: 0;
  }
}
/* Landscape + XS - LG view */
/*
 * Impact
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/*
*******************************
* impact-kpis
*******************************
*/
.impact-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  grid-auto-rows: minmax(60px, auto);
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
  padding: 30px 0;
}
.impact-kpis .impact-kpi .impact-kpi-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
  padding: 0 0 10px 0;
}

/*
*******************************
* impact-partners
*******************************
*/
.impact-partners {
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
}
.impact-partners .impact-partners-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
  padding: 20px;
}
.impact-partners .impact-partners-swiper {
  position: relative;
  overflow: hidden;
  padding: 0 20px 20px 20px;
}
.impact-partners .impact-partners-swiper .impact-partners-logos-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 160px;
}
.impact-partners .impact-partners-swiper .impact-partners-logos-item .impact-partners-logo {
  width: 80%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.impact-partners .impact-partners-swiper .impact-partners-logos-item .white {
  filter: contrast(0) brightness(2);
}
.impact-partners .impact-partners-swiper .impact-partners-logos-item .white:hover {
  -moz-filter: none;
  -o-filter: none;
  -webkit-filter: none;
  filter: none;
}
.impact-partners .impact-partners-swiper .swiper-button-next, .impact-partners .impact-partners-swiper .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 40%);
}
.impact-partners .impact-partners-swiper .swiper-pagination-bullet {
  background: var(--offwhite);
}

/*
*******************************
* impact-network
*******************************
*/
.impact-network {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  grid-auto-rows: minmax(60px, auto);
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
  padding: 30px 0;
}
.impact-network .impact-network-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
  padding: 0 0 10px 0;
}
.impact-network .impact-network-button {
  position: relative;
}
.impact-network .impact-network-button a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*
*******************************
* impact-targets
*******************************
*/
.impact-targets {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  grid-auto-rows: minmax(60px, auto);
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
}
.impact-targets .impact-target {
  position: relative;
}
.impact-targets .impact-target .impact-target-title {
  font-size: 0.75rem;
  text-transform: uppercase;
  position: absolute;
  top: 20px;
  right: 20px;
  color: var(--white);
  padding: 10px 15px;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  border-radius: 20px;
  background-color: var(--black);
}
.impact-targets .impact-target .impact-target-image {
  width: 100%;
  aspect-ratio: auto 1/1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
}

/*
*******************************
* impact-solo-button
*******************************
*/
.impact-solo-button {
  height: auto;
  margin: 0 auto;
  padding: 30px 0;
}

/*
*******************************
* impact-form
*******************************
*/
.impact-form {
  height: auto;
  margin: 0 auto;
  padding: 30px 0;
  border-radius: 20px;
}
.impact-form .impact-form-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.impact-form #impact-contact-form {
  padding: 0 30px;
}
.impact-form #impact-contact-form .small {
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
  text-align: left;
  padding: 10px 0;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper .impact-contact-form-input {
  min-height: 50px;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper .impact-contact-form-input input {
  width: -webkit-fill-available;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper .impact-contact-form-input input:nth-child(2) {
  margin: 0 0 0 10px;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper .impact-contact-form-button button {
  min-height: 40px;
  line-height: 23px;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper2 {
  display: grid;
  grid-template-columns: repeat(1, minmax(160px, 1fr));
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
  padding: 10px 0;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper2 .impact-contact-form-input {
  min-height: 50px;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper2 .impact-contact-form-input input {
  width: -webkit-fill-available;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper2 .impact-contact-form-input input:nth-child(2) {
  margin: 0 0 0 10px;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper2 .impact-contact-form-button {
  text-align: right;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper2 .impact-contact-form-button button {
  min-height: 40px;
  line-height: 23px;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper2 .impact-contact-form-optin input {
  width: auto;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper2 .impact-contact-form-optin span {
  font-size: 12px;
  text-align: left;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper2 .impact-contact-form-optin span.required {
  font-size: 1em;
  color: var(--lavender);
  text-decoration: none;
  word-wrap: break-all;
  word-wrap: break-word;
  display: inline;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper2 .impact-contact-form-optin p {
  display: inline;
}
.impact-form #impact-contact-form .impact-contact-form-wrapper2 .impact-contact-form-small-text {
  font-size: 11px;
  text-align: left;
  font-style: italic;
  background-color: transparent;
  text-align: left;
}
.impact-form .message.success {
  color: var(--green);
}
.impact-form .message.error {
  color: var(--red);
}

/*
*******************************
* impact-faq
*******************************
*/
.impact-faq {
  height: auto;
  margin: 0 auto;
  padding: 30px 0;
}
.impact-faq .impact-faq-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
  padding: 20px;
}
.impact-faq .collapsible-button {
  background-color: var(--white);
  border: none;
  border-radius: 50px;
  box-shadow: 0 0 2px var(--darkgrey);
  color: var(--black);
  cursor: pointer;
  font-size: 15px;
  outline: none;
  padding: 18px;
  text-align: left;
  width: 100%;
}
.impact-faq .collapsible-button:after {
  content: "+";
  color: var(--black);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.impact-faq .active:after {
  content: "−";
}
.impact-faq .content {
  margin: 0 0 10px 0;
  max-height: 0;
  overflow: hidden;
  padding: 0 18px;
  transition: max-height 0.2s ease-out;
}

.impact-faq-button {
  height: auto;
  margin: 0 auto;
  padding: 0 0 30px 0;
}

/* Portrait + XXL View */
/* Portrait + LG - XL View */
/* Portrait + SM - LG View */
/* Portrait + SM View */
@media (max-width: 600px) and (orientation: portrait) {
  /*
  *******************************
  * impact-kpis
  *******************************
  */
  .impact-kpis {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    padding: 20px;
  }
  .impact-kpis .impact-kpi .impact-kpi-title {
    font-weight: 250;
    font-size: 28px;
    align-content: center;
    padding: 0 0 10px 0;
  }
  /*
  *******************************
  * impact-partners
  *******************************
  */
  .impact-partners .impact-partners-logos-item {
    height: 60px;
  }
  /*
  *******************************
  * impact-network
  *******************************
  */
  .impact-network {
    grid-template-columns: none;
    grid-template-rows: repeat(3, minmax(50px, auto));
    padding: 20px;
  }
  /*
  *******************************
  * impact-targets
  *******************************
  */
  .impact-targets {
    padding: 20px;
  }
  /*
  *******************************
  * impact-faq
  *******************************
  */
  .impact-faq {
    padding: 20px;
  }
  .impact-faq-button {
    height: auto;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
  }
}
/* Landscape + XS - LG view */
/*
 * Interactive Video
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/*
*******************************
* interactive-video-one
*******************************
*/
.interactive-video-one-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  grid-auto-rows: minmax(60px, auto);
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
  padding: 30px 0 10px 0;
}
.interactive-video-one-kpis .interactive-video-one-kpi .interactive-video-one-kpi-image {
  aspect-ratio: 16/9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.interactive-video-one-button {
  height: auto;
  margin: 0 auto;
  text-align: right;
  padding: 0 0 30px 0;
}

/*
*******************************
* interactive-video-two
*******************************
*/
.interactive-video-two {
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
}
.interactive-video-two .interactive-video-two-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
  padding: 20px 20px 0 20px;
}
.interactive-video-two .interactive-video-two-subtitle {
  padding: 0 20px 20px 20px;
}
.interactive-video-two .interactive-video-two-grid {
  display: grid;
  grid-template-columns: 0.5fr 4fr;
  grid-auto-rows: minmax(60px, auto);
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
  padding: 0 20px 20px 20px;
}
.interactive-video-two .interactive-video-two-grid .interactive-video-two-grid-left {
  position: relative;
}
.interactive-video-two .interactive-video-two-grid .interactive-video-two-grid-left .interactive-video-two-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.interactive-video-two .interactive-video-two-grid .interactive-video-two-grid-left .interactive-video-two-menu-item {
  cursor: pointer;
}
.interactive-video-two .interactive-video-two-grid .interactive-video-two-grid-left .interactive-video-two-menu-item:hover,
.interactive-video-two .interactive-video-two-grid .interactive-video-two-grid-left .interactive-video-two-menu-item.active {
  text-decoration: underline;
}
.interactive-video-two .interactive-video-two-grid .interactive-video-two-grid-right {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  grid-auto-rows: minmax(60px, auto);
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
  width: 100%;
}
.interactive-video-two .interactive-video-two-grid .interactive-video-two-grid-right .interactive-video-two-kpi-image {
  aspect-ratio: 16/9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.interactive-video-two .interactive-video-two-grid .interactive-video-two-grid-right .interactive-video-two-kpi-titletext {
  grid-template-columns: minmax(60px, auto);
  grid-auto-rows: repeat(2, minmax(160px, 1fr));
}
.interactive-video-two .interactive-video-two-grid .tab-pane {
  display: none;
}
.interactive-video-two .interactive-video-two-grid .tab-pane.active {
  display: grid;
}
.interactive-video-two .interactive-video-two-grid .tab-pane.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.interactive-video-two .interactive-video-two-grid .tab-pane:not(.show) {
  opacity: 0;
  display: none;
}
.interactive-video-two .interactive-video-two-button {
  height: auto;
  margin: 0 auto;
  text-align: right;
  padding: 30px;
}

/*
*******************************
* interactive-video-three
*******************************
*/
.interactive-video-three {
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
}
.interactive-video-three .interactive-video-three-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
  padding: 20px 20px 0 20px;
}
.interactive-video-three .interactive-video-three-subtitle {
  padding: 0 20px 20px 20px;
}
.interactive-video-three .interactive-video-three-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  grid-auto-rows: minmax(60px, auto);
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
  padding: 0 20px 20px 20px;
}
.interactive-video-three .interactive-video-three-grid .interactive-video-three-image {
  aspect-ratio: 16/9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.interactive-video-three .interactive-video-three-button {
  height: auto;
  margin: 0 auto;
  text-align: right;
  padding: 0 0 30px 0;
}

/*
*******************************
* interactive-video-four
*******************************
*/
.interactive-video-four {
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
}
.interactive-video-four .interactive-video-four-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
  padding: 20px 20px 0 20px;
}
.interactive-video-four .interactive-video-four-subtitle {
  padding: 0 20px 20px 20px;
}
.interactive-video-four .interactive-video-four-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  grid-auto-rows: minmax(60px, auto);
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
  padding: 0 20px 20px 20px;
}
.interactive-video-four .interactive-video-four-grid .interactive-video-four-kpi-image {
  aspect-ratio: 16/9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
}
.interactive-video-four .interactive-video-four-grid .interactive-video-four-kpi-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
  padding: 10px;
}
.interactive-video-four .interactive-video-four-grid .interactive-video-four-kpi-text {
  padding: 0 10px;
}

/*
*******************************
* interactive-video-partners
*******************************
*/
.interactive-video-partners {
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
}
.interactive-video-partners .interactive-video-partners-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
  padding: 20px;
}
.interactive-video-partners .interactive-video-partners-swiper {
  position: relative;
  overflow: hidden;
  padding: 0 0 20px 0;
}
.interactive-video-partners .interactive-video-partners-swiper .interactive-video-partners-logos-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 160px;
}
.interactive-video-partners .interactive-video-partners-swiper .interactive-video-partners-logos-item .interactive-video-partners-logo {
  width: 80%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.interactive-video-partners .interactive-video-partners-swiper .interactive-video-partners-logos-item .grayscale {
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
}
.interactive-video-partners .interactive-video-partners-swiper .interactive-video-partners-logos-item .grayscale:hover {
  -moz-filter: none;
  -o-filter: none;
  -webkit-filter: none;
  filter: none;
}
.interactive-video-partners .interactive-video-partners-swiper .interactive-video-partners-logos-item .white {
  filter: contrast(0) brightness(2);
}
.interactive-video-partners .interactive-video-partners-swiper .interactive-video-partners-logos-item .white:hover {
  -moz-filter: none;
  -o-filter: none;
  -webkit-filter: none;
  filter: none;
}
.interactive-video-partners .interactive-video-partners-swiper .swiper-button-black:after {
  color: #000000;
}
.interactive-video-partners .interactive-video-partners-swiper .swiper-button-next, .interactive-video-partners .interactive-video-partners-swiper .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 40%);
}
.interactive-video-partners .interactive-video-partners-swiper .swiper-pagination-bullet-active {
  background: var(--darkgrey);
}

/*
*******************************
* interactive-video-form
*******************************
*/
.interactive-video-form {
  height: auto;
  margin: 0 auto 30px auto;
  padding: 30px 0;
  border-radius: 20px;
}
.interactive-video-form .interactive-video-form-title {
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.interactive-video-form #interactive-video-contact-form {
  padding: 0 30px;
}
.interactive-video-form #interactive-video-contact-form .small {
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
  text-align: left;
  padding: 10px 0;
}
.interactive-video-form #interactive-video-contact-form .interactive-video-contact-form-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
}
.interactive-video-form #interactive-video-contact-form .interactive-video-contact-form-wrapper .interactive-video-contact-form-input {
  min-height: 50px;
}
.interactive-video-form #interactive-video-contact-form .interactive-video-contact-form-wrapper .interactive-video-contact-form-input input {
  width: -webkit-fill-available;
}
.interactive-video-form #interactive-video-contact-form .interactive-video-contact-form-wrapper .interactive-video-contact-form-input input:nth-child(2) {
  margin: 0 0 0 10px;
}
.interactive-video-form #interactive-video-contact-form .interactive-video-contact-form-wrapper .interactive-video-contact-form-button button {
  min-height: 40px;
  line-height: 23px;
}
.interactive-video-form #interactive-video-contact-form .interactive-video-contact-form-wrapper2 {
  display: grid;
  grid-template-columns: repeat(1, minmax(160px, 1fr));
  grid-gap: 1rem;
  height: auto;
  margin: 0 auto;
  padding: 10px 0;
}
.interactive-video-form #interactive-video-contact-form .interactive-video-form-optin input {
  width: auto;
}
.interactive-video-form #interactive-video-contact-form .interactive-video-form-optin span {
  font-size: 12px;
  text-align: left;
}
.interactive-video-form #interactive-video-contact-form .interactive-video-form-optin span.required {
  font-size: 1em;
  color: var(--lavender);
  text-decoration: none;
  word-wrap: break-all;
  word-wrap: break-word;
  display: inline;
}
.interactive-video-form #interactive-video-contact-form .interactive-video-form-optin p {
  display: inline;
}
.interactive-video-form #interactive-video-contact-form .interactive-video-form-small-text {
  font-size: 11px;
  text-align: left;
  font-style: italic;
  background-color: transparent;
  text-align: left;
}
.interactive-video-form .message.success {
  color: var(--green);
}
.interactive-video-form .message.error {
  color: var(--red);
}

/* Portrait + XXL View */
/* Portrait + LG - XL View */
/* Portrait + SM - LG View */
/* Portrait + SM View */
@media (max-width: 600px) and (orientation: portrait) {
  /*
  *******************************
  * interactive-video-one
  *******************************
  */
  .interactive-video-one-kpis {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    grid-template-rows: repeat(3, minmax(100px, 1fr));
    padding: 20px 0 20px 0;
  }
  .interactive-video-one-button {
    padding: 0 20px 20px 20px;
  }
  /*
  *******************************
  * interactive-video-two
  *******************************
  */
  .interactive-video-two .interactive-video-two-grid {
    display: grid;
    grid-template-columns: none;
    grid-template-rows: auto 4fr;
    grid-auto-rows: minmax(60px, auto);
    grid-gap: 1rem;
    height: auto;
    margin: 0 auto;
    padding: 0 20px 0 20px;
  }
  .interactive-video-two .interactive-video-two-grid .interactive-video-two-grid-left .interactive-video-two-menu {
    margin: 0 auto;
    width: fit-content;
    position: initial;
    top: initial;
    transform: none;
  }
  .interactive-video-two .interactive-video-two-grid .interactive-video-two-grid-left .interactive-video-two-menu-item {
    float: left;
    margin: 0 10px 0 0;
  }
  .interactive-video-two .interactive-video-two-grid .interactive-video-two-grid-right {
    grid-template-columns: none;
    grid-template-rows: auto 4fr;
  }
  .interactive-video-two .interactive-video-two-button {
    padding: 20px;
  }
  /*
  *******************************
  * interactive-video-three
  *******************************
  */
  .interactive-video-three .interactive-video-three-grid {
    grid-template-columns: none;
    grid-template-rows: auto 4fr;
  }
  .interactive-video-three .interactive-video-three-button {
    padding: 0 20px 20px 20px;
  }
  /*
  *******************************
  * interactive-video-four
  *******************************
  */
  .interactive-video-four .interactive-video-four-grid {
    grid-template-columns: none;
    grid-auto-rows: minmax(60px, auto);
  }
  /*
  *******************************
  * interactive-video-partners
  *******************************
  */
  .interactive-video-partners .interactive-video-partners-swiper {
    padding: 20px;
  }
  .interactive-video-partners .interactive-video-partners-swiper .swiper-button-next, .interactive-video-partners .interactive-video-partners-swiper .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 45%);
  }
}
/* Landscape + XS - LG view */
/*
 * Page Header
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.target-page-header {
  background-image: linear-gradient(to right, var(--dark-indigo-blue), var(--lilac));
}
.target-page-header .page-header {
  display: grid;
  height: 15vw;
  max-height: 250px;
  color: var(--pastel-blue);
  grid-template: "emptytop    emptytop     emptytop" 20px "logo        logo         logo" 2fr "title       title        title" 4fr "subtitle    subtitle     subtitle" 3fr "emptybottom emptybottom  emptybottom" 1fr;
  grid-auto-columns: 1fr 8fr 1fr;
  grid-auto-flow: column;
  margin: 0 auto;
}
.target-page-header .page-header .page-header-logo {
  grid-area: logo;
}
.target-page-header .page-header .page-header-logo img {
  max-width: 200px;
  height: auto;
}
.target-page-header .page-header .page-header-title {
  grid-area: title;
  font-weight: 400;
  font-size: 50px;
  align-content: end;
}
.target-page-header .page-header .page-header-subtitle {
  grid-area: subtitle;
  align-content: start;
}

/* Page Header Portrait + XL - XXL View */
@media (min-width: 1201px) and (max-width: 1400px) and (orientation: portrait) {
  .target-page-header .page-header {
    height: 23vw;
  }
}
/* Page Header Portrait + LG - XL View */
@media (min-width: 993px) and (max-width: 1200px) and (orientation: portrait) {
  .target-page-header .page-header {
    height: 23vw;
  }
}
/* Page Header Portrait + SM - LG View */
@media (min-width: 601px) and (max-width: 992px) and (orientation: portrait) {
  .target-page-header .page-header {
    height: 23vw;
  }
}
/* Page Header Portrait + SM View */
@media (max-width: 600px) and (orientation: portrait) {
  .target-page-header .page-header {
    height: 45vw;
    grid-auto-columns: 0.5fr 8fr 0.5fr;
    padding: 0 20px 20px 20px;
  }
  .target-page-header .page-header .page-header-logo img {
    max-width: 150px;
    height: auto;
  }
  .target-page-header .page-header .page-header-title {
    font-weight: 400;
    font-size: 24px;
  }
  .target-page-header .page-header .page-header-subtitle {
    font-size: 14px;
  }
}
/* Page Header Landscape + XS - LG view */
@media (max-width: 992px) and (orientation: landscape) {
  .target-page-header .page-header {
    height: 20vw;
  }
  .target-page-header .page-header .page-header-logo img {
    max-width: 150px;
    height: auto;
  }
  .target-page-header .page-header .page-header-title {
    font-weight: 400;
    font-size: 44px;
  }
}
/*
 * Page Title Text
 */
.target-page-text .page-title-text {
  display: grid;
  height: auto;
  grid-template: "emptytop" 15px "text" 4fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin: 0 auto;
}
.target-page-text .page-title-text .page-title-text-title {
  grid-area: title;
  font-weight: 250;
  font-size: 28px;
  align-content: center;
}
.target-page-text .page-title-text .page-title-text-text {
  grid-area: text;
}
.target-page-text .page-title-text .page-title-text-text h1, .target-page-text .page-title-text .page-title-text-text h2, .target-page-text .page-title-text .page-title-text-text h3, .target-page-text .page-title-text .page-title-text-text h4 {
  font-weight: 200;
}
.target-page-text .page-title-text .page-title-text-text img {
  width: 100%;
}
.target-page-text .page-title-text .page-title-text-text figure.media {
  margin: 0;
}
.target-page-text .page-title-text .page-title-text-text figure.media div {
  height: auto !important;
  padding: 0 !important;
  text-align: center;
}
.target-page-text .page-title-text .page-title-text-text figure.media iframe {
  width: 80% !important;
  aspect-ratio: 640/360;
  position: inherit !important;
}

/* Page Title Text - SM View */
@media (max-width: 600px) {
  .container-section section .page-title-text {
    padding: 0 20px 0 20px;
  }
  .container-section section:first-child .page-title-text {
    padding: 20px 20px 0 20px;
  }
  .container-section section:last-child .page-title-text {
    padding: 0 20px 20px 20px;
  }
  .page-title-text .page-title-text-title {
    font-size: 21px;
    font-weight: 400;
  }
}
/*
 * Navigation
 */
.navigation-buttons {
  cursor: pointer;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 150;
  width: 40px;
  height: 40px;
  background-color: var(--black);
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.navigation-buttons.open {
  width: 36px;
  height: 36px;
  border: 2px solid var(--lavender);
}

#navigation-button {
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#navigation-button span {
  display: block;
  position: absolute;
  height: 2px;
  width: 16px;
  background: var(--white);
  border-radius: 4px;
  opacity: 1;
  left: 4px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#navigation-button span:nth-child(1) {
  top: 5px;
}

#navigation-button span:nth-child(2),
#navigation-button span:nth-child(3) {
  top: 11px;
}

#navigation-button span:nth-child(4) {
  top: 17px;
}

#navigation-button.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#navigation-button.open span:nth-child(2),
#navigation-button.open span:nth-child(3) {
  width: 20px;
  left: 2px;
  top: 11px;
  background: var(--lavender);
}

#navigation-button.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#navigation-button.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#navigation-button.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.navigation-overlay {
  width: 0;
  height: 100vh;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
  display: grid;
  grid-template: "top top top" "middle middle middle" "bottom bottom bottom";
}

.navigation-overlay.open {
  width: 45%;
}

.navigation-overlay-content {
  padding: 20px;
  grid-area: middle;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 90% 50px;
}
.navigation-overlay-content h3 {
  margin: 10px 0;
}
.navigation-overlay-content ul {
  margin: 0;
  padding: 0 0 0 20px;
}
.navigation-overlay-content a {
  transition: 0.3s;
  margin: 0 10px 10px 0;
  text-decoration: none;
}
.navigation-overlay-content a:hover.link {
  text-decoration: underline;
}
.navigation-overlay-content span {
  transition: 0.3s;
  margin: 0 10px 10px 0;
  text-decoration: none;
  cursor: default;
}
.navigation-overlay-content .other {
  padding: 10px 0 0 0;
}
.navigation-overlay-content .navigation-overlay-content-left {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 4;
}
.navigation-overlay-content .navigation-overlay-content-right {
  grid-area: middle;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-height: 450px) {
  .navigation-overlay-content a {
    font-size: 20px;
  }
}
/* Navigation - XXL View */
/* Navigation - LG - XL View */
/* Navigation - SM - LG View */
/* Navigation - SM View */
@media (max-width: 600px) {
  .navigation-overlay.open {
    width: 100vw;
  }
}

/*# sourceMappingURL=weboramanl.css.map */