/* Imports */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

/*
 * Variables
 */
:root {
  /* When changing color; also generate new shade and tint with https://maketintsandshades.com/ (using 30% value). This is used for hover */
  /*Colors*/
  --primary-color: #102142;
  --primary-color-contrast: #fff;
  --primary-color-shade: #0b172e;
  --primary-color-tint: #58647b;

  --secondary-color: #f47e21;
  --secondary-color-contrast: #fff;
  --secondary-color-shade: #db6409;
  --secondary-color-tint: #f49321;

  --background-color: #fff;
  --text-color: #6d7ea1;
  --link-text-color: #f47e21;
  --text-color-ondark: #97a4c1;

  --border-color: #d2d2d2;

  /* Gradient colors */
  --gradient-color-1-1: #f47e21;
  --gradient-color-1-2: #f49321;

  /*Fonts*/
  --main-font: Montserrat;
  --header-font: Montserrat;
  --button-font: Montserrat;

  /*Corner radius*/
  --border-radius-0: 0px;
  --border-radius-1: 8px;
  --border-radius-2: 16px;
  --border-radius-3: 32px;
  --border-radius-4: 64px;
}

/*
   * Essentials
   */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

:target {
  scroll-margin-top: 8rem;
}

body {
  font-family: var(--main-font), "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.7rem;
  color: var(--text-color);
  background-color: var(--background-color);
}

@media all and (max-width: 992px) {
  body {
    padding-bottom: 40px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.my-env h1,
.my-env h2,
.my-env h3,
.my-env h4,
.my-env h5,
.my-env h6 {
  font-family: var(--header-font), "Open Sans", sans-serif;
  word-wrap: break-word;
  font-weight: 300;
}

a,
.my-env a {
  color: var(--link-text-color);
  text-decoration: none;
}

a:hover,
.my-env a:hover {
  text-decoration: underline;
  color: var(--link-text-color);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}

.bullet-list {
  list-style-type: none;
  padding-left: 24px;
}

.bullet-list li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 16px;
}

.bullet-list li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 8px;
  width: 12px;
  height: 12px;
  background-color: var(--primary-color);
  border-radius: 0px;
}

a[href$=".pdf"] {
  padding-right: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 512 512'%3E%3Cpath fill='%F47E21' d='M64 464l48 0 0 48-48 0c-35.3 0-64-28.7-64-64L0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 304l-48 0 0-144-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px;
}

a[href$=".pdf"]:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 512 512'%3E%3Cpath fill='%F47E21' d='M64 464l48 0 0 48-48 0c-35.3 0-64-28.7-64-64L0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 304l-48 0 0-144-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z'/%3E%3C/svg%3E");
}

a[href$=".doc"],
a[href$=".docx"] {
  padding-right: 26px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 20 20'%3E%3Cpath fill='%F47E21' d='M2 14.5H3V16H2C0.875 16 0 15.125 0 14V2C0 0.90625 0.875 0 2 0H7.15625C7.6875 0 8.1875 0.21875 8.5625 0.59375L11.4062 3.4375C11.7812 3.8125 12 4.3125 12 4.84375V9H10.5V5H8C7.4375 5 7 4.5625 7 4V1.5H2C1.71875 1.5 1.5 1.75 1.5 2V14C1.5 14.2812 1.71875 14.5 2 14.5ZM5.5 11H6.5C7.3125 11 8 11.6875 8 12.5V14.5C8 15.3438 7.3125 16 6.5 16H5.5C5.21875 16 5 15.7812 5 15.5V11.5C5 11.25 5.21875 11 5.5 11ZM6 15H6.5C6.75 15 7 14.7812 7 14.5V12.5C7 12.25 6.75 12 6.5 12H6V15ZM14.25 11H14.75C15.4375 11 16 11.5625 16 12.25V12.5C16 12.7812 15.75 13 15.5 13C15.2188 13 15 12.7812 15 12.5V12.25C15 12.125 14.875 12 14.75 12H14.25C14.0938 12 14 12.125 14 12.25V14.75C14 14.9062 14.0938 15 14.25 15H14.75C14.875 15 15 14.9062 15 14.75V14.5C15 14.25 15.2188 14 15.5 14C15.75 14 16 14.25 16 14.5V14.75C16 15.4688 15.4375 16 14.75 16H14.25C13.5312 16 13 15.4688 13 14.75V12.25C13 11.5625 13.5312 11 14.25 11ZM9 12.25C9 11.5625 9.53125 11 10.25 11H10.75C11.4375 11 12 11.5625 12 12.25V14.75C12 15.4688 11.4375 16 10.75 16H10.25C9.53125 16 9 15.4688 9 14.75V12.25ZM10.25 12C10.0938 12 10 12.125 10 12.25V14.75C10 14.9062 10.0938 15 10.25 15H10.75C10.875 15 11 14.9062 11 14.75V12.25C11 12.125 10.875 12 10.75 12H10.25Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 19px;
}

a[href$=".doc"]:hover,
a[href$=".docx"]:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 20 20'%3E%3Cpath fill='%F47E21' d='M2 14.5H3V16H2C0.875 16 0 15.125 0 14V2C0 0.90625 0.875 0 2 0H7.15625C7.6875 0 8.1875 0.21875 8.5625 0.59375L11.4062 3.4375C11.7812 3.8125 12 4.3125 12 4.84375V9H10.5V5H8C7.4375 5 7 4.5625 7 4V1.5H2C1.71875 1.5 1.5 1.75 1.5 2V14C1.5 14.2812 1.71875 14.5 2 14.5ZM5.5 11H6.5C7.3125 11 8 11.6875 8 12.5V14.5C8 15.3438 7.3125 16 6.5 16H5.5C5.21875 16 5 15.7812 5 15.5V11.5C5 11.25 5.21875 11 5.5 11ZM6 15H6.5C6.75 15 7 14.7812 7 14.5V12.5C7 12.25 6.75 12 6.5 12H6V15ZM14.25 11H14.75C15.4375 11 16 11.5625 16 12.25V12.5C16 12.7812 15.75 13 15.5 13C15.2188 13 15 12.7812 15 12.5V12.25C15 12.125 14.875 12 14.75 12H14.25C14.0938 12 14 12.125 14 12.25V14.75C14 14.9062 14.0938 15 14.25 15H14.75C14.875 15 15 14.9062 15 14.75V14.5C15 14.25 15.2188 14 15.5 14C15.75 14 16 14.25 16 14.5V14.75C16 15.4688 15.4375 16 14.75 16H14.25C13.5312 16 13 15.4688 13 14.75V12.25C13 11.5625 13.5312 11 14.25 11ZM9 12.25C9 11.5625 9.53125 11 10.25 11H10.75C11.4375 11 12 11.5625 12 12.25V14.75C12 15.4688 11.4375 16 10.75 16H10.25C9.53125 16 9 15.4688 9 14.75V12.25ZM10.25 12C10.0938 12 10 12.125 10 12.25V14.75C10 14.9062 10.0938 15 10.25 15H10.75C10.875 15 11 14.9062 11 14.75V12.25C11 12.125 10.875 12 10.75 12H10.25Z' /%3E%3C/svg%3E");
}

a[href$=".xls"],
a[href$=".xlsx"] {
  padding-right: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16' fill='%F47E21' %3E%3Cpath d='M4 14.5V16H2C0.875 16 0 15.125 0 14V2C0 0.90625 0.875 0 2 0H7.15625C7.6875 0 8.1875 0.21875 8.5625 0.59375L11.4062 3.4375C11.7812 3.8125 12 4.3125 12 4.84375V9H10.5V5H8C7.4375 5 7 4.5625 7 4V1.5H2C1.71875 1.5 1.5 1.75 1.5 2V14C1.5 14.2812 1.71875 14.5 2 14.5H4ZM7 11.5V11.5312C7 11.75 7.0625 11.9688 7.1875 12.1562L7.5 12.625L7.78125 12.1562C7.90625 11.9688 8 11.75 8 11.5C8 11.25 8.21875 11 8.5 11C8.75 11 9 11.25 9 11.5C9 11.9375 8.875 12.3438 8.625 12.7188L8.09375 13.5L8.625 14.3125C8.875 14.6875 9 15.0938 9 15.5C9 15.7812 8.75 16 8.5 16C8.21875 16 8 15.7812 8 15.5C8 15.2812 7.90625 15.0625 7.78125 14.875L7.5 14.4062L7.1875 14.875C7.0625 15.0625 7 15.2812 7 15.5C7 15.7812 6.75 16 6.5 16C6.21875 16 6 15.7812 6 15.5C6 15.0938 6.125 14.6875 6.34375 14.3125L6.875 13.5L6.34375 12.7188C6.125 12.3438 6 11.9375 6 11.5C6 11.25 6.21875 11 6.5 11C6.75 11 7 11.25 7 11.5ZM10 15.5V11.5C10 11.25 10.2188 11 10.5 11C10.75 11 11 11.25 11 11.5V15H12C12.25 15 12.5 15.25 12.5 15.5C12.5 15.7812 12.25 16 12 16H10.5C10.2188 16 10 15.7812 10 15.5ZM12.75 12.4375C12.75 11.6562 13.375 11 14.1562 11H15C15.25 11 15.5 11.25 15.5 11.5C15.5 11.7812 15.25 12 15 12H14.1562C13.9375 12 13.75 12.2188 13.75 12.4375C13.75 12.5938 13.8438 12.75 13.9688 12.8125L14.9375 13.3125C15.4375 13.5625 15.75 14.0312 15.75 14.5938C15.75 15.375 15.0938 16 14.3125 16H13.5C13.2188 16 13 15.7812 13 15.5C13 15.25 13.2188 15 13.5 15H14.3125C14.5312 15 14.75 14.8125 14.75 14.5938C14.75 14.4375 14.6562 14.2812 14.5 14.2188L13.5312 13.7188C13.0312 13.4688 12.75 12.9688 12.75 12.4375Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px;
}

a[href$=".xls"]:hover,
a[href$=".xlsx"]:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16' fill='%F47E21' %3E%3Cpath d='M4 14.5V16H2C0.875 16 0 15.125 0 14V2C0 0.90625 0.875 0 2 0H7.15625C7.6875 0 8.1875 0.21875 8.5625 0.59375L11.4062 3.4375C11.7812 3.8125 12 4.3125 12 4.84375V9H10.5V5H8C7.4375 5 7 4.5625 7 4V1.5H2C1.71875 1.5 1.5 1.75 1.5 2V14C1.5 14.2812 1.71875 14.5 2 14.5H4ZM7 11.5V11.5312C7 11.75 7.0625 11.9688 7.1875 12.1562L7.5 12.625L7.78125 12.1562C7.90625 11.9688 8 11.75 8 11.5C8 11.25 8.21875 11 8.5 11C8.75 11 9 11.25 9 11.5C9 11.9375 8.875 12.3438 8.625 12.7188L8.09375 13.5L8.625 14.3125C8.875 14.6875 9 15.0938 9 15.5C9 15.7812 8.75 16 8.5 16C8.21875 16 8 15.7812 8 15.5C8 15.2812 7.90625 15.0625 7.78125 14.875L7.5 14.4062L7.1875 14.875C7.0625 15.0625 7 15.2812 7 15.5C7 15.7812 6.75 16 6.5 16C6.21875 16 6 15.7812 6 15.5C6 15.0938 6.125 14.6875 6.34375 14.3125L6.875 13.5L6.34375 12.7188C6.125 12.3438 6 11.9375 6 11.5C6 11.25 6.21875 11 6.5 11C6.75 11 7 11.25 7 11.5ZM10 15.5V11.5C10 11.25 10.2188 11 10.5 11C10.75 11 11 11.25 11 11.5V15H12C12.25 15 12.5 15.25 12.5 15.5C12.5 15.7812 12.25 16 12 16H10.5C10.2188 16 10 15.7812 10 15.5ZM12.75 12.4375C12.75 11.6562 13.375 11 14.1562 11H15C15.25 11 15.5 11.25 15.5 11.5C15.5 11.7812 15.25 12 15 12H14.1562C13.9375 12 13.75 12.2188 13.75 12.4375C13.75 12.5938 13.8438 12.75 13.9688 12.8125L14.9375 13.3125C15.4375 13.5625 15.75 14.0312 15.75 14.5938C15.75 15.375 15.0938 16 14.3125 16H13.5C13.2188 16 13 15.7812 13 15.5C13 15.25 13.2188 15 13.5 15H14.3125C14.5312 15 14.75 14.8125 14.75 14.5938C14.75 14.4375 14.6562 14.2812 14.5 14.2188L13.5312 13.7188C13.0312 13.4688 12.75 12.9688 12.75 12.4375Z'/%3E%3C/svg%3E");
}

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

/*
   * Bootstrap overwrites
   */
.text-primary {
  color: var(--primary-color) !important;
}

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

.btn {
  font-family: var(--button-font), "Open Sans", sans-serif;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-weight: 300;
}

.btn-primary,
.my-env .btn-primary {
  background-color: var(--secondary-color);
  border: 0;
  color: var(--primary-color-contrast);
}

.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:focus,
.btn-primary:hover,
.my-env .btn-primary:hover {
  background-color: var(--secondary-color-tint);
}

.btn-secondary,
.my-env .btn-secondary {
  background-color: var(--secondary-color-contrast);
  border: 0;
  color: var(--secondary-color);
}

.btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:focus,
.btn-secondary:hover,
.my-env .btn-secondary:hover {
  background-color: var(--secondary-color-tint);
  color: var(--secondary-color-contrast);
}

.btn-tertiary,
.my-env .btn-tertiary {
  background-color: var(--secondary-color-contrast);
  border: 0;
  color: var(--secondary-color);
}

.btn-tertiary:active,
.btn-tertiary:not(:disabled):not(.disabled):active,
.btn-tertiary:focus,
.btn-tertiary:hover,
.my-env .btn-tertiary:hover {
  background-color: var(--primary-color);
  color: var(--secondary-color-contrast);
}

.min-height {
  min-height: 50vh;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(2.2rem + .75rem + 2px);
  padding: 14px 20px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: var(--text-color);
  background-color: #fff;
  background-clip: padding-box;
  border: 0px solid #ced4da;
  border-radius: 8px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-group {
  margin-bottom: 1.3rem;
}

/*
   * Bootstrap extensions
   */
.py-8 {
  padding-block: 5rem;
}

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

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

.my-8 {
  margin-block: 5rem;
}

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

.pt-navbar {
  padding-top: 4.8rem;
}

.pb-navbar {
  padding-bottom: 4.6rem;
}

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

.radius-0 {
  border-radius: 0px;
}

.radius-1 {
  border-radius: 8px;
}

.radius-2 {
  border-radius: 16px;
}

.radius-3 {
  border-radius: 32px;
}

.radius-4 {
  border-radius: 64px;
}

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

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

.border-top {
  border-top: 1px solid rgb(210, 210, 210);
}

.border-bottom {
  border-bottom: 1px solid rgb(210, 210, 210);
}

.border-top-none {
  border-top: none !important;
}

.border-bottom-none {
  border-bottom: none !important;
}

/* ! GENERAL ! */
#content {
  padding-top: 4rem;
}

.section-color-off {
  background-color: #e0ebff;
}

.play-store-icon {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='26' viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M11.7201 12.4199L1.07007 23.7199C1.07007 23.7199 1.07007 23.7199 1.07007 23.7299C1.40007 24.9599 2.52007 25.8599 3.85007 25.8599C4.38007 25.8599 4.88007 25.7199 5.31007 25.4599L5.34007 25.4399L17.3201 18.5299L11.7201 12.4199Z' fill='%23D75532' /%3E%3Cpath d='M22.49 10.4993L22.48 10.4893L17.31 7.48926L11.48 12.6793L17.33 18.5293L22.48 15.5593C23.38 15.0693 23.99 14.1193 23.99 13.0293C23.99 11.9293 23.38 10.9893 22.49 10.4993Z' fill='%23FFCC32' /%3E%3Cpath d='M1.06997 2.2793C1.00997 2.5193 0.969971 2.7593 0.969971 3.0193V22.9893C0.969971 23.2493 0.999971 23.4893 1.06997 23.7293L12.08 12.7193L1.06997 2.2793Z' fill='%230075BC' /%3E%3Cpath d='M11.8001 12.9996L17.3101 7.48965L5.34007 0.549648C4.91007 0.289648 4.40007 0.139648 3.85007 0.139648C2.52007 0.139648 1.40007 1.04965 1.07007 2.26965L11.8001 12.9996Z' fill='%2300A176' /%3E%3C/svg%3E%0A");
  width: 24px;
  height: 26px;
}

.apple-store-icon {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='24' viewBox='0 0 20 24' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M16.0001 12.8896C15.9701 10.0296 18.3401 8.63965 18.4501 8.56965C17.1101 6.60965 15.0301 6.34965 14.3001 6.32965C12.5501 6.14965 10.8601 7.36965 9.97009 7.36965C9.06009 7.36965 7.69009 6.33965 6.22009 6.36965C4.32009 6.39965 2.54009 7.49965 1.57009 9.20965C-0.439914 12.6896 1.06009 17.8096 2.99009 20.6196C3.95009 21.9996 5.08009 23.5396 6.55009 23.4796C7.99009 23.4196 8.53009 22.5596 10.2701 22.5596C11.9901 22.5596 12.5001 23.4797 14.0001 23.4496C15.5501 23.4196 16.5201 22.0696 17.4501 20.6696C18.5601 19.0896 19.0101 17.5296 19.0301 17.4496C19.0001 17.4496 16.0301 16.3196 16.0001 12.8896Z' fill='%23102142' /%3E%3Cpath d='M13.16 4.47961C13.94 3.50961 14.47 2.18961 14.32 0.849609C13.2 0.899609 11.79 1.62961 10.98 2.57961C10.26 3.41961 9.62998 4.78961 9.78998 6.07961C11.05 6.15961 12.35 5.42961 13.16 4.47961Z' fill='%23102142' /%3E%3C/svg%3E%0A");
  width: 20px;
  height: 24px;
}

.animation-fade-from-bottom {
  transform: translateY(4rem);
  opacity: 0;
  transition: all 0.7s ease-out;
}

.animation-fade-from-bottom.in-view {
  transform: translateY(0);
  opacity: 1;
}

.no-link {
  text-decoration: none;
  color: inherit;
}

.no-link:hover {
  text-decoration: none;
  color: inherit;
}

/* ! NAVBAR ! */
#navbar {
  position: fixed;
  background-color: #fff;
  width: 100vw;
  max-height: 4rem;
  /* border-bottom: 5px solid var(--secondary-color); */
  display: flex;
  justify-content: space-between;
  padding: 0.3rem;
  padding-right: 2rem;
  z-index: 20;
}

#navbarMobile {
  height: 4.4rem;
  background-color: #fff;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 20;
}

.navbar-mobile-items-container {
  width: 100%;
  display: flex;
}

.navbar-mobile-item-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  cursor: pointer;
  text-decoration: none !important;
  color: inherit !important;
  text-align: center;
  line-height: 0.6rem;
  padding: 0.3rem;
}

.navbar-mobile-item-icon {
  margin-bottom: 0.3rem;
}

.navbar-mobile-item-text {
  font-size: 0.8rem;
}

#navbar-expanded-container {
  background: linear-gradient(to bottom,
      var(--gradient-color-1-1),
      var(--gradient-color-1-2));
  position: fixed;
  max-height: 4.2rem;
  width: 100vw;
  z-index: initial;
  transition: transform 60ms linear, max-height 400ms linear;
  transform: skewY(0);
}

.navbar-expand-transition-height {
  max-height: 50rem !important;
}

.navbar-expand-transition-skew {
  transform: skewY(2.5deg) !important;
}

a.btn.btn-primary.text-white.mr-1.mr-md-3 {
  margin-top: 6px;
  position: relative;
  /* enable positioning context */
  left: -60px;
}


#nav-exp-content {
  padding-top: 6rem;
  padding-bottom: 3rem;
  height: 100%;
  -webkit-transform: skew(0, -2.5deg);
  position: relative;
  opacity: 0;
  transition: all 350ms ease-in;
  /* z-index: 10; */
}

.nav-exp-content-transition {
  opacity: 1 !important;
}

.nav-exp-links-wrapper-left {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  padding: 0 1rem;
  max-width: 75rem;
  margin: 0 auto;
}

.nav-exp-links-wrapper-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0 1rem;
  max-width: 75rem;
  margin: 0 auto;
}

.nav-exp-link {
  min-width: 11rem;
  color: #fff;
  font-size: 1.1rem;
  padding: 8px 12px 8px 12px;
  border-radius: 8px;
  gap: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.nav-exp-link:hover {
  color: var(--primary-color);
  background-color: #fff;
  text-decoration: none;
}

#nav-exp-name {
  width: 100vw;
  background-color: var(--primary-color);
  z-index: -1;
  height: 4rem;
  position: relative;
  -webkit-transform: skew(0, -5deg);
  top: 0;
  /* max-height: ; */
}

.navbar-exp-wrapper {
  position: relative;
  z-index: 15;
}

.nav-link {
  color: var(--primary-color);
}

.nav-link-active {
  color: var(--secondary-color) !important;
}

.nav-link .navbar-arrow-down-icon {
  transition: transform 160ms linear;
}

.nav-link-active .navbar-arrow-down-icon {
  transform: rotate(-180deg);
}

#navbar a:hover {
  text-decoration: none;
}

#navbar a {
  color: var(--primary-color);
}

.navbar-logo {
  max-height: 3.4rem;
}

.navbar-links-container {
  gap: 1.2rem;
  justify-content: center;
  align-items: center;
}

.navbar-actions-container {
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.navbar-arrow-down-icon {
  margin-left: 0.2rem;
}

.navbar-lang-icon {
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
}

/* ! FOOTER ! */
/* BIG FOOTER */
#bigFooter {
  background-color: var(--primary-color);
  padding-top: 0rem;
  padding-bottom: 3.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #fff;
}

.big-footer-container {
  max-width: 1400px;
  margin: 0 auto;
  padding-top: 4rem;
  border-top: 1px solid #2b4066;
}

#bigFooter ul {
  padding: 0;
  margin: 0;
}

#bigFooter li {
  color: #fff;
  list-style: none;
}

#bigFooter a {
  color: #fff;
}

.big-footer-company-info-container {
  padding-right: 1.2rem;
}

.big-footer-company-info-text {
  margin-top: 1rem;
  line-height: 1.7rem;
  font-weight: 300;
}

.big-footer-company-info-socials-container {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
}

.big-footer-company-info-socials-item {
  background-color: #fff;
  border-radius: 50%;
  color: var(--primary-color);
  width: 2.2rem;
  height: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
}

.big-footer-company-info-socials-item i {
  color: var(--primary-color);
}

.big-footer-list-title {
  font-size: 1.2rem;
  font-weight: 300;
  margin-bottom: 1.6rem;
}

.big-footer-list-item {
  margin-bottom: 1.2rem;
  font-size: 0.9rem;
  display: flex;
}

.big-footer-list-item-icon {
  margin-right: 0.3rem;
}

/* SMALL FOOTER */
#smallFooter {
  background-color: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.9rem;
  padding: 1rem;
  font-weight: 300;
  text-align: center;
}

#smallFooter a {
  color: #fff;
}

#smallFooter span {
  margin: 0 0.6rem;
}

#smallFooter p {
  margin: 0;
}

/* ! WIDGET STYLES !  */

/* SOLUTIONS DETAIL SECTION */
.header-solution-details {
  height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.solution-detail-item-icon {
  font-size: 7rem;
  margin-bottom: 1rem;

}

.solution-detail-item-check {
  font-size: 4.8rem;
  margin-bottom: 1rem;
  color: #27C24C;
}

/* MORE SOLUTIONS SECTION */
#section-more-solutions {
  padding: 5rem 0;
}

.more-solutions-title-container {
  margin-bottom: 3rem;
}

.more-solutions-title {
  text-align: center;
  color: var(--primary-color);
  font-weight: 300;
}

.more-solution-item-container {
  text-align: center;
  margin-bottom: 3rem;
  border-radius: 24px;
  padding: 16px;
  border: 8px solid #fff;
}

.more-solution-item-container:hover {
  background-color: #e0ebff;
}

.more-solution-item-icon {
  font-size: 4.8rem;
  margin-bottom: 1rem;
}

/* CUSTOMERS SAY SECTION */
#section-customers-say {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.customers-say-card-container {
  padding: 0 1.5rem;
}

.customers-say-card {
  text-align: center;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 2.2rem;
}

.customers-say-card-container:nth-child(2) {
  transform: scale(1.08);
}

.customers-say-card img {
  height: 6rem;
  margin-bottom: 3rem;
}

.customers-say-card i {
  font-size: 1.7rem;
  margin: 1.2rem 0;
}

/*  GET APP */
#section-get-app {
  margin-top: 6rem;
  /* border-bottom: 1px solid rgb(210, 210, 210); */
  padding-bottom: 4rem;
}

.get-app-content-container h3 {
  color: var(--primary-color);
}

.get-app-btn-container {
  gap: 0.5rem;
}

.get-app-btn {
  color: #000;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 0.3rem 0.7rem;
  gap: 0.5rem;
  transition: all 0.2s linear;
}

.get-app-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #000;
}

.get-app-btn:nth-child(2):hover svg path {
  fill: #fff;
}

.get-app-btn-subtitle {
  font-size: 0.6rem;
  line-height: 1rem;
}

.get-app-btn-store {
  font-size: 1.2rem;
  margin-bottom: 0;
}

.get-app-img-container {
  height: 50rem;
}

.get-app-img {
  position: absolute;
  width: 60%;
}

.get-app-img-left {
  z-index: 0;
}

.get-app-img-right {
  left: 40%;
}

@keyframes getAppImgLeftKeyframe {
  from {
    bottom: 600px;
  }

  to {
    bottom: 40px;
  }
}

@keyframes getAppImgRightKeyframe {
  from {
    top: 500px;
  }

  to {
    top: -150px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .get-app-img-left {
    animation: getAppImgLeftKeyframe linear both;
    animation-timeline: scroll();
  }

  .get-app-img-right {
    animation: getAppImgRightKeyframe linear both;
    animation-timeline: scroll();
  }
}

/* SECTION SPCECIAL CTA */
#section-special-cta {}

#section-special-cta h3 {
  color: var(--primary-color);
}

.special-cta-item {
  height: 34rem;
}

.special-cta-img-container {
  height: 100%;
  padding: 0;
}

.special-cta-img {
  background: url("");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}

.solutions-cta-img {
  background: url("");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
}

.special-cta-item-content-container {
  padding: 0em 3.5em;
}

.special-cta-item-content-container:nth-child(1) {
  padding: 0em 3.5em;
  padding-left: 0;
}

/*  KOPPELINGEN SECTIONS   */
#section-koppelingen {
  padding: 5rem 0;
}

#section-klanten {
  padding: 2rem 0 5rem
}

.koppelingen-title {
  color: var(--primary-color);
  font-weight: 300;
  text-align: center;
}

/* KOPPELINGEN SLIDER */
:root {
  --koppelingen-marquee-width: 100vw;
  --koppelingen-marquee-height: 10rem;
  /* --koppelingen-marquee-elements: 8; */
  /* defined with JS */
  --koppelingen-marquee-elements-displayed: 4;
  --koppelingen-marquee-element-width: calc(var(--koppelingen-marquee-width) / var(--koppelingen-marquee-elements-displayed));
  --koppelingen-marquee-animation-duration: calc(var(--koppelingen-marquee-elements) * 6s);
}

.koppelingen-slider-container {
  overflow: hidden;
}

.koppelingen-slider {
  position: relative;
  display: flex;
  animation: scrolling var(--koppelingen-marquee-animation-duration) linear infinite;
}

/* ! HEADER SECTION ! */
#section-header {
  background: linear-gradient(to right,
      var(--gradient-color-1-1),
      var(--gradient-color-1-2));
}

#section-secundary-header {
  background: var(--primary-color);
}

.header-content-container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: stretch;

  /* height: 80vh; */
  margin: 0 auto;
  max-width: 90rem;
}

.header-content {
  max-width: 40rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1.5rem;
}

.header-title {
  font-weight: 300;
  font-size: 3rem;
}

.header-text {
  font-weight: 300;
  line-height: 1.7rem;
  color: #ffffffbf;
}

.btn-header {
  background-color: var(--primary-color);
}

.btn-header:hover {
  background-color: var(--primary-color-shade);
}

.header-partner-container {
  /* margin-top: auto; */
  /* position: absolute;
  bottom: 4rem; */
  padding-bottom: 2rem;
  padding-top: 1rem;
}

.header-partner-img {
  max-width: 15rem;
  max-height: 7rem;

  filter: brightness(0) invert(1);
}

.header-img-container {
  height: 100%;
  width: 100%;
  display: flex;
}

.header-img {
  max-width: 32rem;
  margin-top: auto;
  margin-left: auto;
  position: relative;
  bottom: -3rem;
}

/* SECONDARY HEADER */
#section-secondary-header {
  background: var(--primary-color);
  color: #fff;
  padding: 7rem 0;
}

.secondary-header-home-content-container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 100%;
  max-width: 80rem;
  margin: 0 auto;
}

.secondary-header-home-content {
  max-width: 40rem;
}

.secondary-header-home-title {
  color: #fff;
}

.secondary-header-home-title-offcolor {
  color: var(--secondary-color);
}

.secondary-header-home-text {
  margin-top: 1.5rem;
  color: #fff;
  line-height: 1.8rem;
}

.secondary-header-home-cta-btn {
  margin-top: 1rem;
}

@keyframes scrolling {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-1 * var(--koppelingen-marquee-element-width) * var(--koppelingen-marquee-elements)));
  }
}

.koppelingen-slider-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--koppelingen-marquee-element-width);
  height: 8rem;
}

.koppelingen-slider-item img {
  max-width: var(--koppelingen-marquee-element-width);
  padding: 1.8rem;
  max-height: 8rem;
}

/* FLOATING CONTACT BUTTON */
#floating-contact {
  position: fixed;
  bottom: 0;
  width: 100vw;
  padding: 0 1rem;
  transition: bottom 280ms ease-in-out 0s;
  z-index: 10;
  max-width: 32rem;
  transform: translate(-50%, 0);
  left: 50%;
}

.floating-contact-btn {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.floating-contact-active {
  bottom: 5.6rem !important;
}

/* ! MEDIA QUERIES ! */
/* 👇 SMALLER THAN DESKTOP 👇 */
@media all and (max-width: 992px) {
  #content {
    padding-top: 0px;
  }

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

  #navbar-expanded-container {
    bottom: 0;
    max-height: 4.6rem;
  }

  #nav-exp-content {
    padding-top: 3rem;
    padding-bottom: 6.5rem;
  }

  .nav-exp-links-wrapper {
    gap: unset;
  }

  .nav-exp-link {
    min-width: unset;
    /* width: 25%; */
    font-size: 1rem;
  }

  .big-footer-company-info-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 4rem;
    border-bottom: 1px solid #2b4066;
    max-width: 30rem;
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    padding-bottom: 3rem;
  }

  .header-content-container {
    flex-direction: column-reverse;
    height: unset;
  }

  .header-content {
    background-color: #fff;
    color: var(--primary-color);
    padding: 1.4rem;
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem;
    max-width: 100%;
    padding-top: 3rem;
  }

  .header-title {
    color: var(--primary-color);
    font-size: 2.1rem;
    margin-bottom: 0;
  }

  .header-text {
    color: var(--primary-color);
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }

  .header-img-container {
    order: -1;
  }

  .header-partner-container {
    margin-top: 1rem;
    padding: 0;
    position: unset;
    order: -2;
  }

  .header-partner-img {
    max-width: 13rem;
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .header-img {
    width: 100%;
    padding: 2rem;
    margin-top: 3rem;
    bottom: -5rem;
    margin-right: auto;
  }

  .special-cta-item {
    height: auto;
  }

  .special-cta-img-container {
    height: 32rem;
    margin-top: 5em;
    margin-bottom: 2rem;
  }

  .special-cta-img-container:nth-child(2) {
    order: -1;
  }

  .special-cta-item-content-container,
  .special-cta-item-content-container:nth-child(1) {
    padding: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .get-app-img-container {
    order: -1;
    display: flex;
    max-height: 30rem;
  }

  .get-app-img-container img {
    margin: 0 auto;
  }

  .big-footer-lang-icon {
    border-radius: 50%;
    width: 1.7rem;
    height: 1.7rem;
  }

  .btn-desktop-full {
    width: 100%;
    padding: 0.8rem 1rem;
  }

  :root {
    --koppelingen-marquee-height: 10rem;
    --koppelingen-marquee-elements-displayed: 4;
    --koppelingen-marquee-element-width: calc(var(--koppelingen-marquee-width) / var(--koppelingen-marquee-elements-displayed));
    --koppelingen-marquee-animation-duration: calc(var(--koppelingen-marquee-elements) * 5s);
  }
}

/* 👇 SMALLER THAN TABLET 👇*/
@media all and (max-width: 768px) {
  h1 {
    font-size: 2rem;
  }

  .nav-exp-link {
    /* width: 50%; */
    font-size: 0.9rem;
  }

  #bigFooter {
    text-align: center;
  }

  .big-footer-company-info-container {
    margin-bottom: 1rem;
  }

  .big-footer-list-title {
    margin-bottom: 1rem;
    margin-top: 1.6rem;
  }

  .big-footer-list-item {
    justify-content: center;
  }

  .big-footer-contact-container {
    order: -1;
  }

  #section-grip {
    padding: 1rem;
  }

  .grip-title {
    text-align: unset;
    font-size: 2.5rem;
    margin-top: 2rem;
    margin-bottom: 2.5rem;
  }

  .special-cta-img-container {
    height: 20rem;
  }

  .btn-tablet-full {
    width: 100%;
    padding: 0.8rem 1rem;
  }

  .customers-say-title {
    font-size: 1.8rem;
  }

  .koppelingen-title {
    font-size: 1.8rem;
  }

  :root {
    --koppelingen-marquee-height: 10rem;
    --koppelingen-marquee-elements-displayed: 3;
    --koppelingen-marquee-element-width: calc(var(--koppelingen-marquee-width) / var(--koppelingen-marquee-elements-displayed));
    --koppelingen-marquee-animation-duration: calc(var(--koppelingen-marquee-elements) * 4s);
  }

  .btn-tertiary,
  .my-env .btn-tertiary {
    background-color: var(--secondary-color);
    border: 0;
    color: var(--primary-color-contrast);
  }

  .btn-tertiary:active,
  .btn-tertiary:not(:disabled):not(.disabled):active,
  .btn-tertiary:focus,
  .btn-tertiary:hover,
  .my-env .btn-tertiary:hover {
    background-color: var(--secondary-color-tint);
  }

}

/* 👇 SMALLER THAN SMALL DEVICES 👇 */
@media all and (max-width: 576px) {
  .nav-exp-links-wrapper-center {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px;
  }

  #nav-exp-sporten .nav-exp-links-wrapper-center div:last-child {
    grid-column: 1/-1;
  }

  .nav-exp-link {
    font-size: 1rem;
    font-weight: 200;
  }

  .get-app-btn {
    width: 50%;
  }

  .btn-mobile-full {
    width: 100%;
    padding: 0.8rem 1rem;
  }

  :root {
    --koppelingen-marquee-height: 10rem;
    --koppelingen-marquee-elements-displayed: 2;
    --koppelingen-marquee-element-width: calc(var(--koppelingen-marquee-width) / var(--koppelingen-marquee-elements-displayed));
    --koppelingen-marquee-animation-duration: calc(var(--koppelingen-marquee-elements) * 5s);
  }
}

/* 👇 CUSTOM MEDIA QUERIES 👇
/*
* EXTRA LARGE
*/
@media (max-width: 1200px) {
  #section-customers-say {
    padding-bottom: 4rem;
  }

  .customers-say-card-container:not(:last-child) {
    margin-bottom: 2rem;
  }

  .customers-say-card-container:nth-child(2) {
    order: -1;
    padding: 0 1.5rem;
    transform: unset !important;
  }
}

@media (min-width: 1200px) {
  .big-container {
    max-width: 1300px;
    margin: 0 auto;
  }

  .extra-big-container {
    max-width: 1550px;
    margin: 0 auto;
  }

  .header-img {
    max-width: 37rem;
  }
}

/*Language dropdown*/

.language-dropdown {
  position: relative;
  display: inline-block;
}

.language-over-button {
  position: fixed;
  display:
    inline-block;
  top: 11px;
  right: 20px;
  z-index: 21;
}

.dropbtn {
  background-color: #fff;
  border: 0px solid #ccc;
  padding: 8px;
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 8px;
}

.dropbtn img {
  width: 1.3rem;
  height: 1.3rem;
  margin-right: 8px;
  border-radius: 100%;
}

.language-dropdown-content {
  display: none;
  position: absolute;
  color: #fff;
  background-color: var(--primary-color);
  z-index: 1;
  border-radius: 8px;
  padding: 8px 8px 8px 8px;
}

.language-dropdown-content a {
  color: #fff !important;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.language-dropdown-content a img {
  width: 1.3rem;
  height: 1.3rem;
  margin-right: 8px;
  border-radius: 100%;
}

.language-dropdown-content a:hover {
  background-color: #fff;
  color: var(--primary-color) !important;
  border-radius: 4px;
}

.language-dropdown:hover .language-dropdown-content {
  display: block;
}

.language-dropdown .current-language {
  font-weight: 500;
}

.language-footer {
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.language-footer a img {
  width: 1.3rem;
  height: 1.3rem;
  margin-right: 8px;
  border-radius: 100%;
}

@media all and (max-width: 992px) {

  .language-dropdown {
    position: relative;
    display: inline-block;
    margin-right: 5px;
  }

  .language-over-button {
    position: absolute;
    display:
      inline-block;
    top: 16px;
    left: 16px;
    z-index: 21;
  }

  .dropbtn {
    background-color: rgb(255 255 255 / 0%);
    border: 0px solid #ccc;
    color: rgb(255 255 255 / 0%);
    padding: 8px;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
    display: flex;
    align-items: center;
  }

  .dropbtn img {
    width: 2rem;
    height: 2rem;
    margin-right: 8px;
    border-radius: 100%;
  }

  .language-dropdown-content {
    display: none;
    position: absolute;
    color: #fff;
    background-color: var(--primary-color);
    z-index: 1;
    border-radius: 8px;
    padding: 8px 8px 8px 8px;
  }

  .language-dropdown-content a {
    color: #fff !important;
    padding: 8px 12px;
    text-decoration: none;
    display: flex;
    align-items: center;
  }

  .language-dropdown-content a img {
    width: 2rem;
    height: 2rem;
    margin-right: 8px;
    border-radius: 100%;
  }

  .language-dropdown-content a:hover {
    background-color: #fff;
    color: var(--primary-color) !important;
    border-radius: 4px;
  }

  .language-dropdown:hover .language-dropdown-content {
    display: block;
  }

  .language-dropdown .current-language {
    font-weight: 500;
  }

  .language-footer {
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
    display: flex;
    align-items: center;
  }

  .language-footer a img {
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 8px;
    border-radius: 100%;
  }

}

@media (max-width: 768px) {
  .language-footer {
    justify-content: center;
  }
}

/* news items */

.news-item {
  background-color: #fff;
  border-radius: 24px;
  border: 12px solid var(--primary-color);
}

.news-item.border,
.calendar-event.border {
  border: 0 !important;
}

.news-image-container {
  width: 100%;
}

.news-item-image-div {
  min-height: 150px;
}

.news-content-container {
  width: 100%;
}

.news-item-image-div {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 200px;
  transition: all 1s;
}

.news-title {
  padding-top: 0.5rem;
}

.news-title a {
  Font-family: var(--header-font);
  font-weight: 500;
  font-size: 1.1rem;
  text-decoration: none;
  color: var(--primary-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news-title a:hover {}

.news-date {
  font-size: 0.8rem;
}

.news-short-description-content,
.news-read-more {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.news-body img {
  max-width: 100%;
  height: auto;
}

/* end news items */
/* GENERAL */
.header-content>div {
  margin-bottom: auto;
}

/* CHOOSE PACKAGE SECTION */
#section-choose-package {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.package-card-container {
  padding: 0 1.5rem;
}

.package-card {
  border-radius: 0.5rem;
  padding: 2rem;
}

.package-card-white {
  background-color: #fff;
}

.package-card-primary {
  background-color: var(--primary-color);
}

.package-list-item {
  margin-bottom: 0.7rem;
  gap: 12px;
}

.package-list-item span {
  margin-left: 1.2rem;
}

.package-price-container {
  margin-top: 3rem;
  margin-right: -2rem;
  padding: 1rem;
  padding-left: 1.5rem;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.package-price-container-basic {
  background-color: var(--primary-color);
}

.package-price-container-premium {
  background-color: #fff;
}

.package-price-cents {
  font-size: 1.2rem;
  vertical-align: top;
}

/* WEBSITE SECTION */
#section-website {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

/* HOME SECTION */
.header-home {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.header-home-video-container:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(25, 53, 105, 0.7);
  z-index: 1;
}

.header-home-video {
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
  position: absolute;
  overflow: hidden;
  right: 0;
  bottom: 0;
  transform: translateX(calc((100% - 100vw) / 2));
}

#header-home-logo-bg {
  position: absolute;
  z-index: 2;
  height: 9rem;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header-home-content-container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 100%;
  max-width: 80rem;
  margin: 0 auto;
}

.header-home-content {
  max-width: 40rem;
  padding: 0 3rem;
}

.header-home-title {
  color: #fff;
}

.header-home-title-offcolor {
  color: var(--secondary-color);
}

.header-home-text {
  margin-top: 1.5rem;
  color: #fff;
  line-height: 1.8rem;
}

.header-home-cta-btn {
  margin-top: 1rem;
}

.customers-say-card-container:nth-child(2) {
  transform: unset !important;
}

/* MEDIA QUERIES */
/* SMALLER THAN DESKTOP */
@media all and (max-width: 992px) {
  .package-card-white {
    margin-bottom: 2rem;
  }

  .website-img-container {
    order: -1;
    margin-bottom: 2rem;
  }
}

/* SMALLER THAN TABLET */
@media all and (max-width: 768px) {
  .choose-package-title {
    font-size: 2rem;
  }

  .header-home {
    height: unset;
  }

  .header-home-content-container {
    align-items: flex-end;
  }

  .header-home-content {
    background-color: #fff;
    padding: 1.4rem;
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem;
    max-width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .header-home-title {
    color: var(--primary-color);
    font-size: 2.1rem;
    margin-bottom: 0;
  }

  .header-home-text {
    color: var(--text-color);
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }

  .header-home-video {
    min-height: unset;
    min-width: unset;
    height: 100%;
    bottom: unset;
  }

  .header-home-video-container {
    height: calc(50vh - 35px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* SMALLER THAN SMALL DEVICES */
@media all and (max-width: 576px) {
  .solutions-header {
    font-size: 2rem;
    margin-bottom: 0;
  }

  #header-home-logo-bg {
    height: 10rem;
    top: 25vh !important;
  }

  .header-home-title {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }

  .header-home-text {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}


/* Book a Demo */
@media all and (max-width: 768px) {
  .demo-text-mobile {
    text-align: center;
  }
}