@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';

/* _content/LMI.Web/Components/Layout/LandingPageLayout.razor.rz.scp.css */
/* iPhone */
@media (max-width: 576px) {
    .lmi-title[b-gflif8owkc] {
        display: none;
    }
}

/* _content/LMI.Web/Components/Pages/AdminPages/CompanyPages/CompanyGrid.razor.rz.scp.css */

[b-k5g3twxz6c] .company-name .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}
/* _content/LMI.Web/Components/Pages/AdminPages/UserPages/UserGrid.razor.rz.scp.css */

[b-9yr9u7zrsp] .searchbox .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}
/* _content/LMI.Web/Components/Pages/LandingPage.razor.rz.scp.css */
/*********************

    HERO SECTION

*********************/
#hero-section[b-sczg1axgvw] {
    position: relative;
    margin-left: calc(-50vw + 50%);
    width: 100vw;
    height: 100vh;
    
    background-image: url('images/Human-Anatomy-Head-and-Neck.jpg');
    background-size: 40%;
    background-position: right;
    background-repeat: no-repeat;
    overflow: hidden;

    display: flex;
    flex-direction: column;
    justify-content: center; 
    align-items: flex-start;
}

#hero-section[b-sczg1axgvw]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(182, 182, 182, 0.6);
    z-index: 1;
}

#hero-section[b-sczg1axgvw]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 150%; 
    background-color: rgba(21, 1, 87, 0.6);
    transform: rotate(45deg);
    transform-origin: top left; 
    z-index: 0; 
    pointer-events: none;
}
