.bpn-author-hero {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 20px;
    background: radial-gradient(circle at top right, rgba(246, 196, 83, .18), transparent 24%), linear-gradient(135deg, #cc1e12 0%, #f6584d 48%, #8e0e05 100%);
    color: #fff;
    box-shadow: 0 15px 20px rgb(0 0 0 / 11%);
    border: 1px solid rgba(255,255,255,.08);
}
.bpn-author-hero:before {
    width: 220px;
    height: 220px;
    top: -80px;
    right: -70px;
}
.bpn-author-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 18px;
    align-items: center;
}

.counter-box p {
    color: #e7e7e7;
    font-size: 13px;
    width: 75%;
    text-align: center;
    margin: auto;
}
.bpn-author-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgb(255 255 255 / 23%);
    border: 1px solid rgba(255,255,255,.12);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fef3c7;
    margin-bottom: 5px;
}
.bpn-author-hero:before, .bpn-author-hero:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    background: rgba(255,255,255,.06);
}
.bpn-author-badge:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff7dd;
    box-shadow: 0 0 0 6px rgb(246 196 83 / 27%);
    flex: 0 0 auto;
}

.bpn-author-title {
    margin: 0 0 8px;
    font-size: 30px;
    /* line-height: 1.02; */
    font-weight: 700;
    letter-spacing: 0px;
    color: #fff2c9;
    text-shadow: 0px 1px 2px #750619;
}

.bpn-author-shell .bpn-author-title span {
    color: var(--bpn-gold);
}

.bpn-author-copy {
    color: #ffffff;
    font-size: 14px;
}

.bpn-author-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.bpn-author-btn-primary {
    border: none;
    background: linear-gradient(122deg, #2f3d7f, #cd1419);
    color: white;
    box-shadow: 0 16px 28px rgba(246,196,83,.18);
    padding: 4px 10px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
}
.bpn-author-btn-secondary {
    background: rgb(255 255 255 / 18%);
    border: 1px solid rgba(255,255,255,.12);
    color: #fff;
    padding: 4px 10px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
}

.bpn-author-side {
    display: grid;
    gap: 12px;
}
.reel-overlay{
    pointer-events:none;
}
.bpn-author-stat-card, .bpn-author-mini-card {
    border-radius: 15px;
    padding: 9px 15px;
    background: rgb(255 255 255 / 12%);
    border: 1px solid rgba(255,255,255,.10);
    backdrop-filter: blur(10px);
}

.bpn-author-mini-card h4 {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 600;
    color: #fffdeb;
}

.bpn-author-stat-card strong {
    display: block;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    /* letter-spacing: -.04em; */
    margin: 4px 0 3px;
    color: #fffdeb;
}
.bpn-author-stat-card p,
.bpn-author-mini-card p {
    color: #fffafb;
    font-size: 13px;
    line-height: 21px;
    margin: 0;
}

.bpn-author-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}
.bpn-author-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.10);
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
}

.bpn-author-hero:after {
    width: 120px;
    height: 120px;
    left: -30px;
    bottom: -30px;
}
.author-card{
  /*background: radial-gradient(circle at top right, rgba(246, 196, 83, .18), transparent 24%), linear-gradient(135deg, #cc1e12 0%, #f6584d 48%, #8e0e05 100%);*/
border-radius:20px;
padding:22px;
border:1px solid #edf0f7;
box-shadow:0 2px 10px rgba(0,0,0,0.04);
}


.author_card{
background:#fff;
border-radius:20px;
padding:22px;
border:1px solid #edf0f7;
box-shadow:0 2px 10px rgba(0,0,0,0.04);
}

.article_content{
        width: 95%;
}

.cover-photo{
    width:100%;
    overflow:hidden;
    padding-bottom: 10px;

}

.cover-photo img{
    width:100%;
    height:100%; 
    object-fit:cover;
    display:block;
}

.profile_img img {
    border-radius: 50%;
    height: 170px;
    width: 100%;
    border: 5px solid #fff;
    margin-top: -40px;
}
.profile_info h3{
    color:#0a263e;
    font-size:23px;
    font-weight:600;
    margin:0;
    line-height:1.2;
    display:inline-block;
    /*margin-bottom: 10px;*/
    text-transform: capitalize;
}

.ratspan{
    font-size: 14px;
    color: #7b7c7d !important;
    font-weight:500;
    margin-left:8px;
    vertical-align:middle;
}

.profile_info h2 i{
color:#2563eb;
font-size:15px;
}

.profile_info p{
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
    font-size: 15px;
}

p.text-muted span {
    color: #e60707;
    font-weight: 400;
    font-size: 13px;
}

.btn-call {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background:#0d47a1;
    color: #fff !important;
    text-decoration: none;
    padding: 5px 14px;
    border-radius:8px;
    font-size: 12px;
    font-weight: 600;
    transition: .3s;
}

.btn-call:hover{
    color: #fff;
    background: #CD0816;
    transform: translateY(-2px);
}

.btn-call1 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #E2E5E9;
    color:#080809;
    text-decoration: none;
     /*border:1px solid #ececec;*/
    padding: 5px 14px;
    border-radius:8px;
    font-size: 12px;
    font-weight: 600;
    transition: .3s;
}

   
.verified-badge, .member-id {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #5bca6212;
    border: 1px solid #4caf5033;
    padding: 6px 12px;
    border-radius: 7px;
    font-size: 13px;
    line-height: 1;
    box-shadow: 0 0px 5px rgba(0,0,0,.04);
    color: #049d0a;
    margin: 6px 0px;
}

.verified-badge{
    color:#16a34a;
    font-weight:600;
}

.verified-badge i{
    font-size:13px;
    color:#16a34a;
}


.member-id i{
    color:#2563eb;
    font-size:13px;
}

.member-id span {
    color: #097711;
    font-weight: 600;
} 

.info_row {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 13px;
    color: #5b5b5b;
}

.info_row::after{
    content:"";
    width:1px;
    height:16px;
    background:#d1d5db;
    margin-left:8px;
}
/* ✅ FIX: last element pe line remove */
.info_row:last-child::after {
    display: none;
}

.pr_border{
        border-bottom: 1px dashed #e8e8e8b5;
    padding-bottom: 20px !important;
}
.info_row i{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:none;
    color:#080809;
    font-size:12px;
}
.stat_item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.stat_icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stat_content {
    display: flex;
    justify-content: space-between;
    width: 100%;
        color: white;
    align-items: center;
}

.blue{
background:#eef4ff;
color:#2563eb;
}


.purple{
background:#f4ebff;
color:#7c3aed;
}

.stat_content span{
font-size:13px;
color:white;
display:block;
margin-bottom:0;
}

.stat_content h4 {
    font-size: 13px;
    font-weight: 500;
    margin: 0;
        color: white;
}
.section_head h3{
font-size:20px;
font-weight:600;
}

.section_head p{
font-size:13px;
color:#667085;
margin-top:0;
}

.view_btn{
padding:10px 18px;
border:1px solid #d0d5dd;
background:#fff;
border-radius:12px;
font-size:14px;
font-weight:600;
}


.article_card{
    position: relative;
    
    background: linear-gradient(180deg,#ffffff,#fcfcfc);
    border-radius: 12px;
     padding: 10px 10px 10px 10px;
    margin-bottom: 22px;
    border: 1px solid #eef1f6;
    overflow: hidden;
    transition: all .3s ease;
    box-shadow: 0 3px 14px rgba(0,0,0,0.04);
}

.article_card:hover{
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.08);
    border-color: #ffd5db;
}

.article_card::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0px;
    width: 4px;
    border-radius: 20px;
    background: linear-gradient(to bottom,#ff335f,#ff7b54);
}

.article_card::after{
    content: "";
    position: absolute;
    right: -104px;
    top: 8px;
    width: 188px;
    height: 233px;;
    background-image: radial-gradient(
        rgba(255, 92, 120, 0.20) 1.5px,
        transparent 1.5px
    );
    background-size: 14px 14px;
    transform: rotate(45deg);
    opacity: .9;
    pointer-events: none;
    z-index: 0;
}



.article_img {
    width: 250px;
    height: 130px;
    border-radius: 7px;
    object-fit: cover;
}

.badge_publish {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff1f2;
    color: #ff3b57;
    font-size: 11px;
    font-weight: 500;
    padding: 1px 9px;
    border-radius: 30px;
    margin-bottom: 5px;
    letter-spacing: .4px;
}
.article_content h4 {
    font-size: 14px;
    margin-bottom: 2px;
    font-weight: 600;
        display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 600;
    overflow: hidden;
}

.article_content p{
    font-size:14px;
    color:#667085;
    margin-bottom: 10px;
    line-height:1.5;
}
.article_meta{
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 2px;
    font-size: 11px;
}

.article_meta span{
    color: #7b8191;
    font-size: 14px;
    font-weight: 500;
}

.article_meta i{
    margin-right: 6px;
    color: #ff3b57;
}




.live_btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #eafaf0;
    color: #11a750;
    padding: 1px 7px;
    border-radius: 40px;
    font-size: 11px;
    font-weight: 500;
}

.live_btn::before{
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #11c15b;
}



.tip_box {
    border: 1px solid #ffefed;
    border-radius: 9px;
    padding: 10px;
    margin-top: 10px;
    background: #fff9f9;
}

.tip_left{
    display:flex;
    gap:14px;
}

.tip_icon{
    width:42px;
    height:42px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.tip_content h4{
    font-size:15px;
    margin-bottom:6px;
}

.tip_content p{
    font-size:13px;
    color:#667085;
    margin:0;
}

.help_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #CD0816;
    color: #fff !important;
    padding: 6px 12px;
    box-shadow: 0px 5px 15px #fd736961;
    font-size: 12px;
    border-radius: 7px;
    text-decoration: none;
    margin-top: 15px;
    width: auto;
    max-width: max-content;
}
.author_card h3 {
    font-size: 17px;
    font-weight: 600;
}

.author_card p{
    font-size: 14px;
    color: #999898;
        
}
.post_data{
       font-size: 13px !important;
    color: #999898; 
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.register textarea {
        padding: 15px !important;
    border-radius: 20px !important;
  
}

.register .input-group:focus-within {
    border-radius: 6px !important;
}



.member-alert-box {
    padding: 50px 40px;
    background: #ffffff;
    border-radius: 30px;
    text-align: center;
    box-shadow: 0 4px 26px rgba(0, 0, 0, 0.08);
    border: 1px solid rgb(0 56 120 / 6%);
    position: relative;
    overflow: hidden;
}


/* Success Icon Circle */
.member-alert-icon {
    width: 65px;
    height: 65px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: linear-gradient(135deg, #138808, #0f9d58);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 6px rgba(19, 136, 8, 0.25);
}

.member-alert-icon i {
    font-size: 38px;
    color: #ffffff;
}

.member-alert-box h2 {
    font-size: 21px;
    font-weight: 600;
    color: #0b2454;
    line-height: 1.3;
    text-shadow: 0px 1px 1px #ff123c69;
}

.member-alert-box h2 span {
    color: #f51302;
    text-shadow: 0px 1px 1px #525051;
    font-size: 25px;
    font-weight: 700;
}

.member-alert-box p {
    font-size: 14px;
    line-height: 25px;
    color: #8f7575;
    margin-bottom: 20px;
}

/* Buttons Wrapper */
.member-alert-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

/* Common Button Style */
.member-alert-buttons a {
    min-width: 140px;
    padding: 8px 15px;
    border-radius: 34px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s ease;
}

/* Dashboard Button */
.btn-dashboard {
    background: linear-gradient(135deg, #4d4342, #393131, #372d2d);
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(11, 36, 84, 0.18);
}

.btn-dashboard:hover {
    transform: translateY(-3px);
    color: #ffffff;
    box-shadow: 0 15px 30px rgba(11, 36, 84, 0.25);
}

/* Logout Button */
.btn-logout {
    background: #ffffff;
    color: #4d4645;
    border: 1px solid #d5d5d5;
}

.btn-logout:hover {
    background: #f8fafc;
    color: #0b2454;
    transform: translateY(-3px);
}



input[type="file"] {
   line-height: 32px;
}
.form_mt{
        margin-top: 10px;
}


.before-submit-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    margin-bottom: 30px;
}

.submit-step {
    position: relative;
    text-align: center;
    padding: 6px 10px 0px;
    border-right: 1px dashed #f1d5d5bf;
}
.submit-step:last-child {
    border-right: none;
}

.step-icon {
    font-size: 25px;
    color: #F44336;
    margin-bottom: 0px;
}
.step-check {
    position: absolute;
    top: 11px;
    right: 36%;
    font-size: 12px;
    color: #07b246;
    background: #ffffff;
    border-radius: 50%;
}

.submit-step h4 {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 400;
    color: #1f2937;
}

.before-submit-warning {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff5f5;
    border: 1px solid #fecaca;
    border-radius: 10px;
    padding: 8px 12px;
    color: #7f1d1d;
    font-size: 14px;
    line-height: 1.7;
}

.before-submit-warning i {
    color: #ef4444;
    font-size: 18px;
}




/* Step List */
.verification-steps {
list-style: none;
padding: 0;
margin: 0;
}

.verification-steps li {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 7px 0;
border-bottom: 1px dashed #e5e7ebba;
}

.verification-steps li:last-child {
border-bottom: none;
padding-bottom: 0;
}

.step-number {
width: 17px;
height: 17px;
min-width: 17px;
border-radius: 50%;
background: #707070;
color: #ffffff;
font-size: 11px;
font-weight: 700;
display: flex;
align-items: center;
line-height: 17px;
justify-content: center;
margin-top: 2px;
}

.step-text {
font-size: 13px;
line-height: 1.8;
color: #4b5563;
}



.signature-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 16px;
}

.signature-note {
    font-size: 13px;
    line-height: 1.7;
    color: #64748b;
}

.signature-note span {
    color: #475569;
    font-weight: 500;
}

.clear-sign-btn {
    background: #0f172a;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.signature-canvas-wrapper {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    margin-bottom: 10px;
}

#signature-pad {
    display: block;
    width: 100%;
    height: 180px;
    cursor: crosshair;
}
.signature-footer {
    color: #F44336;
    font-size: 12px;
}



.payment-details-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
    border: 1px solid #eef2f7;
    position: relative;
    overflow: hidden;
}


/* Header */
.payment-details-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 9px;
}

.payment-details-header i {
    width: 30px;
    height: 30px;
    background: rgb(148 255 25 / 19%);
    color: #4CAF50;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.payment-details-header h4 {
    margin: 0;
    font-size: 19px;
    font-weight: 600;
    color: #001b5e;
}

.des_text {
    border-radius: 7px;
    margin-top: 28px;
    text-align: center;
    color: #F44336 !important;
    font-weight: 500;
    border-top: 1px dashed #efecec;
    padding-top: 6px;
}
/* Body Rows */
.payment-detail-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed #e2e2e2;
}

.payment-detail-item:last-child {
    border-bottom: none;
}

.payment-detail-item .label {
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
}
.payment-detail-item .value {
    font-size: 15px;
    font-weight: 600;
    color: #0f172a;
    text-align: right;
    word-break: break-word;
}

.head_logo {
    width: 100%;
}

.theme-btn_head {
    font-size: 14px;
    color: var(--color-white) !important;
    padding: 6px 6px;
    transition: all 0.5s;
    text-transform: capitalize;
    position: relative;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    border: none;
    background: linear-gradient(122deg, #2f3d7f, #cd1419);
    box-shadow: var(--box-shadow);
    z-index: 1;
}


.about-hero {
    position: relative;
    padding: 35px 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.about-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgb(3 20 53 / 30%) 0%, rgb(3 20 53 / 28%) 45%, rgb(3 20 53 / 28%) 100%);
}
.about-hero .container {
    position: relative;
    z-index: 2;
}

.about-hero-content {
    max-width: 720px;
}

.about-hero-badge {
    display: inline-block;
    padding: 3px 13px;
    background: rgba(255, 255, 255, 0.15);
    color: #ececec;
    font-size: 11px;
    font-weight: 400;
    border-radius: 30px;
    margin-bottom: 9px;
    letter-spacing: 0.5px;
    backdrop-filter: blur(6px);
}

.about-hero-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.15;
    color: #ffffff;
    margin-bottom: 15px;
}

.about-hero-text {
    font-size: 14px;
    line-height: 1.9;
    color: rgb(228 225 225 / 92%);
    max-width: 635px;
    margin-bottom: 0px;
}

.about-hero-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 22px;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 40px;
    backdrop-filter: blur(6px);
}

.about-hero-breadcrumb a,
.about-hero-breadcrumb span {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.about-hero-breadcrumb a:hover {
    color: #ffcc00;
}


.mv-box {
    background: #ffffff;
    border: 1px solid #e5e7eb7d;
    border-radius: 14px;
    padding: 20px 20px;
    display: flex;
    align-items: flex-start;
    gap: 22px;
    height: 100%;
    transition: all 0.35s ease;
    box-shadow: 0 5px 20px rgb(0 0 0 / 7%);
}


.wallet-hero{
    padding: 50px 0;
    background: #fff;
    overflow: hidden;
    position: relative;
    font-family: "Poppins", sans-serif;
}

.wallet-card{
    border-radius:12px;
    padding: 14px 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    margin-bottom: 15px;
    display: flex;
    gap: 15px;
    flex-direction: row;
    align-items: center;
    text-align: left;
    position: relative;
}

.wallet{
    background:linear-gradient(90deg, #052992, #acbced);
}

.credit{
    background:linear-gradient(90deg, #cb090f, #9503024a);
}

.debit{
    background:linear-gradient(90deg, #0c912f, #78bf8a8a);
}

.wallet-hero-content h4{
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 3px;
    color: #fff;
}

.wallet-hero-content h5{
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 3px;
    color: #fff;
}

.icon-circle{
    width:52px;
    height:52px;
    border-radius:50%;
    background:#fff;
    color:#0a2d95;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.icon-circle-dark{
    width:52px;
    height:52px;
    border-radius:50%;
    background:#fff;
    color:#d13438;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.icon-circle-light{
    width:52px;
    height:52px;
    border-radius:50%;
    background:#fff;
    color:#3ba657;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}


.custom-table{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 3px 10px rgba(0,0,0,.12);
}

.custom-table thead{
    background:#375da6 !important;
    color:#fff;
}

.custom-table th{
    border:none;
    text-align:center;
    padding:15px;
}

.custom-table td{
    vertical-align:middle;
    text-align:center;
    color: gray !important;
    border-top:1px solid #ff980040 !important;
}

.badge-debit{
    border-radius: 4px !important;
    color: var(--color-white) !important;
    background: #dc3545 !important;
    padding: 9px 18px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: 'Poppins';
}

.badge-credit{
    border-radius: 4px !important;
    color: var(--color-white) !important;
    background: #198754 !important;
    padding: 9px 18px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: 'Poppins';
}


.btn-eye{
    width:30px;
    height:30px;
    border:none;
    border-radius:50%;
    background:#2f5aa7;
    color:#fff;
    cursor:pointer;
    transition:.3s;
}

.btn-eye:hover{
    transform:scale(1.1);
}

.modal-header2{
    padding: 0px 0px;
    font-size: 10px;
    background: #235bd5;
    color: #fff;
    padding-top: 15px;
    border: none;
}

        .label{
            color:#7d7d7d;
            font-weight:600;
            font-size:15px;
        }

        .value{
            color:#222;
            font-weight:600;
        }

.modals2{
    gap: 20px;
}
        
        .detail-card{
    text-align:left;
    background:#fff;
    border:1px solid #edf1f4;
    border-radius:16px;
    padding:20px;
    margin-top:15px;
}

      .section-title{
            
            color:#9a9a9a;
           
            font-size:15px;
        }


.value2 span{
    color: black;
    font-size: 12px;
    font-weight: 400;
}


        .amount{
            font-size:25px;
            font-weight:700;
            color:#00c853;
            line-height:1;
            margin-top: -31px;
        }

        .paid-badge{
            display:inline-block;
            background:#00c853;
            color:#fff;
            padding:3px 18px;
            border-radius:6px;
            font-weight:500;
            margin-top:10px;
            margin-bottom: 30px;
        }

        .receipt-row{
            padding:8px 0px 0;
        }

        .receipt-row .value{
            float:right;
        }

        .green2{
            color:#00c853;
        }

        .secure-box{
           background: #0080002e;
    border-radius: 6px;
    padding: 15px;
    text-align: center;
    color: green;
    margin-top: 15px;
    font-size: 15px;
}


        .footer-box{
          background: #9fb0e640;
    padding: 25px;
    text-align: center;
    color: #3351ab;
    border-radius: 6px;
        }
        
       .footer-box p a{
           text-decoration: none;
           color: #3351ab;
       }
        
        .footer-box-text{
           font-size: 16px;
           font-weight: 400;
    line-height: 1.2;
    color: #3351ab;
        }

        .btn-download{
            background:#0d6efd;
            color:#fff;
        }

        .btn-download:hover{
            color:#fff;
        }






/* Icons */
.mv-icon {
    width: 78px;
    height: 78px;
    min-width: 78px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.mission-icon {
    background: #fdecec;
    color: #e53935;
}

.vision-icon {
    background: #edf9ef;
    color: #16a34a;
}

/* Content */
.mv-content h4 {
    font-size: 22px;
    color: #0e8f32;
    font-weight: 600;
    margin-bottom: 5px;
}


.mv-content p {
    font-size: 14px;
    line-height: 25px;
    color: #4b5563;
    margin: 0;
}

.profile-stats{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.stat-box {
    min-width: 80px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 1px 10px 10px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    transition: .3s;
}

.stat-count {
    font-size: 14px;
    font-weight: 500;
    color: #c10f14;
    line-height: 0px;
}

.stat-label {
    font-size: 12px;
    color: #666;
    margin-top: 0px;
    line-height: 6px;
}
.follow-btn{
    border:none;
    background:#c10f14;
    color:#fff;
    padding:10px 18px;
    border-radius:10px;
    font-weight:600;
    transition:.3s;
}

.follow-btn:hover{
    background:#9e0c10;
}


.payment-box {
    padding: 0px 12px 6px !important;
}
.payment-title {
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-bottom: 0px !important;
    color: #131415;
}
.payment-methods {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}
.payment-item {
    text-align: center;
    display: flex;
    gap: 10px;
    align-items: center;
}

.payment-icon {
    font-size: 16px !important;
    margin-bottom: 0px !important;
}

.wallet-icon{
    color:#2563eb;
}

.voucher-icon{
    color:#f97316;
}

.payu-icon{
    color:#84cc16;
    font-weight:700;
}

.payment-name {
    font-size: 12px !important;
    color: #838282 !important;
    line-height: 16px;
}

.payment-amount {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #111;
    line-height: 16px;
}

#filterModal label {
    color: #303030;
    cursor: pointer;
    font-weight: 400;
    font-size: 13px;
}

/* Pehle hide */
.sticky-logo{
    display: none;
}

/* Sticky hone par show */
.bottom-navigation .navbar.fixed-top .sticky-logo{
    display: block;
}

.comments-content {
    width: 100%;
}

.comments-content .comment-item{
    border-bottom:1px dashed #dcdfe4;
    margin-bottom:10px;
    padding-bottom:10px;
}

.comments-content .comment-item.last-comment{
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}

/*-------------------------------new ---------------*/



/* ===== TOP CARD ===== */
.wallet-header{
    background: linear-gradient(135deg,#1e3c72,#2a5298);
    color:#fff;
    border-radius:18px;
    padding:25px;
}

.wallet-balance{
    font-size:32px;
    font-weight:700;
}

.small-text{
    font-size:13px;
    opacity:0.8;
}

/* ===== BUTTONS ===== */
.btn-wallet{
    border-radius:10px;
    padding:10px 15px;
    font-weight:500;
}

/* ===== CARD ===== */
.card-box {
    border-radius: 9px;
    border: 1px solid #e1e1e1e6;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* ===== TRANSACTIONS ===== */
.tx-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px;
    border-bottom:1px solid #eee;
}

.tx-icon{
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}

.tx-green{ background:#28c76f; }
.tx-red{ background:#ea5455; }

.amount-plus{ color:#28c76f; font-weight:600; }
.amount-minus{ color:#ea5455; font-weight:600; }

/* ===== RIGHT BOX ===== */
.side-box{
    border-radius:15px;
    background:#fff;
    padding:15px;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

.quick-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 0;
    border-bottom:1px solid #eee;
}

.quick-icon{
    width:35px;
    height:35px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}

.icon-blue{ background:#7367f0; }
.icon-purple{ background:#9c27b0; }
.icon-orange{ background:#ff9f43; }


@media(max-width:991px){


    .card-box,
    .side-box{
        margin-bottom:18px;
    }
}

@media(max-width:767px){
  

    .side-box{
        padding:12px;
        border-radius:12px;
    }

    .quick-item{
        padding:9px 0;
    }

    .quick-icon{
        width:32px;
        min-width:32px;
        height:32px;
        font-size:13px;
    }
}

@media(max-width:480px){
    .wallet-header{
        border-radius:12px;
    }

    .wallet-balance{
        font-size:22px;
    }

    .tx-item{
        flex-wrap:wrap;
    }

    .amount-plus,
    .amount-minus{
        margin-left:46px;
    }
}

/*--------------------end ----------------*/