/*
*  Fonts
*/

/* space-grotesk-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/space-grotesk-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* space-grotesk-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/space-grotesk-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* space-grotesk-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/space-grotesk-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* space-grotesk-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/space-grotesk-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* space-grotesk-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/space-grotesk-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*!
    *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
    *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
    */
@font-face {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format("embedded-opentype"), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format("woff2"), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format("woff"), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format("truetype"), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format("svg")
}

/* dm-sans-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/dm-sans-v14-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/dm-sans-v14-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/dm-sans-v14-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/dm-sans-v14-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/dm-sans-v14-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/dm-sans-v14-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dm-sans-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/dm-sans-v14-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/dm-sans-v14-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/dm-sans-v14-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/dm-sans-v14-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/dm-sans-v14-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/dm-sans-v14-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/dm-sans-v14-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/dm-sans-v14-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/dm-sans-v14-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/dm-sans-v14-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/dm-sans-v14-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*
 *  Basic Styles
 */

body,
html {
  color: #181E32;
  font-family: DM Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem; /* 175% */
}

main {
  padding-top: 2.125rem
}

@media(min-width:575.98px) {
  main {
    padding-top: 2.125rem
  }
}

@media(min-width:767.98px) {
  main {
    padding-top: 3.625rem
  }
}

@media(min-width:1199.98px) {
  main {
    padding-top: 4.625rem
  }
}

h1 {
  font-family: Space Grotesk;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.875rem; /* 110.714% */
  letter-spacing: -0.0625rem;
  margin-bottom: 1.75rem
}

@media(max-width:767.98px) {
  h1 {
    font-size: 2.25rem;
    line-height: 3rem
  }
}

h2 {
  font-family: Space Grotesk;
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.5rem; /* 125% */
  margin-bottom: 1.5rem
}

@media(max-width:767.98px) {
  h2 {
    font-size: 1.75rem;
    line-height: 2.5rem
  }
}

h3 {

  font-family: Space Grotesk;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.75rem; /* 140% */
  letter-spacing: -0.03125rem;
}

@media(max-width:767.98px) {
  h3 {
    font-size: 1.5rem;
    line-height: 2.25rem
  }
}

h4 {
  font-size: 1.3125rem;
  font-weight: 600;
  letter-spacing: 0.09px;
  line-height: 2rem;
  margin-bottom: 1rem
}

@media(max-width:767.98px) {
  h4 {
    font-size: 1.25rem;
    line-height: 1.75rem
  }
}

p {
  color: #181E32;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  letter-spacing: 0.07px;
  line-height: 1.75rem;
  margin-bottom: 1.75rem;
  padding-bottom: 0;
  font-size: 1rem;
  font-style: normal;
}

p a:not(.anchor-link):not(.primary-link):not(.btn) {
  color: #00455b;
  text-decoration: underline
}

text-mark {
  color: #0166D9;
}


section ul li {
  font-family: DM Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.75rem; /* 175% */
}

/* section ul li,
span {
  font-family: Inter, sans-serif
} */

span.pre-heading {
  color: #00b96e;
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase
}

a,
span.pre-heading--secondary {
  color: #181E32;
}

a {
  /* font-family: Inter, sans-serif;
  font-weight: 600;
  line-height: 1.25rem;
  text-decoration: underline */
  font-family: Space Grotesk;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.125rem; /* 128.571% */
}

a:active,
a:hover {
  color: #181E32;
}

.btn {
  border-radius: 24px;
  display: inline-flex;

  align-items: center;
  color: #181E32;
  text-align: center;

  font-family: Space Grotesk;
  font-weight: 700;


}

.btn:active,
.btn:active:focus,
.btn:focus,
.btn:hover {
  -webkit-box-shadow: 0 0.875rem 1.875rem 0 rgba(21, 37, 72, 0.2);
  box-shadow: 0 0.875rem 1.875rem 0 rgba(21, 37, 72, 0.2)
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {
  background: #181E32;
  border: 1px solid #181E32;
  color: #fff
}

.btn-primary:hover {
  background: #181E32;
  border: 1px solid #181E32;
  color: #fff
}

.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary:focus {
  background: #fff;
  border: 1px solid #181E32;
  color: #181E32;
}

.btn-outline-primary:hover {
  background: #D8F184;
  border: 1px solid #181E32;
  color: #181E32;
}

.btn-lg {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 1rem 2.5rem;

}

@media(max-width:767.98px) {
  .btn-lg {
    padding: 1rem 1.5rem
  }
}

.btn-md {
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding: 0.75rem 1.125rem;
  letter-spacing: 0.01875rem;
  height: auto;
  width: auto;
  /* height: 2.625rem;
  width: 10.8125rem; */
  white-space: nowrap;
  display: inline-flex;
  justify-content: center;
}

@media(max-width:767.98px) {
  .btn-md {
    padding: 0.875rem 1.3125rem
  }
}

.btn--shadow {
  -webkit-box-shadow: 0 0.625rem 1.5625rem 0 rgba(21, 37, 72, 0.1);
  box-shadow: 0 0.625rem 1.5625rem 0 rgba(21, 37, 72, 0.1)
}

.btn.no-bg {
  background: transparent
}

.btn.no-border,
.btn.no-border:active,
.btn.no-border:focus,
.btn.no-border:hover {
  border: 2px solid transparent
}

.btn.btn-border,
.btn.btn-border:active,
.btn.btn-border:focus,
.btn.btn-border:hover {
  border: 1px solid #181E32;
}

.btn-text-only {
  background: none;
  border: 0;
  color: #181E32;
  font-family: Pace Grotek, sans-serif;
  font-weight: 600;
  line-height: 1.25rem;
  outline: none;
  text-decoration: none
}

.btn-text-only:active,
.btn-text-only:focus,
.btn-text-only:hover {
  color: #181E32;
}


.card-shadow {
  /* -webkit-box-shadow: 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.12) */
  box-shadow: none;
}


.card-shadow:hover,
.card-shadow:active,
.card-shadow:focus,
.card-shadow:visited,
.card-shadow:target {
  box-shadow: 0 0.75rem 1.25rem 0 rgba(0, 0, 0, 0.2);
  background-color: #D8F184;
}


.row {
  margin: auto;
  max-width: 69.375rem
}

@media(max-width:1199.98px) {
  .row {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
  }
}

.content-block {
  padding: 4rem 0;
  position: relative;
}


@media(max-width:767.98px) {
  .content-block {
    padding: 3.25rem 0
  }
}

header .bg-light {
  background-color: #ECEEF2 !important
}
header .container-fluid,
header .container-lg,
header .container-md,
header .container-sm,
header .container-xl,
header .container-xxl {
  max-width: 90rem;
  position: relative
}

header .navbar-brand img {
  /* width: 85% */
  width: 13.25rem;
  height: 2.5625rem;
}

@media(max-width:1399.98px) {
  header .container-fluid,
  header .container-lg,
  header .container-md,
  header .container-sm,
  header .container-xl,
  header .container-xxl {
    max-width: 100%;
    padding: 0
  }
}

header .container-fluid .navbar-brand,
header .container-lg .navbar-brand,
header .container-md .navbar-brand,
header .container-sm .navbar-brand,
header .container-xl .navbar-brand,
header .container-xxl .navbar-brand {
  margin-left: 2.5rem;
  /* padding-bottom: 1.25rem;
  padding-top: 0.75rem */
}

@media(max-width: 992px) {
  header .container-fluid .navbar-brand,
  header .container-lg .navbar-brand,
  header .container-md .navbar-brand,
  header .container-sm .navbar-brand,
  header .container-xl .navbar-brand,
  header .container-xxl .navbar-brand {
    margin-left: 0.5rem;
    /* padding-bottom: 1.25rem;
    padding-top: 0.75rem */
  }
}

header .navbar-light {
  border-bottom: 1px solid #373F41;
  background: #ECEEF2;

}

@media(max-width: 992px) {
  .navbar-collapse {
    background: var(--misc-bg-light, #F8F9FA);
  }
}

@media(min-width: 992px) {

  header .navbar-light {
    height: 5.5rem;

  }

}

header .navbar-light .navbar-nav .nav-link {
  color: #181E32;
}

@media(max-width: 992px) {
  header .navbar-light .navbar-nav .nav-link {
    font-size: 1rem;
  }
}


@media(min-width: 992px) {

  .dropdown-toggle::after {
    display: none;
  }

}

/* .navbar-brand {
  margin-right: 6rem;
} */

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

  .navbar-brand {
    margin-right: 2rem;
  }

} */


.navbar-nav.main-nav {
  display: inline-flex;
  align-items: center;
  gap: 2rem;
  margin-left: 5vw;
  margin-right: 1vw;
}

@media(max-width: 1200px) {
  .navbar-nav.main-nav {

    gap: 0.5rem;
    margin-left: 2vw;

  }
}

@media(max-width: 992px) {
  .navbar-nav.main-nav {
    align-items: start;
    margin: 0 1rem;
    padding-top: 1.5rem;
    height: 100vh;
  }

  .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
    content: url('../public/images/chevron-down-solid.svg');
    width: 25px;
    height: auto;
    position: fixed;
    right: 1.3215rem;
    border: 0;
    transition: transform 0.3s; /* Add a transition property for smooth animation */
  }

  .navbar-nav .nav-item .nav-link.dropdown-toggle.show::after {
    transform: rotate(-180deg); /* Rotate the SVG icon when the dropdown is active */
  }

}

.navbar-nav .buttons button {
  display: flex;
  max-width: 23.4375rem;
  padding: 0.75rem 1.125rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 90vw;
}

@media(min-width: 992px) {

  .navbar-nav .buttons {
    display: none;
  }

}

.text-end {
  display: flex;
  gap: 1rem;
  margin-right: 3vw;
}

@media(max-width: 1200px) {

  .text-end {
    margin-right: 1vw;
  }
}

@media(max-width: 992px) {

  .navbar .text-end {
    display: none;
  }


}


.navbar-toggler {
  margin-right: 1.3125rem;
}

.dropdown-menu {
  border-radius: 14px;
  border: 1px solid #181E32;
  background: #ECEEF2;
  min-width: 1rem;
  top: 3rem !important;
}

@media(max-width: 992px) {
  .dropdown-menu {
    border-radius: 0;
    background: var(--misc-bg-light, #F8F9FA);
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0.0625rem solid #181E32 !important;
  }
}

@media(max-width: 992px) {
  header .navbar-light .navbar-nav .nav-item .nav-link.border-mob-nav {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0.0625rem solid #181E32 !important;
    width: 95vw;
    padding-bottom: 1rem;

  }
  header .navbar-light .navbar-nav .nav-item .buttons-mob {
    margin-top: 3.25rem;
  }
}


/* .dropdown-menu::before,
.dropdown-menu::after {

  content: '';
  position: absolute;
  bottom: 100%;
  left: 3rem;
  top: -1rem;
  border: 1px solid transparent;
  border-top: none;
  border-bottom-color: #fff;
  border-width: 1rem;
  filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));

} */


/* Custom CSS */
.dropdown-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.25rem 1.25rem;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background: rgba(212, 224, 240, 0.80);
}

.dropdown-item-image {
  width: 2.25rem; /* Adjust the width as needed */
  height: 2.25rem; /* Adjust the height as needed */
  margin-right: 10px; /* Adjust the margin as needed */
  display: inline-block;
  border-radius: 50%;
  background-color: #181E32;
  padding: 0.5rem;
}


.dropdown-item-content {
  display: flex;
  flex-direction: column;

}
.dropdown-item-content > span:nth-child(1) {
  color: #181E32;
  font-size: 0.75rem;
  font-family: Space Grotesk;
  font-weight: 700;
  /* line-height: 1.125rem; */

}

.dropdown-item-content > span:nth-child(2) {
  color: #181E32;
  font-size: 0.6875rem;
  font-family: Space Grotesk;
  /* line-height: 1.25rem; */
}

.dropdown-item-subtitle {
  font-weight: bold; /* Adjust the font weight as needed */
  /* margin-bottom: 5px;  */
}

/* Media query for desktop screens */
@media(min-width: 768px) {
  .dropdown-item {
    flex-direction: row;
  }

  .dropdown-item-image {
    margin-right: 20px; /* Adjust the margin as needed */
  }
}

/* Custom CSS */
.dropdown-menu-start {
  right: auto !important;
  left: 0 !important;
}

.dropdown-menu-end {
  right: 0 !important;
  left: auto !important;
}


.pointer {
  height: 1.25rem;
  width: 1.25rem;
  background: #ECEEF2;
  margin: 1px auto 0;
  transform: rotate(45deg);
  border-radius: 0 0 12px 0;
  position: absolute;
  left: calc(0.5vw - 50px);
  border-top: 1px solid #181E32;
  border-left: 1px solid #181E32;
  top: -0.75rem;
  left: 20%;
}


/*============================================
           Testbirds Code of Conduct    
=============================================*/


/*
 * Hero 
 */


.hero img {

  /* margin-top: -6rem; */
  margin-bottom: -6rem;
  width: 100%;
}


@media(max-width: 992px) {
  .hero img {

    margin-top: inherit;
    margin-bottom: 4rem;
    width: 90%;
  }
}

/* @media(max-width: 992px) {
  .hero img {
    width: 100%;
  }
} */

/* @media(max-width: 1200px) {
  .hero img {

    width: 90%;
  }
}  */

.hero.content-block {
  padding: 6rem 0 4.5rem;
  background: #ECEEF2;
}

.hero.content-block::after {
  content: '';
  position: absolute;
  left: 50%; /* Set left to 50% */
  transform: translateX(-50%); /* Adjust translateX value to center the border */
  bottom: 0;
  /* width: 69.0625rem; */
  /* width: 71.25rem;*/
  height: 0.0625rem;
  background: #181E32;
}


@media(max-width: 992px) {
  .hero.content-block {
    padding: 4rem 0
  }
}


.hero__btn {
  column-gap: 1rem;
  display: flex;
  flex-direction: row;
}

/* .hero__btn .btn {
  width: 10rem;
} */

/*
 * .teaser-cards  
 */

.teaser-cards.content-block {
  /* padding: 3.25rem 0; */
  background: #ECEEF2;
  padding-bottom: 6.5rem;
}

@media(max-width: 992px) {
  .teaser-cards.content-block {
    padding: 3.25rem 0;

  }
}

.teaser-cards.content-block::after {
  content: '';
  position: absolute;
  left: 50%; /* Set left to 50% */
  transform: translateX(-50%); /* Adjust translateX value to center the border */
  bottom: 0;
  /* width: 69.0625rem; */
  width: 71.25rem;
  height: 0.0625rem;
  background: #181E32;
}

.teaser-cards__content {
  margin-bottom: 1.5rem
}

.teaser-cards__grid {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.teaser-cards__card {
  /* margin: 1rem 1rem 1.5rem; */
  max-width: calc(25% - 1.5rem);
  /* padding: 1.75rem 1.25rem; */
  position: relative;
  text-align: center;
  width: calc(25% - 1.5rem)
}
@media(max-width:991.98px) {
  .teaser-cards__card {
    max-width: calc(48% - 1.5rem);
    width: calc(48% - 1.5rem)
  }
}
@media(max-width:767.98px) {
  .teaser-cards__card {
    max-width: 43.5%;
    width: 43.5%
  }
}
@media(max-width:575.98px) {
  .teaser-cards__card {
    max-width: 100%;
    width: 100%;
    padding-bottom: 2rem;

  }
}
.teaser-cards__card--bg-dark {
  background: #f2f6f7
}
.teaser-cards__card a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}


.teaser-cards__card img {
  display: block;
  /* border-radius: 50%;
  background-color: #181E32; */
  /* padding: 0.5rem; */
  /* min-width: 3.375rem;
  min-height: 3.375rem;
  overflow: visible; */
}


.teaser-cards_flat-v01__card span {
  color: #da4b30;
  font-weight: 600;
  letter-spacing: 2.3px;
  text-transform: uppercase
}
.teaser-cards__card p {
  display: block;
  font-size: 1rem;
  line-height: 1.75rem;
  padding-bottom: 0;
  text-align: left
}
.teaser-cards__card p {
  font-weight: 400;
  letter-spacing: 0.07px;
  margin-bottom: 0;
  padding-top: 1rem
}


/*
 * logos 
 */


.logos.content-block {
  /* padding: 3.25rem 0; */
  background: #ECEEF2;

}

.logos .logos__grid {
  /* max-width: 51.275rem; */
  max-width: 67.275rem;
}

.logos .logos__card {
  margin-bottom: 2rem;
  text-align: center;
}


@media(max-width: 992px) {

  .logos .logos__card {
    text-align: center;
  }
}
.logos .logos__content h2 {
  margin-bottom: 3rem;
}

.logos .logos__disclaimer span {
  text-align: center;
  font-family: Space Grotesk;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem; /* 128.571% */
}

.home .logos.content-block::after {
  content: '';
  position: absolute;
  left: 50%; /* Set left to 50% */
  transform: translateX(-50%); /* Adjust translateX value to center the border */
  bottom: 0;
  /* width: 69.0625rem; */
  /* width: 71.25rem; */
  /* width: 85%; */
  height: 0.0625rem;
  background: #181E32;
}

@media(max-width: 992px) {

  .logos .aeg {
    width: 15%;
  }
}

@media(max-width: 992px) {

  .logos .aeg {
    width: 15% !important;
  }
}


/*
 * USPS  
 */


.usps.content-block {
  /* padding: 3.25rem 0; */
  background: #ECEEF2;
  padding-bottom: 6.5rem;

}

@media(max-width: 992px) {
  .usps.content-block {
    padding-bottom: 3.25rem;

  }
}


.usps.content-block::after {
  content: '';
  position: absolute;
  left: 50%; /* Set left to 50% */
  transform: translateX(-50%); /* Adjust translateX value to center the border */
  bottom: 0;
  /* width: 69.0625rem; */
  width: 71.25rem;
  height: 0.0625rem;
  background: #181E32;
}

.usps__heading {
  margin-bottom: 3rem
}

.usps__list {
  justify-content: space-around;
  max-width: 57.625rem;
}


.usps__list a {
  text-decoration: none;
}

@media(max-width:991.98px) {
  .usps__list a {
    margin-bottom: 2rem;
  }
}

.usps__list-item {
  background: #F6F7F9;
  padding: 2.25rem 1.5rem 1.5625rem;
  position: relative;
  text-align: center;
  margin: 1rem 1rem 2rem;
  /* max-width: calc(32.1% - 2rem); */
  /* width: calc(33% - 1.5rem); */
  border: 1px solid #181E32;
  border-radius: 14px;
  height: 100%;


  /* display: flex; */
  width: 100%;
  /* height: 21.875rem; */
  flex-direction: column;
  align-items: center;
  gap: 1.375rem;

}


/* .usps__list-item h2 {
  margin-bottom: 0.5rem;

} */
/* @media(max-width:991.98px) {
  .usps__list-item {
    max-width: calc(48% - 1.5rem);
    width: calc(48% - 1.5rem)
  }
}
@media(max-width:767.98px) {
  .usps__list-item {
    max-width: 43.5%;
    width: 43.5%
  }
}
@media(max-width:575.98px) {
  .usps__list-item {
    max-width: 90%;
    width: 90%
  }
} */

@media(max-width:991.98px) {
  .usps__list-item {
    /* max-width: 90%;*/
    width: 100%
  }
}


.usps__list-item.card-shadow {
  /* -webkit-box-shadow: 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.12) */
  box-shadow: none;
}

.usps__list-item.card-shadow:hover {
  -webkit-box-shadow: 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.12);
  /* box-shadow: none; */
}

.usps__list-item img {
  /* margin-bottom: 1.25rem;
  margin-top: 2rem; */

  display: inline-block;
  /* border-radius: 50%;
  background-color: #181E32;
  padding: 0.5rem;
  min-width: 3.375rem;
  min-height: 3.375rem;
  overflow: visible; */
  margin-bottom: 2.25rem;
}

/* .usps__list-item .pre-heading {
  color: #da4b30;
  margin-bottom: 0
} */
/* 
.usps__list-item a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
} */

.usps__list-item h3 {
  font-family: Space Grotesk;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.75rem; /* 140% */
  letter-spacing: -0.03125rem;
  margin-bottom: 0.75rem;

}


.usps__list-item span {
  text-decoration: underline;

}

.usps__list-item p {
  font-family: Space Grotesk;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
}


/*
 * benefit-image-left
 */


.benefit-image-left.content-block,
.benefit-image-right.content-block {
  /* padding: 3.25rem 0; */
  background: #ECEEF2;

}

.benefit-image-left.content-block .link,
.benefit-image-right.content-block .link {

  font-family: Space Grotesk;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem; /* 150% */
  color: #181E32 !important;
}


.benefit-image-left .main-image img,
.benefit-image-right .main-image img {
  width: 90%;
}

@media(max-width: 992px) {
  .benefit-image-left .main-image img,
  .benefit-image-right .main-image img {
    width: 100%;
  }
}
/*
 * cta-small
 */

.cta-small.content-block {
  /* padding: 3.25rem 0; */
  color: #FFF;
}


.cta-small--dark {
  background: #0166D9;
  color: #FFF;
  text-align: center;
}

.cta-small__content {
  display: block;
  /* width: 33.75rem; */

}

.cta-small__content p {
  color: #FFF;
  text-align: center;
  font-size: 1rem;
  font-family: Space Grotesk;
  font-weight: 500;
  line-height: 1.375rem;
}


.cta-small__content .btn-outline-primary {
  border: 0;
}


/*
 * newsroom  
 */


.newsroom.content-block {
  /* padding: 3.25rem 0; */
  background: #ECEEF2;
  padding-bottom: 6.5rem;

}

@media(max-width: 992px) {
  .home .newsroom.content-block {
    padding-bottom: 3.25rem;

  }
}

.newsroom.content-block::after {
  content: '';
  position: absolute;
  left: 50%; /* Set left to 50% */
  transform: translateX(-50%); /* Adjust translateX value to center the border */
  bottom: 0;
  /* width: 69.0625rem; */
  width: 71.25rem;
  height: 0.0625rem;
  background: #181E32;
}


.newsroom__heading {
  margin-bottom: 3rem
}

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

.newsroom__list a {
  text-decoration: none;
}


.newsroom__list-item {
  padding: 1rem;
  position: relative;
  margin: 1rem 1rem 1.5rem 0;
  /* max-width: calc(25% - 1.5rem);
  width: calc(25% - 1.5rem); */
  border: 1px solid #181E32;
  border-radius: 14px;
  background: #F6F7F9;
  width: 100%;
}

.newsroom__list-item .pre-header {

  color: var(--light-black, #373F41);
  font-family: Space Grotesk;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75rem; /* 215.385% */
  letter-spacing: 0.0625rem;
  padding-bottom: 1.5rem;
  text-decoration: underline;
}

.newsroom__list-item h3 {

  font-size: 1.25rem;
  font-family: Space Grotesk;
  font-weight: 600;
  line-height: 1.75rem;
  letter-spacing: -0.03125rem;


}
.newsroom__list-item span {
  font-family: Space Grotesk;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */

}


/* @media(max-width:991.98px) {
  .newsroom__list-item {
    max-width: calc(48% - 1.5rem);
    width: calc(48% - 1.5rem)
  }
}
@media(max-width:767.98px) {
  .newsroom__list-item {
    max-width: 43.5%;
    width: 43.5%
  }
}
@media(max-width:575.98px) {
  .newsroom__list-item {
    max-width: 90%;
    width: 90%
  }
} */

@media(max-width:991.98px) {
  .newsroom__list-item {
    max-width: 100%;
    width: 100%
  }
}

.newsroom__list-item img {
  margin-bottom: 1.25rem;
  margin-top: 2rem;

}

.newsroom__link-container {
  display: flex;
  justify-content: flex-end;

}

.newsroom__image-link {
  display: inline-block;
  border-radius: 50%;
  background-color: #181E32;
  padding: 5px;

}


/*
 * quote  
 */


.quote.content-block {
  /* padding: 3.25rem 0; */
  background: #ECEEF2;

}

.quote.content-block .portrait img {
  width: 100%;

}


.quote.content-block span {
  font-size: 1rem;
  font-family: Space Grotesk;
  line-height: 1.5rem;

}

.quote .quote-mark img {
  margin-bottom: 1.5rem;
}

/*
 * text-general
 */


.text-general.content-block {
  /* padding: 3.25rem 0; */
  background: #ECEEF2;

}

.text-general.content-block::after {
  content: '';
  position: absolute;
  left: 50%; /* Set left to 50% */
  transform: translateX(-50%); /* Adjust translateX value to center the border */
  bottom: 0;
  /* width: 69.0625rem; */
  width: 71.25rem;
  height: 0.0625rem;
  background: #181E32;
}

.crowdworking .text-general.content-block::after,
.admission .text-general-3.content-block::after,
.resources .text-general.content-block::after {
  background: none;
}

.crowdworking .text-general.text-general-2.content-block::after,
.crowdworking .text-general.text-general-3.content-block::after,
.crowdworking .text-general.text-general-4.content-block::after {
  background: #181E32;
}


.admission .text-general.text-general-2 ul li.first-level-1 {
  background-image: url('../public/images/1.svg');
  background-repeat: no-repeat;

}
.admission .text-general.text-general-2 ul li.first-level-2 {
  background-image: url('../public/images/2.svg');
  background-repeat: no-repeat;
}
.admission .text-general.text-general-2 ul li.first-level-3 {
  background-image: url('../public/images/3.svg');
  background-repeat: no-repeat;
}
.admission .text-general.text-general-2 ul li.first-level-4a {
  background-image: url('../public/images/4a.svg');
  background-repeat: no-repeat;
}
.admission .text-general.text-general-2 ul li.first-level-4b {
  background-image: url('../public/images/4b.svg');
  background-repeat: no-repeat;
}
.admission .text-general.text-general-2 ul li.first-level-5a {
  background-image: url('../public/images/5a.svg');
  background-repeat: no-repeat;
}
.admission .text-general.text-general-2 ul li.first-level-5b {
  background-image: url('../public/images/5b.svg');
  background-repeat: no-repeat;
}
.admission .text-general.text-general-2 ul li.first-level-5c {
  background-image: url('../public/images/5c.svg');
  background-repeat: no-repeat;
}

.admission .text-general.text-general-2 ul#first-level,
.admission .text-general.text-general-2 ul#second-level {
  list-style-type: none;
  padding-left: 0;
  padding-top: 2rem;
}


@media(max-width:991.98px) {

  .admission .text-general.text-general-2 ul#second-level {
    padding-left: 0;
  }
}


.admission .text-general.text-general-2 ul#third-level {
  list-style: disc;
  padding-left: 3rem;
  padding-top: 2rem;
}


@media(max-width:991.98px) {

  .admission .text-general.text-general-2 ul#third-level {
    padding-left: 0;
  }
}


.admission .text-general.text-general-2 ul#fourth-level {
  list-style-type: square;
  padding-left: 3rem;
}

.admission .text-general.text-general-2 ul#first-level li {
  position: relative;
  padding-left: 4.375rem;
  padding-bottom: 3.625rem;
}

.admission .text-general.text-general-2 ul#second-level li {
  position: relative;
  padding-left: 4.375rem;
  padding-bottom: 2rem;
}

.admission .text-general.text-general-2 ul#second-level li.second-level-41::before {
  content: '4.1';
  margin-left: -2.5rem;
  margin-bottom: 5rem;
  padding-right: 1rem;
}
.admission .text-general.text-general-2 ul#second-level li.second-level-42::before {
  content: '4.2';
  margin-left: -2.5rem;
  margin-bottom: 5rem;
  padding-right: 1rem;
}
.admission .text-general.text-general-2 ul#second-level li.second-level-43::before {
  content: '4.3';
  margin-left: -2.5rem;
  margin-bottom: 5rem;
  padding-right: 1rem;
}
.admission .text-general.text-general-2 ul#second-level li.second-level-44::before {
  content: '4.4';
  margin-left: -2.5rem;
  margin-bottom: 5rem;
  padding-right: 1rem;
}

.admission .text-general.text-general-2 ul#second-level li.second-level-45::before {
  content: '4.5';
  margin-left: -2.5rem;
  margin-bottom: 5rem;
  padding-right: 1rem;
}

@media(max-width:991.98px) {
  .admission .text-general.text-general-2 ul#second-level li {
    padding-left: 0;

  }
}

.admission .text-general.text-general-2 ul#third-level li,
.admission .text-general.text-general-2 ul#fourth-level li {
  position: relative;
  padding-left: 0;
  padding-bottom: 0;
}


/*
 * text-general-quote
 */


.text-general-quote.content-block {
  /* padding: 3.25rem 0; */
  background: var(--tint-04, #D4E0F0);

}

/*
 * accordion
 */


.accordion.content-block {
  /* padding: 3.25rem 0; */
  background: #ECEEF2;
}

.accordion-body {
  margin-bottom: 2rem;
}


.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.accordion-item {
  background-color: #ECEEF2;

  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0.0625rem solid #181E32;
}


.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}


.accordion-button:not(.collapsed) {
  color: #181E32;
  background-color: #ECEEF2;
  box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
  display: inline;
  background-color: #fff;
  background-image: url('../public/images/code-of-conduct-chevron-up.svg');
  transform: rotate(0deg);


}


.accordion-button {
  padding: 2rem 1.25rem;
  font-size: 1.25rem;


  font-style: normal;
  font-weight: 600;
  line-height: 1.75rem; /* 140% */
  letter-spacing: -0.03125rem;
  background: #ECEEF2;

}


.accordion-button::after {

  background-image: url('../public/images/code-of-conduct-chevron-down.svg');
  border-radius: 50%;
  background-color: #181E32;
  min-width: 2rem;
  min-height: 2rem;
  background-position: center;
}


/*
 * download
 */

.download.content-block {
  padding-top: 1rem;
  background: #ECEEF2;
}

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

.download .download__content .btn {
  background: black;
  border: 0;
  color: white;
}


/*
 * All
 */

.content-block::after {
  width: 80% !important;
  max-width: 70.25rem;
}

/*
 * Footer
 */


footer#footer {


  background: #0155B4;
  /* height: 16.6875rem;
  display: flex;
  align-items: flex-end; */
}

footer#footer .content-block {
  /* padding-bottom: 1.25rem; */
  padding: 5.25rem 0;
}


footer#footer span {
  color: #fff;
  font-size: 0.875rem;
  font-family: Space Grotesk;
  line-height: 1.25rem;
  letter-spacing: 0.0125rem;
}

footer#footer ul li {
  margin-left: -1rem;
}


footer#footer h6 {
  color: #FFF;
  font-size: 0.875rem;
  font-family: Space Grotesk;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0.0125rem;
  padding-bottom: 1rem;
}

footer#footer a {
  color: #FFF;
  font-size: 0.875rem;
  font-family: Space Grotesk;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.0125rem;
}

footer#footer .company-info .nav-item {
  list-style: none;
}

/* footer#footer .company-info .imprint {
  padding-bottom: 1rem;
} */

footer#footer .company-info li:first-of-type {
  margin-top: 1rem !important;
}


footer#footer .company-info img {
  filter: brightness(0) invert(1);
  height: 0.875rem;
  width: 0.875rem;
}