/* prettier-ignore */
/*-----------------------------------------------
|   Navigation 
------------------------------------------------*/
/*-----------------------------------------------
|   Navbar Brand 
------------------------------------------------*/
/*# sourceMappingURL=user.css.map */
/* ===============================
   CELERIX Button
================================== */

.btn-celerix{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:16px 38px;

    background:#32327f;
    color:#ffffff !important;

    border:2px solid #32327f;
    border-radius:50px;

    font-family:'Rubik-SemiBold';
    font-size:15px;
    letter-spacing:.08em;
    text-transform:uppercase;

    text-decoration:none;

    transition:all .35s ease;
}

.btn-celerix span{
    transition:.35s;
}

.btn-celerix:hover{
    background:#4545a5;
    border-color:#4545a5;
    color:#fff !important;
    text-decoration:none;
    transform:translateY(-3px);
    box-shadow:0 18px 40px rgba(50,50,127,.30);
}

.btn-celerix:hover span{
    transform:translateX(6px);
}

/* ===============================
   HERO VIDEO
================================= */

#myVideo{
    display:block;
    width:100%;
    height:calc(100vh - 76px); /* Navbar 高度 */

    object-fit:cover;
    object-position:center center;

    background:#000;
}

@media (max-width:991px){

    #myVideo{

        height:55vh;

        object-fit:cover;
        object-position:center center;

    }

}
/* ==========================================
   Technology Expertise
========================================== */

.bg-holder{
    z-index:0;
}

section.position-relative > .container{
    position:relative;
    z-index:2;
}

@media (max-width:991px){

    .bg-holder{
        background-position:center center !important;
    }

    .border-lg-start{
        border-left:none !important;
        padding-left:0 !important;
    }

    .Rubik-Regular h1{
        font-size:34px !important;
    }

    .Rubik-Regular h3{
        font-size:24px !important;
    }

}