@import url("//cdn.beasy.nl/assets/fonts/montserrat/montserrat.css");
@import url("//cdn.beasy.nl/assets/fonts/roboto/roboto.css");

::-moz-selection,
::selection {
    color: #ff751f;
    background: #083335;
}

body {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    color: #083335;
}

a {
    color: #ff751f;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover,
a:active,
a:focus {
    color: #083335;
}

p {
    color: #083335;
    line-height: 28px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat';
    font-weight: 400 !important;
    letter-spacing: 0;
}

.beasy_module_team_list .positive-ls-3 {
    margin-bottom: 10px;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
}

.beasy_module_team_list h2 {
    margin-bottom: 5px !important;
    font-size: 23px !important;
}

.beasy_module_text h2 {
    text-align: center;
}

.beasy_module_text.beasy_module_text_1920 h2 {
    text-align: left;
}

.form-label {
    font-weight: 700;
}

.beasy_module_text .fab.fa-facebook {
    color: #395693 !important;
}

.beasy_module_text .fab.fa-linkedin {
    color: #0077b5 !important;
}


.beasy_module_text .fab.fa-instagram {
    color: #d6249f !important;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

html .btn-primary {
    font-weight: 500;
    background-color: #ff751f;
    border-color: #ff751f;
    color: #FFF;
}

.btn {
    font-size: inherit !important;
}

html .btn-primary:target:not(.bg-transparent),
html .btn-primary.target:not(.bg-transparent),
html .btn-primary:hover:not(.bg-transparent),
html .btn-primary.hover:not(.bg-transparent),
html .btn-primary:active:not(.bg-transparent),
html .btn-primary.active:not(.bg-transparent),
html .btn-primary:focus:not(.bg-transparent),
html .btn-primary.focus:not(.bg-transparent) {
    background-color: #083335 !important;
    border-color: #083335 !important;
}

html .btn-modern {
    color: #fff !important;
    text-transform: none;
    background-color: #083335 !important;
    border-color: #083335 !important;
}

html .btn-modern:target:not(.bg-transparent),
html .btn-modern.target:not(.bg-transparent),
html .btn-modern:hover:not(.bg-transparent),
html .btn-modern.hover:not(.bg-transparent),
html .btn-modern:active:not(.bg-transparent),
html .btn-modern.active:not(.bg-transparent),
html .btn-modern:focus:not(.bg-transparent),
html .btn-modern.focus:not(.bg-transparent) {
    background-color: rgba(34, 40, 49, .6) !important;
    border-color: #083335 !important;
}

html .bg-dark {
    background-color: #083335 !important;
}

#header {
    background: #083335;
}

html:not(.sticky-header-active) #header.header-transparent-dark-bottom-border-1 .header-body {
    border-bottom: none;
}

#header .header-nav.header-nav-links.header-nav-light-text nav>ul>li>a,
#header .header-nav.header-nav-line.header-nav-light-text nav>ul>li>a {
    color: #fff;
}

.sticky-header-active #header .header-nav.header-nav-links.header-nav-light-text nav>ul>li>a {
    color: #fff;
}

#header .header-nav.header-nav-links nav>ul>li>a,
#header .header-nav.header-nav-links nav>ul>li>a:hover,
#header .header-nav.header-nav-links nav>ul>li:hover>a {
    padding: 0 .7rem;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}

#header .header-nav.header-nav-links nav>ul:not(:hover)>li>a.active,
#header .header-nav.header-nav-links nav>ul>li>a.active {
    color: #ff751f;
    border-bottom: 2px solid #ff751f;
}

#header .header-nav.header-nav-links nav>ul li:hover>a {
    color: #ff751f;
}

#header .header-nav.header-nav-dropdowns-dark nav>ul>li.dropdown .dropdown-menu>li>a {
    padding: 9px 18px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
}

#header .header-nav.header-nav-dropdowns-dark nav>ul>li.dropdown .dropdown-menu>li>a.active {
    color: #ff751f;
}

#header .header-logo {
    margin-top: -20px;
}

.sticky-header-enabled:not(.sticky-header-active) .header-logo img {
    height: 188px !important;
    margin-bottom: -42px !important;
}

.sticky-header-enabled.sticky-header-active .header-logo img {
    height: 62px !important;
    margin-bottom: -34px !important;
}

.page-header.page-header-modern h1 {
    font-family: 'Roboto';
}

.page-header .row {
    margin-top: 85px !important;
}

.page-header {
    background-color: #052628 !important;
    background-position: center center !important;
}

html .overlay-color-dark:not(.no-skin)::before {
    background-color: #083335 !important;
}

.page-header.page-header-modern.page-header-background.page-header-background-md {
    padding: 80px 0;
}

.beasy_module_text_1690,
.beasy_module_text_1699,
.beasy_module_text-intro_1847,
.beasy_module_text-intro_1789 {
    margin-top: 100px;
}

.owl-carousel h1.font-weight-extra-bold {
    font-family: 'Roboto';
    line-height: 66px;
}

.owl-carousel .background-image-wrapper {
    background-position: center bottom !important;
}

.owl-carousel .align-items-center {
    align-items: center !important;
}

.owl-carousel .background-image-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(26, 27, 26, 0.5);
}

.owl-carousel h3 {
    padding: 0 !important;
    color: #ff751f !important;
}

.owl-carousel h1.font-weight-extra-bold {
    font-weight: 700 !important;
}

.owl-carousel p.font-weight-light {
    font-weight: 400 !important;
}

html section.section-secondary.beasy_module_text-media {
    background: #fff !important;
}

html section.section-secondary.beasy_module_text-media h4 {
    color: #083335 !important;
}

.beasy_module_text-media h2 {
    margin-bottom: 20px !important;
    color: #e67e22 !important;
    font-weight: 700 !important;
}

.beasy_module_text-media h3,
.beasy_module_text-intro h3 {
    font-size: 1.6em;
    color: #ff751f !important;
}

.beasy_module_text-media p {
    color: #083335 !important;
}

.featured-box h4,
.beasy_module_projects h2 {
    font-family: 'Montserrat';
    font-size: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0;
}

.beasy_module_projects .d-block.text-color-grey.positive-ls-3.font-weight-medium.text-2 {
    color: #ff751f !important;
    letter-spacing: 0 !important;
}

.beasy_module_icon-boxes .featured-boxes-style-4 .featured-box .icon-featured {
    font-size: 60px !important;
    color: #083335 !important;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    line-height: 135px;
}

.featured-boxes.featured-boxes-style-4 {
    padding: 48px 0 88px 0;
}

.beasy_module_icon-boxes_1681,
.beasy_module_icon-boxes_1685,
.beasy_module_icon-boxes_1700 {
    background: #eee;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #ff751f;
}


.testimonial.testimonial-style-2 .testimonial-author img {
    max-width: 120px;
    max-height: 120px;
}

.testimonial blockquote p {
    font-family: 'Roboto';
}

.testimonial .testimonial-author p {
    line-height: 28px;
}

.testimonial .testimonial-author strong {
    font-size: 24px;
}

.testimonial .testimonial-author span {
    color: #ff751f;
}

.testimonial.testimonial-style-2 .testimonial-author img {
    border: 4px solid #ff751f;
}

.owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-next::before,
.owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-next::after,
.owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-prev::before,
.owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-prev::after {
    border-color: #ff751f !important;
}

.beasy_module_text-media ol li {
    padding-bottom: 10px;
}

.beasy_footer_social {
    margin-left: 40px;
}

.beasy_footer_social i {
    position: absolute;
    margin-left: -39px;
}

#footer {
    margin-top: 0 !important;
    background: #083335;
    border-top: 0;
}

#footer .font-weight-bold {
    font-weight: 400 !important;
}

footer.b_porto_default_footer .text-color-dark {
    color: #fff !important;
    border-bottom: 2px solid #ff751f;
    padding-bottom: 10px;
}

#footer .beasy_footer_col_2,
#footer .beasy_footer_col_3 {
    margin-top: 38px;
}

#footer p,
#footer a {
    color: #fff !important;
}

#footer a:hover {
    color: #ff751f !important;
}

#footer .beasy_footer_col_2 {
    padding-left: 80px;
}

#footer ul.nav li {
    position: relative;
    padding-left: 14px;
}

#footer ul.nav li::before {
    content: '•';
    position: absolute;
    top: 3px;
    left: 0;
    color: #ff751f;
    font-size: 20px;
    line-height: 1;
}

#footer .nav {
    display: block;
}

#footer .footer-copyright {
    background: #052628;
}

/* Team cards even hoog maken */
.beasy_module_team_list .portfolio-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Mail + LinkedIn naar onderen duwen */
.beasy_module_team_list .portfolio-item .card-date {
    margin-top: auto;
}


.beasy_module_cta .call-to-action {
    background-image: url("//cdn.beasy.nl/spineacademytwente_nl/assets/spine_white.svg") !important;
    background-repeat: no-repeat !important;
    background-position: -14px center !important;
    background-size: auto 175px !important;
}

.beasy_module_cta h3 {
    padding-bottom: 18px;
    font-family: 'Roboto';
    color: #fff !important;
}

.beasy_module_cta a {
    color: #083335;
}

.beasy_module_cta a:not(.btn):hover {
    opacity: 0.4;
}

.beasy_module_cta .call-to-action.call-to-action-primary {
    background-color: #ff751f;
    border-radius: 0 !important;
    border-bottom: 3px solid #083335;
}

html .svg-fill-color-primary {
    fill: #083335 !important;
}

html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured {
    background: #fff;
    border: 9px solid #ff751f;
}

.beasy_module_cta .call-to-action.call-to-action-primary p {
    margin: 0;
    color: #083335;
}

.beasy_module_news-blog h2 {
    line-height: 26px !important;
}

.beasy_module_news-blog h5 {
    font-size: 18px;
    color: #ff751f;
}

.beasy_module_news-blog_message h2 {
    line-height: 36px !important;
}

.beasy_module_news-blog_message .post-meta {
    padding-top: 14px;
}

.beasy_module_news-blog_message h2::before {
    margin-left: -21px;
}

.beasy_module_news-blog_message ul.simple-post-list li {
    padding: 6px;
    margin-bottom: 8px;
}

.beasy_module_news-blog_message ul.simple-post-list li .post-meta {
    display: none;
}

section.section.section-height-3 {
    padding: 1.615rem 0;
}

.beasy_module_text-columns h4 {
    margin-bottom: 20px !important;
    font-size: 30px;
    color: #083335 !important;
}

.beasy_module_text_1683 {
    margin-bottom: 0 !important;
}

.beasy_module_img-movie-iframe_image_container1500 .ratio.ratio-16x9 {
    height: 2500px;
}

.shape-divider.shape-divider-reverse-x {
    transform: rotateX(180deg);
}

.shape-divider:not(.shape-divider-bottom) svg {
    margin-top: -8px;
}

.shape-divider.shape-divider-bottom svg {
    margin-bottom: 8px;
}

.beasy_module_text-media .scale-2 {
    transform: scale(1) !important;
}

.beasy_footer_media_219 {
    width: 90%;
}


.beasy_module_text_1708 .col-lg-8,
.beasy_module_forms_1709 .col-lg-8,
.beasy_module_forms_1709 .col-lg-6 {
    flex: 0 0 auto;
    width: 100%;
}

.b_contactpage {
    padding-top: 50px;
    padding-bottom: 50px;
}

.b_contactpage section .container {
    padding: 0 !important;
}

.b_contactpage .beasy_module_text h2,
.b_contactpage .beasy_module_forms h2 {
    text-align: left;
}

.beasy_module_testimonials {
    background: #eee;
}

.beasy_module_testimonials h2 {
    margin: 0;
}

.beasy_module_testimonials .container {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
}

.beasy_module_text-columns_1682,
.beasy_module_icon-boxes_1691 {
    background: #eee;
}

.beasy_module_text_1690 h3,
.beasy_module_text_1699 h3 {
    text-align: center;
}

.beasy_module_icon-boxes_1700 .featured-box h4,
.beasy_module_icon-boxes_1691 .featured-box h4 {
    margin-bottom: 20px !important;
}

.beasy_module_icon-boxes_1700 .featured-box li {
    position: relative;
    padding-left: 14px;
    list-style: none;
}

.beasy_module_icon-boxes_1700 .featured-box ul {
    padding-left: 0;
}

.beasy_module_icon-boxes_1700 .featured-box li::before {
    content: '•';
    position: absolute;
    top: 3px;
    left: 0;
    color: #ff751f;
    font-size: 20px;
    line-height: 1;
}

.beasy_module_text-columns_1778 .featured-boxes.featured-boxes-style-4 {
    padding: 0 0 88px 0 !important;
}

.beasy_module_text-columns_1846 .featured-boxes {
    padding-bottom: 0 !important;
}

.beasy_module_team img {
    padding: 22px !important;
    border-radius: 100% !important;
}

.beasy_module_image-boxes_1790 .figure-img {
    margin-bottom: 30px;
}

.beasy_module_image-boxes_1790 h4 {
    color: #7a4900;
    font-weight: 700 !important;
}

.beasy_module_image-boxes_1790 h6 {
    height: 80px;
    padding-top: 20px;
    font-style: italic;
}

.beasy_module_logos_slider_1849 {
    margin-top: 70px;
    padding-top: 3rem;
    border-top: 2px solid #083335;
}

@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {

    #header .header-nav.header-nav-links nav>ul>li>a,
    #header .header-nav.header-nav-links nav>ul>li:hover>a,
    #header .header-nav.header-nav-line nav>ul>li>a,
    #header .header-nav.header-nav-line nav>ul>li:hover>a {
        padding: 0 .6rem;
        font-size: 15px;
    }

}

@media (max-width: 991.98px) {
    #header .header-logo img {
        height: 188px;
        margin-bottom: -42px !important;
    }

    #header .header-btn-collapse-nav {
        background: #ff751f;
    }

    .beasy_footer_sitemap ul li ul {
        padding-left: 0 !important;
    }

    #footer .beasy_footer_col_2 {
        padding-left: 60px;
    }

    html #header.header-transparent .header-body.bg-dark .header-nav-main::before {
        background: transparent !important;
    }

    html #header nav {
        background: #083335;
    }

    #header .header-nav.header-nav-links nav>ul>li>a,
    #header .header-nav.header-nav-links nav>ul>li:hover>a,
    #header .header-nav.header-nav-line nav>ul>li>a,
    #header .header-nav.header-nav-line nav>ul>li:hover>a {
        padding: 20px;
        font-size: 18px;
        color: #fff;
    }

    #header .header-nav.header-nav-links.header-nav-light-text nav>ul>li>a,
    #header .header-nav.header-nav-line.header-nav-light-text nav>ul>li>a {
        color: #fff;
    }

    #header .header-nav-main.header-nav-main-mobile-dark nav>ul li a:hover,
    #header .header-nav-main.header-nav-main-mobile-dark nav>ul li a:focus,
    #header .header-nav-main.header-nav-main-mobile-dark nav>ul li a:active {
        background: #ff751f;
    }

    #header .header-nav-main nav>ul li a.dropdown-toggle .fa-chevron-down {
        border-left: 1px solid #3e3e3e;
        width: 60px;
    }

    #header .header-nav-main.header-nav-main-mobile-dark nav>ul>li>a.active {
        color: #ff751f !important;
        background: transparent;
    }

    #header .header-nav-main nav>ul>li>a.active {
        color: #ff751f !important;
    }

    #header .header-nav.header-nav-links nav>ul:not(:hover)>li>a.active,
    #header .header-nav.header-nav-links nav>ul>li>a.active {
        border-bottom: none;
        color: #ff751f !important;
    }

    #header .header-nav-main.header-nav-main-mobile-dark nav>ul>li>a.active:focus,
    #header .header-nav-main.header-nav-main-mobile-dark nav>ul>li>a.active:hover {
        background: #083335;
    }

    #header .header-nav.header-nav-dropdowns-dark nav>ul>li.dropdown .dropdown-menu>li>a {
        padding: 16px 18px;
    }

    #header .header-nav.header-nav-links nav>ul li:hover>a {
        color: #fff;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        background-color: transparent;
    }

    #header .header-nav-main nav>ul>li>a {
        margin-right: 0;
        margin-left: 0;
    }

    .beasy_module_icon-boxes .featured-boxes,
    .beasy_module_text-columns .featured-boxes {
        justify-content: center !important;
    }

    .beasy_module_text-media .col-9 {
        width: 100%;
        transform: scale(1) !important;
    }

    .beasy_module_text-media .col-9 img {
        width: 100%;
    }

    .owl-carousel.owl-carousel-light p {
        text-align: center !important;
    }

    #footer .beasy_footer_col_2 {
        padding-left: 15px;
    }

    #footer .beasy_footer_col_2,
    #footer .beasy_footer_col_3 {
        margin-top: 20px;
    }

    .beasy_module_text-media {
        margin-bottom: 0 !important;
    }

    .beasy_module_text-media .pb-5 {
        padding-bottom: 0px !important;
    }

    .testimonial blockquote p {
        font-size: 16px !important;
    }

    .page-header.page-header-modern.page-header-background.page-header-background-md {
        padding: 1px 0 80px 0;
    }

    .testimonial.testimonial-style-2 blockquote {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 767.98px) {
    .owl-carousel.owl-carousel-light .container {
        width: 100% !important;
        max-width: none !important;
    }

    .beasy_module_img-movie-iframe_image_container1500 .ratio.ratio-16x9 {
        height: 3500px;
    }
}

@media (max-width: 575.98px) {
    #header .header-logo img {
        height: 170px;
        margin-bottom: -42px !important;
    }

    .owl-carousel .text-4 {
        font-size: 16px !important;
        line-height: 20px;
    }

    html .owl-carousel .btn-primary {
        margin-bottom: 10px;
    }

    .beasy_module_img-movie-iframe_image_container1500 .ratio.ratio-16x9 {
        height: 4000px;
    }

    #header .header-btn-collapse-nav {
        margin-right: 30px;
    }
}

@media (max-width: 420px) {
    .owl-carousel h1.font-weight-extra-bold {
        font-size: 22px !important;
        line-height: 24px;
    }

    .owl-carousel .text-4 {
        font-size: 14px !important;
        line-height: 18px;
    }
}



@media (max-width: 991.98px) {
    .header-body {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1040;
        transition: top .25s ease;
    }

    body.has-mobile-fixed-header {
        transition: padding-top .25s ease;
    }

    html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body {
        background-color: #083335 !important;
    }
}

/* FOOTER BUTTON */

.floating-contact-btn {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 9999;
    background-color: #ff751f;
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    font-family: inherit;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.floating-contact-btn:hover {
    color: #ffffff;
    background-color: #083335;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
}

.floating-contact-btn:focus {
    outline: 2px solid #083335;
    outline-offset: 3px;
}

.floating-contact-btn .btn-icon {
    height: 2em;
    width: auto;
    display: block;
}

@media (max-width: 768px) {
    .floating-contact-btn {
        bottom: 15px;
        right: 15px;
        padding: 10px 16px;
        font-size: 14px;
    }
}


/* FOOTER APP BUTTON */

.floating-app-btn {
    position: fixed;
    bottom: 50px;
    right: 200px;
    z-index: 9999;
    background-color: #4ac959;
    color: #ffffff;
    padding: 10px 17px 14px 17px;
    border-radius: 999px;
    font-size: 26px;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.floating-app-btn:hover {
    color: #ffffff;
    background-color: #083335;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
}

.floating-app-btn:focus {
    outline: 2px solid #083335;
    outline-offset: 3px;
}

.floating-app-btn .btn-icon {
    height: 2em;
    width: auto;
    display: block;
}

/* Kleinere schermen: iets compacter */
@media (max-width: 768px) {
    .floating-app-btn {
        bottom: 88px;
        right: 15px;
        padding: 8px 16px 12px 16px;
        font-size: 21px;
    }
}


/* ============================= */
/* NIEUWE HOMEPAGE SLIDER */
/* ============================= */


.beasy_header_owl_carousel {
    height: 100vh !important;
    min-height: 100vh !important;
    background: #083335 !important;
    position: relative;
    overflow: hidden;
}

.beasy_header_owl_carousel .beasy-hero-fixed {
    position: absolute;
    top: 140px;
    left: 0;
    right: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
}

.beasy_header_owl_carousel .beasy-hero-fixed img {
    height: 370px;
    width: auto;
    max-width: 90%;
    display: block;
}

.beasy_header_owl_carousel .beasy-hero-fixed .beasy-hero-h3 {
    margin-top: 14px;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
    padding: 0 16px;
}

/* h3 in slides verbergen, want die tonen we fixed */
.beasy_header_owl_carousel .owl-item h3 {
    display: none !important;
}

/* background wrappers uitzetten zodat er niks hoeft te 'laden' */
.beasy_header_owl_carousel .background-image-wrapper {
    display: none !important;
}

/* Zorg dat de tekst in de actieve slide nooit "vast" blijft op opacity:0 */
.beasy_header_owl_carousel .owl-item.active .appear-animation {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Scroll-indicator (chevron) */
.beasy_header_owl_carousel::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 30px;
    width: 32px;
    height: 32px;
    transform: translateX(-50%) rotate(45deg);
    border-right: 3px solid rgba(255, 255, 255, .85);
    border-bottom: 3px solid rgba(255, 255, 255, .85);
    z-index: 60;
    pointer-events: none;
    animation: scrollHint 1.4s ease-in-out infinite;
}

/* Klikbare overlay voor scroll-indicator */
.beasy-scroll-indicator {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100px;
    height: 100px;
    transform: translateX(-50%);
    z-index: 61;
    cursor: pointer;
}


@keyframes scrollHint {
    0% {
        transform: translateX(-50%) translateY(0) rotate(45deg);
        opacity: .55;
    }

    50% {
        transform: translateX(-50%) translateY(10px) rotate(45deg);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(0) rotate(45deg);
        opacity: .55;
    }
}

/* Autoplay progress bar */
.beasy_header_owl_carousel .owl-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: rgba(255, 255, 255, .25);
    z-index: 60;
    overflow: hidden;
}


.beasy_header_owl_carousel .owl-progress-bar {
    height: 100%;
    width: 0%;
    background: #ffffff;
    transition: width linear;
}


.beasy_header_owl_carousel .beasy-hero-h3 {
    font-size: clamp(1.8rem, 1.8vw, 1.4rem) !important;
    font-weight: 700;
    margin-bottom: 1.25rem;
    margin-top: 80px !important;
}

.beasy_header_owl_carousel h1 {
    font-size: clamp(0.5rem, 2.8vw, 1.5rem) !important;
    line-height: 1.25;
    font-weight: 700;
    margin: 0 auto 2rem;
}

.beasy_header_owl_carousel .d-flex.flex-column.align-items-center.justify-content-center.h-100 {
    justify-content: end !important;
    padding-bottom: 140px;
}


.beasy_header_owl_carousel p {
    font-size: clamp(1.05rem, 1.6vw, 1.25rem);
    line-height: 1.7;
    font-weight: 400;
    max-width: 760px;
    margin: 0 auto;
    opacity: 0.9;
}

.beasy_header_owl_carousel .owl-item .d-flex {
    padding-top: 260px;
}

/* Wide screens maar relatief lage hoogte (laptops) */
/* @media (min-width: 992px) and (max-height: 1100px) { */
@media (max-height: 950px) {

    /* 1) Maak headerblok compacter */
    .beasy_header_owl_carousel .beasy-hero-fixed {
        top: 46px;
        /* pas aan indien nodig */
    }

    .beasy_header_owl_carousel .beasy-hero-fixed img {
        /* height: 180px; */
        /* was 250 */
    }

    .beasy_header_owl_carousel .beasy-hero-fixed .beasy-hero-h3 {
        /* font-size: 1.25rem; */
        /* iets kleiner */
        /* margin-top: 10px; */
    }

    /* 2) Duw slide-tekst naar beneden zodat hij niet onder logo/h3 komt */
    .beasy_header_owl_carousel .owl-item .d-flex {
        /* padding-top: 260px; */
        /* ruimte voor logo + h3 */
    }

    /* 3) (optioneel) h1/p iets compacter op lage hoogte */
    .beasy_header_owl_carousel h1 {
        /* margin-bottom: 1.25rem !important;
        line-height: 1.2 !important; */
    }

    .beasy_header_owl_carousel p {
        /* line-height: 1.6 !important; */
    }

    .beasy_header_owl_carousel .d-flex.flex-column.align-items-center.justify-content-center.h-100 {
        padding-bottom: 86px;
    }
}

@media (max-height: 785px) {

    /* 1) Maak headerblok compacter */
    .beasy_header_owl_carousel .beasy-hero-fixed {
        top: 20px;
        /* pas aan indien nodig */
        height: 100%;
    }

    .beasy_header_owl_carousel .beasy-hero-fixed img {
        height: 90%;
        /* was 250 */
        /* padding-bottom: 245px !important; */
        padding-bottom: 270px !important;
    }

    .beasy_header_owl_carousel .beasy-hero-fixed .beasy-hero-h3 {
        /* font-size: 1.25rem; */
        /* iets kleiner */
        /* margin-top: 10px; */
        margin-top: -216px !important;

    }

    /* 2) Duw slide-tekst naar beneden zodat hij niet onder logo/h3 komt */
    .beasy_header_owl_carousel .owl-item .d-flex {
        /* padding-top: 260px; */
        /* ruimte voor logo + h3 */
    }

    /* 3) (optioneel) h1/p iets compacter op lage hoogte */
    .beasy_header_owl_carousel h1 {
        /* margin-bottom: 1.25rem !important;
        line-height: 1.2 !important; */
    }

    .beasy_header_owl_carousel p {
        /* line-height: 1.6 !important; */
    }

    .beasy_header_owl_carousel .d-flex.flex-column.align-items-center.justify-content-center.h-100 {
        padding-bottom: 86px;
    }
}

@media (max-width: 991.98px) {
    .beasy_header_owl_carousel .beasy-hero-fixed {
        top: 105px;
        height: auto !important;
    }

    .beasy_header_owl_carousel {
        height: 100vh !important;
    }

    /* Als de homepage altijd die hero slider heeft: */
    body:has(.beasy_header_owl_carousel) {
        padding-top: 0 !important;
    }

    .beasy_header_owl_carousel .owl-item .d-flex {
        padding-top: 0;
    }

    .beasy_header_owl_carousel .d-flex.flex-column.align-items-center.justify-content-center.h-100 {
        justify-content: flex-end !important;
        padding-bottom: 80px;
        /* ruimte vanaf onderkant */
    }

    .beasy_header_owl_carousel .beasy-hero-h3 {
        margin-top: 30px !important;
    }
}


/* Homepage: header standaard onzichtbaar (maar Porto mag hem positioneren) */
body:has(.beasy_header_owl_carousel) header {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 220ms ease !important;
}

/* Zodra sticky actief: zichtbaar */
html.sticky-header-active body:has(.beasy_header_owl_carousel) header,
html body.has-mobile-fixed-header:not(.hero-at-top):has(.beasy_header_owl_carousel) header {
    opacity: 1 !important;
    pointer-events: auto !important;
}

@media (max-width: 991.98px) {

    /* Alleen op homepage en alleen bovenaan: logo verbergen */
    body.hero-at-top:has(.beasy_header_owl_carousel) #header.header-effect-shrink .header-logo {
        display: none !important;
    }

    /* Alleen op homepage en alleen bovenaan: andere header background */
    body.hero-at-top:has(.beasy_header_owl_carousel) #header.header-transparent:not(.header-semi-transparent) .header-body {
        background: #112727 !important;
    }

    .beasy_header_owl_carousel.owl-carousel {
        padding-bottom: 80px !important;
    }

    .beasy_header_owl_carousel::after {
        bottom: 90px;
    }
}


.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-next,
.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-prev {
    background: #083335 !important;
}

@media (max-height: 620px) {
    .beasy_header_owl_carousel .owl-item {
        display: none !important;
    }

}