/***************************
Add your custom styles below
****************************/

html {
    scroll-behavior: smooth;
}

.nav-bar {
    padding: 0 3.25em 0 3.25em;
}

.cta-5 h4 {
    white-space: unset;
}

/* Creating Parallax Effect */
.testimonial .background-image-holder,
.parallax-css .background-image-holder  {
    will-change: unset;
    background-attachment: fixed !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
}

.parallax-css .background-image-holder {
    background-position: center !important;
}

.parallax>.background-image-holder {
    top: -11vh;
}

.videobg video {
    left: 50%;
    transform: translate(-50%, 0px);
}

@media (max-width: 1024px) {

    /* Video for mobiles */
    .videobg video {
        display: block;
    }

    .videobg .background-image-holder {
        opacity: 0 !important;
    }

    .videobg.video-active .container {
        opacity: 1 !important;
    }

    /* .videobg.height-100 {
        height: auto;
    } */
}

@media (min-height: 805px) and (max-width: 1180px) {
    .videobg.height-100 {
        height: auto;
    } 
}

@media (min-height: 500px) {
    .height-70 {
        height: 70vh;
    }
}

@media (max-width: 991px) {
    .nav--absolute {
        top: unset;
    }
}

@media (max-width: 768px) {
    .section--overlap:not(:first-child):not(.process-1) {
        margin-top: -1.5em;
    }

    .height-70 {
        height: auto;
    }
}