:root {
    --header-bg-color: #040B29;
    --body-bg-color: #0D1C33;
    --legalseek-green: #BBEB6C;
    --legalseek-blue: #21CDF1;
    --legalseek-gradient: linear-gradient(90deg, #BBEB6C 0%, #21CDF1 100%);
    --legalseek-font: 'ProximaNova', sans-serif;
    --font-size: 14px;
}


* {
    margin: 0;
    padding: 0;
}


html, body {
    margin: 0;
    padding: 0;
    font-family: var(--legalseek-font) !important;
    background: var(--body-bg-color) !important;
    color:white !important;
    font-size: var(--font-size);
}

p, div, a, ul {
    font-size: var(--font-size);
}

a{
    text-decoration:none !important;
    color:inherit;
}
/*a:hover{
    color:inherit !important;
}*/

@font-face {
    font-family: 'ProximaNova';
    src: url('/fonts/proximanova_regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('/fonts/proximanova_bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('/fonts/proximanova_boldit.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('/fonts/proximanova_black.otf') format('opentype'), url('/fonts/proximanova_black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'ProximaNova';
    src: url('/fonts/proximanova_blackit.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('/fonts/proximanova_extrabold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('/fonts/proximanova_light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}


.legalseek-primarybtn {
    width: auto;
    background: var(--legalseek-gradient);
    border-radius: 6px;
    cursor: pointer;
    color: black !important;
    padding: 10px 25px;
    font-size: var(--font-size);
    font-weight: 500;
    border: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    text-decoration: none;
}

h2 {
    font-size: 32px;
    color: white;
    font-weight: bold;
    opacity: 0.85;
    font-family: var(--legalseek-font) !important;
    /*font-weight:600 !important;*/
}

h4 {
    color: var(--legalseek-blue);
    font-weight:bold;
    font-size:20px;
    margin:3px 0px;
}
p{
    margin:0;
}


.absoulteimggradient {
    position: absolute;
    width: 200px;
}

.footergradient {
    width: 100%;
    position: absolute;
    transform: translateY(-150px)
}

.innerpage-slider {
    height: 245px;
    display: flex;
    padding: 0px 10%;
    align-items: center;
}



.inner-slidertext {
    max-width: 400px;
    z-index: 1;
    position: relative;
}

.inner-slidertext h1 {
    opacity: 0.85;
}

.slider-divider {
    width: 100%;
    position: absolute;
    transform: translateY(-260px);
}




@media (min-width:1800px) {
    .innerpage-slider {
        height: 370px;
    }

    .slider-divider {
        transform: translateY(-380px);
    }
}

@media (min-width: 1600px) and (max-width: 1800px) {
    .slider-divider {
        transform: translateY(-300px);
    }

    .innerpage-slider {
        height: 310px;
    }
}

@media (max-width:1350px) {
    .slider-divider {
        transform: translateY(-215px);
    }

    .innerdivsliderbelowheight {
        height: 110px !important;
    }
}



@media (max-width:1024px){
    .footergradient {
        transform: translateY(-10px)
    }

    .innerdivsliderbelowheight{
        height:110px!important;
    }

    .innerpage-slider {
        height: 220px;
    }

    .slider-divider {
        transform: translateY(-150px);
    }
}

@media (max-width:825px) {
    .innerpage-slider {
        height: 200px;
    }

    .slider-divider {
        transform: translateY(-110px);
    }
}

@media (max-width:700px) {

    .innerdivsliderbelowheight {
        height: 95px !important;
    }

    h2{
        font-size:26px !important;
    }
}

@media (max-width:650px) {
    .innerpage-slider {
        height: 500px;
        padding: 40px 20px;
        align-items: start;
        justify-content: center;
    }

    .inner-slidertext {
        max-width: 400px;
        z-index: 1;
        position: relative;
        text-align: center;
    }

    .slider-divider {
        width: 100%;
        position: absolute;
        transform: translateY(-90px);
    }
}

@media (max-width:550px) {

    .slider-divider {
        transform: translateY(-75px);
    }
}

@media (max-width:420px) {

    .slider-divider {
        transform: translateY(-60px);
    }
}


#snackbar {
    visibility: hidden;
    width: 220px;
    background-color: transparent; /* Background set by images */
    color: black;
    text-align: center;
    border-radius: 2px;
    position: fixed;
    z-index: 1;
    top: 20px;
    right: 20px;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: right;
    opacity: 0;
    transition: opacity 0.5s, visibility 0.5s, top 0.5s;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
}

#snackbartext {
    width: 138px;
    color: black;
    padding: 0px 5px;
    padding-top: 26px;
    font-weight:600;
}

#snackbar.show {
    visibility: visible;
    opacity: 1;
    top: 20px;
}

.snackbar.success {
    /* Additional success-specific styles if needed */
}

.snackbar.error {
    /* Additional error-specific styles if needed */
}