header {
    width: 100%;
    height: 100vh;
    position: relative;
}
header::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--video-filter);
    width: 100%;
    height: 100vh;
    z-index: 1;
}
header video {
    position: fixed;
    z-index: var(--z-index-video);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-width: 100%;
    min-height: 100%;
}
header .container_welcome {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100vw;
    height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
header .container_welcome .heading_welcome {
    color: var(--bfc-white);
    margin: var(--main-padding) 0;
    text-align: center;
    font-size: var(--welcome-clamp);
    text-transform: uppercase;
    font-weight: 100;
    inset: 0 0 0 0;
    -webkit-text-stroke-width: 2px;
    -webkit-text-fill-color: transparent;
}
header .container_welcome .para_welcome {
    text-align: center;
    color: var(--bfc-white);
    font-size: var(--h1-clamp);
    margin: var(--main-padding) 0;
}
main {
    background: var(--bfc-light);
    z-index: 3;
}
main > .logoBackground_clip {
    position: absolute;
    inset: 0;
    clip-path: inset(0);
    z-index: 0;
    pointer-events: none;
}
.padd_welcome{
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 60% top 50%;
    background-image: url(../assets/images/welcome_group.webp);
    z-index: var(--z-index-content);
    width: 100%;
    height: auto;
}
.padd_welcome::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}
.introducing_content_wrapper_even,
.introducing_content_wrapper_odd{
    opacity: 0;
    transition: opacity 1s ease, transform 1s ease;
    padding: 50px;
    min-height: 100vh;
    /* height: auto; */
    background: rgba(0, 0, 0, .5);
    color: var(--bfc-light);
}
.introducing_content_wrapper_even {
    transform: translateX(-100px);
}

.introducing_content_wrapper_odd {
    transform: translateX(100px);
}

.introducing_content_wrapper_even.visible_effect,
.introducing_content_wrapper_odd.visible_effect {
    opacity: 1;
    transform: translateX(0);
}
.main_title.sticky {
    position: fixed;
}
.solid_dark {
    background: var(--bfc-dark);
}
@media screen and (max-width: 920px) {

    main .padd_welcome {
        flex-direction: column;
    }
    .introducing_content_wrapper_odd,
    .introducing_content_wrapper_even {
        
        padding: 0 var(--small-padding);
        justify-content: space-around;
    }
    .introducing_content_wrapper_even {
        min-height: 30vh;
    }
    .introducing_content_wrapper_odd {
        min-height: 50vh;
    }
    .slider_nav {
        padding: 0 var(--small-padding);
    }
}
@media screen and (max-width: 768px){
    header .container_welcome{
        top: 67%;
        height: 60vh;
    }
}
@media screen and (max-width: 500px){
    .introducing_content_wrapper_even {
        min-height: 40vh;
    }
    .introducing_content_wrapper_odd,
    .introducing_content_wrapper_even{
        text-align: justify;
    }
}
