/* Imports */
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&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 */
  --primary-color: #000033;
  --primary-color-contrast: #fff;
  --primary-color-shade: #56a7d9;
  --primary-color-tint: #56a7d9;
  --primary-color-dark: #0a5a8c;

  --secondary-color: #000033;
  --secondary-color-contrast: #fff;
  --secondary-color-shade: #56a7d9;
  --secondary-color-tint: #56a7d9;
  --secondary-color-dark: #0a5a8c;

  /* Light themed */
  --light-theme-color: #0E81C8;
  --light-background-color: #fff;
  --light-header-color: #000033;
  --light-text-color: #848897;
  --light-link-text-color: #0E81C8;

  /* Dark themed */
  --dark-theme-color: #0E81C8;
  --dark-background-color: #000033;
  --dark-header-color: #fff;
  --dark-text-color: #848897;
  --dark-link-text-color: #0E81C8;
}

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

html {
  scroll-behavior: smooth;
}

:target {
  scroll-margin-top: 100px;
}

body {
  font-family: "Montserrat", "Arial", "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  color: var(--light-text-color);
}

p {
  font-family: "Montserrat", "Arial", "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  color: var(--light-text-color);
}

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: "Montserrat", "Arial", "Open Sans", sans-serif;
  color: var(--light-header-color);
  font-weight: 200;
}
h3 {
font-size: 1.65rem;
}

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

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

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: var(--primary-color);
  text-decoration: none;
}

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

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

.bullet-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--light-text-color);
}

.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(--light-text-color);
}

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='%23f8c91c' 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='%23f8c91c' 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 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' fill='%23f8c91c'/%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 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' fill='%23f8c91c'/%3E%3C/svg%3E");
}

a[href$=".xls"],
a[href$=".xlsx"] {
  padding-right: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 16 16' fill='%23f8c91c' xmlns='http://www.w3.org/2000/svg'%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 width='20' height='20' viewBox='0 0 16 16' fill='%23f8c91c' xmlns='http://www.w3.org/2000/svg'%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");
}

.logo-footer {
  font-size: 37px;
  color: var(--dark-header-color);
  text-transform: uppercase;
  font-weight: 200;
  font-family: "Montserrat", "Arial", "Open Sans", sans-serif;
}

/* Container to hold the header video */
.video-background-container-header {
    position: relative;
    width: 100%;
    height: 90vh; 
    overflow: hidden;
}

/* Container for the footer video */
.video-background-container-footer {
    position: relative;
    width: 100%;
    height: 100%; 
    overflow: hidden;
}

/* Header video styles */
.video-background-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    z-index: -1; 
}

/* Footer video styles */
.video-background-footer {
    position: absolute; 
    width: 100%;
    height: 100%; 
    object-fit: cover; 
    z-index: -1;
    bottom: 0;
    left: 0;
}

/* Content over header video */
.content-header {
    position: relative;
    z-index: 1;
    color: white; 
    padding: 20px;
    text-align: center;
    height: 100%; 
}

/* Optional: Style for images and buttons */
.content-header img {
    max-width: 100%;
}

/* Footer content styles */
.footer-content {
    position: relative;
    z-index: 1;
    color: white; /* Text color for footer content */
    padding: 20px;
    text-align: center;
}


/* Optional: Style for images and buttons */
.content-header img {
    max-width: 100%;
}

/* Footer content styles */
.footer-content {
    position: relative;
    z-index: 1;
    color: white; /* Text color for footer content */
    padding: 20px;
    text-align: center;
}



.logo-header {
  font-size: 72px;
  color: var(--dark-header-color);
  text-transform: uppercase;
  font-weight: 200;
  font-family: "Montserrat", "Arial", "Open Sans", sans-serif;
  margin: 0px;
  line-height: 1;
}
@media (max-width: 600px) {
  .logo-header {
    line-height: 80px;
    padding-bottom: 0px;
    font-size: 62px;
    text-align: center;
    margin: 0px;
    line-height: 1;
  }
}

.logo-subtitle {
  font-size: 50px;
  color: var(--light-theme-color);
  text-transform: lowercase;
  font-weight: 200;
  font-family: "Montserrat", "Arial", "Open Sans", sans-serif;
  padding-bottom: 40px;
  margin: 0px;
}
@media (max-width: 600px) {
  .logo-subtitle {
    font-size: 40px;
    text-align: center;
  }
}

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

/*animation
.fade-in {
  opacity: 1;
  transform: translateY(0%);
  transition: opacity 1.0s ease-out, transform 1.0s ease-out;
}


*:not(html):not(body):not(div):not(head):not(meta):not(title):not(link) {
  opacity: 0;
  transform: translateY(30%);
}


*:not(html):not(body):not(div):not(head):not(meta):not(title):not(link).fade-in {
  opacity: 1;
  transform: translateY(0%);
}
*/

/*
 * Bootstrap overwrites
 */
.btn-primary,
.my-env .btn-primary {
  background-color: var(--light-theme-color);
  border: 0;
  color: var(--primary-color-contrast);
  border-radius: 8px !important;
}

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

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

.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-contrast);
  color: var(--secondary-color-tint);
  border: var(--secondary-color-contrast) 2px solid;
}

/*
 * Bootstrap extensions
 */
.align-justify {
  text-align: justify;
}

.py-8 {
  padding-block: 8rem;
}

/* 
 * Basics
 */

.my-env {
  background-color: var(--light-background-color);
  color: var(--light-text-color);
}

.website-header {
  display: none;
}

.website-header-logo {
  max-height: 60px;
  margin-top: 0px;
}

.navbar-dark .navbar-toggler {
  border-color: var(--primary-color);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(139,20,24, 31)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-collapse {
  padding: 0 rem;
  background-color: #0a2148;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: var(--primary-color);
}

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

.yellow-text {
  color: var(--light-theme-color);
}

.foys-footer {
  background: var(--dark-background-color);
  color: var(--dark-text-color);
  max-width: none;
  text-align: center;
}

.foys-footer a {
  color: var(--dark-link-text-color);
}

.footer-text {
  color: var(--dark-text-color);
}

.header-row {
  background-image: url("https://foys-prod.imgix.net/ca3d1c03-d60e-45fe-879f-08dca63febdf/df866d34-f82c-4a11-9ca5-e7f351ffdd7f.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-row-competitions {
  background-image: url("https://foys-prod.imgix.net/ca3d1c03-d60e-45fe-879f-08dca63febdf/5304235f-c946-4518-8ee4-b183b8e3be9f.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 600px) {
  .header-row {
    height: 100vh;
  }
  .header-row-competitions {
    height: 100vh;
  }

  .mobile-button {
    width: 100% !important;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.mockup-row {
  background-image: url("https://foys-prod.imgix.net/ca3d1c03-d60e-45fe-879f-08dca63febdf/e8cb9e59-ebd1-4426-8b9f-e3394b245d3e.png");
  background-size: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  height: 70vh;
}
@media (max-width: 600px) {
  .mockup-row {
    height: 50vh;
    background-size: 50vh;
  }
}
/* 
 * 👇 INSERT CUSTOM CSS FOR ALL SCREEN SIZES BELOW 👇
 */

.text-black {
  color: #000;
}

.btn,
.my-env .btn {
  border-radius: 0px;
  font-family: "Montserrat", "Arial", "Open Sans", sans-serif;, sans-serif;
}

.btn-primary {
  font-weight: 300;
  padding: 8px 12px;
  font-size: 14px;
  text-transform: capitalize;
  font-family: "Montserrat";
}

.page-top-image {
  display: block;
  height: 650px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.header-image {
  display: block;
  width: 100%;
}

.page-below-image {
  display: block;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.page-top-image2 {
  color: #ffffff;
  margin-top: 175px;
  text-align: center;
  font-size: clamp(48px, 10vw, 60px);
}

/* news items */
.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: "Montserrat", "Arial", "Open Sans", sans-serif;
  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 {
  color: #f8c91c;
}

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

.news-short-description-content,
.news-read-more {
  display: none;
}

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

/* end news items */

.background-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.algemene-info-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.over-content {
  background-image: url("https://foys-prod.imgix.net/0d557f1b-1879-4046-9c51-5d4e192f3c5a/a9108d0a-453e-4dec-986e-1cb5039d18fe.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.over-text {
  background-color: #fff;
  color: #1d1d1b;
}

blockquote {
  font-size: 2.4rem;
  text-align: center;
  width: 80%;
  margin: 50px auto;
  font-family: "Montserrat", "Arial", "Open Sans", sans-serif;
  font-style: italic;
  color: #f8c91c;
  line-height: 3.6rem;
}

.contact-content {
  background-image: url("https://foys-prod.imgix.net/0d557f1b-1879-4046-9c51-5d4e192f3c5a/c54f1602-2c9c-4e0a-ad9d-7bb3581cc299.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #1d1d1b !important;
  justify-content: center !important;
}

.foto-content {
  background-image: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.9),
      rgba(255, 255, 255, 0.9)
    ),
    url("https://foys-prod.imgix.net/7d2201a8-b98b-4fde-9b64-8c81922c90fe/ea08de62-6f0d-4fc7-a6f2-89c77f29bb4a.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

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

.link2 a {
  color: #ffffff;
  text-decoration: none;
}

.link2 a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.link a {
  color: #ffffff;
  text-decoration: none;
}

.link a:hover {
  color: #f8c91c;
  text-decoration: none;
}

.link3 a {
  color: #bebebe;
  text-decoration: none;
}

.link3 a:hover {
  color: #000000;
  text-decoration: none;
}

.link4 a {
  color: #ffffff;
  text-decoration: none;
}

.link4 a:hover {
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
}

.cards-list {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;

  > * {
    /* border-radius: 12px; */
    background-color: #ffffff;
    padding: 16px;
    width: 100%;
    height: 100%;
  }
}

/* START NAVBAR ALL SCREENS */
.website-custom-header {
  position: fixed;
  z-index: 1000;
  width: 100%;
  margin-top: 16px;
}
/* END NAVBAR */

.word-lid-button {
  border: white 2px solid;
  outline: var(--primary-color) 2px solid;
  border-radius: 2px;
}

.full-height {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.third-height {
  min-height: 90vh;
  display: flex;
  align-items: center;
}

/* News detail page - Full width image */
.news-spinner {
  color: var(--primary-color);
  margin: 0 auto;
}

.website-news-item-details .news-title {
  margin-top: 20px;
  font-size: 1.5rem;
}

.website-news-item-details .col-md-3 {
  flex: 0 0 100%;
  max-width: 100%;
}

.website-news-item-details .col-md-3 img {
  width: 100%;
  aspect-ratio: 16/8;
  object-fit: cover;
}

.website-news-item-details .col-md-9 {
  padding-inline: 1rem;
}

.website-news-item-details .news-body {
  padding-inline: 1rem;
}
/* END News detail page*/

/*
 * DESKTOP
 */
@media all and (min-width: 992px) {
  /* BASICS */

  /*
   * 👇 CUSTOM CSS FOR DESKTOP ONLY 👇
   */

  /* START NAVBAR */
  .website-custom-header {
    .navbar {
      display: block;
      margin: auto;
      background: white;
      border-radius: 999px;
      width: fit-content;
      box-shadow: 0px 2px 4px #cab6ac42;
      padding: 0.5rem 1.5rem;
    }

    .navbar-dark .navbar-nav .nav-link {
      color: var(--secondary-color-dark);
      font-size: 16px;
    }

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

  /* END NAVBAR */
}

/* 
 * MOBILE AND TABLETS
 */

/* tables */
td {
  padding: 1rem;
  vertical-align: top;
  min-width: 128px;
}
table {
  width: 100%;
}
table tr:nth-child(odd) td {
  background: #1d1d1b;
}
table tr:nth-child(even) td {
  background: #1d1d1b;
}

.cal-date {
  background: #1d1d1b !important;
  color: #f8c91c;
  font-family: "Montserrat", "Arial", "Open Sans", sans-serif;
  padding-top: 3rem;
}

/* 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;
  padding: 1rem;
}

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

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

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

.special-cta-item-content-container {
  padding-left: 2em;
}

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

.image-container {
  display: flex;
  flex-direction: row;
  gap: 12px; /* Optional: space between images */
}

.image-container a {
  width: 137px;
}

.image-container img {
  border-radius: 0px;
  width: auto;
  height: 50%; /* Set height for medium to large screens */
}

.image-container-footer {
  display: flex;
  flex-direction: row;
  gap: 12px; /* Optional: space between images */
}

.image-container-footer a {
  width: 137px;
}

.image-container-footer img {
  border-radius: 0px;
  width: auto;
  height: 50%; /* Set height for medium to large screens */
}

@media (max-width: 600px) {
  .image-container {
    flex-direction: row;
    align-items: flex-end;
    display: flex;
    justify-content: center;
    height: 55vh;
  }

  .image-container img {
    height: 56px; /* Override height for small screens */
  }

  .image-container a {
    width: auto;
  }

  .image-container-footer {
    flex-direction: row;
    align-items: flex-end;
    display: flex;
    justify-content: center;
  }

  .image-container-footer img {
    height: 56px; /* Override height for small screens */
  }

  .image-container-footer a {
    width: auto;
  }
}

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

/*  GET APP */
#section-get-app {
  margin-top: 6rem;
  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;
}
.get-app-btn:hover {
  text-decoration: none;
  color: #000;
}
.get-app-btn-subtitle {
  font-size: 0.6rem;
  line-height: 1rem;
}

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

.screen-overlay {
  height: 100%;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition: opacity 0.2s linear, visibility 0.1s, width 1s ease-in;
}

.screen-overlay.show {
  transition: opacity 0.5s ease, width 0s;
  opacity: 1;
  width: 100%;
  visibility: visible;
}

/* 👇 SMALLER THAN TABLET 👇 */
@media all and (max-width: 768px) {
  h1 {
    font-size: 2rem;
  }
  .nav-exp-link {
    width: 33.3%;
    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: 2rem;
    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
    );
  }
}

/* 👇 SMALLER THAN SMALL DEVICES 👇 */
@media all and (max-width: 576px) {
  .nav-exp-link {
    width: 50%;
    font-size: 1rem;
  }
  .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
    );
  }
}

/*Language dropdown*/
.flex-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.language-over-button {
  z-index: 21;
}

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

.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 (max-width: 768px) {
  .language-footer {
    justify-content: center;
  }
}

/* CUSTOM MEDIA QUERIES */
@media all and (max-width: 992px) {
  .offcanvas-header {
    display: block;
  }

  /* BASICS */
  .website-header-logo {
    max-height: 60px;
  }

  .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.5rem;
    line-height: 1;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0.25rem;
    border-color: var(--primary-color);
    cursor: pointer;
  }
  .get-app-img-container {
    order: -1;
    margin-bottom: 5rem;
    display: flex;
    justify-content: center;
  }

  .get-app-img-container img {
    max-width: 30rem;
    width: 100%;
    margin: 0 auto;
  }
  .get-app-btn {
    width: 50%;
  }
  /*
     * 👇 CUSTOM CSS FOR MOBILE AND TABLETS 👇
     */

  .navbar-toggler {
    display: block;
    margin-left: auto;
    border-color: var(--primary-color-contrast);
  }

  h2 {
    font-size: 1.7rem;
  }

  .row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }

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

  blockquote {
    font-size: 1rem;
    text-align: center;
    width: 90%;
    margin: 36px auto;
    font-family: "Montserrat", "Arial", "Open Sans", sans-serif;
    font-style: italic;
    color: var(--light-theme-color);
    line-height: 2.1rem;
  }

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/></svg>");
  }

  .cards-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow: auto;

    div:first-child {
      margin-left: 12px;
    }

    div:last-child {
      margin-right: 12px;
    }

    > * {
      min-width: 260px;
    }
  }

  .mobile-offcanvas {
    visibility: hidden;
    transform: translateY(100%); /* 100 + right */
    border-radius: 0;
    display: block;
    position: fixed;
    bottom: 0px;
    right: 0%;
    z-index: 1200;
    width: 100%;
    transition: visibility 0.6s cubic-bezier(0.4, 0, 0, 1),
      transform 0.6s cubic-bezier(0.4, 0, 0, 1);
    margin-top: 16px;
    border-radius: 0px;
  }

  .mobile-offcanvas.show {
    visibility: visible;
    transform: translateY(0);
    background-color: #fff;
  }

  .dropdown-menu {
    border: 0;
  }

  .navbar .nav-item .dropdown-item {
    font-size: 1rem;
  }

  .news-item {
    max-width: 90% !important;
  }

  .navbar-dark .navbar-toggler {
    border-color: var(--secondary-color);
  }

  /* .navbar-dark .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    } */

  .navbar-collapse {
    padding: 0.5rem;
    background-color: white;
  }

  .navbar-dark .navbar-nav .nav-link {
    color: #1d1d1b;
    font-size: 1.2rem;
    text-decoration: none;
    transition: all linear 0.5s;
    text-align: center;
    line-height: 40px;
  }

  .sticky .navbar-dark .navbar-nav .nav-link {
    font-size: 0.8rem;
    transition: all linear 0.5s;
  }

  .navbar-dark .navbar-nav .nav-link:focus,
  .navbar-dark .navbar-nav .nav-link:hover {
    color: #1d1d1b;
  }

  .navbar .nav-item .dropdown-large {
    padding: 20px;
  }

  .navbar .nav-item .dropdown-item {
    padding: 0.8rem;
    font-size: 0.8rem;
    text-decoration: none;
  }

  .page-partner-image {
    display: block;
    height: 350px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }

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

  .special-cta-img-container {
    min-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;
  }
}