.view-global-home {
    position: relative;
    display: grid;
    justify-content: center;
    align-items: center;
    /* align-content: start; */
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    padding: var(--realvuu-content-padding) ;
    background-color: var(--realvuu-primary-color);
}

/* .view-global-home::after {
    content: "";
    width: 100%;
    height: var(--realvuu-content-padding) ;
    pointer-events: none;
} */

.view-global-home-container {
    color: var(--realvuu-black);
    background-color: var(--realvuu-white);
    padding: var(--realvuu-content-padding-large) ;
    display: grid;
    gap: var(--realvuu-content-padding-small) ;
    text-align: center;
    width: 100%;
    max-width: 640px;
    border-radius: var(--realvuu-radius);
}

.view-global-home-container a {
    display: inline-block;
}

.language-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    display: flex;
    justify-content: start;
}

.component-languages {
    pointer-events: initial;
}

.component-languages > a {
    color: var(--realvuu-inverse-color);
}

.component-dropdown-button:hover {
    color: var(--realvuu-inverse-color);
    background-color: var(--realvuu-secondary-color);
}

.view-global-home .logo {
    height: 100px;
}

.view-global-home .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 780px) {
    .view-global-home {
        align-content: start;
    }
    .language-container {
        position: relative;
        top: initial;
        left: initial;
        margin-bottom: var(--realvuu-content-padding-small) ;
        align-self: flex-start;
    }

    .component-languages a {
        border-radius: var(--realvuu-radius-small);
    }
}

@media (max-width: 425px) {
    .view-global-home {
        padding: var(--realvuu-content-padding-small) ;
    }

    /* .view-global-home::after {
        height: var(--realvuu-content-padding-small) ;
    } */

    .view-global-home-container {
        padding: var(--realvuu-content-padding) ;
    }
}

@media (max-height: 380px) {
    .view-global-home {
        align-items: start;
    }
}