/* _content/Siftit.co.uk/Components/Account/Pages/Login.razor.rz.scp.css */
.input-limited-width[b-k9dko876xz] {
    width: 300px !important;
    max-width: 100%;
    margin: 0 auto;
}

    .input-limited-width .form-control[b-k9dko876xz] {
        width: 300px !important;
        max-width: 100%;
        margin: 0 auto;
    }
/* _content/Siftit.co.uk/Components/Account/Pages/Register.razor.rz.scp.css */
.input-limited-width[b-cs1xbhxi9e] {
    width: 300px !important;
    max-width: 100%;
    margin: 0 auto;
}

    .input-limited-width .form-control[b-cs1xbhxi9e] {
        width: 300px !important;
        max-width: 100%;
        margin: 0 auto;
    }
/* _content/Siftit.co.uk/Components/Account/Shared/AccountLayout.razor.rz.scp.css */
/* Full-page background with flexbox centering */
.home-background[b-g3w4mcecin] {
    background-image: url('images/Swoosh6.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 84vh; /* Set to exactly 100vh to avoid extra scrolling */
    margin: 0; /* Remove any default margin that may cause overflow */
    padding: 0; /* Remove unnecessary padding that could cause overflow */
    box-sizing: border-box; /* Ensure padding is included in the box model */
    overflow: hidden; /* Prevent background from causing scroll */
}

/* Style for the semi-transparent centered div */
.centered-content[b-g3w4mcecin] {
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    padding: 20px; /* Padding inside the box */
    border-radius: 15px; /* Rounded corners */
    text-align: center; /* Center the text inside */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
    max-width: 30vw; /* Maximum width for the content box */
    width: 30%; /* Ensure the div doesn't overflow */
    margin: 20px auto; /* Center it horizontally and vertically with margin */
    min-height: 50vh; /* Minimum height of the content box */
}
/* _content/Siftit.co.uk/Components/Account/Shared/ManageLayout.razor.rz.scp.css */
/* Full-page background with flexbox centering */
/*.home-background {
    background-image: url('images/siftit_bg.jpg');*/ /* Replace with your image path */
    /*background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;*/ /* Center horizontally */
    /*align-items: center;*/ /* Center vertically */
    /*height: 84vh;*/ /* Set to exactly 100vh to avoid extra scrolling */
    /*margin: 0;*/ /* Remove any default margin that may cause overflow */
    /*padding: 0;*/ /* Remove unnecessary padding that could cause overflow */
    /*box-sizing: border-box;*/ /* Ensure padding is included in the box model */
    /*overflow: hidden;*/ /* Prevent background from causing scroll */
/*}*/

/* Style for the semi-transparent centered div */
/*::deep body .centered-content {
    background-color: rgba(255, 255, 255, 0.8);*/ /* Semi-transparent white background */
    /*padding: 40px;*/ /* Padding inside the box */
    /*border-radius: 15px;*/ /* Rounded corners */
    /*text-align: center;*/ /* Center the text inside */
    /*box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);*/ /* Optional shadow */
    /*max-width: 900px !important;*/ /* Maximum width for the content box */
    /*width: 70% !important;*/ /* Ensure the div doesn't overflow */
    /*margin: 20px auto;*/ /* Center it horizontally and vertically with margin */
    /*min-height: 60vh;*/ /* Minimum height of the content box */
    /*margin-right: 30px !important;
}

h1, h2 {
    text-align: center !important;
}*/
/* _content/Siftit.co.uk/Components/Layout/EmptyLayout.razor.rz.scp.css */
.sticky-header[b-n0jvcs1r90] {
    /*position: fixed;*/ /*position: sticky;*/
    /*top: 0;*/  /*Stick to the top of the page */
    z-index: 1000; /* Ensure the header stays on top of other content */
    background-color: white; /* Ensure background color so it doesn't overlap */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow for emphasis */
    width: 100%;

}

.page[b-n0jvcs1r90] {
    /*display: flex;
    flex-direction: column;*/
    width: 100%;
    height: 100%;
    /*margin-top: 100px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;*/ /* Ensure the page takes up the full viewport height */
}

.mainpanel[b-n0jvcs1r90] {
    position: fixed;
    top: 70px;
    overflow-y: auto; /* Ensure the content is scrollable */
    height: calc(100% - 110px);
    width: 100%;
}

[b-n0jvcs1r90] .mainpanel .k-animation-container {
    transform: translateY(-70px);
}

main[b-n0jvcs1r90] {
    flex: 1; /* Ensures the main content grows to fill the space above the footer */
}

footer[b-n0jvcs1r90] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    border-top: 1px solid #d6d5d5;
    text-align: center;
    z-index: 100; /* Ensure footer stays above other content */
}

.footer-container[b-n0jvcs1r90] {
    margin-left: 15%; /* Apply 15% margin to the left */
    margin-right: 15%; /* Apply 15% margin to the right */
    width: 70%; /* The footer content takes up 70% width, centered */
    padding: 0.5rem 0;
    text-align: center;
}

#blazor-error-ui[b-n0jvcs1r90] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-n0jvcs1r90] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.left-menu[b-n0jvcs1r90] {
    width: 300px;
}

/*::deep .k-animation-container.telerik-blazor.k-animation-container-shown {
    position: fixed;
    top: 50px !important; 
    z-index: 1000; 
}
*/

@media screen and (max-width: 800px) {
    .mainpanel[b-n0jvcs1r90] {
        top: 160px !important;
        height: calc(100% - 160px);
    }
}
/* _content/Siftit.co.uk/Components/Layout/MainLayout.razor.rz.scp.css */
.sticky-header[b-al4nildqva] {
    /*position: fixed;*/ /*position: sticky;*/
    /*top: 0;*/  /*Stick to the top of the page */
    z-index: 1000; /* Ensure the header stays on top of other content */
    background-color: white; /* Ensure background color so it doesn't overlap */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow for emphasis */
    width: 100%;

}

.page[b-al4nildqva] {
    /*display: flex;
    flex-direction: column;*/
    width: 100%;
    height: 100%;
    /*margin-top: 100px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;*/ /* Ensure the page takes up the full viewport height */
}

.mainpanel[b-al4nildqva] {
    position: fixed;
    top: 70px;
    overflow-y: auto; /* Ensure the content is scrollable */
    height: calc(100% - 110px);
    width: 100%;
}

    .mainpanel.dashboard-page[b-al4nildqva] {
        overflow-y: hidden !important;
    }

[b-al4nildqva] .mainpanel.dashboard-page {
    overflow-y: hidden !important;
}

[b-al4nildqva] .mainpanel .k-animation-container {
    transform: translateY(-70px);
}

main[b-al4nildqva] {
    flex: 1; /* Ensures the main content grows to fill the space above the footer */
}

footer[b-al4nildqva] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    border-top: 1px solid #d6d5d5;
    text-align: center;
    z-index: 100; /* Ensure footer stays above other content */
}

.footer-container[b-al4nildqva] {
    margin-left: 15%; /* Apply 15% margin to the left */
    margin-right: 15%; /* Apply 15% margin to the right */
    width: 70%; /* The footer content takes up 70% width, centered */
    padding: 0.5rem 0;
    text-align: center;
}

#blazor-error-ui[b-al4nildqva] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-al4nildqva] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.left-menu[b-al4nildqva] {
    width: 300px;
}

/*::deep .k-animation-container.telerik-blazor.k-animation-container-shown {
    position: fixed;
    top: 50px !important; 
    z-index: 1000; 
}
*/

@media screen and (max-width: 800px) {
    .mainpanel[b-al4nildqva] {
        top: 160px !important;
        height: calc(100% - 160px);
    }
}
/* _content/Siftit.co.uk/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar[b-vs9692y91c] {
    margin-left: 15%; /* 15% margin on the left */
    margin-right: 15%; /* 15% margin on the right */
    width: 70%; /* The menu bar takes up the remaining 70% width */
    background-color: white; /* Ensure the background remains white */
}

.navbar-toggler[b-vs9692y91c] {
    appearance: none;
    cursor: pointer;
    color: white;
    border: none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center;
}

.top-row[b-vs9692y91c] {
    background-color: rgba(0, 0, 0, 0.4);
}

.navbar-brand[b-vs9692y91c] {
    font-size: 1.1rem;
}

.bi[b-vs9692y91c] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

/* Additional styling for nav-item if needed */
.nav-item[b-vs9692y91c] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item[b-vs9692y91c]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-vs9692y91c]  a.active {
        background-color: rgba(255, 255, 255, 0.37);
        color: white;
    }

    .nav-item[b-vs9692y91c]  .nav-link:hover {
        background-color: rgba(255, 255, 255, 0.1);
        color: white;
    }

@media (min-width: 641px) {
    .navbar-toggler[b-vs9692y91c] {
        display: none; /* Hide toggler on wide screens */
    }
}

/* Main Menu */
/* Container for the main menu (left) */
.menu-container[b-vs9692y91c] {
    display: flex;
    align-items: center;
}

/* Menu close to the logo */
.main-menu[b-vs9692y91c] {
    margin-left: 0; /* Remove any extra spacing */
}

/* User info (or Register/Login) on the right */
.right-menu[b-vs9692y91c] {
    display: flex;
    align-items: center;
    margin-left: auto; /* Push it to the right */
}


/* User info and Logout */
/* User info and Logout */
.user-info[b-vs9692y91c] {
    display: flex;
    align-items: center;
    cursor: pointer; /* Make the icon and username clickable */
    margin-left: 40px; /* Space 40px to the right of the logo */
}

    .user-info i[b-vs9692y91c] {
        margin-left: 5px;
        margin-right: 15px;
        font-size: 1.2rem; /* Adjust size if needed */
    }

.user-name[b-vs9692y91c] {
    margin-left: 10px;
    font-weight: bold;
}

.logout-form[b-vs9692y91c] {
    display: inline-block;
    margin-left: auto; /* Align logout form to the right */
}

/* Main Menu */
/* Target the list items (li) inside the custom Telerik menu */
/*::deep .main-menu .k-menu-item {
    margin-right: 20px;  Add space between each menu item 
}

     Target the link elements (span.k-menu-link) inside each menu item 
    ::deep .main-menu .k-menu-item .k-menu-link {
        padding: 10px 20px;  Adjust padding for better spacing inside each menu item 
    }

         Optional: Add hover effects for better interaction 
        ::deep .main-menu .k-menu-item .k-menu-link:hover {
            background-color: #f0f0f0;  Add background color on hover 
            border-radius: 5px;  Optional: add rounded corners on hover 
        }

         Optional: Add space between text and icons 
        ::deep .main-menu .k-menu-item .k-menu-link .k-menu-link-text {
            margin-right: 5px;  Space between text and icons 
        }
*/

.loading-overlay[b-vs9692y91c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent grey */
    z-index: 1000; /* Ensure it is on top of other elements */
    display: none; /* Default to hidden */
}

    .loading-overlay .loading-spinner[b-vs9692y91c] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: gray;
        font-size: 1.5em;
        background-color: white;
        padding: 20px;
        border-radius: 10px;
    }
/* _content/Siftit.co.uk/Components/Pages/Admin/BundleAdmin.razor.rz.scp.css */
.form-layout[b-9scpq96dmi] {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    gap: 20px;
}

.form-section[b-9scpq96dmi] {
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
}

.form-buttons[b-9scpq96dmi] {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

button[b-9scpq96dmi] {
    margin-right: 5px;
    margin-top: 15px;
}

[b-9scpq96dmi] .k-combobox, [b-9scpq96dmi] .k-textbox, [b-9scpq96dmi] .k-multiselect {
    margin-bottom: 10px;
}

[b-9scpq96dmi] .k-listview {
    background-color: #f5f5f5;
    padding: 10px;
}

.ListViewItem[b-9scpq96dmi] {
    font-size: 10px;
    cursor: pointer;
}

    .ListViewItem:hover[b-9scpq96dmi] {
        background-color: #e5e5e5;
    }

[b-9scpq96dmi] .k-popup {
    position: absolute !important;
    z-index: 9999 !important;
}

.telerik-window-content[b-9scpq96dmi] {
    overflow: visible !important;
}

.k-window-content .k-animation-container[b-9scpq96dmi] {
    /* left: 0px !important;
    top: 0px !important; */
}
/* _content/Siftit.co.uk/Components/Pages/Admin/CaseAdmin.razor.rz.scp.css */
.form-layout[b-cm1ejv60fp] {
    display: grid;
    grid-template-columns: 2fr 2fr 2fr;
    gap: 0px;
}

.form-section[b-cm1ejv60fp] {
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
}

.form-buttons[b-cm1ejv60fp] {
    grid-column: 2 / 4; /* Spans across the second and third columns */
    justify-content: space-between;
}

button[b-cm1ejv60fp] {
    margin-right: 5px;
    margin-top: 15px;
}

[b-cm1ejv60fp] .k-combobox, [b-cm1ejv60fp] .k-textbox, [b-cm1ejv60fp] .k-multiselect {
    margin-bottom: 10px;
}

[b-cm1ejv60fp] .k-listview {
    background-color: #f5f5f5;
    padding: 10px;
}

.ListViewItem[b-cm1ejv60fp] {
    font-size: 10px;
    cursor: pointer;
}

    .ListViewItem:hover[b-cm1ejv60fp] {
        background-color: #e5e5e5;
    }

[b-cm1ejv60fp] .k-popup {
    position: absolute !important;
    z-index: 9999 !important;
}

.telerik-window-content[b-cm1ejv60fp] {
    overflow: visible !important;
}

.k-window-content .k-animation-container[b-cm1ejv60fp] {
    /* left: 0px !important;
    top: 0px !important; */
}

[b-cm1ejv60fp] .k-input-inner {
    padding: 7px !important;
}

.validation-message[b-cm1ejv60fp] {
    padding-left: 50px; 
    color: orange;
}
/* _content/Siftit.co.uk/Components/Pages/Admin/CompanyAdmin.razor.rz.scp.css */
.form-layout[b-na1rdj9ze3] {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
}

.form-section[b-na1rdj9ze3] {
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
}

    .form-section:nth-child(4)[b-na1rdj9ze3] { /* Targets the fourth section (buttons) */
        
    }

.form-buttons[b-na1rdj9ze3] {
    margin-top: 20px;
    grid-column: 2 / 4; /* Spans across the second and third columns */
    justify-content: space-between;
}

button[b-na1rdj9ze3] {
    margin-right: 5px;
    margin-top: 15px;
}

[b-na1rdj9ze3] .LookupButton {
    margin-bottom: 10px;
}

[b-na1rdj9ze3] .k-combobox, [b-na1rdj9ze3] .k-textbox, [b-na1rdj9ze3] .k-multiselect {
    margin-bottom: 10px;
}

[b-na1rdj9ze3] .k-listview {
    background-color: #f5f5f5;
    padding: 10px;
}

.ListViewItem[b-na1rdj9ze3] {
    font-size: 10px;
    cursor: pointer;
}

    .ListViewItem:hover[b-na1rdj9ze3] {
        background-color: #e5e5e5;
    }

[b-na1rdj9ze3] .k-popup {
    position: absolute !important;
    z-index: 9999 !important;
}

.telerik-window-content[b-na1rdj9ze3] {
    overflow: visible !important;
}

.k-window-content .k-animation-container[b-na1rdj9ze3] {
    /* left: 0px !important;
    top: 0px !important; */
}

.k-dropdown[b-na1rdj9ze3] {
    max-width: 275px;
}
/* _content/Siftit.co.uk/Components/Pages/Admin/CreateNewUser.razor.rz.scp.css */
.form-layout[b-nrsjmngmrw] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
}

.form-section[b-nrsjmngmrw] {
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
}

.form-buttons[b-nrsjmngmrw] {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

button[b-nrsjmngmrw] {
    margin-right: 5px;
    margin-top: 15px;
}

[b-nrsjmngmrw] .k-combobox, [b-nrsjmngmrw] .k-textbox, [b-nrsjmngmrw] .k-multiselect {
    margin-bottom: 10px;
}

[b-nrsjmngmrw] .k-listview {
    background-color: #f5f5f5;
    padding: 10px;
}

.ListViewItem[b-nrsjmngmrw] {
    font-size: 10px;
    cursor: pointer;
}

    .ListViewItem:hover[b-nrsjmngmrw] {
        background-color: #e5e5e5;
    }

[b-nrsjmngmrw] .k-popup {
    position: absolute !important;
    z-index: 9999 !important;
}

.telerik-window-content[b-nrsjmngmrw] {
    overflow: visible !important;
}

.k-window-content .k-animation-container[b-nrsjmngmrw] {
    /* left: 0px !important;
    top: 0px !important; */
}

[b-nrsjmngmrw] .k-combobox .k-list-container {
    max-height: 200px; /* Adjust the height */
    overflow-y: auto; /* Enable scrolling */
    position: relative; /* Ensure proper position handling */
}
/* _content/Siftit.co.uk/Components/Pages/Admin/UserAdmin.razor.rz.scp.css */
.form-layout[b-p3kggqfqpe] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
}

.form-section[b-p3kggqfqpe] {
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
}

.form-buttons[b-p3kggqfqpe] {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

button[b-p3kggqfqpe] {
    margin-right: 5px;
    margin-top: 15px;
}

[b-p3kggqfqpe] .k-combobox, [b-p3kggqfqpe] .k-textbox, [b-p3kggqfqpe] .k-multiselect {
    margin-bottom: 10px;
}

[b-p3kggqfqpe] .k-listview {
    background-color: #f5f5f5;
    padding: 10px;
}

.ListViewItem[b-p3kggqfqpe] {
    font-size: 10px;
    cursor: pointer;
}

    .ListViewItem:hover[b-p3kggqfqpe] {
        background-color: #e5e5e5;
    }

[b-p3kggqfqpe] .k-popup {
    position: absolute !important;
    z-index: 9999 !important;
}

.telerik-window-content[b-p3kggqfqpe] {
    overflow: visible !important;
}

.k-window-content .k-animation-container[b-p3kggqfqpe] {
    /* left: 0px !important;
    top: 0px !important; */
}

[b-p3kggqfqpe] .k-combobox .k-list-container {
    max-height: 200px; /* Adjust the height */
    overflow-y: auto; /* Enable scrolling */
    position: relative; /* Ensure proper position handling */
}
/* _content/Siftit.co.uk/Components/Pages/API.razor.rz.scp.css */

.home-background[b-9ru5hdrzqs] {
    background-image: url('images/swoosh2.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: flex-start; /* Align at the top */
    min-height: 90vh; /* Ensure the background takes the full viewport height */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: visible; /* Allow content to flow beyond the section */
}

.container[b-9ru5hdrzqs] {
    display: flex;
    flex-direction: row;
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    padding: 20px;
    border-radius: 10px; /* Optional: Add some rounded corners */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
    width: 100%; /* Full width */
    min-height: calc(85vh - 20px); /* Full height minus margin or padding (if needed) */
    margin-top: 20px; /* Space below the menu */
}

.LeftPane[b-9ru5hdrzqs] {
    width: 250px; /* Fixed width for the left pane */
    padding: 20px;
    margin-right: 20px;
    background-color: rgba(255, 255, 255, 0.8); /* Transparent background for the left pane */
    border-radius: 10px;
}

[b-9ru5hdrzqs] .left-menu {
    width: 250px;
    font-family: SiftitFont;
}

.RightPane[b-9ru5hdrzqs] {
    flex: 1; /* Take the remaining width */
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.8); /* Transparent background for the right pane */
    border-radius: 10px;
}

.outer[b-9ru5hdrzqs] {
    display: flex;
    justify-content: center; /* Horizontal centering */
    width: 100%;
    /*height: 350px;*/
}

.burst-email-container[b-9ru5hdrzqs] {
    text-align: left; /* Center the text inside the container */
    width: 100%; /* Make it responsive */
    max-width: 800px; /* Limit the width for readability */
}

.burst-email-form[b-9ru5hdrzqs] {
    text-align: left; /* Reset text alignment for the form section */
    margin-top: 20px; /* Add some space between the text and form elements */
}

    .burst-email-form label[b-9ru5hdrzqs],
    .burst-email-form select[b-9ru5hdrzqs],
    .burst-email-form .t-dropzone[b-9ru5hdrzqs] {
        display: block;
        margin-bottom: 15px; /* Space between form elements */
    }

.t-dropzone[b-9ru5hdrzqs] {
    margin-top: 20px;
    width: 42vw;
    height: 250px;
    background-image: url('images/dropzone.svg');
    background-color: white;
    background-repeat: no-repeat;
    background-position: center center;
    border: 2px dashed gray;
    display: flex; /* Enable Flexbox */
    justify-content: center; /* Center horizontally */
    align-items: flex-start; /* Align the text to the top */
    padding-top: 0px; /* Adjust padding to add space between text and top of the box */
    text-align: center; /* Ensure text stays centered horizontally */
}

.dropzone.drag-over[b-9ru5hdrzqs] {
    border-color: #28a745; /* Change border color when dragging over */
    background-color: rgba(40, 167, 69, 0.1);
}

/*::deep .k-item.k-menu-item.k-disabled {
    text-align: center;
    margin-top: 30px;
    margin-left: 35%;
}*/

.Centered[b-9ru5hdrzqs] {
    margin-left: 15%;
}

[b-9ru5hdrzqs] .k-separator {
    padding-bottom: 30px;
}

h3[b-9ru5hdrzqs] {
    text-align: center;
    padding-bottom: 20px;
}

h1[b-9ru5hdrzqs] {
    text-align: center;
    padding-bottom: 15px;
}
/* _content/Siftit.co.uk/Components/Pages/Applications.razor.rz.scp.css */
/* Full-page background with flexbox centering */
.home-background[b-ql1kzk8n58] {
    background-image: url('images/swoosh5.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 84vh; /* Set to exactly 100vh to avoid extra scrolling */
    margin: 0; /* Remove any default margin that may cause overflow */
    padding: 0; /* Remove unnecessary padding that could cause overflow */
    box-sizing: border-box; /* Ensure padding is included in the box model */
    overflow: hidden; /* Prevent background from causing scroll */
}

/* Style for the semi-transparent centered div */
.centered-content[b-ql1kzk8n58] {
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    padding: 40px; /* Padding inside the box */
    border-radius: 15px; /* Rounded corners */
    text-align: center; /* Center the text inside */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
    max-width: 70vw; /* Maximum width for the content box */
    width: 70%; /* Ensure the div doesn't overflow */
    margin: 20px auto; /* Center it horizontally and vertically with margin */
    min-height: 60vh; /* Minimum height of the content box */
}


/* Card styles */
.cards-container[b-ql1kzk8n58] {
    display: flex;
    justify-content: center;
    gap: 20px; /* Adds the 20px gap between cards */
}

.app-block[b-ql1kzk8n58] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dashboard-link[b-ql1kzk8n58] {
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: bold;
    /*display:none;*/
}
    .dashboard-link:hover[b-ql1kzk8n58] {
        color: deeppink; /* Change color on hover */
    }

    .dashboard-link i[b-ql1kzk8n58] {
        margin-right: 8px; /* Space between icon and text */
    }



.flex-center[b-ql1kzk8n58] {
    display: flex;
    justify-content: center;
    align-items: center;
}


[b-ql1kzk8n58] .k-card {
    width: 300px;
    text-align: center; /* Centers the title */
    cursor: pointer; /* Changes the cursor to a pointer (hand) */
    transition: filter 0.3s ease; /* Smooth transition for the hover effect */
}

[b-ql1kzk8n58] .k-card img {
    width: 100%;
    height: 300px;
    object-fit: contain; /* Ensures the image fits nicely within the box */
    background-color: #fff; /* Optional: Only add background to the image if needed */
    cursor: pointer; /* Ensures the image itself also shows the pointer */
    transition: filter 0.3s ease; /* Smooth transition for the hover effect */
}

    [b-ql1kzk8n58] .k-card:hover img {
        filter: brightness(0.8); /* Slightly decrease the brightness on hover */
    }



/* _content/Siftit.co.uk/Components/Pages/ApplicationsToFix.razor.rz.scp.css */
/* Full-page background with flexbox centering */
.home-background[b-nr3f6dlale] {
    background-image: url('images/swoosh5.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 84vh; /* Set to exactly 100vh to avoid extra scrolling */
    margin: 0; /* Remove any default margin that may cause overflow */
    padding: 0; /* Remove unnecessary padding that could cause overflow */
    box-sizing: border-box; /* Ensure padding is included in the box model */
    overflow: hidden; /* Prevent background from causing scroll */
}

/* Style for the semi-transparent centered div */
.centered-content[b-nr3f6dlale] {
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    padding: 40px; /* Padding inside the box */
    border-radius: 15px; /* Rounded corners */
    text-align: center; /* Center the text inside */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
    max-width: 70vw; /* Maximum width for the content box */
    width: 70%; /* Ensure the div doesn't overflow */
    margin: 20px auto; /* Center it horizontally and vertically with margin */
    min-height: 60vh; /* Minimum height of the content box */
}


/* Card styles */
.cards-container[b-nr3f6dlale] {
    display: flex;
    justify-content: center;
    gap: 20px; /* Adds the 20px gap between cards */
}

.app-block[b-nr3f6dlale] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dashboard-link[b-nr3f6dlale] {
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: bold;
    display:none;
}
    .dashboard-link:hover[b-nr3f6dlale] {
        color: deeppink; /* Change color on hover */
    }

    .dashboard-link i[b-nr3f6dlale] {
        margin-right: 8px; /* Space between icon and text */
    }



.flex-center[b-nr3f6dlale] {
    display: flex;
    justify-content: center;
    align-items: center;
}


[b-nr3f6dlale] .k-card {
    width: 300px;
    text-align: center; /* Centers the title */
    cursor: pointer; /* Changes the cursor to a pointer (hand) */
    transition: filter 0.3s ease; /* Smooth transition for the hover effect */
}

[b-nr3f6dlale] .k-card img {
    width: 100%;
    height: 300px;
    object-fit: contain; /* Ensures the image fits nicely within the box */
    background-color: #fff; /* Optional: Only add background to the image if needed */
    cursor: pointer; /* Ensures the image itself also shows the pointer */
    transition: filter 0.3s ease; /* Smooth transition for the hover effect */
}

    [b-nr3f6dlale] .k-card:hover img {
        filter: brightness(0.8); /* Slightly decrease the brightness on hover */
    }



/* _content/Siftit.co.uk/Components/Pages/Asbestos.razor.rz.scp.css */
/* Center the h1 elements */
h1[b-5ja8uepes7] {
    text-align: center; /* Centers the text */
    margin: 0; /* Removes any default margins */
    padding: 0; /* Removes padding */
    color: black;
    font-size: 40px;
    font-weight: 800;
}

    /* Make the second h1 text gradient with transition to orange */
    h1:first-of-type[b-5ja8uepes7] {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(45deg, #000 0%, #FF8C00 100%);
        font-size: 40px;
        font-weight: 800;
    }


/* Full-page background with flexbox centering */
.home-background[b-5ja8uepes7] {
    background-image: url('images/swoosh3.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 84vh; /* Set to exactly 100vh to avoid extra scrolling */
    margin: 0; /* Remove any default margin that may cause overflow */
    padding: 0; /* Remove unnecessary padding that could cause overflow */
    box-sizing: border-box; /* Ensure padding is included in the box model */
    overflow: hidden; /* Prevent background from causing scroll */
}

/* Style for the semi-transparent centered div */
.centered-content[b-5ja8uepes7] {
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    padding: 40px; /* Padding inside the box */
    border-radius: 15px; /* Rounded corners */
    text-align: center; /* Center the text inside */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
    max-width: 50vw; /* Maximum width for the content box */
    width: 100%; /* Ensure the div doesn't overflow */
    margin: 20px auto; /* Center it horizontally and vertically with margin */
    min-height: 60vh; /* Minimum height of the content box */
}


.headertext[b-5ja8uepes7] {
    color: black;
    margin: 0; /* Remove auto margin to avoid interference with flexbox alignment */
}

.SubHeading[b-5ja8uepes7] {
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    color: gray;
    margin: 0; /* Remove margin to ensure alignment inside the flexbox container */
    width: auto; /* Allow the width to adjust based on the content */
}
/* _content/Siftit.co.uk/Components/Pages/Contact.razor.rz.scp.css */
/* Full-page background with flexbox centering */
.home-background[b-i7kuan1fxd] {
    background-image: url('images/siftit_bg.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 84vh; /* Set to exactly 100vh to avoid extra scrolling */
    margin: 0; /* Remove any default margin that may cause overflow */
    padding: 0; /* Remove unnecessary padding that could cause overflow */
    box-sizing: border-box; /* Ensure padding is included in the box model */
    overflow: hidden; /* Prevent background from causing scroll */
}

/* Style for the semi-transparent centered div */
.centered-content[b-i7kuan1fxd] {
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    padding: 40px; /* Padding inside the box */
    border-radius: 15px; /* Rounded corners */
    text-align: center; /* Center the text inside */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
    max-width: 50vw; /* Maximum width for the content box */
    min-width: 500px;
    width: 100%; /* Ensure the div doesn't overflow */
    margin: 20px auto; /* Center it horizontally and vertically with margin */
    min-height: 60vh; /* Minimum height of the content box */
    display: flex;
    flex-direction: column; /* Arrange items in a column */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}

.ContactImg[b-i7kuan1fxd] {
    float: left;
    padding-left: 5px;
}

.ContactDetails[b-i7kuan1fxd] {
    width: 350px;
}

[b-i7kuan1fxd] .btn {
    width: 100%;
}

[b-i7kuan1fxd] .btn:hover {
    color: gray !important;
    background-color: #e51a5f81 !important;
}

.SendMessageTitle[b-i7kuan1fxd] {
    width: 419px;
}
/* _content/Siftit.co.uk/Components/Pages/Dashboards/Legal_Dashboard.razor.rz.scp.css */
/* Full-page background with flexbox centering */
.home-background[b-6fujkw3rmf] {
    background-image: url('images/siftit_bg.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 84vh; /* Set to exactly 100vh to avoid extra scrolling */
    margin: 0; /* Remove any default margin that may cause overflow */
    padding: 0; /* Remove unnecessary padding that could cause overflow */
    box-sizing: border-box; /* Ensure padding is included in the box model */
    overflow: hidden; /* Prevent background from causing scroll */
}

.mainpanel.dashboard-page[b-6fujkw3rmf] {
    overflow-y: hidden !important;
}

[b-6fujkw3rmf] .mainpanel.dashboard-page {
    overflow-y: hidden !important;
}

.k-listview-item a[b-6fujkw3rmf] {
    margin-left: 10px;
    cursor: pointer;
}

.RightSplitterPane[b-6fujkw3rmf] {
    overflow: unset !important;
    overflow-y: auto !important;
}

[b-6fujkw3rmf] div.k-pane.RightSplitterPane {
    overflow-y: auto !important;
    background-color: pink !important;
}

[b-6fujkw3rmf] div.k-pane.RightSplitterPane {
    overflow-y: auto !important;
}

[b-6fujkw3rmf] .k-listview-item:hover {
    background-color: #f0f0f0; /* Change background color on hover */
    color: #000; /* Optional: Change text color on hover */
    transition: background-color 0.3s ease; /* Smooth hover transition */
}

/* Legal_Dashboard.razor.css */
.page-title[b-6fujkw3rmf] {
    margin: 20px 0px 10px 10px;
    font-size: 24px; /* Optional: adjust the font size if needed */
    font-weight: bold; /* Optional: adjust the font weight if needed */
}

.company-name[b-6fujkw3rmf] {
    margin: 0px 0px 10px 0px;
    padding-left: 10px;
    padding-bottom 10px;
    font-size: 18px; /* Optional: adjust the font size if needed */
    font-weight: bold; /* Optional: adjust the font weight if needed */
    background-color:lightgray;
}

.filter-headings[b-6fujkw3rmf] {
    margin: 10px 0px 0px 0px;
    padding-left: 10px;
    font-size: 18px; /* Optional: adjust the font size if needed */
    font-weight: bold; /* Optional: adjust the font weight if needed */
    background-color: lightgray;
}

.filter-subheadings[b-6fujkw3rmf] {
    margin: 0px 0px 0px 0px;
    padding-left: 10px;
    font-size: 18px; /* Optional: adjust the font size if needed */
    font-weight: bold; /* Optional: adjust the font weight if needed */
    background-color: lightgray;
}


.selected-filter[b-6fujkw3rmf] {
    /*font-weight: bold;*/
    background-color: lightblue;
    color: darkblue;
    padding: 5px;
    border-radius: 5px;
}

    .selected-filter i[b-6fujkw3rmf] {
        color: darkblue;
    }


.document-volumes-header[b-6fujkw3rmf], .email-totals-header[b-6fujkw3rmf], .email-fromto-header[b-6fujkw3rmf], .emails-byconversation-header[b-6fujkw3rmf], .document-breakdown-header[b-6fujkw3rmf], 
.document-flagtotals-header[b-6fujkw3rmf], .comments-header[b-6fujkw3rmf], .document-totals-header[b-6fujkw3rmf], .email-relationships-header[b-6fujkw3rmf] {
    position: relative;
    font-size: medium;
    font-weight: 600;
}

.close-icon[b-6fujkw3rmf] {
    position: absolute;
    top: 5px;
    right: 0;
    cursor: pointer;
    color: black;
}



.combo-breadcrumb-container[b-6fujkw3rmf] {
    display: flex;
    align-items: center;
    gap: 20px; /* Adds some spacing between the ComboBox and the Breadcrumb */
}

.combobox-header[b-6fujkw3rmf] {
    padding-left: 5px;
    padding-bottom: 5px;
}

.combobox-footer[b-6fujkw3rmf] {
    padding-left: 5px;
    padding-top: 5px;
}

[b-6fujkw3rmf] .k-splitter .k-pane {
    overflow: hidden !important;
    overflow-y: auto !important;
}

.k-splitter .k-pane[b-6fujkw3rmf] {
    overflow: hidden !important;
    overflow-y: auto !important;
}

.loading-overlay[b-6fujkw3rmf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent grey */
    z-index: 1000; /* Ensure it is on top of other elements */
    display: none; /* Default to hidden */
}

    .loading-overlay .loading-spinner[b-6fujkw3rmf] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: gray;
        font-size: 1.5em;
        background-color: white;
        padding: 20px;
        border-radius: 10px;
    }

.loading-text[b-6fujkw3rmf] {
    color: black;
}

.dots[b-6fujkw3rmf] {
    display: inline-block;
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    color: transparent;
    animation: dotTyping-b-6fujkw3rmf 1.5s infinite step-start both;
}
@keyframes dotTyping-b-6fujkw3rmf {
    0%, 20% {
        color: transparent;
        text-shadow: .25em 0 0 transparent, .5em 0 0 transparent;
    }

    40% {
        color: black;
        text-shadow: .25em 0 0 transparent, .5em 0 0 transparent;
    }

    60% {
        text-shadow: .25em 0 0 black, .5em 0 0 transparent;
    }

    80%, 100% {
        text-shadow: .25em 0 0 black, .5em 0 0 black;
    }
}


.sticky-slider[b-6fujkw3rmf] {
    position: fixed;
    left: 315px;
    right: 0;
    bottom: 40px;
    width: 82.6vw;
    background-color: #fff; /* Change as needed */
    padding: 10px; /* Padding for aesthetics */
    box-shadow: 0 -2px 5px rgba(0,0,0,0.2); /* Optional shadow for better visibility */
    z-index: 1000; /* Ensure it's above other content */
    text-align:center;
}

/* Additional styles */
/*.k-splitter .k-pane {
    overflow: visible !important;
}*/

.title[b-6fujkw3rmf] {
    text-align: center;
    font-size: 18px;
    color: #656565;
}

.MinExtentLabel[b-6fujkw3rmf] {
    position: absolute;
    top: 55px;
    left: 50px;
}

.MaxExtentLabel[b-6fujkw3rmf] {
    position: absolute;
    top: 55px;
    right: 50px;
}

/*.k-animation-container.telerik-blazor.DateSelectionTooltip {
    position: fixed !important;
    left: 10px !important;
    bottom: 10px !important;
}*/

[b-6fujkw3rmf] .DateSelectionTooltip {
    /*bottom: 0px !important;*/
    position: fixed !important; /* Stick to the viewport */
    z-index: 1100; /* Ensure it appears above the sticky slider */
}

.hidden[b-6fujkw3rmf] {
    display: none !important;
}

.companies-heading-container[b-6fujkw3rmf] {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: lightgray;
}

.filter-items:hover[b-6fujkw3rmf] {
    font-size: 16px;
}
/* _content/Siftit.co.uk/Components/Pages/Electrical.razor.rz.scp.css */
/* Center the h1 elements */
h1[b-lpje2mpa1m] {
    text-align: center; /* Centers the text */
    margin: 0; /* Removes any default margins */
    padding: 0; /* Removes padding */
    color: black;
    font-size: 40px;
    font-weight: 800;
}

    /* Make the first h1 text gradient with transition to #354A51 */
    h1:first-of-type[b-lpje2mpa1m] {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(45deg, #000 0%, #354A51 100%);
        font-size: 40px;
        font-weight: 800;
    }


/* Full-page background with flexbox centering */
.home-background[b-lpje2mpa1m] {
    background-image: url('images/swoosh1.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 84vh; /* Set to exactly 100vh to avoid extra scrolling */
    margin: 0; /* Remove any default margin that may cause overflow */
    padding: 0; /* Remove unnecessary padding that could cause overflow */
    box-sizing: border-box; /* Ensure padding is included in the box model */
    overflow: hidden; /* Prevent background from causing scroll */
}

/* Style for the semi-transparent centered div */
.centered-content[b-lpje2mpa1m] {
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    padding: 40px; /* Padding inside the box */
    border-radius: 15px; /* Rounded corners */
    text-align: center; /* Center the text inside */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
    max-width: 50vw; /* Maximum width for the content box */
    width: 100%; /* Ensure the div doesn't overflow */
    margin: 20px auto; /* Center it horizontally and vertically with margin */
    min-height: 60vh; /* Minimum height of the content box */
}


.headertext[b-lpje2mpa1m] {
    color: black;
    margin: 0; /* Remove auto margin to avoid interference with flexbox alignment */
}

.SubHeading[b-lpje2mpa1m] {
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    color: gray;
    margin: 0; /* Remove margin to ensure alignment inside the flexbox container */
    width: auto; /* Allow the width to adjust based on the content */
}
/* _content/Siftit.co.uk/Components/Pages/Home.razor.rz.scp.css */
html[b-zfi3sa0s6c], body[b-zfi3sa0s6c] {
    height: 100%; /* Ensure the body and html are allowed to take up full height */
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Prevent horizontal overflow */
}

.home-background[b-zfi3sa0s6c] {
    background-image: url('images/home.jpg'); /* Replace with your image path */
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 70vh; /* Use min-height instead of height to allow for content overflow */
    min-height: 700px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: visible; /* Allow content to flow beyond the section */
}

@media screen and (max-width: 1200px) {
    .siftit-home-text-zero[b-zfi3sa0s6c], .siftit-home-text-one[b-zfi3sa0s6c] {
        margin-right: 25% !important;
    }
}

@media screen and (max-width: 800px) {
    .siftit-home-text-zero[b-zfi3sa0s6c], .siftit-home-text-one[b-zfi3sa0s6c] {
        margin-left: 10% !important;
        margin-right: 10% !important;
    }

    .siftit-home-text-zero[b-zfi3sa0s6c] {
        font-size: 1.8rem !important;
    }

    .siftit-home-text-one[b-zfi3sa0s6c] {
        font-size: 1.5rem !important;
    }

    .home-background[b-zfi3sa0s6c] {
        height: unset !important;
        background-size: auto !important;
    }

    .mainpanel[b-zfi3sa0s6c] {
        top: 160px !important;
    }
}

.siftit-home-text-zero[b-zfi3sa0s6c] {
    margin-left: 15%;
    margin-right: 50%;
    margin-top: 80px;
    /*position: absolute;
    top: 100px;
    left: 10%;*/
    /*width: 25vw;*/
    /*width: 400px;
    height: 300px;*/
    font-size: 2.9rem; /* Adjust the font size as needed */
    /*font-family: Arial, sans-serif;*/ /* Customize the font */
    color: #000; /* White text */
    padding: 10px; /* Optional: Padding inside the box */
    box-sizing: border-box; /* Ensures padding is inside the 300x300 box */
    overflow: visible; /* Ensures any overflowing text is hidden */
}



.text-container[b-zfi3sa0s6c] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    /*max-height: 70vw;*/
}

.siftit-home-text-one[b-zfi3sa0s6c] {
    margin-left: 15%;
    margin-right: 50%;
    /*position: absolute;
    top: 380px;
    left: 10%;*/
    /*width: 25vw;*/
    /*width: 400px;
    height: 300px;*/
    font-size: 1.5rem; /* Adjust the font size as needed */
    /*font-family: Arial, sans-serif;*/ /* Customize the font */
    color: #000; /* White text */
    padding: 10px; /* Optional: Padding inside the box */
    box-sizing: border-box; /* Ensures padding is inside the 300x300 box */
    overflow: hidden; /* Ensures any overflowing text is hidden */
}

.siftit-home-text-two[b-zfi3sa0s6c] {
    margin-left: 15%;
    margin-right: 50%;
    /*position: absolute;
    top: 110px;
    left: 70vw;
    width: 25vw;
    height: 300px;*/
    font-size: 1.5rem; /* Adjust the font size as needed */
    /*font-family: Arial, sans-serif;*/ /* Customize the font */
    color: #fff; /* White text */
    padding: 10px; /* Optional: Padding inside the box */
    box-sizing: border-box; /* Ensures padding is inside the 300x300 box */
    overflow: visible; /* Ensures any overflowing text is hidden */
}

.image-container[b-zfi3sa0s6c] {
    display: flex;
    justify-content: center; /* Centers the boxes horizontally */
    gap: 50px; /* Adds 50px of space between the boxes */
    margin-top: 40px; /* Space between the text and the image boxes */
    flex-wrap: wrap; /* Allows wrapping on smaller screens */
    padding-bottom: 20px; /* Adds some space at the bottom of the container */
}

.image-box[b-zfi3sa0s6c] {
    width: 300px;
    text-align: center; /* Centers the title */
    cursor: pointer; /* Changes the cursor to a pointer (hand) */
    /*transition: filter 0.3s ease;*/ /* Smooth transition for the hover effect */
/*    transition: transform 0.2s ease-in-out !important;*/
}

    .image-box img[b-zfi3sa0s6c] {
        width: 100%;
        height: 180px;
        object-fit: contain; /* Ensures the image fits nicely within the box */
        background-color: #fff; /* Optional: Only add background to the image if needed */
        cursor: pointer; /* Ensures the image itself also shows the pointer */
        /*transition: filter 0.3s ease;*/ /* Smooth transition for the hover effect */
        transition: transform 0.2s ease-in-out !important;
        border-radius: 15px; /* Adds rounded corners */
    }

    .image-box:hover img[b-zfi3sa0s6c] {
        /*filter: brightness(1.4);*/ /* Slightly increase the brightness on hover */
        transform: scale(1.3) !important; /* Adjust the scale factor as needed */
    }

.image-box-disabled[b-zfi3sa0s6c] {
    width: 300px;
    text-align: center; /* Centers the title */
    /*cursor: pointer;*/ /* Changes the cursor to a pointer (hand) */
    /*transition: filter 0.3s ease;*/ /* Smooth transition for the hover effect */
    /*    transition: transform 0.2s ease-in-out !important;*/
}

    .image-box-disabled img[b-zfi3sa0s6c] {
        width: 100%;
        height: 180px;
        object-fit: contain; /* Ensures the image fits nicely within the box */
        background-color: #fff; /* Optional: Only add background to the image if needed */
        /*cursor: pointer;*/ /* Ensures the image itself also shows the pointer */
        /*transition: filter 0.3s ease;*/ /* Smooth transition for the hover effect */
        /*transition: transform 0.2s ease-in-out !important;*/
        border-radius: 15px; /* Adds rounded corners */
    }

    .image-box-disabled:hover img[b-zfi3sa0s6c] {
        opacity: 0.5 !important;
    }

.image-title[b-zfi3sa0s6c] {
    margin-bottom: 30px; /* Space between title and image */
    font-size: 1.2rem; /* Adjust font size for the title */
    color: #000; /* Title text color */
}

.image-title-disabled[b-zfi3sa0s6c] {
    margin-bottom: 30px; /* Space between title and image */
    font-size: 1.2rem; /* Adjust font size for the title */
    color: #ccc; /* Title text color */
}

.image-description[b-zfi3sa0s6c] {
    margin-top: 10px; /* Space between image and description */
    font-size: 1rem; /* Adjust font size for description */
    color: #333; /* Description text color */
    padding: 0 10px; /* Adds some padding to the sides */
    text-align: left; /* Align the bullet points to the left */
    list-style-type: disc; /* Add bullet points */
    padding-left: 20px; /* Ensure bullets are indented */
}

    .image-description li[b-zfi3sa0s6c] {
        margin-bottom: 8px; /* Adds space between each bullet point */
    }

.image-description-disabled[b-zfi3sa0s6c] {
    margin-top: 10px; /* Space between image and description */
    font-size: 1rem; /* Adjust font size for description */
    color: #ccc; /* Description text color */
    padding: 0 10px; /* Adds some padding to the sides */
    text-align: left; /* Align the bullet points to the left */
    list-style-type: disc; /* Add bullet points */
    padding-left: 20px; /* Ensure bullets are indented */
}

.header-nexus[b-zfi3sa0s6c] {
    text-align: center;
}

.header-nexus-text[b-zfi3sa0s6c] {
    text-align: center; /* Centers the text horizontally */
    margin: 0 auto; /* Ensures the container is centered */
    width: 70vw; /* Adjust width as necessary */
    font-size: 1.2em; /* Adjust font size as needed */
    line-height: 1.5em; /* Adjust line height for readability */
}

/* Style for the semi-transparent centered div */
.centered-content-nexus[b-zfi3sa0s6c] {
    position: relative; /* Ensure the overlay is only within this container */
    padding: 20px;
    text-align: center;
    font-weight: 600;
    max-width: 70vw;
    width: 100%;
    margin: 5px auto;
    background-image: url('images/nexus.jpg'); /* Add the background image */
    background-size: cover; /* Cover the entire area */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Avoid repeating the image */
    border-radius: 15px; /* Adds rounded corners */
    overflow: hidden; /* Ensures the content and pseudo-element stay within the rounded corners */
}

    .centered-content-nexus[b-zfi3sa0s6c]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.7); /* White overlay with 80% opacity */
        z-index: 1;
        pointer-events: none; /* Ensure it doesn't block interaction */
    }

    .centered-content-nexus h1[b-zfi3sa0s6c],
    .centered-content-nexus .siftit-bullet-list-nexus[b-zfi3sa0s6c] {
        position: relative;
        z-index: 2; /* Ensure the text is above the overlay */
    }


.header-lab[b-zfi3sa0s6c] {
    text-align: center;
}

.header-lab-text[b-zfi3sa0s6c] {
    text-align: center; /* Centers the text horizontally */
    margin: 0 auto; /* Ensures the container is centered */
    width: 70vw; /* Adjust width as necessary */
    font-size: 1.2em; /* Adjust font size as needed */
    line-height: 1.5em; /* Adjust line height for readability */
}

.header-tooltip[b-zfi3sa0s6c] {
    color: #007BFF; /* Ensures the text is visible with a blue color */
    cursor: default; /* Pointer on hover */
    text-decoration: none; /* No underline */
}

    .header-tooltip:hover[b-zfi3sa0s6c] {
        color: #0056b3; /* Darker blue on hover for emphasis */
    }





/* Style the unordered list */
.siftit-bullet-list-nexus[b-zfi3sa0s6c] {
    list-style: none; /* Remove default bullet points */
    padding-left: 0; /* Remove default left padding */
}

    /* Style each list item */
    .siftit-bullet-list-nexus li[b-zfi3sa0s6c] {
        position: relative; /* Position relative to place the icon */
        padding-left: 30px; /* Space for the icon */
        margin-bottom: 1rem; /* Space between list items */
        font-size: 18px;
        text-align: left; /* Ensure the text is left-aligned */
    }

        /* Add a custom bullet using Font Awesome */
        .siftit-bullet-list-nexus li[b-zfi3sa0s6c]::before {
            content: "\53"; /* Font Awesome check icon (or any icon you prefer) */
            font-family: "Font Awesome 5 Free"; /* Ensure Font Awesome is the font family */
            font-weight: 900; /* Ensure the icon uses the solid version */
            position: absolute;
            left: 0;
            color: #B85978; /* Customize the color */
            font-size: 1.2rem;
        }


/* Style for the semi-transparent centered div */
.centered-content-lab[b-zfi3sa0s6c] {
    position: relative; /* Ensure the overlay is only within this container */
    padding: 20px;
    text-align: center;
    font-weight: 600;
    max-width: 70vw;
    width: 100%;
    margin: 5px auto;
    background-image: url('images/lab.jpg'); /* Add the background image */
    background-size: cover; /* Cover the entire area */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Avoid repeating the image */
    border-radius: 15px; /* Adds rounded corners */
    overflow: hidden; /* Ensures the content and pseudo-element stay within the rounded corners */
}

    .centered-content-lab[b-zfi3sa0s6c]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.7); /* White overlay with 80% opacity */
        z-index: 1;
        pointer-events: none; /* Ensure it doesn't block interaction */
    }

    .centered-content-lab h1[b-zfi3sa0s6c],
    .centered-content-lab .siftit-bullet-list-lab[b-zfi3sa0s6c] {
        position: relative;
        z-index: 2; /* Ensure the text is above the overlay */
    }


/* Style the unordered list */
.siftit-bullet-list-lab[b-zfi3sa0s6c] {
    list-style: none; /* Remove default bullet points */
    padding-left: 0; /* Remove default left padding */
}

    /* Style each list item */
    .siftit-bullet-list-lab li[b-zfi3sa0s6c] {
        position: relative; /* Position relative to place the icon */
        padding-left: 30px; /* Space for the icon */
        margin-bottom: 1rem; /* Space between list items */
        font-size: 18px;
        text-align: left; /* Ensure the text is left-aligned */
    }

        /* Add a custom bullet using Font Awesome */
        .siftit-bullet-list-lab li[b-zfi3sa0s6c]::before {
            content: "\f0c3"; /* Font Awesome check icon (or any icon you prefer) */
            font-family: "Font Awesome 5 Free"; /* Ensure Font Awesome is the font family */
            font-weight: 900; /* Ensure the icon uses the solid version */
            position: absolute;
            left: 0;
            color: #B85978; /* Customize the color */
            font-size: 1.2rem;
        }

.header-wtkm[b-zfi3sa0s6c] {
    text-align: center;
}

.social-media-links[b-zfi3sa0s6c] {
    text-align: center;
    margin-top: 50px;
}

.social-link[b-zfi3sa0s6c] {
    display: inline-block;
    margin: 0 15px;
    font-size: 2rem;
    color: #821A33; /* Change color as needed */
    transition: color 0.3s ease;
}

    .social-link:hover[b-zfi3sa0s6c] {
        color: #B85978; /* Highlight color on hover */
    }



/* Sitemap Container Styling */
.sitemap-container[b-zfi3sa0s6c] {
    background-color: #f0f0f0; /* Light grey color */
    width: 100%;
    height: auto;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.sitemap-content[b-zfi3sa0s6c] {
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.sitemap-list[b-zfi3sa0s6c] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 50px; /* Spacing between columns */
}

    /* Single links (e.g., Home, Pricing, API) */
    .sitemap-list li[b-zfi3sa0s6c] {
        display: inline-block;
    }

        .sitemap-list li a[b-zfi3sa0s6c] {
            text-decoration: none;
            color: #333; /* Dark text color */
            font-weight: bold;
            font-size: 16px;
        }

            .sitemap-list li a:hover[b-zfi3sa0s6c] {
                color: deeppink; /* Change color on hover */
            }

/* Titles for vertical sections (e.g., Products, Account) */
.sitemap-title[b-zfi3sa0s6c] {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
    color: #000;
}

/* Vertical sublist for Products and Account */
.sitemap-sub-list[b-zfi3sa0s6c] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .sitemap-sub-list li[b-zfi3sa0s6c] {
        margin-bottom: 5px;
    }

        .sitemap-sub-list li a[b-zfi3sa0s6c] {
            text-decoration: none;
            color: #333; /* Dark text color */
        }

            .sitemap-sub-list li a:hover[b-zfi3sa0s6c] {
                color: deeppink; /* Hover effect */
            }
/* _content/Siftit.co.uk/Components/Pages/Legal.razor.rz.scp.css */
/* Center the h1 elements */
h1[b-s5prjx1fko] {
    text-align: center; /* Centers the text */
    margin: 0; /* Removes any default margins */
    padding: 0; /* Removes padding */
    color: black;
    font-size: 40px;
    font-weight: 800;
}

    /* Apply gradient to the first h1 only */
    h1:first-of-type[b-s5prjx1fko] {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(45deg, #000 0%, #87CEEB 100%); /* Black to lighter blue */
        font-size: 40px;
        font-weight: 800;
    }




/* Full-page background with flexbox centering */
.home-background[b-s5prjx1fko] {
    background-image: url('images/swoosh2.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 84vh; /* Set to exactly 100vh to avoid extra scrolling */
    margin: 0; /* Remove any default margin that may cause overflow */
    padding: 0; /* Remove unnecessary padding that could cause overflow */
    box-sizing: border-box; /* Ensure padding is included in the box model */
    overflow: hidden; /* Prevent background from causing scroll */
}

/* Style for the semi-transparent centered div */
.centered-content[b-s5prjx1fko] {
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    padding: 40px; /* Padding inside the box */
    border-radius: 15px; /* Rounded corners */
    text-align: center; /* Center the text inside */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
    max-width: 50vw; /* Maximum width for the content box */
    width: 100%; /* Ensure the div doesn't overflow */
    margin: 20px auto; /* Center it horizontally and vertically with margin */
    min-height: 60vh; /* Minimum height of the content box */
}


.headertext[b-s5prjx1fko] {
    color: black;
    margin: 0; /* Remove auto margin to avoid interference with flexbox alignment */
}

.SubHeading[b-s5prjx1fko] {
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    color: gray;
    margin: 0; /* Remove margin to ensure alignment inside the flexbox container */
    width: auto; /* Allow the width to adjust based on the content */
}
/* _content/Siftit.co.uk/Components/Pages/Payment.razor.rz.scp.css */
html[b-xs8d6y547e], body[b-xs8d6y547e] {
    height: 100%; /* Ensure the body and html are allowed to take up full height */
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Prevent horizontal overflow */
}

.home-background[b-xs8d6y547e] {
    background-image: url('images/siftit_bg2.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    min-height: 90vh; /* Use min-height instead of height to allow for content overflow */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: visible; /* Allow content to flow beyond the section */
}

.centered-content[b-xs8d6y547e] {
    max-width: 600px; /* Limit the width of the payment form */
    min-width: 600px;
    margin: 0 auto; /* Center the form horizontally */
    padding: 20px; /* Padding around the content */
    background-color: #ffffff; /* White background for the form */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    border-radius: 8px; /* Rounded corners for the form */
}

#card-element[b-xs8d6y547e] {
    border: 1px solid #ccc; /* Border for the Stripe element */
    border-radius: 4px; /* Rounded corners */
    padding: 10px; /* Padding inside the element */
    margin-bottom: 30px; /* Space below the element */
    transition: border-color 0.3s; /* Smooth transition for focus state */
}

    #card-element:focus[b-xs8d6y547e] {
        border-color: #007bff; /* Change border color on focus */
    }

/* Style the button */
button[b-xs8d6y547e] {
    background-color: #007bff; /* Primary color */
    color: white; /* Text color */
    border: none; /* Remove default border */
    border-radius: 4px; /* Rounded corners */
    padding: 10px 20px; /* Padding */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Pointer cursor */
    transition: background-color 0.3s; /* Smooth transition */
}

    button:hover[b-xs8d6y547e] {
        background-color: #0056b3; /* Darker shade on hover */
    }

#card-errors[b-xs8d6y547e] {
    color: red; /* Error message color */
    margin-top: 10px; /* Space above the error message */
}

[b-xs8d6y547e] .CreditPacks {
    width: 230px;
    position: relative; /* Ensure that the z-index works correctly */
    z-index: 1000; /* Set a higher z-index */
}

.CreditsAmount[b-xs8d6y547e] {
    color: #e51a5f;
}

.parent-container[b-xs8d6y547e] {
    overflow: visible;
}
/* _content/Siftit.co.uk/Components/Pages/Pricing.razor.rz.scp.css */
/* Full-page background with flexbox centering */
.home-background[b-fnwzyt5fwu] {
    background-image: url('images/siftit_bg.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 84vh; /* Set to exactly 100vh to avoid extra scrolling */
    margin: 0; /* Remove any default margin that may cause overflow */
    padding: 0; /* Remove unnecessary padding that could cause overflow */
    box-sizing: border-box; /* Ensure padding is included in the box model */
    overflow: hidden; /* Prevent background from causing scroll */
}

/* Style for the semi-transparent centered div */
.centered-content[b-fnwzyt5fwu] {
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    padding: 40px; /* Padding inside the box */
    border-radius: 15px; /* Rounded corners */
    text-align: center; /* Center the text inside */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
    max-width: 70vw; /* Maximum width for the content box */
    width: 100%; /* Ensure the div doesn't overflow */
    margin: 20px auto; /* Center it horizontally and vertically with margin */
    min-height: 60vh; /* Minimum height of the content box */
}

.cards-container[b-fnwzyt5fwu] {
    display: flex;
    justify-content: center;
    gap: 20px; /* Space between the pricing plan cards */
    flex-wrap: wrap; /* Ensures cards wrap if the screen is too small */
}

ul[b-fnwzyt5fwu] {
    padding-left: 20px;
}

.left-align-list[b-fnwzyt5fwu] {
    list-style-position: inside;
    padding-left: 0;
    text-align: left;
    margin-left: 0;
}

    .left-align-list li[b-fnwzyt5fwu] {
        margin-bottom: 8px; /* Optional: Adds spacing between list items */
    }

.green-tick[b-fnwzyt5fwu] {
    color: green;
}

.red-cross[b-fnwzyt5fwu] {
    color: red;
}

/* _content/Siftit.co.uk/Components/Pages/Privacy.razor.rz.scp.css */
/* Full-page background with flexbox centering */
.home-background[b-s7wakbcze8] {
    background-image: url('images/siftit_bg.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 84vh; /* Set to exactly 100vh to avoid extra scrolling */
    margin: 0; /* Remove any default margin that may cause overflow */
    padding: 0; /* Remove unnecessary padding that could cause overflow */
    box-sizing: border-box; /* Ensure padding is included in the box model */
    overflow: hidden; /* Prevent background from causing scroll */
}

/* Style for the semi-transparent centered div */
.centered-content[b-s7wakbcze8] {
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    padding: 40px; /* Padding inside the box */
    border-radius: 15px; /* Rounded corners */
    text-align: center; /* Center the text inside */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
    max-width: 50vw; /* Maximum width for the content box */
    min-width: 500px;
    width: 100%; /* Ensure the div doesn't overflow */
    margin: 20px auto; /* Center it horizontally and vertically with margin */
    min-height: 60vh; /* Minimum height of the content box */
    display: flex;
    flex-direction: column; /* Arrange items in a column */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}

.ContactImg[b-s7wakbcze8] {
    float: left;
    padding-left: 5px;
}

.ContactDetails[b-s7wakbcze8] {
    width: 350px;
}

[b-s7wakbcze8] .btn {
    width: 100%;
}

[b-s7wakbcze8] .btn:hover {
    color: gray !important;
    background-color: #e51a5f81 !important;
}

.SendMessageTitle[b-s7wakbcze8] {
    width: 419px;
}
/* _content/Siftit.co.uk/Components/Pages/Safety.razor.rz.scp.css */
/* Center the h1 elements */
h1[b-cl81j3vg0q] {
    text-align: center; /* Centers the text */
    margin: 0; /* Removes any default margins */
    padding: 0; /* Removes padding */
    color: black;
    font-size: 40px;
    font-weight: 800;
}

    /* Make the second h1 text gradient with transition to yellow */
    h1:first-of-type[b-cl81j3vg0q] {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(45deg, #000 0%, #FFDD00 100%);
        font-size: 40px;
        font-weight: 800;
    }



/* Full-page background with flexbox centering */
.home-background[b-cl81j3vg0q] {
    background-image: url('images/swoosh5.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 84vh; /* Set to exactly 100vh to avoid extra scrolling */
    margin: 0; /* Remove any default margin that may cause overflow */
    padding: 0; /* Remove unnecessary padding that could cause overflow */
    box-sizing: border-box; /* Ensure padding is included in the box model */
    overflow: hidden; /* Prevent background from causing scroll */
}

/* Style for the semi-transparent centered div */
.centered-content[b-cl81j3vg0q] {
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    padding: 40px; /* Padding inside the box */
    border-radius: 15px; /* Rounded corners */
    text-align: center; /* Center the text inside */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
    max-width: 50vw; /* Maximum width for the content box */
    width: 100%; /* Ensure the div doesn't overflow */
    margin: 20px auto; /* Center it horizontally and vertically with margin */
    min-height: 60vh; /* Minimum height of the content box */
}


.headertext[b-cl81j3vg0q] {
    color: black;
    margin: 0; /* Remove auto margin to avoid interference with flexbox alignment */
}

.SubHeading[b-cl81j3vg0q] {
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    color: gray;
    margin: 0; /* Remove margin to ensure alignment inside the flexbox container */
    width: auto; /* Allow the width to adjust based on the content */
}
/* _content/Siftit.co.uk/Components/Pages/SignIn2FA.razor.rz.scp.css */
/* Center the h1 elements */
h1[b-t3jmg2gw6f] {
    text-align: center; /* Centers the text */
    margin: 0; /* Removes any default margins */
    padding: 0; /* Removes padding */
    color: black;
    font-size: 40px;
    font-weight: 800;
}

    /* Make the second h1 text gradient with transition to yellow */
    h1:first-of-type[b-t3jmg2gw6f] {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(45deg, #000 0%, #FFDD00 100%);
        font-size: 40px;
        font-weight: 800;
    }



/* Full-page background with flexbox centering */
.home-background[b-t3jmg2gw6f] {
    background-image: url('images/swoosh5.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 84vh; /* Set to exactly 100vh to avoid extra scrolling */
    margin: 0; /* Remove any default margin that may cause overflow */
    padding: 0; /* Remove unnecessary padding that could cause overflow */
    box-sizing: border-box; /* Ensure padding is included in the box model */
    overflow: hidden; /* Prevent background from causing scroll */
}

/* Style for the semi-transparent centered div */
.centered-content[b-t3jmg2gw6f] {
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    padding: 40px; /* Padding inside the box */
    border-radius: 15px; /* Rounded corners */
    text-align: center; /* Center the text inside */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
    max-width: 50vw; /* Maximum width for the content box */
    width: 100%; /* Ensure the div doesn't overflow */
    margin: 20px auto; /* Center it horizontally and vertically with margin */
    min-height: 60vh; /* Minimum height of the content box */
}


.headertext[b-t3jmg2gw6f] {
    color: black;
    margin: 0; /* Remove auto margin to avoid interference with flexbox alignment */
}

.SubHeading[b-t3jmg2gw6f] {
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    color: gray;
    margin: 0; /* Remove margin to ensure alignment inside the flexbox container */
    width: auto; /* Allow the width to adjust based on the content */
}
/* _content/Siftit.co.uk/Components/Shared/Dashboard/EmailRelationships.razor.rz.scp.css */
body[b-g3po9m4gen] {
}