:root {
    --header-bg-color: #000000;
    --body-bg-color: #000000;
    --legalseek-green: #E0B02D;
    --legalseek-blue: #E0B02D;
    --legalseek-gradient: #E0B02D;
    --font-size: 14px;
}
body:dir(ltr) {
    --legalseek-font: 'ProximaNova', sans-serif;
}

body:dir(rtl) {
    --legalseek-font: 'AMCfont', sans-serif;
}

* {
    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;
}



@font-face {
    font-family: 'AMCfont';
    src: url('./fonts/SomarSans-Thin.ttf') format('truetype');
    font-weight: 100; /* Adjust weight as needed */
    font-style: normal;
}

@font-face {
    font-family: 'AMCfont';
    src: url('./fonts/SomarSans-Regular.ttf') format('truetype');
    font-weight: 400; /* Regular weight */
    font-style: normal;
}



@font-face {
    font-family: 'AMCfont';
    src: url('./fonts/SomarSans-SemiBold.ttf') format('truetype');
    font-weight: 500; /* SemiBold weight */
    font-style: normal;
}

@font-face {
    font-family: 'AMCfont';
    src: url('./fonts/SomarSans-ExtraBold.ttf') format('truetype');
    font-weight: 800; /* ExtraBold weight */
    font-style: normal;
}

@font-face {
    font-family: 'AMCfont';
    src: url('./fonts/SomarSans-Black.ttf') format('truetype');
    font-weight: 900; /* Black weight */
    font-style: normal;
}

@font-face {
    font-family: 'AMCfont';
    src: url('./fonts/SomarSans-Bold.ttf') format('truetype');
    font-weight: 700; /* Bold weight */
    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;
    display:none;
}

.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 */
}
/* Law Student Verification - step 6 review summary.
   These rules live here (global site.css), NOT in
   LawStudentVerification.cshtml.css, because that file is Razor-Pages
   CSS-isolation-scoped: the compiler only adds the scoping attribute to
   elements the .cshtml markup itself renders. The review cards are built
   entirely in JS via innerHTML, so those elements never get that
   attribute and scoped selectors silently never match them. Self-contained
   (doesn't rely on .outline-btn-modal, which has the same scoping problem)
   so it works regardless of where this block sits relative to that file. */
.lsv-review-summary {
    margin-bottom: 20px;
}

.lsv-review-section {
    background-color: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 6px;
    padding: 14px 16px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.lsv-review-section-title {
    font-size: 13px;
    font-weight: 600;
    color: #D1D5DC;
    margin: 0 0 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.lsv-review-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 13px;
    padding: 3px 0;
}

.lsv-review-row .lsv-review-label {
    color: #99A1AF;
    flex-shrink: 0;
}

.lsv-review-row .lsv-review-value {
    color: white;
    text-align: right;
}

.lsv-review-verified-badge {
    background-color: rgba(29,158,117,0.15);
    color: #1D9E75;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 10px;
    white-space: nowrap;
}

/* Matches the rest of the form's button language (Verify, Resend, Back,
   Change email/mobile all have a visible border and a label) rather than
   being the only borderless, label-less control on the page. */
.lsv-review-edit-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 12px;
    color: #D1D5DC;
    cursor: pointer;
}

.lsv-review-edit-btn:hover {
    background-color: rgba(255,255,255,0.08);
    color: white;
}