/* =========================================
   CUSTOM VIDEO HERO - RESET
========================================= */

.custom-video-hero {
    position: relative !important;
    display: block !important;

    width: 100vw !important;
    max-width: 100vw !important;

    height: 100vh !important;
    min-height: 650px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #000 !important;
}


/* =========================================
   BACKGROUND VIDEO
========================================= */

.custom-video-hero .background-hero-video {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    object-position: center center !important;

    display: block !important;

    border: 0 !important;

    z-index: 1 !important;

    transform: none !important;
}


/* =========================================
   VIDEO OVERLAY
========================================= */

.background-video-overlay {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background: rgba(0, 0, 0, 0.40) !important;

    z-index: 2 !important;

    pointer-events: none !important;
}


/* =========================================
   HERO CONTENT
========================================= */

.custom-video-hero-content {
    position: relative !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 650px !important;

    z-index: 3 !important;

    display: flex !important;

    align-items: center !important;

    color: #ffffff !important;
}


/* =========================================
   CONTENT TEXT
========================================= */

.custom-hero-content {
    max-width: 750px;
}


.hero-small-title {
    display: block;

    margin-bottom: 20px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 3px;

    text-transform: uppercase;
}


.custom-hero-content h1 {
    margin: 0 0 25px !important;

    color: #ffffff !important;

    font-size: clamp(42px, 5vw, 80px) !important;

    font-weight: 700 !important;

    line-height: 1.1 !important;
}


.custom-hero-content p {
    max-width: 650px;

    margin-bottom: 30px;

    color: rgba(255, 255, 255, 0.9) !important;

    font-size: 18px;

    line-height: 1.8;
}


/* =========================================
   BUTTONS
========================================= */

.custom-hero-buttons {
    display: flex;

    flex-wrap: wrap;

    gap: 15px;
}


.custom-btn-primary,
.custom-btn-outline {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 15px 30px;

    text-decoration: none !important;

    font-weight: 600;

    transition: all 0.3s ease;
}


.custom-btn-primary {
    background: #ffffff;

    color: #111111;
}


.custom-btn-primary:hover {
    background: #111111;

    color: #ffffff;
}


.custom-btn-outline {
    border: 1px solid #ffffff;

    color: #ffffff;
}


.custom-btn-outline:hover {
    background: #ffffff;

    color: #111111;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .custom-video-hero {
        min-height: 600px !important;
    }

    .custom-video-hero .background-hero-video {
        width: 100vw !important;
        height: 100vh !important;
    }

    .custom-hero-content h1 {
        font-size: 55px !important;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .custom-video-hero {
        width: 100vw !important;

        height: 100vh !important;

        min-height: 550px !important;
    }


    .custom-video-hero .background-hero-video {
        position: absolute !important;

        width: 100vw !important;

        height: 100% !important;

        object-fit: cover !important;

        object-position: center center !important;
    }


    .custom-video-hero-content {
        min-height: 550px !important;

        text-align: center;
    }


    .custom-hero-content {
        margin: auto;
    }


    .custom-hero-content h1 {
        font-size: 38px !important;
    }


    .custom-hero-content p {
        font-size: 16px;
    }


    .custom-hero-buttons {
        justify-content: center;
    }

}


/* =========================================
   REMOVE HORIZONTAL OVERFLOW
========================================= */

html,
body {
    width: 100% !important;

    max-width: 100% !important;

    overflow-x: hidden !important;
}




.top-bar .header-top .position-relative .z-4{
display:none;
}

.d-flex .align-items-center{
display:none;
}


.border-top{
display:none;
}
.offcanvas{
display:none;
}