/*
  | Pixels (px) | Rems (rem) |
  |-------------|------------|
  | 4px         | 0.25rem    |
  | 8px         | 0.5rem     |
  | 10px        | 0.625rem   |
  | 12px        | 0.75rem    |
  | 14px        | 0.875rem   |
  | 16px        | 1rem       |
  | 18px        | 1.125rem   |
  | 20px        | 1.25rem    |
  | 24px        | 1.5rem     |
  | 28px        | 1.75rem    |
  | 32px        | 2rem       |
  | 36px        | 2.25rem    |
  | 40px        | 2.5rem     |
  | 48px        | 3rem       |
  | 56px        | 3.5rem     |
  | 64px        | 4rem       |
*/
:root {
    --reviteers-black: #2F2F2F;
    --reviteers-orange: #FF7300;
    --reviteers-light-orange: #FFF1E5;

    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;

    --bs-primary-text-emphasis: var(--reviteers-orange);

    --bs-font-sans-serif: 'Sora', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@media(min-width: 992px) {
    :root {
        --bs-body-font-size: 1.125rem;
        --bs-body-line-height: 1.6;
    }
}

/* TEXT AND HEADINGS */
a {
    color: var(--reviteers-orange);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--reviteers-orange);
    text-underline-offset: 4px;
}

h1 {
    font-size: 6rem;
    font-weight: 400;
}

h2, h3, h4, h5, h6 {
    font-size: 4rem;
    font-weight: 400;
}

h1.small-title {
    font-size: 3rem;
}

p:not(.text-primary-emphasis) + h2,
p:not(.text-primary-emphasis) + h3, 
p:not(.text-primary-emphasis) + h4,
p:not(.text-primary-emphasis) + h5,
p:not(.text-primary-emphasis) + h6,
p:not(.text-primary-emphasis) + p.text-primary-emphasis,
p:not(.text-primary-emphasis) + p.text-primary-emphasis,
p:not(.text-primary-emphasis) + p.text-primary-emphasis,
p:not(.text-primary-emphasis) + p.text-primary-emphasis,
p:not(.text-primary-emphasis) + p.text-primary-emphasis {
    padding-top:2rem;
}

.check-list ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.check-list ul li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
}

.check-list ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4042_9462)'%3E%3Cpath d='M16.9233 55.7159L26.5369 46.0682L42.321 61.5795L77.3324 26.7045L87.0142 36.3523L42.321 80.8068L16.9233 55.7159Z' fill='%23FF7300'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4042_9462'%3E%3Crect width='100' height='100' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: cover;
}

@media (max-width: 1200px) {
    h1 {
        font-size: 4.5rem;
    }

    h2, h3, h4, h5, h6 {
        font-size: 3rem;
    }

    h1.small-title {
        font-size: 3rem;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 3rem;
    }

    h2, h3, h4, h5, h6 {
        font-size: 2.25rem;
    }

    h1.small-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 576px) {
    h1 {
        font-size: 2.25rem;
    }

    h2, h3, h4, h5, h6 {
        font-size: 1.75rem;
    }

    h1.small-title {
        font-size: 2rem;
    }
}

/* LAYOUTS */
nav > .container,
header > .container,
footer > .container,
section > .container {
    max-width: 2150px;
}

section .col-12:not(.ignore-max-width):not(.col-lg-5):not(.col-xl-5):not(.col-lg-8) > *:not(.role-cards):not(.news-overview):not(.sign-up-form):not(.intro-block):not(.team-overview):not(.vertical-timeline):not(.vacancy-course):not(.application-form):not(.vacancy-overview) {
    max-width: 800px;
    margin: auto;
}

section .col-12 .team-overview {
    max-width: 1500px;
    margin: 0 auto;
}

.pt-6 {
    padding-top: 3rem !important;
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.mt-6 {
    margin-top: 3rem !important;
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

@media (min-width: 768px) {
    .pt-6 {
        padding-top: 5rem !important;
    }

    .py-6 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .mt-6 {
        margin-top: 5rem !important;
    }

    .my-6 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
}

@media (min-width: 992px) {
    .pt-6 {
        padding-top: 8rem !important;
    }

    .py-6 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
}

/* BACKGROUNDS */
section.dark-bg-circles,
section.bg-orange-with-overlay,
section.orange-circle {
    position: relative;
    overflow-x: clip;
}

section.bg-orange,
section.bg-orange-with-overlay {
    background-color: var(--reviteers-orange);
    color: white;
    --bs-primary-text-emphasis: white;
}

section.dark-bg-circles::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 275px);
    background-image: url('/templates/assets/img/dark-bg-with-circles.jpg');
    background-size: cover;
    background-position: center;
    z-index: -1;
}

section.dark-bg-circles.no-overflow:before {
    height: 100%;
}

section.bg-orange-with-overlay > .container,
section.dark-bg-circles > .container {
    position: relative;
    z-index: 1;
    color: white;
}

section.bg-orange-with-overlay:before {
    content: '';
    position: absolute;
    top: -275px;
    left: 0;
    width: 100%;
    height: calc(100% + 550px);
    background-color: var(--reviteers-orange);
    z-index: -1;
}

section.orange-circle::before {
    content: '';
    position: absolute;
    top: -400px;
    right: -500px;
    width: 1000px;
    height: 1000px;
    background-image: url(/templates/assets/img/orange-circle.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

section.orange-circle-left::before {
    left: -500px;
    bottom: -400px;
    top: unset !important;
}

section.orange-circle > .container {
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
    section.bg-orange-with-overlay:before {
        top: -350px;
    }

    section.bg-orange-with-overlay:before {
        height: calc(100% + 700px);
    }
}

/* BUTTONS */
.btn {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: .75rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 50px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--reviteers-orange);
    --bs-btn-border-color: var(--reviteers-orange);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #da6100;
    --bs-btn-hover-border-color: #da6100;
    --bs-btn-focus-shadow-rgb: 255, 115, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #da6100;
    --bs-btn-active-border-color: #da6100;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--reviteers-orange);
    --bs-btn-disabled-border-color: var(--reviteers-orange);
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--reviteers-black);
    --bs-btn-border-color: var(--reviteers-black);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--reviteers-black);
    --bs-btn-disabled-border-color: var(--reviteers-black);
}

.btn-outline-secondary {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: var(--reviteers-orange);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: var(--reviteers-orange);
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--reviteers-orange);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
    --bs-gradient: none;
}

@media (min-width: 992px) {
    .btn {
        --bs-btn-padding-y: 1rem;
        --bs-btn-font-size: 1rem;
    }
}

/* NAVBAR */
.navbar-nav {
    --bs-nav-link-font-weight: 600;
    --bs-nav-link-color: var(--reviteers-black);
    --bs-navbar-active-color: var(--reviteers-black);
}

.navbar-nav .nav-link {
    text-underline-offset: 8px;
    text-decoration-thickness: 2px;
    text-decoration: underline;
    text-decoration-color: transparent;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    text-decoration-color: var(--reviteers-orange);
}

.navbar .offcanvas.offcanvas-end {
    border-left: none;
}

.navbar-nav .dropdown-menu {
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--reviteers-black);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--reviteers-orange);
    --bs-dropdown-link-hover-bg: white;
    text-align: center;
    border: none;
}

.navbar-nav .dropdown-menu .dropdown-item:active,
.navbar-nav .dropdown-menu .dropdown-item:active {
    background-color: white;
    color: var(--reviteers-orange);
}

@media (min-width: 992px) {
    .navbar-nav .dropdown-menu {
        border: 2px solid var(--reviteers-orange);
        text-align: start;
    }

    .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
    }
}

/* FOOTER */
footer {
    background-color: var(--reviteers-black);
    color: white;
}

footer a {
    color: white;
}

footer h3 {
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

footer hr {
    border-color: var(--reviteers-orange);
    opacity: 1;
}

/* HOMEPAGE HERO */
header .intro-block {
    border-radius: 1rem;
    min-height: calc(calc(50vh - 60px) - .75rem);
}

header .col-12:first-child .intro-block {
    background-color: var(--reviteers-orange);
    padding: 1.5rem 1rem;
    color: white;
}

header .intro-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

header .col-12:first-child .intro-block.intro-block-dark {
    background-color: var(--reviteers-black);
    background-image: url("data:image/svg+xml,%3Csvg width='1102' height='1102' viewBox='0 0 1102 1102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_3999_9464)'%3E%3Ccircle cx='550.847' cy='550.847' r='362.847' fill='%23FF7300' fill-opacity='0.3'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_3999_9464' x='0' y='0' width='1101.7' height='1101.7' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='94' result='effect1_foregroundBlur_3999_9464'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 1000px;
    background-position: -450px 50px;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    header .intro-block {
        height: 700px;
    }

    header .col-12:first-child .intro-block {
        padding: 2.5rem;
    }
}

/* BLOCKS */
.block {
    padding: 2rem;
    border-radius: 1rem;
    background-color: var(--reviteers-light-orange);
    color: var(--reviteers-black);
    height: 100%;
}

.block.bg-dark {
    background-color: var(--reviteers-black);
    color: white;
}

@media (min-width: 992px) {
    .block {
        padding: 3.5rem;
    }
}

/* REGULAR HERO */
header.hero {
    color: white;
}

header.hero .col-12 {
    padding: 1.5rem 2.5rem;
}

header.hero .bg-img {
    position: relative;
    min-height: 25vh;
}

header.hero .bg-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 12px;
    width: calc(100% - 24px);
    height: 100%;
    background-image: url('/templates/assets/img/hero-bg-img.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1rem;
    z-index: -1;
}

@media (min-width: 992px) {
    header.hero .col-12 {
        padding: 3rem 5rem;
    }

    header.hero .bg-img {
        min-height: 50vh;
        display: flex;
        align-items: end;
    }
}

/* STEP-BY-STEP LAYOUT */
.step-by-step .step {
    background-color: var(--reviteers-light-orange);
    border-radius: 16px;
    font-size: 0.875rem;
    padding: 1rem 2rem 2rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 250px;
}

.step-by-step .step:not(:last-child) {
    margin-bottom: 1rem;
}

.step-by-step .step p:last-child {
    margin-bottom: 0;
}

.step-by-step .step-number {
    font-size: 4rem;
    color: var(--reviteers-orange);
}

.top-25 {
    top: 50px !important;
}

/* ROLE CARDS */
.role-cards .card {
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: transparent;
    --bs-card-border-radius: 1rem;
    --bs-card-inner-border-radius: 1rem;
    --bs-card-cap-padding-y: 1rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: var(--reviteers-black);
    --bs-card-cap-color: #fff;
    --bs-card-color: var(--reviteers-black);
    --bs-card-bg: var(--reviteers-light-orange);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;

    font-size: 1rem;
    text-align: start;
    margin-bottom: 1rem !important
}

.dark-bg-circles .role-cards .card {
    --bs-card-border-color: var(--reviteers-light-orange);
    --bs-card-cap-bg: var(--reviteers-light-orange);
    --bs-card-cap-color: var(--reviteers-black);
    --bs-card-color: #fff;
    --bs-card-bg: var(--reviteers-black);
}

.role-cards .card .card-header h3 {
    font-size: 2rem;
    margin-bottom: 0;
}

.role-cards .card .card-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* IMAGES */
.full-height-image {
    width: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

.lazy {
    filter: blur(15px);
    transition: filter .5s;
}

.lazy.loaded {
    filter: unset;
}

@media (min-width: 992px) {
    .full-height-image {
        min-height: 700px;
    }
}

@media (min-width: 1200px) {
    .full-height-image {
        height: 100%;
    }
}

/* LARGE IMAGES */
.half-screen-image {
    width: 100%;
    object-fit: cover;
}

@media (min-width: 992px) {
    .half-screen-image {
        position: absolute;
        width: 80%;
        height: 750px;
        top: 50%;
        transform: translateY(-50%);
        max-width: 1450px;
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }

    .half-screen-image.right {
        right: 0;
        border-radius: 1rem 0 0 1rem;
    }

    section:has(.half-screen-image) {
        overflow: hidden;
        min-height: 800px;
        position: relative;
        display: flex;
        align-items: center;
        padding-top: 0;
    }
}

/* SLIDER */
.team-slider-wrapper,
.review-slider-wrapper {
    margin: 2.5rem 0;
}

section:has(.review-slider),
section:has(.team-slider-wrapper) {
    overflow: hidden;
}

.team-slider,
.review-slider {
    width: 100%;
    overflow: inherit;
    overflow-x: clip;
    --swiper-navigation-top-offset: 120%;
}

.review-slider .swiper-slide {
    background-image: url('/templates/assets/img/review-background.jpg');
    background-size: cover;
    background-position: center;
    padding: 2.5rem 1rem 1rem 1rem;
    border-radius: 1rem;

    max-width: 480px;
    height: 250px;
    border: 2px solid rgba(255,255,255,.2);

    color: white;
}

.review-slider .swiper-slide:before {
    content: '';
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 22px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3232 18.4607C14.1314 18.4607 14.0354 18.3648 14.0354 18.173V9.82895C14.0354 8.1026 14.4431 6.56807 15.2583 5.22536C16.0735 3.83469 17.1285 2.75572 18.4233 1.98845C19.766 1.17323 21.2046 0.765625 22.7391 0.765625V5.22536C21.5403 5.22536 20.5093 5.68092 19.6461 6.59205C18.8309 7.50318 18.4233 8.58215 18.4233 9.82895H22.4514C22.6432 9.82895 22.7391 9.92486 22.7391 10.1167V18.173C22.7391 18.3648 22.6432 18.4607 22.4514 18.4607H14.3232ZM0.943975 18.4607C0.752158 18.4607 0.65625 18.3648 0.65625 18.173V9.82895C0.65625 8.1026 1.06386 6.56807 1.87908 5.22536C2.6943 3.83469 3.74929 2.75572 5.04405 1.98845C6.38677 1.17323 7.82539 0.765625 9.35992 0.765625V5.22536C8.16107 5.22536 7.13006 5.68092 6.26688 6.59205C5.45166 7.50318 5.04405 8.58215 5.04405 9.82895H9.0722C9.26402 9.82895 9.35992 9.92486 9.35992 10.1167V18.173C9.35992 18.3648 9.26402 18.4607 9.0722 18.4607H0.943975Z' fill='%23FF7300'/%3E%3C/svg%3E%0A");
}

.review-slider .swiper-slide figcaption {
    position: relative;
    margin-left: 1.5rem;
}

.review-slider .swiper-slide figcaption:before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    left: -1.5rem;
    width: 1rem;
    height: 2px;
    background-color: var(--reviteers-orange);
}

.review-slider .swiper-scrollbar {
    bottom: -15px;
    background-color: var(--reviteers-light-orange);
}

.review-slider .swiper-scrollbar-drag {
    background-color: var(--reviteers-orange);
}

.team-slider .swiper-button-prev,
.review-slider .swiper-button-prev,
.team-slider .swiper-button-next,
.review-slider .swiper-button-next {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    width: 48px;
    height: 48px;
    top: 48px;
}

.team-slider .swiper-button-prev,
.review-slider .swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.1506 30.228L24.1349 29.2564L20.0824 25.2038H30.5781V23.7976H20.0824L24.1349 19.7578L23.1506 18.7734L17.4233 24.5007L23.1506 30.228Z' fill='black'/%3E%3Crect x='-0.5' y='0.5' width='47' height='47' rx='7.5' transform='matrix(-1 0 0 1 47 0.5)' stroke='black'/%3E%3C/svg%3E%0A");
    left: calc(100% - 120px);
}

.team-slider .swiper-button-next,
.review-slider .swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.8494 30.228L23.8651 29.2564L27.9176 25.2038H17.4219V23.7976H27.9176L23.8651 19.7578L24.8494 18.7734L30.5767 24.5007L24.8494 30.228Z' fill='black'/%3E%3Crect x='0.5' y='1' width='47' height='47' rx='7.5' stroke='black'/%3E%3C/svg%3E%0A");
}

.team-slider .swiper-button-prev::after,
.review-slider .swiper-button-prev::after,
.team-slider .swiper-button-next::after,
.review-slider .swiper-button-next::after {
    display: none;
}

.team-slider .swiper-navigation-elements,
.review-slider .swiper-navigation-elements {
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-top: 1rem;
}

@media (min-width: 992px) {
    .team-slider-wrapper,
    .review-slider-wrapper {
        position: relative;
        left: 0;
        width: 50vw;
        max-width: 100vw;
    }

    .swiper-navigation-elements {
        max-width: none;
        width: auto;
    }

    .review-slider-wrapper .swiper-navigation-elements {
        width: 41.66667%;
    }

    .team-slider-wrapper .swiper-navigation-elements {
        width: 75%;
    }

}
 
/* NEWS OVERVIEW */
.news-overview {
    text-align: start;
}

.news-overview article {
    position: relative;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.news-overview article .article-image img {
    border-radius: 1rem;
    overflow: hidden;
}

.news-overview article hr {
    border-color: #D9D9D9;
    opacity: 1;
}

.news-overview article h3 {
    margin-top: .5rem;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
}

.news-overview article .article-information {
    font-size: 1rem;
}

.news-overview article .article-image {
    overflow: hidden;
    border-radius: 1rem;
}

.news-overview article .article-image img {
    transition: transform .3s ease-in-out;
}

.news-overview article:hover .article-image  img{
    transform: scale(1.05);
}

@media (min-width: 768px) {
    .news-overview article h3 {
        font-size: 1.125rem;
    }
}

/* TEAM OVERVIEW */
.team-overview {
    text-align: start;
}

.team-overview .team-member {
    position: relative;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.team-overview .team-member .article-image img {
    border-radius: 1rem;
    overflow: hidden;
    object-fit: cover;
}

.team-slider .team-member h3,
.team-overview .team-member h3 {
    margin-top: .5rem;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
}

.team-slider .team-member .team-image,
.team-overview .team-member .team-image {
    overflow: hidden;
    border-radius: 1rem;
    background: radial-gradient(115.52% 115.52% at 50% 50%, #FF7300 0%, #AF5100 100%);
}

.team-overview .team-member .team-image img {
    transition: transform .3s ease-in-out;
}

@media (min-width: 768px) {
    .team-overview .team-member h3 {
        font-size: 1.125rem;
        margin-bottom: 0;
        margin-top: 1rem;
    }
}

/* FAQ */
.faq-accordion {
    --bs-accordion-bg: var(--reviteers-light-orange);
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 1rem;
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: white;
    --bs-accordion-btn-bg: var(--reviteers-black);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.53125 9.24171V14.1953H23.0037V9.24171H0.53125Z' fill='%23FF7300'/%3E%3Cpath d='M14.2427 0.484375L9.28906 0.484375L9.28906 22.9568L14.2427 22.9568L14.2427 0.484375Z' fill='%23FF7300'/%3E%3C/svg%3E%0A");

    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon:  url("data:image/svg+xml,%3Csvg width='23' height='6' viewBox='0 0 23 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.53125 0.804211V5.75781H23.0037V0.804211H0.53125Z' fill='%23FF7300'/%3E%3C/svg%3E%0A");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;

    --bs-accordion-active-color: white;
    --bs-accordion-active-bg: var(--reviteers-black);

}

.faq-accordion .accordion-item {
    margin-bottom: 1rem;
}

.faq-accordion .accordion-item,
.faq-accordion .accordion-button {
    border-radius: .5rem;
}

.faq-accordion .accordion-item .accordion-button {
    font-size: 1.5rem;
}

.faq-accordion .accordion-item .accordion-button:after {
    content: unset;
}

.faq-accordion .accordion-item .accordion-button .accordion-open-close {
    flex-shrink: 0;
    width: 23px;
    height: 23px;
    margin-left: auto;
    transition: var(--bs-accordion-btn-icon-transition);
}

.faq-accordion .accordion-item .accordion-button .accordion-open-close svg {
    vertical-align: top;
}

.faq-accordion .accordion-item .accordion-button .accordion-open-close svg .bar-1 {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.faq-accordion .accordion-item .accordion-button .accordion-open-close svg.open .bar-1 {
    opacity: 0;
}

.faq-accordion .accordion-item .accordion-button .accordion-open-close svg .bar-2 {
    transition: transform 0.2s ease-in-out;
    transform-origin: center;
}

.faq-accordion .accordion-item .accordion-button .accordion-open-close svg.open .bar-2 {
    transform: rotate(90deg);
}

.faq-accordion .accordion-item .accordion-body {
    font-size: 1rem;
}

.faq-accordion .accordion-item .accordion-body > p:last-child {
    margin-bottom: 0;
}

/* FORMS */
form {
    text-align: left;
}

form .form-control {
    background-color: transparent;
    border-radius: 0;
    padding: 1rem .75rem;
    border-color: #808080;
}

form .form-control:focus {
    background-color: transparent;
    outline: 0;
    border-color: var(--reviteers-orange);
    box-shadow: 0 0 0 0.25rem rgba(255, 115, 0, .2);
}

form .col-12 {
    margin-bottom: 1rem;
}

#typeInput option {
  background-color: white;
  color: #333;
}

.bg-orange .form-control {
    color: white;
    border-color: white;
}

.bg-orange form .form-control:focus {
    color: white;
    border-color: white;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0);
}

/* COUNTER CARDS */
.counter-card {
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid white;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
}

.counter-card .counter-card-number {
    font-size: 2.5rem;
}

@media (min-width: 576px) {
    .counter-card-text {
        font-size: 1.125rem;
    }
}

@media (min-width: 768px) {
    .counter-card {
        height: 300px;
    }

    .counter-card-text {
        font-size: 1.5rem;
    }
}

/* STACKED CARDS */
.card-stack .item {
    padding: 1rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
    position: sticky;
}

.card-stack .item:nth-child(1n) {
    background-color: var(--reviteers-orange);
    color: white;
}

.card-stack .item:nth-child(2n) {
    background-color: var(--reviteers-black);
    color: white;
}

.card-stack .item:nth-child(3n) {
    background-color: var(--reviteers-light-orange);
    color: var(--reviteers-black);
}

.card-stack .item h3 {
    font-weight: 400;
    font-size: 2rem;
}

/* VERTICAL TIMELINE */
.progress-line {
    position: absolute;
    display: flex;
    height: 100%;
    z-index: -1;
}

.progress-line .progress-highlight {
    display: block;
    position: absolute;
    background-color: var(--reviteers-orange);
    width: 4px;
    height: 80px;
    top: 0;
    z-index: 1;
}

.progress-line .point {
    position: relative;
    margin-left: -8px;
}

.point::before {
    z-index: 2;
    position: absolute;
    left:0;
}

.point::before {
    content: url("data:image/svg+xml, %3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23D9D9D9'/%3E%3Ccircle cx='10' cy='9.95312' r='4' fill='%232F2F2F'/%3E%3C/svg%3E%0A");
}

.point.past::before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23FF7300'/%3E%3Ccircle cx='10' cy='9.95312' r='4' fill='%232F2F2F'/%3E%3C/svg%3E%0A") !important;
}

.vr {
    background-color: #D9D8D9;
    width: 4px;
    opacity: 1;
    z-index: 0;
}

.vertical-timeline {
    position: relative;
}

.vertical-timeline .timeline-item {
    text-align: start;
    margin-bottom: 1.5rem;
}

.vertical-timeline .timeline-item .timeline-title {
    color: var(--reviteers-orange);
    font-weight: 400;
    font-size: 2rem;
}

.vertical-timeline .timeline-item p {
    font-size: 1rem;
}

@media (min-width: 992px) {
    .progress-line {
        left: calc(50% - 2px);
    }
}

/* VACANCY PILLS */
.vacancy-pills .pill {
    display: inline-block;
    background-color: rgba(255, 255, 255, .10);
    padding: .5rem;
    margin-bottom: .75rem;
    margin-right: .5rem;
    border: 1px solid white;
    border-radius: 4px;
    font-size: 1rem;
}

@media (min-width: 992px) {
    .vacancy-pills .pill {
        font-size: 1.125rem;
    }
}

/* VACANCY HIGHLIGHTS */
.vacancy-highlights .highlight {
    position: relative;
    background-color: var(--reviteers-light-orange);
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    font-size: 1rem;
}

.vacancy-highlights .highlight:before {
    content: '';
    position: absolute;
    top: calc(50% - 13px);
    left: 25px;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.99841' cy='9.17029' r='8.99841' fill='%23FF7300'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.vacancy-highlights .highlight .highlight-text {
    margin-left: calc(75px - 1rem);
}

/* VACANCY COURSE SLIDER */
.vacancy-course-slider {
    overflow: unset;
    overflow-x: clip;
}

.vacancy-course-slider .swiper-slide {
    background-color: var(--reviteers-black);
    border: 1px solid white;
    border-radius: 1rem;
    padding: 2rem;
    text-align: start;
    font-size: 1rem;
}

.vacancy-course-slider .swiper-slide h3 {
    color: var(--reviteers-orange);
    font-size: 2rem;
}

.vacancy-course-slider .swiper-slide p:last-child {
    margin-bottom: 0;
}

.vacancy-course-slider .swiper-slide .vacancy-pills .pill {
    font-size: 0.875rem;
}

.vacancy-course-slider .swiper-button-prev,
.vacancy-course-slider .swiper-button-next {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    width: 48px;
    height: 48px;
    top: calc(100% + 55px);
}

.vacancy-course-slider .swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.1506 29.728L24.1349 28.7564L20.0824 24.7038H30.5781V23.2976H20.0824L24.1349 19.2578L23.1506 18.2734L17.4233 24.0007L23.1506 29.728Z' fill='white'/%3E%3Crect x='-0.5' y='0.5' width='47' height='47' rx='7.5' transform='matrix(-1 0 0 1 47 0)' stroke='white'/%3E%3C/svg%3E%0A");
    left: calc(50% - 30px);
}

.vacancy-course-slider .swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.8494 29.728L23.8651 28.7564L27.9176 24.7038H17.4219V23.2976H27.9176L23.8651 19.2578L24.8494 18.2734L30.5767 24.0007L24.8494 29.728Z' fill='white'/%3E%3Crect x='0.5' y='0.5' width='47' height='47' rx='7.5' stroke='white'/%3E%3C/svg%3E%0A");
    left: calc(50% + 30px);
}

.vacancy-course-slider .swiper-button-next::after,
.vacancy-course-slider .swiper-button-prev::after {
    display: none;
}

.vacancy-course-slider-subtitle {
    font-size: 6rem;
    color: rgba(255, 255, 255, .3);
    transition: opacity .3s ease-in-out;
}

.vacancy-course .swiper-horizontal > .swiper-pagination-progressbar,
.vacancy-course .swiper-pagination-progressbar.swiper-pagination-horizontal,
.vacancy-course .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.vacancy-course .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: unset;
    bottom: -60px;
}

.vacancy-course .swiper-pagination-progressbar {
    position: relative;
    margin-bottom: 70px;
    background-color: #D9D9D9;
    height: 4px;
}

.vacancy-course .swiper-pagination-progressbar-fill {
    background-color: var(--reviteers-orange);
    top: 0;
}

.vacancy-course .swiper-pagination-progressbar:before {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 4px;
    background-color: var(--reviteers-orange);
    content: "";
}

.vacancy-course .swiper-pagination-progressbar:after {
    position: absolute;
    right: -100%;
    width: 100%;
    height: 4px;
    background: #D9D9D9;
    content: "";
}

.vacancy-course .swiper-pagination-custom {
    position: relative;
    list-style: none;
    margin: 1rem 0;
    padding: 0;
    display: flex;
    line-height: 1.66;
    bottom: -100px;
    z-index: 11;
}

.vacancy-course .swiper-pagination-custom .swiper-pagination-switch {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    display: block;
}

.vacancy-course .swiper-pagination-custom .swiper-pagination-switch .switch-title {
    position: absolute;
    bottom: -50px;
    right: 0;
    transition: 0.2s all ease-in-out;
    transition-delay: 0s;
    cursor: pointer;
    z-index: 1;
    font-size: 0.825rem;
    background: rgba(255, 255, 255, .1);
    padding: .5rem 1rem;
    border: 1px solid white;
    border-radius: 0.25rem;
}

.vacancy-course .swiper-pagination-custom .swiper-pagination-switch .switch-title:after {
    position: absolute;
    top: calc(100% - 71px);
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    width: 12px;
    height: 12px;
    background: var(--reviteers-orange);
    border-radius: 2rem;
    content: "";
    transition: 0.2s all ease-in-out;
    transition-delay: 0s;
    z-index: 1;
}

.vacancy-course .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
    transition-delay: 0.4s;
}


.vacancy-course .swiper-pagination-custom .swiper-pagination-switch:not(.active) .switch-title {
    color: rgba(255, 255, 255, .3);
    border-color: rgba(255, 255, 255, .3);
    background-color: rgba(255, 255, 255, .1);
}

@media (min-width: 992px) {
    .vacancy-course .swiper-pagination-custom,
    .vacancy-course .swiper-pagination-progressbar {
        width: 75%;
    }

    .vacancy-course .swiper-pagination-custom .swiper-pagination-switch .switch-title {
        transform: translateX(50%);
        bottom: -90px;
    }

    .vacancy-course .swiper-horizontal > .swiper-pagination-progressbar,
    .vacancy-course .swiper-pagination-progressbar.swiper-pagination-horizontal,
    .vacancy-course .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
    .vacancy-course .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        top: 100px;
    }
}

@media (min-width: 1400px) {
    .vacancy-course .swiper-pagination-custom .swiper-pagination-switch .switch-title {
        font-size: 1rem;
    }
}

/* VACANCIES */
.vacancy-overview .vacancy-row {
    position: relative;
    background-color: var(--reviteers-light-orange);
    padding: 1rem;
    border-radius: 1rem;
}

.vacancy-overview .vacancy-row h2 {
    font-weight: 400;
    font-size: 2rem;
}

.vacancy-overview .vacancy-row img {
    border-radius: .25rem;
}

.vacancy-overview .vacancy-row .vacancy-text {
    font-size: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}