@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Saira:ital,wght@0,100..900;1,100..900&display=swap');

:root {
        --rg-bg-1: #060b16;
        --rg-bg-2: #0b1220;
        --rg-card: rgba(12, 18, 31, 0.92);
        --rg-card-border: rgba(255, 255, 255, 0.08);
        --rg-text: #f8fafc;
        --rg-text-soft: #94a3b8;
        --rg-input-bg: #0f172a;
        --rg-input-border: #1e293b;
        --rg-input-focus: #f7b500;
        --rg-gold-1: #f7b500;
        --rg-gold-2: #ffd95a;
        --rg-gold-3: #ffefad;
        --rg-danger: #ef4444;
        --rg-success: #22c55e;
        --rg-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
        --rg-radius-xl: 22px;
        --rg-radius-lg: 14px;
        --rg-radius-md: 12px;
        --rg-radius-sm: 10px;
    }

.main   { 
    backdrop-filter: blur(14px);
    background: url(/Content/HomeNew/Home/assets/assets/images/background/banner-top-6.jpg) no-repeat!important;
    background-size: cover!important;
}



    body {
        background:
            radial-gradient(circle at top left, rgba(247, 181, 0, 0.10), transparent 30%),
            radial-gradient(circle at top right, rgba(255, 217, 90, 0.08), transparent 25%),
            linear-gradient(135deg, var(--rg-bg-1) 0%, var(--rg-bg-2) 100%);
        color: var(--rg-text);
        font-family: "Montserrat", sans-serif;
    }

    .rg-register-shell {
        position: relative;
        overflow: hidden;
    }

    .rg-register-shell::before,
    .rg-register-shell::after {
        content: "";
        position: absolute;
        border-radius: 50%;
        filter: blur(60px);
        z-index: 0;
        pointer-events: none;
    }

    .rg-register-shell::before {
        width: 260px;
        height: 260px;
        background: rgba(247, 181, 0, 0.10);
        top: 80px;
        left: -60px;
    }

    .rg-register-shell::after {
        width: 220px;
        height: 220px;
        background: rgba(255, 217, 90, 0.08);
        bottom: 60px;
        right: -60px;
    }

    .site-breadcrumb.rg-breadcrumb {
        position: relative;
        background:
            linear-gradient(180deg, rgba(8, 11, 19, 0.88), rgba(8, 11, 19, 0.94)),
            radial-gradient(circle at center, rgba(247, 181, 0, 0.10), transparent 40%);
        padding-top: 50px;
        padding-bottom: 50px;
        border-bottom: 1px solid rgba(255,255,255,0.06);
        z-index: 1;
    }

    .rg-breadcrumb .breadcrumb-title {
        color: #fff;
        font-weight: 700;
        letter-spacing: 0.5px;
        margin-bottom: 10px;
    }

    .rg-breadcrumb .breadcrumb-menu {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .rg-breadcrumb .breadcrumb-menu li,
    .rg-breadcrumb .breadcrumb-menu li a {
        color: #cbd5e1;
        font-size: 14px;
        text-decoration: none;
    }

    .rg-breadcrumb .breadcrumb-menu li.active {
        color: var(--rg-gold-2);
    }

    .login-area.rg-login-area {
        position: relative;
        z-index: 1;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .rg-card-wrap {
        position: relative;
        max-width: 920px;
        margin: 0 auto;
    }

    .login-form.rg-login-card {
        position: relative;
        background: var(--rg-card);
        border: 1px solid var(--rg-card-border);
        box-shadow: var(--rg-shadow);
        border-radius: var(--rg-radius-xl);
        padding: 40px 34px 30px;
        overflow: hidden;
        backdrop-filter: blur(14px);
    }

    .login-form.rg-login-card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(247,181,0,0.08), transparent 22%, transparent 75%, rgba(255,217,90,0.04));
        pointer-events: none;
    }

    .login-header.rg-login-header {
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }

    .login-header.rg-login-header img {
        width: 210px;
        max-width: 100%;
        margin-bottom: 14px;
        filter: drop-shadow(0 0 16px rgba(247,181,0,0.20));
    }

    .login-header.rg-login-header h2 {
        margin: 0 0 8px;
        color: #fff;
        font-size: 28px;
        font-weight: 700;
        letter-spacing: 0.4px;
    }

    .login-header.rg-login-header p {
        margin: 0;
        color: var(--rg-text-soft);
        font-size: 15px;
        text-transform: capitalize;
    }

    .rg-form-grid .form-group {
        margin-bottom: 18px;
    }

    .rg-form-grid label {
        display: inline-block;
        margin-bottom: 8px;
        color: #dbe4f0;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.2px;
    }

   .rg-form-grid .form-control, .rg-form-grid .form-select {
    background: var(--rg-input-bg);
    border: 1px solid var(--rg-input-border);
    color: #fff;
        color: #fff !important;
    border-radius: var(--rg-radius-md);
    min-height: 44px;
    padding: 9px 16px;
    box-shadow: none;
    transition: all 0.25s ease;
}

    .rg-form-grid .form-control::placeholder {
        color: #7c8aa0;
    }

    .rg-form-grid .form-control:focus,
    .rg-form-grid .form-select:focus {
        border-color: var(--rg-input-focus);
        box-shadow: 0 0 0 4px rgba(247,181,0,0.12);
        background: #111b31;
        color: #fff;
    }

    .rg-form-grid .form-control:hover,
    .rg-form-grid .form-select:hover {
        border-color: #334155;
    }

    .rg-form-grid .form-control[disabled],
    .rg-form-grid .form-control:disabled {
        background: #111827;
        color: #cbd5e1;
        opacity: 1;
        cursor: not-allowed;
    }

    .rg-form-grid .form-select option {
        color: #fff;
        background: #0f172a;
    }

    .rg-icon-field {
        position: relative;
    }

    .rg-icon-field .allicon {
        font-size: 14px;
    }

    .rg-terms {
        margin-top: 6px;
        margin-bottom: 22px;
        padding: 14px 16px;
        background: rgba(255,255,255,0.03);
        border: 1px solid rgba(255,255,255,0.05);
        border-radius: var(--rg-radius-md);
    }

    .rg-terms .form-check-input {
        margin-top: 0.2em;
        cursor: pointer;
    }

    .rg-terms .form-check-label {
        color: var(--rg-text-soft);
        font-size: 14px;
        margin-bottom: 0;
    }

    .rg-terms .form-check-label a {
        color: var(--rg-gold-2);
        text-decoration: none;
        font-weight: 600;
    }

    .rg-terms .form-check-label a:hover {
        color: var(--rg-gold-3);
        text-decoration: underline;
    }

    .rg-action-row {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .login-form.rg-login-card .login-btn {
        min-height: 52px;
        border: 0;
        border-radius: 999px;
        padding: 0 24px;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 0.3px;
        transition: all 0.25s ease;
        box-shadow: 0 10px 25px rgba(247,181,0,0.18);
    }

    .login-form.rg-login-card #btnReg.login-btn,
    .login-form.rg-login-card #RegLoader.login-btn {
        background: linear-gradient(90deg, var(--rg-gold-1) 0%, var(--rg-gold-2) 55%, var(--rg-gold-1) 100%);
        color: #161616;
    }

    .login-form.rg-login-card #btnReg.login-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(247,181,0,0.26);
    }

    .login-form.rg-login-card #btnReg.login-btn:active {
        transform: translateY(0);
    }

    .login-form.rg-login-card #RegLoader.login-btn {
        opacity: 0.95;
        cursor: not-allowed;
    }

    .login-footer.rg-login-footer {
        margin-top: 24px;
        text-align: center;
        padding-top: 18px;
        border-top: 1px solid rgba(255,255,255,0.06);
    }

    .login-footer.rg-login-footer p {
        margin: 0;
        color: var(--rg-text-soft);
        font-size: 14px;
    }

    .login-footer.rg-login-footer a {
        color: var(--rg-gold-2);
        font-weight: 600;
        text-decoration: none;
    }

    .login-footer.rg-login-footer a:hover {
        color: var(--rg-gold-3);
        text-decoration: underline;
    }

    .rg-side-note {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        margin-bottom: 24px;
        color: #dbe4f0;
        font-size: 13px;
        letter-spacing: 0.3px;
        text-transform: uppercase;
    }

    .rg-side-note::before,
    .rg-side-note::after {
        content: "";
        display: block;
        width: 50px;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.20), transparent);
    }

    .rg-badge-line {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        margin-top: 14px;
    }

    .rg-badge-item {
        padding: 7px 12px;
        border-radius: 999px;
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.06);
        color: #dbe4f0;
        font-size: 12px;
    }

     @media (max-width: 767.98px) {
        .login-form.rg-login-card {
            padding: 26px 18px 22px;
            border-radius: 18px;
        }

        .login-header.rg-login-header h2 {
            font-size: 24px;
        }

        .rg-action-row {
            flex-direction: column;
            align-items: stretch;
        }

        .login-form.rg-login-card .login-btn {
            width: 100%;
        }

        .rg-breadcrumb {
            padding-top: 35px !important;
            padding-bottom: 35px !important;
        }
    }

    form input, form textarea {
    padding: 0; 
}

    .login-form.rg-login-card {
    position: relative;
    background: var(--rg-card);
    border: 1px solid var(--rg-card-border);
    box-shadow: var(--rg-shadow);
    border-radius: var(--rg-radius-xl);
    padding: 40px 60px 30px;
    overflow: hidden;
    backdrop-filter: blur(14px); 
}



    .login-form.rg-login-card {
    position: relative;
    background: rgb(1 19 59);
    border: 1px solid var(--rg-card-border);
    box-shadow: var(--rg-shadow);
    border-radius: var(--rg-radius-xl);
    padding: 40px 60px 30px;
    overflow: hidden;
    backdrop-filter: blur(14px);
}

    .swal2-popup .swal2-title {
    display: block;
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    color: #595959;
    font-size: 23px;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
}


    .rg-terms {
    margin-top: 6px;
    margin-bottom: 22px;
    padding: 14px 45px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: var(--rg-radius-md);
}

    .reg-btn { 
    padding: 8px 24px!important; 
    min-height: auto!important; 
}

@media (max-width: 767.98px) {
    .login-form.rg-login-card {
        padding: 26px 20px 22px !important;
        border-radius: 18px;
    }
 
}