@import url("open-iconic/font/css/open-iconic-bootstrap.min.css");
.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

input[type=checkbox], input[type=radio] {
  margin-right: 4pt;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
input[type=checkbox]:after, input[type=radio]:after {
  width: 12pt;
  height: 12pt;
  border-radius: 0;
  top: 1.5pt;
  left: 0;
  position: relative;
  background-color: white;
  content: "";
  display: inline-block;
  border: 1pt solid black;
  cursor: pointer;
  box-shadow: inset 0 0 0 1.5pt white;
}
input[type=checkbox]:checked:after, input[type=radio]:checked:after {
  background-color: #f4991a;
}
input[type=checkbox][disabled]:after, input[type=radio][disabled]:after {
  cursor: default;
  opacity: 0.2;
  background-color: #adb5bd;
}

input[type=radio]:after, .radiobutton input:after {
  border-radius: 6pt;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.modal .modal-dialog.modal-fullscreen {
  width: 100%;
}
.modal.modal-borderless .modal-dialog .modal-body {
  padding: unset;
}
.modal .close {
  font-size: 34px;
  padding: 0;
  line-height: 20px;
  border: none;
  background-color: unset;
  color: #5e4897;
  text-align: right;
  align-self: flex-start;
  flex-grow: 1;
}

#PageLoadSpinnerModal .modal-content {
  background-color: unset;
}
#PageLoadSpinnerModal .modal-content .pageloadspinner {
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
#ContentPageHeader.content-gray-bg {
  background-color: #71768d;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  #ContentPageHeader.content-gray-bg {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) {
  #ContentPageHeader.content-gray-bg .content-heading-image {
    position: relative;
    top: 50px;
    width: 93%;
    margin: auto;
    background-color: #71768d;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
  }
}
@media screen and (max-width: 768px) {
  #ContentPageHeader.content-gray-bg .content-heading-image {
    background: none !important;
  }
}
@media screen and (min-width: 768px) {
  #ContentPageHeader.content-gray-bg .content-heading-image .content-heading-overlay {
    background-image: linear-gradient(to right, rgba(1, 3, 58, 0.8) 32%, rgba(35, 10, 101, 0.2) 52%);
    padding: 60px 0px 80px 83px;
    border-radius: 8px;
  }
}
@media screen and (min-width: 768px) {
  #ContentPageHeader.content-gray-bg .content-heading-image .content-heading-overlay > div:first-child {
    width: 40vw;
  }
}
@media screen and (max-width: 768px) {
  #ContentPageHeader.content-gray-bg .content-heading-image .content-heading-overlay > div:first-child {
    margin-left: 20.5px;
    margin-right: 20.5px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
#ContentPageHeader.content-gray-bg .content-heading-image .content-heading-overlay > div:first-child h1 {
  font-size: 2.5rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #ContentPageHeader.content-gray-bg .content-heading-image .content-heading-overlay > div:first-child h1 {
    font-size: 1.375rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #464c58;
    color: #fff;
  }
}
#ContentPageHeader.content-gray-bg .content-heading-image .content-heading-overlay > div:first-child p {
  margin-top: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.85;
  letter-spacing: normal;
  color: #464c58;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #ContentPageHeader.content-gray-bg .content-heading-image .content-heading-overlay > div:first-child p {
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #464c58;
    color: #fff;
  }
}

#ContentPage {
  overflow: hidden;
}
#ContentPage h2 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  #ContentPage h2 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 30px;
  }
}
#ContentPage h3 {
  color: #464C58;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#ContentPage p, #ContentPage li {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  #ContentPage p, #ContentPage li {
    font-size: 0.938rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 160% */
  }
}
#ContentPage .video-container {
  max-width: 560px;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
#NavMenu {
  background-color: white;
  padding: 15px 0px;
}
#NavMenu .nav-container {
  padding: unset;
}
@media screen and (max-width: 768px) {
  #NavMenu .nav-container {
    justify-content: unset;
  }
}
#NavMenu .nav-container .logo-section {
  padding-right: unset;
}
@media screen and (min-width: 768px) {
  #NavMenu .nav-container .logo-section {
    padding-right: 20px;
  }
}
#NavMenu .nav-container .logo-section img {
  height: 40px;
}
@media screen and (max-width: 1200px) {
  #NavMenu .nav-container .logo-section img {
    height: 34px;
  }
}
@media screen and (max-width: 768px) {
  #NavMenu .nav-container .logo-section img {
    height: 21px;
  }
}
@media screen and (max-width: 768px) {
  #NavMenu .nav-container .webshops-dropdown-section .dropdown {
    position: unset;
  }
}
#NavMenu .nav-container .webshops-dropdown-section .dropdown .dropdown-toggle::after {
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  border-left: unset;
  transform: rotate(130deg);
  margin-left: 0.8em;
}
#NavMenu .nav-container .webshops-dropdown-section .dropdown .dropdown-toggle.show::after {
  transform: rotate(-45deg);
  vertical-align: 0.01em;
}
@media screen and (max-width: 768px) {
  #NavMenu .nav-container .webshops-dropdown-section .dropdown .dropdown-toggle {
    text-transform: capitalize !important;
  }
}
#NavMenu .nav-container .webshops-dropdown-section .dropdown .dropdown-menu {
  border: 1px solid #f0eff9;
  background: #FBFBFF;
  border-top: unset;
  position: absolute;
  margin-top: -5px;
  margin-left: -1px;
  width: 186px;
}
@media screen and (max-width: 768px) {
  #NavMenu .nav-container .webshops-dropdown-section .dropdown .dropdown-menu.show {
    width: 100vw;
    background: #fff;
  }
  #NavMenu .nav-container .webshops-dropdown-section .dropdown .dropdown-menu.show .dropdown-item {
    color: #626364 !important;
    text-transform: capitalize;
    letter-spacing: normal;
    font-size: 0.813rem;
    font-weight: 400;
  }
}
#NavMenu .nav-container .webshops-dropdown-section .dropdown .dropdown-menu .dropdown-item {
  padding-bottom: 10px;
}
#NavMenu .nav-container .mobile-toggler {
  flex-grow: 1;
  text-align: right;
  padding: unset;
  font-size: 1rem;
  border: unset;
  transition: unset;
}
#NavMenu .nav-container .mobile-toggler:focus {
  box-shadow: unset;
}
#NavMenu .nav-container .mobile-toggler .close-menu {
  font-size: 27px;
  color: #5e4897;
}
#NavMenu .nav-container .mobile-toggler .navbar-toggler-icon {
  display: none;
}
#NavMenu .nav-container .mobile-toggler.collapsed .close-menu {
  display: none;
}
#NavMenu .nav-container .mobile-toggler.collapsed .navbar-toggler-icon {
  display: inline-block;
}
#NavMenu .nav-container .right-menu-items .nav-item {
  padding-left: 40px;
}
@media screen and (max-width: 1200px) {
  #NavMenu .nav-container .right-menu-items .nav-item {
    padding-left: unset;
  }
}
#NavMenu .nav-container .right-menu-items .nav-item .nav-link {
  font-size: 0.813rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #5e4897;
}
#NavMenu .nav-container .right-menu-items .nav-item .nav-link:hover {
  color: #f4991a !important;
}
@media screen and (max-width: 992px) {
  #NavMenu .nav-container .right-menu-items .nav-item .nav-link {
    color: #626364;
    text-transform: capitalize;
    letter-spacing: normal;
  }
}
#NavMenu hr {
  margin: unset;
  color: #878787;
  margin: 5px 0 5px 0;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
#footer-section {
  margin-top: auto;
}
#footer-section .headerfooter {
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.18;
  letter-spacing: normal;
  color: #fff;
  margin-bottom: 12px;
  padding-top: 12px;
}
@media screen and (max-width: 768px) {
  #footer-section .headerfooter {
    cursor: pointer;
  }
  #footer-section .headerfooter .headerfooter-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #footer-section .headerfooter .dropdown-icon-for-mobile {
    width: 10px;
    height: 10px;
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    border-left: unset;
    transform: rotate(-45deg);
    margin-right: 9px;
  }
  #footer-section .headerfooter .collapsed .dropdown-icon-for-mobile {
    transform: rotate(130deg);
  }
}
#footer-section .menufooter {
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #footer-section .menufooter {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #fff;
  }
}
#footer-section .main-layout-margin {
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1340px) and (max-width: 1460px) {
  #footer-section .main-layout-margin {
    margin-left: 60px;
    margin-right: 60px;
  }
}
@media screen and (max-width: 1340px) {
  #footer-section .main-layout-margin {
    margin-left: 65px;
    margin-right: 65px;
  }
}
@media screen and (max-width: 768px) {
  #footer-section .main-layout-margin {
    margin-left: 20.5px;
    margin-right: 20.5px;
  }
}
#footer-section .bread {
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal;
  color: #464c58;
}
@media screen and (max-width: 768px) {
  #footer-section .bread {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #464c58;
  }
}
#footer-section .menutabinactive {
  font-size: 0.75rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f0eff9;
  opacity: 0.7;
}
#footer-section a {
  text-decoration: none;
}
#footer-section #footer {
  background-color: #5e4897;
}
@media screen and (min-width: 768px) {
  #footer-section #footer {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #footer-section #footer .collapse {
    display: block;
  }
}
#footer-section #footer .social-media .social-media-icon-img {
  height: 35px;
  filter: invert(100%) sepia(7%) saturate(834%) hue-rotate(14deg) brightness(112%) contrast(100%);
}
#footer-section #footer .social-media .social-media-icon:hover {
  margin: 1px;
  background: #d6c6e2;
  border-radius: 50px;
}
#footer-section #footer .social-media .social-media-icon:hover .social-media-icon-img {
  filter: invert(30%) sepia(45%) saturate(811%) hue-rotate(216deg) brightness(91%) contrast(88%);
  margin: -1px;
}
@media screen and (max-width: 1400px) {
  #footer-section #footer .social-media .headerfooter:first-child {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 768px) {
  #footer-section #footer .social-media {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    justify-content: space-around;
  }
}
#footer-section #footer .footer-grid {
  margin-bottom: -1px;
}
@media screen and (max-width: 768px) {
  #footer-section #footer .footer-grid .accordion-custom-styling {
    border-bottom: 1px solid #9b80b9;
  }
}
#footer-section #footer .footer-grid .menufooter img {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  #footer-section #footer .footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 80px;
  }
}
@media screen and (max-width: 1200px) {
  #footer-section #footer .footer-grid {
    gap: 30px;
  }
}
#footer-section #footer ul {
  list-style-type: none;
  padding-left: 0;
}
#footer-section #footer ul li {
  padding-left: 0;
}
#footer-section #footer ul li a {
  color: #fff;
}
#footer-section #footer ul li a:hover {
  color: #f4991a;
  text-decoration: none;
}
#footer-section #bottombar_purple {
  background-color: #9b80b9;
  height: 100%;
}
#footer-section #bottombar_purple .bottombar_purple img {
  max-height: 35px;
  width: auto;
}
@media screen and (max-width: 768px) {
  #footer-section #bottombar_purple .bottombar_purple img {
    max-height: 20px;
  }
}
#footer-section #bottombar_white {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #footer-section #bottombar_white .bottombar_white {
    line-height: 2.5rem;
    padding: 35px 0 35px;
    flex-direction: column;
  }
  #footer-section #bottombar_white .bottombar_white .voorwaarden {
    order: 1;
  }
  #footer-section #bottombar_white .bottombar_white .cookies {
    order: 2;
  }
  #footer-section #bottombar_white .bottombar_white .privacybeleid {
    order: 3;
  }
  #footer-section #bottombar_white .bottombar_white .responsibledisclosure {
    order: 4;
  }
  #footer-section #bottombar_white .bottombar_white .copyright {
    order: 5;
    padding-top: 30px;
  }
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
#cookieConsent {
  max-width: 1340px;
  padding: 20px;
  margin: auto;
  position: sticky;
  background-color: #fff;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  #cookieConsent {
    bottom: 15px;
    border-radius: 8px;
  }
}
#cookieConsent .cookieConsentGrid {
  display: grid;
  grid-template-areas: "img heading heading close" "img body body btnAccept" "img body body btnDecline";
  gap: 10px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #cookieConsent .cookieConsentGrid {
    grid-template-areas: "heading heading close" "body body body" "btnAccept btnAccept btnAccept" "btnDecline btnDecline btnDecline";
  }
}
#cookieConsent .cookieConsentGrid .cookieImage {
  grid-area: img;
}
#cookieConsent .cookieConsentGrid .cookieImage img {
  max-height: 150px;
}
@media screen and (max-width: 768px) {
  #cookieConsent .cookieConsentGrid .cookieImage {
    display: none;
  }
}
#cookieConsent .cookieConsentGrid .cookieHeading {
  grid-area: heading;
  color: #5e4897;
  margin-bottom: unset;
  font-size: 1.25rem;
  font-weight: 600;
}
#cookieConsent .cookieConsentGrid .cookieBody {
  grid-area: body;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #a3a1ba;
}
@media screen and (min-width: 768px) {
  #cookieConsent .cookieConsentGrid .cookieBody {
    padding-right: 30px;
  }
}
#cookieConsent .cookieConsentGrid .cookiesAccepteren {
  grid-area: btnAccept;
  text-align: right;
}
#cookieConsent .cookieConsentGrid .cookiesAccepteren button {
  min-width: 150px;
}
@media screen and (max-width: 768px) {
  #cookieConsent .cookieConsentGrid .cookiesAccepteren {
    display: flex;
  }
  #cookieConsent .cookieConsentGrid .cookiesAccepteren button {
    width: 100%;
  }
}
#cookieConsent .cookieConsentGrid .cookiesWeigeren {
  grid-area: btnDecline;
  text-align: right;
}
#cookieConsent .cookieConsentGrid .cookiesWeigeren button {
  min-width: 150px;
}
@media screen and (max-width: 768px) {
  #cookieConsent .cookieConsentGrid .cookiesWeigeren {
    display: flex;
  }
  #cookieConsent .cookieConsentGrid .cookiesWeigeren button {
    width: 100%;
  }
}
#cookieConsent .cookieConsentGrid .cookiesClose {
  grid-area: close;
  text-align: right;
  cursor: pointer;
}
#cookieConsent .cookieConsentGrid .cookiesClose img {
  max-width: 23px;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
.video-card-component .card {
  background-color: #e6e3f1;
  border: unset;
  border-radius: 6px;
}
.video-card-component .media-container {
  margin: auto;
  width: 100%;
}
.video-card-component .media-container p {
  all: unset;
}
.video-card-component .media-container iframe {
  max-height: 560px;
  width: 100%;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .video-card-component .media-container iframe {
    max-height: 60vh;
  }
}

#homePage {
  color: #464c58;
  overflow: hidden;
  background-color: #e6e3f1;
}
#homePage .section-light {
  background-color: #e6e3f1;
  padding-top: 30px;
  padding-bottom: 30px;
}
#homePage .section-lighter {
  background-color: #f0eff9;
  padding-top: 30px;
  padding-bottom: 30px;
}
#homePage .section-white {
  background-color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
#homePage .section-lighter-to-light {
  background-image: linear-gradient(to right, #f0eff9, #e6e3f1);
}
#homePage .main-layout-margin-breakout {
  max-width: 1756px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1756px) {
  #homePage .main-layout-margin-breakout {
    margin-left: 65px;
    margin-right: 65px;
  }
}
@media screen and (max-width: 768px) {
  #homePage .main-layout-margin-breakout {
    margin-left: 20.5px;
    margin-right: 20.5px;
  }
}
#homePage .main-layout-margin-breakout h3, #homePage .main-layout-margin-breakout .nav-pills {
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
}
#homePage a {
  text-decoration: none;
}
#homePage .width780-and-centered-text {
  margin: auto;
  max-width: 780px;
}
#homePage #IntroAndWebshopsSection {
  background-position: center;
  background-size: cover;
}
#homePage #IntroAndWebshopsSection .hero-section {
  background: linear-gradient(0deg, rgba(94, 72, 151, 0.7), #5e4897);
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  #homePage #IntroAndWebshopsSection .hero-section {
    padding: 30px 0;
  }
  #homePage #IntroAndWebshopsSection .hero-section .headline-medium {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  #homePage #IntroAndWebshopsSection .hero-section .webshops-grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 50px;
    gap: 10px;
  }
  #homePage #IntroAndWebshopsSection .hero-section .webshops-grid .card-component {
    width: calc(33.33333% - 10px);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #homePage #IntroAndWebshopsSection .hero-section .webshops-grid .card-component .cardlink .icon-img {
    filter: invert(67%) sepia(9%) saturate(545%) hue-rotate(205deg) brightness(96%) contrast(89%);
  }
}
@media screen and (min-width: 768px) {
  #homePage #IntroAndWebshopsSection .hero-section .webshops-grid .card-component .cardlink:hover .icon-img {
    padding-left: 12px;
    filter: invert(33%) sepia(20%) saturate(1579%) hue-rotate(219deg) brightness(95%) contrast(92%);
    transition: filter 500ms, padding 500ms;
  }
  #homePage #IntroAndWebshopsSection .hero-section .webshops-grid .card-component:first-child, #homePage #IntroAndWebshopsSection .hero-section .webshops-grid .card-component:nth-child(2) {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 768px) {
  #homePage #IntroAndWebshopsSection .hero-section .webshops-grid .card {
    margin-bottom: 25px;
    height: 88px;
    background: #f0eff9;
    border: unset;
  }
  #homePage #IntroAndWebshopsSection .hero-section .webshops-grid .card .cardlink {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    padding: 6px;
    border-radius: 5px;
  }
  #homePage #IntroAndWebshopsSection .hero-section .webshops-grid .card .cardlink .media-container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 88px;
    border-radius: 5px;
  }
  #homePage #IntroAndWebshopsSection .hero-section .webshops-grid .card .cardlink .media-container .card-img-top {
    all: initial;
    flex-shrink: 0;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
}
#homePage #USPSSection {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  #homePage #USPSSection {
    padding: 30px 0;
  }
}
#homePage #USPSSection .usp-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  #homePage #USPSSection .usp-container {
    grid-template-columns: 1fr;
  }
}
#homePage #USPSSection .usp-container .usp-item {
  padding: 15px;
  background-color: white;
  display: flex;
  gap: 10px;
  align-items: center;
}
#homePage #USPSSection .usp-container .usp-item .usp-image img {
  padding: 3px;
  background-color: #68b43e;
  border-radius: 6px;
  height: 30px;
}
#homePage #ShowroomsSection {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  #homePage #ShowroomsSection {
    padding: 30px 0;
  }
}
#homePage #ShowroomsSection .showrooms-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  #homePage #ShowroomsSection .showrooms-grid {
    grid-template-columns: 1fr;
  }
}
#homePage #TipsSection {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  #homePage #TipsSection {
    padding: 30px 0;
  }
}
#homePage #TipsSection .tipVideo video {
  background-color: #878787;
}
#homePage #TipsSection .tipstext {
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}
@media screen and (min-width: 768px) {
  #homePage #ServicesSection {
    padding-top: 70px;
    padding-bottom: 150px;
    margin: unset;
    background-image: var(--serviceBackgroundImage);
    background-position: center;
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  #homePage #ServicesSection {
    background-color: #f4991a;
  }
  #homePage #ServicesSection .service-image-mobile {
    height: 240px;
    width: 100%;
    background-image: var(--serviceBackgroundImage);
    background-position: center;
    background-size: cover;
  }
}
#homePage #ServicesSection .services-container {
  padding: 30px 0;
}
@media screen and (min-width: 768px) {
  #homePage #ServicesSection .services-container {
    width: 384px;
    background-color: #f4991a;
    padding: 50px;
  }
}
#homePage #ServicesSection .services-container .services-icon {
  height: 40px;
  padding-right: 16px;
  text-align: center;
}
#homePage #ServicesSection .services-container .body-large p {
  all: unset;
}
#homePage #ServicesSection .services-container .more-info {
  vertical-align: middle;
  padding-top: 20px;
}
#homePage #ServicesSection .services-container .more-info .btn {
  font-weight: 400;
  vertical-align: middle;
}
#homePage #ServicesSection .services-container .more-info .btn:hover {
  background: #5e4897;
  color: #fff;
}
#homePage #ServicesSection .services-container .more-info .arrow {
  font-size: 25px;
  vertical-align: middle;
  padding-left: 5px;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.hoursAndLocationContainer {
  display: flex;
  gap: 20px;
  align-items: center;
}
.hoursAndLocationContainer .hoursAndLocation {
  background-color: white;
  padding: 10px;
  border: 1px solid #71768d;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.hoursAndLocationContainer .hoursAndLocation div {
  width: unset !important;
}
.hoursAndLocationContainer .hoursAndLocation img {
  max-height: 20px;
}

.vacancyComponent {
  text-decoration: none;
}
.vacancyComponent .vacancy-card {
  background-color: #f0eff9;
  margin-bottom: 20px;
  border-radius: 8px;
  cursor: pointer;
}
.vacancyComponent .vacancy-card p {
  all: unset;
}
.vacancyComponent .vacancy-card .arrow {
  font-size: 25px;
  vertical-align: middle;
  padding-left: 5px;
}
.vacancyComponent .vacancy-card .department {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.9px;
}
.vacancyComponent .vacancy-card:hover {
  background: #e6e3f1;
  transition: background 500ms;
}
.vacancyComponent .vacancy-card:hover .btn {
  background: #D87A00;
  transition: background 500ms;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
.CarouselMulitpleItems {
  right: 0;
}
.CarouselMulitpleItems .carouselArrows {
  font-size: 30px;
  color: #f4991a;
  font-weight: bold;
  width: 42px;
  height: 42px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.CarouselMulitpleItems .carousel-control-prev, .CarouselMulitpleItems .carousel-control-next {
  opacity: 1;
  width: unset;
  margin-left: -17px;
  margin-right: -17px;
}
@media screen and (max-width: 2000px) {
  .CarouselMulitpleItems .setDesktopWidth {
    width: 100vw;
  }
}
@media screen and (max-width: 2000px) and (max-width: 1756px) {
  .CarouselMulitpleItems .setDesktopWidth {
    width: 120vw;
  }
}
.CarouselMulitpleItems .setMobileWidth {
  /*width: 130vw;*/
}
.CarouselMulitpleItems .slidebar-indicators {
  display: flex;
}
.CarouselMulitpleItems .slidebar-indicators .carousel-indicators {
  position: static;
  margin: unset;
  width: 100vw;
  align-self: center;
  margin-left: 30px;
  margin-right: 30px;
}
.CarouselMulitpleItems .slidebar-indicators .carousel-indicators li {
  margin-left: 0;
  margin-right: 0;
  background-color: #f0eff9;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.CarouselMulitpleItems .slidebar-indicators .carousel-indicators .active {
  background-color: #9b80b9;
  height: 1px;
}
.CarouselMulitpleItems .mobile-overflow {
  overflow-x: auto;
  white-space: nowrap;
  margin-right: -20.5px;
}
.CarouselMulitpleItems .mobile-overflow-grid {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(50, 250px);
  gap: 10px;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
#ShowroomsCollectionPage .showroomcards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  width: 60vw;
  margin: auto;
}
@media screen and (max-width: 1400px) {
  #ShowroomsCollectionPage .showroomcards {
    width: unset;
  }
}
@media screen and (max-width: 768px) {
  #ShowroomsCollectionPage .showroomcards {
    grid-template-columns: 1fr;
  }
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
@media screen and (max-width: 768px) {
  #ShowroomDetailsPage .content-gray-bg {
    margin-bottom: unset;
  }
}
@media screen and (min-width: 768px) {
  #ShowroomDetailsPage .mobile-header-image {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #ShowroomDetailsPage .mobile-header-image {
    width: 100%;
  }
  #ShowroomDetailsPage .mobile-header-image img {
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
  }
}
#ShowroomDetailsPage .navBack {
  display: flex;
  align-items: center;
  background: #71768d;
  padding: 10px;
  text-transform: capitalize;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.9px;
  color: #fff;
  cursor: pointer;
}
#ShowroomDetailsPage .navBack i {
  font-size: 25px;
}
@media screen and (max-width: 768px) {
  #ShowroomDetailsPage .content-heading-overlay {
    padding-bottom: 20px;
    margin-left: 20.5px;
    margin-right: 20.5px;
  }
  #ShowroomDetailsPage .content-heading-overlay div {
    padding: unset !important;
    margin: initial !important;
  }
}
#ShowroomDetailsPage .content-heading-overlay .hero-additional-details .hero-item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 30px;
  padding-top: 20px !important;
}
#ShowroomDetailsPage .content-heading-overlay .hero-additional-details .hero-item p {
  all: unset;
  display: block;
  margin-top: unset !important;
}
#ShowroomDetailsPage .content-heading-overlay .hero-additional-details .hero-item img {
  width: 30px;
}
#ShowroomDetailsPage .content-heading-overlay .hero-additional-details .hero-item .bent-arrow {
  display: none;
}
@media screen and (max-width: 768px) {
  #ShowroomDetailsPage .content-heading-overlay .hero-additional-details .hero-item {
    grid-template-columns: 1fr 5fr;
    gap: 10px;
    align-items: center;
  }
}
#ShowroomDetailsPage .content-heading-overlay .hero-additional-details a:first-child .hero-item {
  grid-template-columns: auto auto 1fr;
}
#ShowroomDetailsPage .content-heading-overlay .hero-additional-details a:first-child .hero-item .bent-arrow {
  display: unset;
}
@media screen and (max-width: 768px) {
  #ShowroomDetailsPage .content-heading-overlay .hero-additional-details a:first-child .hero-item {
    grid-template-columns: 1fr 4fr 1fr;
  }
  #ShowroomDetailsPage .content-heading-overlay .hero-additional-details a:first-child .hero-item .bent-arrow {
    background: #f4991a;
    border-radius: 30px;
    padding: 10px;
    width: 50px;
    height: 50px;
  }
}
#ShowroomDetailsPage .show-room-details-grid {
  display: grid;
  grid-template-columns: 5fr 3fr;
  gap: 60px;
}
@media screen and (max-width: 992px) {
  #ShowroomDetailsPage .show-room-details-grid {
    display: flex;
    flex-direction: column-reverse;
    padding: unset;
  }
}
@media screen and (max-width: 768px) {
  #ShowroomDetailsPage .show-room-details-grid .showroomcontent-container {
    padding-top: 80px;
  }
}
#ShowroomDetailsPage .show-room-details-grid .showroomcontent-container .showroom-for {
  display: grid;
  grid-template-columns: 2fr 4fr;
}
@media screen and (max-width: 768px) {
  #ShowroomDetailsPage .show-room-details-grid .showroomcontent-container .showroom-for {
    grid-template-columns: 1fr 1fr;
  }
}
#ShowroomDetailsPage .show-room-details-grid .showroomcontent-container .showroom-for .showroom-for-item {
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
  gap: 15px;
}
#ShowroomDetailsPage .show-room-details-grid .showroomcontent-container .showroom-for .showroom-for-item img {
  max-height: 40px;
  justify-self: center;
}
@media screen and (max-width: 768px) {
  #ShowroomDetailsPage .show-room-details-grid .showroomcontent-container .showroom-for .showroom-for-item {
    gap: 10px;
  }
  #ShowroomDetailsPage .show-room-details-grid .showroomcontent-container .showroom-for .showroom-for-item img {
    max-height: 30px;
  }
}
@media screen and (max-width: 768px) {
  #ShowroomDetailsPage .show-room-details-grid .openingtimes-container {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: #71768d;
  }
}
@media screen and (max-width: 768px) {
  #ShowroomDetailsPage .show-room-details-grid .openingtimes-container .openingtimes-card {
    margin-left: 20.5px;
    margin-right: 20.5px;
    background-color: #fff;
    margin-bottom: -100px;
  }
}
#ShowroomDetailsPage .show-room-details-grid .openingtimes-container .openingtimes-card .openingtimes-grid .openingtimes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  border-bottom: 1px solid #a3a1ba;
  padding: 20px 0px;
}
#ShowroomDetailsPage .sfeerimpressie {
  background-color: #e6e3f1;
}
#ShowroomDetailsPage .sfeerimpressie .sfeerimpressie-container {
  line-height: 0;
  -webkit-column-count: 4;
  -webkit-column-gap: 10px;
  -moz-column-count: 4;
  -moz-column-gap: 10px;
  column-count: 4;
  column-gap: 10px;
}
#ShowroomDetailsPage .sfeerimpressie .sfeerimpressie-container .sfeer-icon {
  position: absolute;
  bottom: 15px;
  right: 5px;
  background: #fff;
  border-radius: 100px;
  padding: 8px;
}
#ShowroomDetailsPage .sfeerimpressie .sfeerimpressie-container .sfeer-icon:hover {
  background: #5e4897;
}
#ShowroomDetailsPage .sfeerimpressie .sfeerimpressie-container .sfeerimpressie-photo {
  padding-bottom: 10px;
  position: relative;
  cursor: pointer;
}
#ShowroomDetailsPage .sfeerimpressie .sfeerimpressie-container .sfeerimpressie-photo .sfeer-photo {
  width: 100% !important;
  height: auto !important;
}
#ShowroomDetailsPage .sfeerimpressie .sfeerimpressie-container-mobile .sfeerimpressie-photo {
  max-height: 250px;
  position: relative;
  cursor: pointer;
}
#ShowroomDetailsPage .sfeerimpressie .sfeerimpressie-container-mobile .sfeerimpressie-photo .sfeer-photo {
  width: auto;
  height: 130px;
}
#ShowroomDetailsPage .sfeerimpressie .sfeerimpressie-container-mobile .sfeer-icon {
  position: absolute;
  bottom: 5px;
  right: 10px;
  background: #fff;
  border-radius: 100px;
  padding: 7px;
  width: 35px;
  height: 35px;
}
#ShowroomDetailsPage .sfeerimpressie .sfeerimpressie-container-mobile .sfeer-icon:hover {
  background: #5e4897;
}
#ShowroomDetailsPage .sfeerimpressie .sfeer-icon:hover {
  background: #5e4897;
}
#ShowroomDetailsPage .sfeerimpressie .sfeer-icon:hover img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(106%) contrast(105%);
}
#ShowroomDetailsPage .route {
  background-color: #f0eff9;
}
#ShowroomDetailsPage .route .map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
@media screen and (max-width: 768px) {
  #ShowroomDetailsPage .route .map-responsive {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
  }
}
#ShowroomDetailsPage .route .map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

#NewsletterSignup .homeVersion {
  background-color: #BFBFD4;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAuODM3IDMyOC41MzEiIHN0eWxlPSImIzEwOyAgICBmaWxsOiBibGFjazsmIzEwOyI+PGRlZnM+PHN0eWxlPi5he29wYWNpdHk6MC4yNzg7fS5ie2ZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAuOCk7fTwvc3R5bGU+PC9kZWZzPjxnIGNsYXNzPSJhIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDE5NS40MzIpIj48cGF0aCBjbGFzcz0iYiIgZD0iTTU3LjI4MiwzOTMuMzQ3Yy0yLjA2MS0xLjcyNy00LjU4MS0zLjk3OS03LjQ4Mi02LjQ1OCw5LjM5MS0xMC4yMTIsMTkuNTQ1LTE5LjA3MywzMi43NTQtMjMuODc4LDIuMDYxLS43NTEsNC41LS42LDYuOC0uNjc2LDMyLjkwNi0uOSw2NS44ODktMS41NzcsOTguOC0yLjYyOGEyOC4xODUsMjguMTg1LDAsMCwwLDExLjYwNS0yLjkyOGMzNi43MjQtMTkuMTQ4LDczLjMtMzguNTIyLDEwOS44NjctNTcuODJhNDIuNSw0Mi41LDAsMCwwLDcuNTU5LTUuMDMxYzUuMTkyLTQuNjU2LDYuMTA4LTExLjI2NCwyLjYtMTcuMDQ2LTMuMzYtNS41NTctOS4wODYtNy41MDktMTUuODgxLTUuNDA2YTQ3LjE3Nyw0Ny4xNzcsMCwwLDAtNi45NDgsM2MtMTcuNzg5LDguODYxLTM1LjUsMTcuOC01My44MjYsMjcuMDMzLTEuNjgtMy4zLTMuMzU5LTYuMzgzLTUuMTE1LTkuNzYyLDIuMjE0LTEuMTI3LDQuMTIzLTIuMTc4LDYuMDMyLTMuMTU0LDE2LjQ5MS04LjMzNiwzMy4wNTktMTYuNiw0OS41NTEtMjQuODU1YTMwLDMwLDAsMCwxLDIxLjQ1NC0yLjU1M2MxMi41MjEsMy4xNTQsMTkuMzkzLDEzLjI5MSwxNy4xLDI1Ljc1Ni0xLjYsOC44NjEtNi4xODQsMTUuOTE5LTE0LjM1NCwyMC4ycS01Ny43MiwzMC41MjQtMTE1LjU5Myw2MC44MjNhMjguNDQ4LDI4LjQ0OCwwLDAsMS0xMS43NTgsMi43NzhjLTMzLjQ0MSwxLjA1MS02Ni44ODIsMS43MjctMTAwLjMyMywyLjdhMjAsMjAsMCwwLDAtMTAsMi43NzhDNzIuNCwzODEuNDgzLDY1LjE0NiwzODcuMzQsNTcuMjgyLDM5My4zNDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEuNzc4IC0yNjAuMjQ4KSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNy40ODIsMzQzLjRDNC44MSwzNDAuNTUsMi41MiwzMzguMDcyLDAsMzM1LjUxOWMuNTM0LS42LjkxNi0xLjA1MiwxLjM3NC0xLjUsMTUuNDIzLTEzLjk2NywzMC43NjktMjguMTU5LDQ2LjQyLTQxLjksOC4wMTctNy4wNTksMTguMDk1LTkuNzYyLDI4LjU1NS0xMS40MTQsMTIuMjE2LTEuODc3LDIzLjksMS4xMjYsMzUuODg0LDIuODUzLDEzLjUxNCwxLjk1MiwyNy4zMzMsMi41NTMsNDEsMy4wNzksMTEuMy40NSwyMi42NzYsMCwzMy45NzUuMTUsMTMuOS4xNSwyNi40OTMsMTAuNTEzLDI4LjEsMjIuOTc4Ljg0LDYuMzgzLTEuMzc0LDExLjg2NC01LjQyMSwxNi42Ny01Ljg3OSw2LjkwOC0xMy40MzcsMTAuODEzLTIyLjUyMywxMC45NjQtMTguOTM1LjIyNS0zNy45NDYuMDc1LTU2Ljg4LjA3NS0uNjExLDAtMS4yMjItLjE1LTEuOTg1LS4yMjVWMzI2LjQzMmg0LjM1MnEyNi4zNCwwLDUyLjY4MS0uMDc1YTM0LjE3NCwzNC4xNzQsMCwwLDAsNi44LS42NzZjNy4yNTMtMS40MjcsMTEuOTEtNi45MDgsMTEuOTEtMTMuNTkxcy00LjQyOC0xMS45NC0xMS41MjktMTMuNTE2YTI5LjQzMywyOS40MzMsMCwwLDAtNi44LS43NTFjLTEzLjEzMi0uMDc1LTI2LjE4OC4xNS0zOS4zMi0uMDc1LTE1LjI3LS4yMjUtMzAuNDYzLTEuNS00NS4zNTEtNS4wMzEtMTMuNTE0LTMuMTU0LTI2LjgtMi40NzgtMzkuNCwzLjY3OWEzNy44LDM3LjgsMCwwLDAtOC43LDUuOTMyYy0xNC4xMjUsMTIuNjE1LTI4LjEsMjUuMzgxLTQyLjE0NSwzOC4wNzFDOS44NDksMzQxLjQ1MSw4Ljc4LDM0Mi4yNzYsNy40ODIsMzQzLjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yNjUuMTk1KSIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjIxNCAwKSI+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yLjksMTg5LjgyNVEyOS45MjgsMTU3LjM4Niw1Ni44LDEyNS4xYTY3LjYzOCw2Ny42MzgsMCwwLDEtOS44NDktMjcuMTgzYy0xLjgzMi0xNC45NDMsMS42LTI4LjY4NSw5LjM5MS00MS4zNzVDNjcuNDkxLDM4LjM2OCw4NC4wNTksMjYuMzUzLDEwMy4wNywxNy4xOTJjMTcuMjU1LTguMjYsMzUuNS0xMy4wNjYsNTQuNTEzLTE1LjQ2OSwyOS41NDctMy43NTUsNTguNTYtMS41LDg2Ljk2Miw3LjUwOSwyMS41MzEsNi44MzMsNDEsMTcuMiw1Ni42NTEsMzMuNzE2LDEwLjg0MiwxMS40MTQsMTguMTcxLDI0LjcsMTkuOTI3LDQwLjQsMS45ODUsMTguMDIyLTMuNTEyLDM0LjA5MS0xNC42NTksNDguMzU4LTEyLjksMTYuMzctMjkuOTI5LDI3LjI1OC00OS4wOTMsMzUuMTQyYTE4MS4wMTMsMTgxLjAxMywwLDAsMS01NC41MTMsMTIuOTE2LDIwNy45MTIsMjA3LjkxMiwwLDAsMS04My4xNDQtOS4zMTFjLTMuNTEyLTEuMTI2LTcuOTQuMTUtMTEuODM0LjgyNi0yMCwzLjUyOS0zOS45MzEsNy4yMDktNTkuOTM0LDEwLjczOC0xNC43MzUsMi42MjgtMjkuMzk0LDUuMjU2LTQ0LjEzLDcuODg0QzMuNTg3LDE5MC4wNTEsMy40MzQsMTg5LjksMi45LDE4OS44MjVaTTM0LjY2MSwxNzEuNWMzLjA1NC0uNDUxLDUuMjY4LS43NTEsNy40ODItMS4ycTM2LjY0OC02LjY0NSw3My4zLTEzLjIxNmExMC4zNTMsMTAuMzUzLDAsMCwxLDUuMDM5LjA3NSwxODQuNjU0LDE4NC42NTQsMCwwLDAsNDkuNzgsMTAuMjg3LDE4NS43NzgsMTg1Ljc3OCwwLDAsMCw2Ni41LTYuOTA4YzIyLjM3LTYuNjA4LDQyLjQ1LTE2Ljk3LDU3Ljg3My0zNC43NjcsMTcuMjU1LTE5Ljk3NCwxOC42MjktNDUuNTgsMy4xMy02Ni45MDYtMTAuMzg0LTE0LjM0Mi0yNC41MDgtMjQuMDI5LTQwLjU0MS0zMS4zMTMtMjEuNTMxLTkuNzYyLTQ0LjIwNi0xNC4yNjctNjcuOC0xNC44NjgtMjQuNzM3LS42NzYtNDguNzg3LDIuNzc4LTcxLjg0NSwxMS44NjQtMTguNCw3LjI4NC0zNC44OTIsMTcuMzQ2LTQ2Ljk1NSwzMy4zNC05LjMxNSwxMi40NjUtMTMuNDM3LDI2LjQzMi0xMC40Niw0MS45NzYsMS42OCw4Ljg2MSw1LjgsMTYuNjcsMTEuMjIzLDIzLjg3OS45MTYsMS4yLDEuNiwyLjAyNy4yMjksMy42LTUuODc5LDYuODMzLTExLjYwNSwxMy44MTctMTcuNDA4LDIwLjcyNUM0Ny44NywxNTUuNjU5LDQxLjUzMywxNjMuMzE4LDM0LjY2MSwxNzEuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjkgMC4wMTQpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yNDguMjQ3LDE2My40MTh2LjM3NWMtLjMwNSw1LjAzMS0zLjA1NCw3LjI4NC03Ljg2NCw4Ljg2MS03LjAyNCwyLjI1My0xMy44MTksNC41MDUtMjEuNDU0LDMuNi0xMS43NTgtMS4zNTItMTguNC05LjE2MS0xNi4yNjItMjAuNjUsMS44MzItOS43NjIsNC44ODYtMTkuMjIzLDcuMzI5LTI4LjkxLjkxNi0zLjUyOSwxLjgzMy03LjA1OSwyLjQ0My0xMC42NjMsMS42OC0xMC41MTMtMy4zNTktMTEuNDg5LTExLjQ1My0xMC42NjMtMi4xMzguMjI1LTQuMTIzLDEuMTI2LTYuMjYsMS43MjctLjg0LTQuMTMuNTM0LTcuMDU4LDQuMjc1LTguMjYsNS42NS0xLjgsMTEuMzc2LTMuNzU1LDE3LjI1NS00LjczMWEzMC4zNjIsMzAuMzYyLDAsMCwxLDExLjYwNS43NTFjNy41NTksMS44LDExLjgzNCw3Ljg4NCwxMS44MzQsMTUuNTQ0LDAsOC40ODUtMy4xMywxNi4yOTUtNS4xOTIsMjQuMzI5LTEuNzU2LDYuNzU4LTMuNTg4LDEzLjUxNi01LjAzOSwyMC4zNDktMS4zNzQsNi42MDgsMS41MjcsMTAuMDYyLDguNCw5LjgzN0MyNDEuMjIzLDE2NC45OTUsMjQ0LjY1OSwxNjQuMDE5LDI0OC4yNDcsMTYzLjQxOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OC4yMTIgLTIzLjM2MykiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTI0MS41ODEsNjYuNzg1Yy05LjAwOSwwLTE1Ljg4MS02LjIzMy0xNS44ODEtMTQuNDkyLDAtOC4xMSw3LjAyNC0xNC43MTgsMTUuNzI4LTE0Ljc5M3MxNi4xODYsNi43NTgsMTYuMTEsMTQuNzkzQzI1Ny41MzgsNjAuNCwyNTAuNTEzLDY2Ljc4NSwyNDEuNTgxLDY2Ljc4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NS41OTQgLTkuMzMpIi8+PC9nPjwvZz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position-x: 90%;
  background-position-y: 40px;
  background-size: 240px;
  padding: 16px;
  border-top: 5px solid #D0CFDE;
  border-bottom: 5px solid #D0CFDE;
}
#NewsletterSignup .homeVersion > div {
  max-width: 600px;
  margin: 0px auto;
}
#NewsletterSignup .homeVersion .heading {
  color: white;
  text-transform: uppercase;
}
#NewsletterSignup .homeVersion .subheading {
  color: white;
}
#NewsletterSignup .normalVersion {
  margin-top: 15px;
  padding: 16px;
  border-top: 5px solid #D0CFDE;
}
#NewsletterSignup .normalVersion > div {
  max-width: 600px;
  margin: 0px auto;
  text-align: center;
}
#NewsletterSignup .normalVersion .heading {
  color: #5e4897;
  text-transform: uppercase;
  font-weight: bold;
}
#NewsletterSignup .normalVersion .subheading {
  color: black;
}
#NewsletterSignup .footerVersion {
  color: #fff;
}
#NewsletterSignup .newsletter-header {
  margin: 6px 0;
}
#NewsletterSignup .newsletter-form {
  margin: 6px 0;
}
#NewsletterSignup .newsletter-form .email {
  background-color: #d6c6e2;
  border-bottom-right-radius: 26px;
  border-top-right-radius: 26px;
}
#NewsletterSignup .newsletter-form .email input {
  background-color: #d6c6e2;
}
#NewsletterSignup .newsletter-form .ClientTypeRadioButtons .checkbox-label {
  cursor: pointer;
  margin-right: 4px;
}
#NewsletterSignup .newsletter-form .ClientTypeRadioButtons .valid.modified:not([type=checkbox]) {
  outline: none;
}
#NewsletterSignup .newsletter-form .validation-message {
  color: black !important;
  background-color: #fff !important;
  padding: 10px;
  border-radius: 6px;
}
#NewsletterSignup .newsletter-button {
  padding: 11px;
  display: flex;
  justify-content: center;
  border-radius: 0;
}
#NewsletterSignup .newsletter-button img {
  max-height: 15px;
}
#NewsletterSignup .newsletter-policy {
  font-size: 70%;
  color: #d6c6e2;
  text-decoration: underline;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.hoursAndLocationContainer {
  display: flex;
  gap: 20px;
  align-items: center;
}
.hoursAndLocationContainer .hoursAndLocation {
  background-color: white;
  padding: 10px;
  border: 1px solid #71768d;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.hoursAndLocationContainer .hoursAndLocation div {
  width: unset !important;
}
.hoursAndLocationContainer .hoursAndLocation img {
  max-height: 20px;
}

.vacancyComponent {
  text-decoration: none;
}
.vacancyComponent .vacancy-card {
  background-color: #f0eff9;
  margin-bottom: 20px;
  border-radius: 8px;
  cursor: pointer;
}
.vacancyComponent .vacancy-card p {
  all: unset;
}
.vacancyComponent .vacancy-card .arrow {
  font-size: 25px;
  vertical-align: middle;
  padding-left: 5px;
}
.vacancyComponent .vacancy-card .department {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.9px;
}
.vacancyComponent .vacancy-card:hover {
  background: #e6e3f1;
  transition: background 500ms;
}
.vacancyComponent .vacancy-card:hover .btn {
  background: #D87A00;
  transition: background 500ms;
}

@media screen and (min-width: 768px) {
  #VacancyDetails .mobile-header-image {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #VacancyDetails .mobile-header-image {
    width: 100%;
  }
  #VacancyDetails .mobile-header-image img {
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
  }
}
#VacancyDetails .navBack {
  display: flex;
  align-items: center;
  background: #71768d;
  padding: 10px;
  text-transform: capitalize;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.9px;
  color: #fff;
  cursor: pointer;
}
#VacancyDetails .navBack i {
  font-size: 25px;
}
@media screen and (max-width: 768px) {
  #VacancyDetails .content-heading-overlay > div {
    padding-top: unset !important;
  }
}
#VacancyDetails .htmlcontent ul li {
  list-style: none;
  list-style-image: var(--customListDecor);
  padding-bottom: 15px;
  padding-left: 10px;
}
#VacancyDetails .Action {
  background-color: #f4991a;
  color: #fff;
  max-width: 800px;
  border-radius: 6px;
  display: grid;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  #VacancyDetails .Action {
    grid-template-columns: 1fr 9fr;
    padding: 31px 11px 43px 0px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  #VacancyDetails .Action {
    padding: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #VacancyDetails .Action .ActionLabel {
    position: absolute;
    left: 0;
    margin-left: 20.5px;
  }
}
#VacancyDetails .Action .ActionLabel label {
  background-color: #5e4897;
  text-transform: uppercase;
  border-radius: 0px 6px 6px 0px;
  font-size: 13px;
  letter-spacing: 0.98px;
  padding: 10px;
}
#VacancyDetails .Action .ActionLabel label img {
  max-height: 30px;
}
@media screen and (max-width: 768px) {
  #VacancyDetails .Action .ActionBody .stickerTitle {
    margin-left: 50px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  #VacancyDetails .Action .ActionBody .stickerText {
    letter-spacing: 1.6px;
    padding-top: 10px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #VacancyDetails .Action .ActionNav {
    display: flex;
    gap: 10px;
    flex-direction: column;
    text-align: center;
  }
}
#VacancyDetails .Action .ActionNav a {
  color: #464C58;
  text-decoration: none;
  text-transform: uppercase;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
.card-component .cardlink {
  text-decoration: none;
  background: #f0eff9;
}
.card-component .cardlink .media-container .card-img-top {
  padding: 5px;
}
.card-component .cardlink .media-container .card-video {
  border-radius: 8px;
}
.card-component .cardlink .card-body .card-text {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .card-component .cardlink .card-body .card-text {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
.card-component .cardlink .card-body .icon-img {
  height: 18px;
  padding-left: 7px;
}
.card-component .cardlink:hover {
  background-color: #fff;
  transition: background-color linear 500ms;
}
.card-component .cardlink:hover .card-title, .card-component .cardlink:hover .header-4 {
  color: #f4991a;
  transition: color linear 500ms;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

.hoursAndLocationContainer {
  display: flex;
  gap: 20px;
  align-items: center;
}
.hoursAndLocationContainer .hoursAndLocation {
  background-color: white;
  padding: 10px;
  border: 1px solid #71768d;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.hoursAndLocationContainer .hoursAndLocation div {
  width: unset !important;
}
.hoursAndLocationContainer .hoursAndLocation img {
  max-height: 20px;
}

.vacancyComponent {
  text-decoration: none;
}
.vacancyComponent .vacancy-card {
  background-color: #f0eff9;
  margin-bottom: 20px;
  border-radius: 8px;
  cursor: pointer;
}
.vacancyComponent .vacancy-card p {
  all: unset;
}
.vacancyComponent .vacancy-card .arrow {
  font-size: 25px;
  vertical-align: middle;
  padding-left: 5px;
}
.vacancyComponent .vacancy-card .department {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.9px;
}
.vacancyComponent .vacancy-card:hover {
  background: #e6e3f1;
  transition: background 500ms;
}
.vacancyComponent .vacancy-card:hover .btn {
  background: #D87A00;
  transition: background 500ms;
}

#Vacancies .vacancies-container {
  width: 60vw;
  padding-bottom: 40px;
}
@media screen and (max-width: 1400px) {
  #Vacancies .vacancies-container {
    width: unset;
  }
}
#Vacancies .vacancies-container .dropdown .dropdown-toggle {
  border: 1px solid #f0eff9;
  background: #FBFBFF;
  width: 200px;
  font-size: 0.938rem;
  font-weight: 400;
  line-height: 24px;
  color: #5e4897;
  padding: 8px 15px;
}
#Vacancies .vacancies-container .dropdown .dropdown-toggle::after {
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  border-left: unset;
  transform: rotate(130deg);
  margin-left: 0.8em;
}
#Vacancies .vacancies-container .dropdown .dropdown-toggle.show::after {
  transform: rotate(-45deg);
  vertical-align: 0.01em;
}
#Vacancies .vacancies-container .dropdown .dropdown-toggle:focus {
  box-shadow: unset;
}
#Vacancies .vacancies-container .dropdown .dropdown-menu {
  margin-top: -8px !important;
  width: 200px;
  border: 1px solid #f0eff9;
  background: #FBFBFF;
  border-top: none;
}
#Vacancies .vacancies-container .dropdown .dropdown-menu .dropdown-item {
  font-size: 0.938rem;
  font-weight: 400;
  line-height: 24px;
  color: #5e4897;
}

html, body {
  font-family: "Manrope", sans-serif;
  letter-spacing: 0.02rem;
  font-size: 1rem;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  color: #464C58;
}

/* Disable caret */
:focus {
  outline: none;
}

h2 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  h2 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 30px;
  }
}

h3 {
  color: #464C58;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

p, li {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  p, li {
    font-size: 0.938rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 160% */
  }
}

.label-uppercase-extrasmall {
  font-size: 0.813rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.header-subtitle {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 13px; /* 81.25% */
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .header-subtitle {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
  }
}

.headline-medium {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.text-purple {
  color: #5e4897;
}

.text-dark {
  color: #464C58;
}

text-basic-white {
  color: #fff;
}

.text-small {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.text-xsmall {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.text-big {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 300;
  line-height: 37px; /* 185% */
}
@media screen and (max-width: 768px) {
  .text-big {
    font-size: 0.938rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 160% */
  }
}

@media screen and (max-width: 768px) {
  .text-default {
    font-size: 0.938rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 160% */
  }
}

.body-large {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.btn-large {
  font-size: 0.813rem;
  font-weight: 700;
  line-height: 17.76px;
  letter-spacing: 0.9px;
}

.header-2 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .header-2 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 30px;
  }
}

.header-3 {
  color: #464C58;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.header-4 {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .header-4 {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
}

.main-layout-margin {
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1340px) and (max-width: 1460px) {
  .main-layout-margin {
    margin-left: 60px;
    margin-right: 60px;
  }
}
@media screen and (max-width: 1340px) {
  .main-layout-margin {
    margin-left: 65px;
    margin-right: 65px;
  }
}
@media screen and (max-width: 768px) {
  .main-layout-margin {
    margin-left: 20.5px;
    margin-right: 20.5px;
  }
}

.btnghostnormal {
  font-size: 0.75rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.9px;
  color: #464c58;
}

.btn-lightergray {
  border: 1px solid #f0eff9;
  background: #FBFBFF;
  color: #5e4897;
}

.full-width {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
}

.menu-shadow {
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.content > h1 {
  outline: none;
}
.content iframe {
  max-width: 100%;
}

.gap1020 {
  gap: 10px 20px;
}

.grid-col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050;
}

.invalid {
  outline: 1px solid red;
}

.info-icon, .video-icon {
  margin-left: 4px;
  cursor: pointer;
  vertical-align: text-bottom;
  font-size: 13pt;
  color: #f4991a;
}
.info-icon.video-icon, .video-icon.video-icon {
  font-size: 18pt;
  vertical-align: -1px;
}

.zoomed-image-container {
  display: flex;
  justify-content: center;
}
.zoomed-image-container .zoomed-image {
  max-width: 100vw;
  max-height: 90vh;
}

.cursor-pointer {
  cursor: pointer;
}

.validation-message {
  color: red;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

@media (min-width: 1460px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1440px;
  }
}