@charset "UTF-8";
/**
 * Colors
 */
/**
 * Grid breakpoints
 */
/**
 * Max widths
 */
/**
 * Max widths
 */
/**
 * Z-Index
 */
/**
 * Default font
 */
/**
 * Text Shadow
 */
:root {
  --red: #FE0728;
  --darkgrey: #404040;
  --white: #FFFFFF;
  --pink: #F9AAEF;
  --blue: #4573D2;
  --offwhite: #f5f5f5;
  --taupe: #B0AD9B;
  --grey: #EEEEEE;
  --black: #000000;
  --beige: #EBEAE1;
  --green: #008000;
  --breakpoint-xs: 0px;
  --breakpoint-sm: 600px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
  --swiper-theme-color: var(--white);
}

@font-face {
  font-family: "Manrope";
  src: url("/assets/fonts/manrope-variablefont_wght.ttf");
  font-weight: 100 1000;
  font-style: normal;
}
* {
  font-family: "Manrope";
}

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);
}

/* 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);
}

.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,<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-red {
  background-color: var(--red);
}

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

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

.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-white {
  background-color: var(--white);
}

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

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

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

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

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

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

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

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

.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-black {
  background-color: var(--black);
}

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

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

.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-green {
  background-color: var(--green);
}

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

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

@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-red {
  color: var(--red);
  text-decoration-color: var(--red);
}

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

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

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

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

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

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

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

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

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

.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);
}

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

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

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

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

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

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

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

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

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

.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-red {
  color: var(--red) !important;
}

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

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

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

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

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

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

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

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

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

.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-black {
  color: var(--black) !important;
}

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

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

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

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

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

.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. Home
 */
.section-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.video-container video {
  width: 100vw;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.grid-home {
  display: grid;
  color: white;
  margin: 0 auto;
}
.grid-home div {
  text-align: center;
  font-size: 30px;
}

.home-logo {
  position: relative;
}

.home-slogan {
  position: relative;
}

.home-talk {
  grid-area: talk;
  position: relative;
}
.home-talk a {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s linear;
}

.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
}

/* 1. Home Desktop view */
@media (min-width: 993px) {
  .grid-home {
    grid-template: "empty0   empty0  empty0" 1fr "logo   empty  empty" 1fr "slogan empty1 empty1" 1fr "empty2 talk   empty3" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
  }
  .home-logo {
    padding: 20px;
    grid-area: logo;
    display: grid;
    grid-template: "empty logo logo" 1fr "empty1 logo logo" 1fr "empty1 logo logo" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
  }
  .home-logo div.image-logo {
    text-align: left;
    grid-area: logo;
    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>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  .home-slogan {
    padding: 20px;
    grid-area: slogan;
    display: grid;
    grid-template: "empty slogan slogan" 1fr "empty slogan slogan" 1fr "empty1 empty1 empty1" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
  }
  .home-slogan div {
    text-align: left;
    grid-area: slogan;
    font-size: 44px;
    white-space: normal;
    text-wrap: balance;
  }
}
/* 1. Home Tablet view */
@media (min-width: 601px) and (max-width: 992px) {
  .grid-home {
    grid-template: "empty0   empty0  empty0" 1fr "logo   empty  empty" 1fr "slogan empty1 empty1" 1fr "empty2 talk   empty3" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
  }
  .home-logo {
    padding: 20px;
    grid-area: logo;
    display: grid;
    grid-template: "empty empty logo logo" 1fr "empty1 empty1 logo logo" 1fr "empty1 empty1 logo logo" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
  }
  .home-logo div.image-logo {
    text-align: left;
    grid-area: logo;
    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>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  .home-slogan {
    padding: 20px;
    grid-area: slogan;
    display: grid;
    grid-template: "empty empty slogan slogan" 1fr "empty empty slogan slogan" 1fr "empty1 empty1 empty1 empty1" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
  }
  .home-slogan div {
    text-align: left;
    grid-area: slogan;
    font-size: 38px;
    white-space: nowrap;
  }
}
/* 1. Home Mobile view */
@media (max-width: 600px) {
  .grid-home {
    grid-template: "logo   logo   logo" 1fr "slogan slogan slogan" 1fr "talk   talk   talk" 1fr;
    grid-auto-rows: min-content;
    grid-auto-flow: rows;
  }
  .home-logo {
    padding: 20px;
    grid-area: logo;
  }
  .home-logo div.image-logo {
    text-align: left;
    width: 210px;
    height: 48px;
    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>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0;
  }
  .home-slogan {
    grid-area: slogan;
  }
  .home-slogan div {
    position: absolute;
    width: 210px;
    height: 230px;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    font-size: 54px;
  }
  .home-talk a {
    font-size: 20px;
  }
}
@media (max-width: 600px) and (orientation: portrait) {
  .video-container video {
    min-width: 100vw;
    min-height: 100vh;
    width: auto;
    height: 100vh;
  }
}
/*
 * 02. Target
 */
.grid-target {
  display: grid;
  grid-template: "top top top" 1fr "left1 middle right" 1fr "left2 middle right" 1fr "left3 middle right" 1fr "bottom bottom bottom" 1fr;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  margin: 0 auto;
}

.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: right;
}

/* 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.active {
  cursor: pointer;
  text-decoration: underline var(--pink);
  text-underline-position: under;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 3px;
}
.target-menu ul li:not(:nth-child(1)):hover {
  cursor: pointer;
  text-decoration: underline var(--pink);
  text-underline-position: under;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 3px;
}

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

.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;
}

.target-content {
  max-width: 300px;
}

.cards {
  position: relative;
  list-style-type: none;
  padding: 0;
  max-width: 15.5em;
  margin: 0 auto 0;
}

.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.6s 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.6s 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 */
/* 02. Target Portrait + SM - LG View */
@media (min-width: 601px) and (max-width: 992px) and (orientation: portrait) {
  .grid-target {
    display: grid;
    grid-template: "left2 left2 left2 left2" 1fr "middle middle right right" 3fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    margin: 0 auto;
    height: auto;
  }
  .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-bottom: 20px;
  }
  .target-menu ul li {
    margin: 0 10px 0 0;
  }
  .target-menu ul li:not(:nth-child(1)) {
    float: left;
  }
}
/* 02. Target Portrait + SM View */
@media (max-width: 600px) and (orientation: portrait) {
  .grid-target {
    display: grid;
    grid-template: "left2 left2 left2" 1fr "middle middle middle" 1fr "middle middle middle" 1fr "right right right" 2fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    margin: 0 auto;
    height: auto;
  }
  .grid-target {
    padding: 0 30px;
  }
  .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: 30px 0 20px 0;
  }
  .target-menu ul li {
    margin: 0 10px 0 0;
  }
  .target-menu ul li:not(:nth-child(1)) {
    float: left;
  }
  .target-cards {
    margin: 25px 0;
  }
  .cards {
    max-width: 18.8em;
  }
  .target-card .image {
    width: 300px;
    height: 300px;
    background-position: center;
    background-size: cover;
  }
  .target-title > h1 {
    margin-top: 0;
  }
  .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: "left2 left2 left2 left2" 1fr "middle middle right right" 1fr "middle middle right right" 2fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    margin: 0 auto;
    height: auto;
  }
  .grid-target {
    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:not(:nth-child(1)) {
    float: left;
  }
  .target-cards {
    margin-top: 25px;
  }
  .cards {
    max-width: 15.5em;
  }
  .target-card .image {
    width: 250px;
    height: 250px;
    background-position: center;
    background-size: cover;
  }
  .target-title > h1 {
    margin-top: 0;
  }
  .target-content {
    max-width: none;
  }
  .target-card-content {
    padding-bottom: 20px;
  }
}
/* 02. Target Landscape view */
/*
 * 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;
}
.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;
  margin: 30px;
  background-repeat: no-repeat;
  background-color: white;
  background-position: center;
  border-radius: 20px;
  margin: 30px;
}
.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: 10px;
    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;
  }
  .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);
  }
  .grid-trusted-by .trusted-by-partners .trusted-by-image {
    margin: 20px;
  }
}
/*
 * 04. Rich Media
 */
.grid-rich-media {
  display: grid;
  margin: 0 auto;
  height: 100vh;
  color: var(--white);
}

.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) {
  .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);
  }
  .rich-media-left {
    padding: 30px;
  }
  .rich-media-right {
    border-radius: 0;
  }
}
/* 04. Rich Media Landscape + XS - LG view */
@media (max-width: 992px) 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-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(--red);
}

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

.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;
}

.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;
}
.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;
}

/* 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(--red);
  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(--red);
  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(--red);
  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(--red);
}
.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;
  }
  .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;
}
.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(--red);
  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(--red);
  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(--red);
}
.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;
  }
}
@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(--red);
  }
}
/*
 * 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(--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" 1fr "center center center" 3fr "center center center" 3fr "bottom bottom bottomright" 1fr;
    grid-auto-columns: minmax(0, 1fr);
    padding: 0 20px;
  }
  .recent-articles-top {
    justify-content: initial;
    align-items: initial;
  }
  .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
 */
.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);
}

/* 09. Footer - Left Top */
.footer-top {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: top;
}
.footer-top img {
  max-width: 200px;
  height: auto;
}

/* 09. Footer - Left Middle */
.footer-left {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: left;
}
.footer-left .footer-address {
  margin: 0 0 20px 0;
}
.footer-left .footer-address span {
  display: block;
}
.footer-left .footer-contact span {
  display: block;
}

/* 09. Footer - Center */
.footer-center .footer-btn-holder {
  max-width: 80%;
  margin: 0 auto;
}
.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;
}

.footer-center1 {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: center1;
  text-align: center;
}

.footer-center2 {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: center2;
  text-align: center;
}

/* 09. Footer - Right */
.footer-right {
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
  grid-area: right;
}
.footer-right span {
  display: block;
  text-align: right;
}

/* 09. Footer - Bottom */
.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;
}

.footer-bottom-text {
  align-self: center;
  font-size: 0.8rem;
}

/* 09. Footer - XXL View */
/* 09. Footer - LG - XL View */
/* 09. Footer - SM - LG View */
/* 09. Footer - SM View */
@media (max-width: 600px) {
  .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;
  }
  /* 09. Footer - Top */
  .footer-top {
    display: flex;
  }
  .footer-top img {
    align-self: center;
  }
  /* 09. Footer - Left Middle */
  .footer-left {
    padding: 20px 0 20px 0;
  }
  /* 09. Footer - Middle */
  .footer-center .footer-btn-holder {
    max-width: 100%;
    margin: auto;
  }
  .footer-center .footer-btn-holder .footer-btn {
    display: inline-block;
    margin: 5px 0;
    padding: 0px 20px;
    width: 110px;
  }
  .footer-center2 {
    -webkit-transition: all 500ms ease-in-out !important;
    transition: all 500ms ease-in-out !important;
    grid-area: center3;
    text-align: center;
  }
  /* 09. Footer - Bottom */
  .footer-right {
    display: grid;
    font-size: 0.8rem;
    padding: 10px 0;
  }
  .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(--red);
  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(--red);
  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(--red);
  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(--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: #c00f2c !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(--red);
  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(--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;
}
.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 .formats-page-form-input {
  min-height: 50px;
  margin: 0 0 30px 0;
  display: flex;
}
.modal-content .modal-body .formats-page-form-input input:nth-child(2) {
  margin: 0 0 0 10px;
}
.modal-content .modal-body .formats-page-form-optin input {
  width: auto;
}
.modal-content .modal-body .formats-page-form-optin span {
  font-size: 12px;
  text-align: left;
}
.modal-content .modal-body .formats-page-form-optin span.required {
  font-size: 1em;
  color: var(--red);
  text-decoration: none;
  word-wrap: break-all;
  word-wrap: break-word;
  display: inline;
}
.modal-content .modal-body .formats-page-form-optin p {
  display: inline;
}
.modal-content .modal-body .formats-page-form-small-text {
  font-size: 11px;
  text-align: left;
  font-style: italic;
  background-color: transparent;
  text-align: left;
}
.modal-content .modal-body .formats-page-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(--red);
}
.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, #9696a0, #de9d8b);
}
.section-page-header .page-header {
  display: grid;
  height: 15vw;
  color: white;
  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;
}
.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;
  color: var(--black);
  grid-template: "emptytop emptytop emptytop" 15px "title    title    title" 60px "text     text     text" 4fr;
  grid-auto-columns: 1fr 8fr 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(--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(--red);
  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(--red);
  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(--red);
  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(--red);
  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 */
/*
 * 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(--red);
}

#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(--red);
}

#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 */