:root {
    --primary: #392d7d;
    --secondary: #3498db;
    --accent: #e74c3c;
    --success: #14c131;
    --light-bg: #f8f9fa;
    --dark-text: #2c3e50;
    --gray: #7f8c8d;
  }
  .status-badge {
            padding: 0.5rem 1.2rem;
            border-radius: 40px;
            font-weight: 600;
            font-size: 0.8rem;
            letter-spacing: 0.3px;
            text-transform: uppercase;
            background: rgba(255,255,255,0.2);
            border: 1px solid rgba(255,255,255,0.3);
        }
        
        .badge-open { background: #22c55e; color: white; }
        .badge-closed { background: #ef4444; color: white; }
        .badge-upcoming { background: #f59e0b; color: white; }
.navbar {
    background-color: #392d7d;
    position: sticky;
    padding: 0;
    min-height: 56px;   /* 🔒 FIX: prevents blink */
}
.container.py-2.text-center {
    min-height: 60px; /* logo height reserve */
}


.navbar-brand i {
    font-size: 20px;
}

.nav-link {
    color: #fff !important;
    font-weight: 500;
}

.navbar-nav {
    height: 100%;
    align-items: stretch;
}

.navbar-nav .nav-item {
    display: flex;
}

.navbar-nav .nav-link {
    display: flex;
    align-items: center;
    padding: 15px 20px;  /* navbar jaisi height */
    height: 100%;
}
.navbar-nav .nav-item:hover,
.navbar-nav .nav-item.active {
    background-color: #14c131;
}

.navbar-nav .nav-item:hover .nav-link,
.navbar-nav .nav-item.active .nav-link {
    color: #fff !important;
}


/* MENU */
.nav-gap {
    display: flex;
    /* gap: 22px; */
    gap: 8px;
}

@media (min-width: 992px) {
    .navbar-collapse {
        justify-content: flex-start;
        margin-left: 20px;
    }
}

/* MOBILE MENU */
@media (max-width: 991px) {
    .nav-gap {
        flex-direction: column;
        gap: 0;
        text-align: center;
    }
}

/* SEARCH ICON */
.nav-icons {
    display: flex;
    align-items: flex-end;
}

#searchToggle {
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

/* DESKTOP SEARCH */
.search-box {
    display: none;
    position: absolute;
    right: 40px;
       top: -5%;
    padding: 10px;
    width: 220px;
    z-index: 1050;
    border-radius: 6px;
}

/* MOBILE SEARCH */
.mobile-search {
    display: none;
    background: #392d7d;
    padding: 10px 0;
}

.mobile-search input {
    width: 100%;
}

/* Hide desktop search on mobile */
@media (max-width: 991px) {
    .search-box {
        display: none !important;
    }
     ul.dropdown-menu.dropdown-menu-end.notification-dropdown.p-2.show {
        margin-right: 1px;
    }
}


 .card-header{
        background: #392d7d;
   }

    .ipo-link {
        text-decoration: none;
        color: #0a7cee; /* normal text color */
    }

    .ipo-link:hover {
        text-decoration: none;
        color: #392d7d; /* hover color (optional) */
    }

/* HERO */
.hero-header {
    background: linear-gradient(90deg, #d8d9f0, #6359A8, #392d7d);
    color: #fff;
    padding: 3rem 1rem;
    text-align: center;
}
 
 @media (max-width: 575.98px) {
    ol.breadcrumb {
        font-size: 12px; /* smaller font for mobile */
        font-weight:bold;
    }

   
}
a.btn:not(.btn-outline-success){
    background: linear-gradient(to right, #14c131 50%, #392d7d 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: #fff !important;
    transition: background-position 0.4s ease;
}

a.btn:not(.btn-outline-success):hover{
    background-position: left bottom;
}
.faq-section {
    max-width: 800px;
    margin: 30px auto;
    font-family: Arial, sans-serif;
}

.faq-title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 18px;
    color: #392d7d;
}

/* Card */
.faq-item {
    border: 1px solid #DDEBFF;
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: hidden;
    background: #fff;
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

.faq-item:hover {
    box-shadow: 0 8px 18px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

/* Question */
.faq-question {
    width: 100%;
    background: linear-gradient(180deg, #F3F8FF, #EDF3FF);
    border: none;
    padding: 16px 22px;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #1f2a44;
    transition: background 0.3s ease, color 0.3s ease;
}

.faq-question:hover {
    background: #E7F1FF;
}

.faq-question:focus {
    outline: none;
    box-shadow: inset 0 0 0 2px #B6CCFF;
}

/* Answer */
.faq-answer {
    display: none;
    padding: 18px 22px;
    font-size: 14.5px;
    color: #333;
    background: #FFFFFF;
    border-top: 1px solid #DDEBFF;
    line-height: 1.7;
    animation: fadeSlide 0.35s ease;
}

/* Active */
.faq-item.active .faq-answer {
    display: block;
}

.faq-item.active .faq-question {
    background: #DDEBFF;
    color: #0d1b3d;
    font-weight: 600;
}

/* Animation */
/*@keyframes fadeSlide {*/
/*    from {*/
/*        opacity: 0;*/
/*        transform: translateY(-6px);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        transform: translateY(0);*/
/*    }*/
/*}*/


/* Social icons base */
.footer-social .social-link {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease;
}

/* Hover effect */
.footer-social .social-link:hover {
    transform: translateY(-3px);
    opacity: 0.9;
}

/* Brand colors */
.social-link.facebook { background: #1877f2; }
.social-link.twitter  { background: #000; }
.social-link.instagram {
    background: radial-gradient(circle at 30% 110%,
        #fdf497 0%, #fdf497 5%, #fd5949 45%,
        #d6249f 60%, #285AEB 90%);
}
.social-link.linkedin { background: #0a66c2; }
.social-link.telegram { background: #229ed9; }

/* ---------- Tooltip (CSS only) ---------- */
.tooltip-css::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 11px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease;
}

/* Tooltip arrow */
.tooltip-css::before {
    content: "";
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    opacity: 0;
    transition: all 0.2s ease;
}

/* Show tooltip on hover (desktop) */
.tooltip-css:hover::after,
.tooltip-css:hover::before {
    opacity: 1;
}

/* Mobile safe: disable tooltip hover */
@media (max-width: 767px) {
    .tooltip-css::after,
    .tooltip-css::before {
        display: none;
    }
}


@media (max-width: 767px) {
    #fixcenter {
        text-align: center;
    }

    .d-flex.gap-3.footer-social.mt-3 {
    margin-left: 58px;
}
}
#scrollTopBtn .arrow{
    font-weight: 900;
    font-size: 30px;
    line-height: 1;
}

#scrollTopBtn{
    width: 48px;
    height: 48px;
    background: #392d7d;
    color: #fff;
    border-radius: 50%;
    display: none; /* JS control */
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    position: fixed;
    bottom: 40px;
    right: 28px;
    z-index: 10001;
    font-size: 20px;
    transition: all 0.3s ease;
}


/* =======================
   🌙 NAVBAR – DARK MODE
   ======================= */
body.dark-theme .navbar {
    background-color: #1e1e1e !important;
    border-bottom: 1px solid #2a2a2a;
}

body.dark-theme header.hero-header {
    background-image: none !important;
    background-color: #1e1e1e !important;
}
body.dark-theme .shadow-sm {
    background-image: none !important;
    background-color: #1e1e1e !important;
}

/* Table base */
body.dark-theme table {
    background-color: #1e1e1e !important;
    color: #ffffff;
    border-color: #2a2a2a;
}

/* Table header */
body.dark-theme table thead th {
    background-color: #222222 !important;
    color: #ffffff;
    border-color: #2a2a2a;
}

/* Table body cells */
body.dark-theme table tbody td,
body.dark-theme table tbody th {
    background-color: #1e1e1e !important;
    color: #e0e0e0;
    border-color: #2a2a2a;
}

/* Row hover */
body.dark-theme table tbody tr:hover td {
    background-color: #262626 !important;
}

/* Striped tables */
body.dark-theme table.table-striped tbody tr:nth-of-type(odd) td {
    background-color: #191919 !important;
}

/* Bordered table */
body.dark-theme table.table-bordered th,
body.dark-theme table.table-bordered td {
    border: 1px solid #2a2a2a !important;
}
body.dark-theme .card-body {
    background-color: #1e1e1e !important;
    color: #ffffff;
}
body.dark-theme .fw-bold {
    color: #eaeaea !important;
}
body.dark-theme .btn-close {
    filter: invert(1);
    opacity: 0.9;
}

body.dark-theme footer {
    background-color: #1e1e1e !important;
    border-bottom: 1px solid #2a2a2a;
}
/* FAQ container */
body.dark-theme .faq-section {
    background-color: #121212;
    color: #E0E0E0;
}

/* Card */
body.dark-theme .faq-item {
    background: #1A1A1A;
    border: 1px solid #2A2A2A;
}

/* Question */
body.dark-theme .faq-question {
    background: linear-gradient(180deg, #1E1E1E, #181818);
    color: #E6E6E6;
    border-bottom: 1px solid #2A2A2A;
}

body.dark-theme .faq-question:hover {
    background: #222222;
}

/* Answer */
body.dark-theme .faq-answer {
    background: #181818;
    color: #CFCFCF;
    border-top: 1px solid #2A2A2A;
}

/* Active (opened) */
body.dark-theme .faq-item.active .faq-question {
    background: #1F3D2B;          /* soft green tint */
    color: #E8F5E9;
}

/* Icon (+ / −) */
body.dark-theme .faq-question .faq-icon {
    color: #6EDC8C;               /* pleasant green */
}

/* Focus accessibility */
body.dark-theme .faq-question:focus {
    box-shadow: inset 0 0 0 2px #3A6F4E;
}


body.dark-theme .navbar .nav-link,
body.dark-theme .navbar .navbar-brand {
    color: #ffffff !important;
}

body.dark-theme .navbar .nav-link:hover {
    color: #bbbbbb !important;
}

/* =======================
   🌙 CARD – DARK MODE
   ======================= */
body.dark-theme .card .card-body .list-group-item {
    background-color: #1e1e1e;
    color: #ffffff;
    border: 1px solid #2a2a2a;
}

body.dark-theme .card-header {
    background-color: #222222;
    border-bottom: 1px solid #2a2a2a;
    color: #ffffff;
}

body.dark-theme .card-footer {
    background-color: #222222;
    border-top: 1px solid #2a2a2a;
}

/* Card text muted */
body.dark-theme .text-muted {
    color: #aaaaaa !important;
}

/* Buttons inside card */
body.dark-theme .card .btn {
    border-color: #333;
}

body.dark-theme .breadcrumb-item.active {
    color: #ffffff;
    font-weight: 600;
}

body.dark-theme .bg-light {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
}

/* Chart background */
body.dark-theme .apexcharts-canvas {
    background-color: #1e1e1e !important;
}

/* Axis labels */
body.dark-theme .apexcharts-text {
    fill: #ffffff !important;
}

/* Grid lines */
body.dark-theme .apexcharts-gridline {
    stroke: #2a2a2a !important;
}

/* Legend text */
body.dark-theme .apexcharts-legend-text {
    color: #ffffff !important;
}

/* Tooltip */
body.dark-theme .apexcharts-tooltip,
body.dark-theme .apexcharts-xaxistooltip,
body.dark-theme .apexcharts-yaxistooltip {
    background: #1e1e1e !important;
    color: #ffffff !important;
    border: 1px solid #2a2a2a;
}

/* Remove light theme class effect */
body.dark-theme .apexcharts-theme-light {
    background: transparent !important;
}


/* 🌙 OFFCANVAS – DARK MODE */
body.dark-theme .offcanvas.mobile-menu {
    background-color: #121212 !important;
    color: #ffffff;
}

body.dark-theme .offcanvas-logo-bar {
    background-color: #1e1e1e;
    border-bottom: 1px solid #2a2a2a;
}

body.dark-theme .mobile-menu .nav-link {
    color: #ffffff;
}

body.dark-theme .mobile-menu .nav-link:hover {
    background-color: #1f1f1f;
}

/* 🌙 NOTIFICATION DROPDOWN – DARK */
body.dark-theme .notification-dropdown {
    background-color: #1e1e1e;
    border: 1px solid #2a2a2a;
}

body.dark-theme .notification-dropdown .dropdown-item {
    color: #ffffff;
}

body.dark-theme .notification-dropdown .dropdown-item:hover {
    background-color: #2a2a2a;
}

body.dark-theme .notification-dropdown .dropdown-header {
    color: #ffffff;
}

body.dark-theme .notification-dropdown .dropdown-divider {
    border-color: #333;
}

/* 🌙 MODAL – DARK MODE */
body.dark-theme .modal-content {
    background-color: #1e1e1e;
    color: #ffffff;
}

body.dark-theme .modal-header,
body.dark-theme .modal-footer {
    border-color: #2a2a2a;
}

body.dark-theme .form-control {
    background-color: #121212;
    color: #ffffff;
    border: 1px solid #333;
}

body.dark-theme .form-control::placeholder {
    color: #aaaaaa;
}

/* ================================
   TABULATOR DARK THEME
================================ */

/* Main table */
body.dark-theme .tabulator {
    background-color: #121212 !important;
    color: #eaeaea;
    border: 1px solid #2a2a2a;
}

/* Header */
body.dark-theme .tabulator-header {
    background-color: #1e1e1e !important;
    border-bottom: 1px solid #2a2a2a;
}

body.dark-theme .tabulator-col {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
    border-right: 1px solid #2a2a2a;
}

/* Header text */
body.dark-theme .tabulator-col-title {
    color: #ffffff !important;
    font-weight: 600;
}

/* Header filter input */
body.dark-theme .tabulator-header-filter input {
    background-color: #121212;
    color: #ffffff;
    border: 1px solid #333;
}

/* Table body */
body.dark-theme .tabulator-tableholder {
    background-color: #121212 !important;
}

/* Rows */
body.dark-theme .tabulator-row {
    background-color: #181818 !important;
    border-bottom: 1px solid #2a2a2a;
}

body.dark-theme .tabulator-row-even {
    background-color: #151515 !important;
}

body.dark-theme .tabulator-row:hover {
    background-color: #222222 !important;
}

/* Cells */
body.dark-theme .tabulator-cell {
    color: #eaeaea !important;
    border-right: 1px solid #2a2a2a;
}

/* Links inside cells */
body.dark-theme .tabulator-cell a {
    color: #4da3ff;
}

body.dark-theme .tabulator-cell a:hover {
    color: #82c1ff;
}

/* Frozen column */
body.dark-theme .tabulator-frozen {
    background-color: #181818 !important;
    border-left: 1px solid #2a2a2a;
}

/* Resize handle */
body.dark-theme .tabulator-col-resize-handle {
    background-color: #2a2a2a;
}

/* Scrollbar area */
body.dark-theme .tabulator-tableholder::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

body.dark-theme .tabulator-tableholder::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 6px;
}

/* Remove light theme bleed */
body.dark-theme .tabulator-header,
body.dark-theme .tabulator-row,
body.dark-theme .tabulator-cell {
    box-shadow: none !important;
}
/* ApexCharts menu icon - dark mode */
body.dark-theme .apexcharts-menu-item  {
    color: black !important;
}
.newsletter-btn i {
  animation-duration: 1.5s;
}

.newsletter-btn:hover i {
  animation-play-state: paused;

}


body.dark-theme .container-predict{
     background-color: #181818 !important;
        

}

body.dark-theme .header.predict {
     color: #ffffff !important;
}

body.dark-theme .input-section.predict{
     background-color: #181818 !important;
     

}

body.dark-theme .result-section{
     background-image: none !important;
    background-color: #181818 !important;
     
}

body.dark-theme .section-title {
 color: #ffffff !important;
}
body.dark-theme  .input-group-predict label {
 color: #ffffff !important;
}
body.dark-theme .slider-value {
 color: #ffffff !important;
}
body.dark-theme  span{
 color: #ffffff !important;
}
body.dark-theme .detail-card {
    background-color: #181818 !important;
    color: #ffffff !important;
     
}
body.dark-theme article{
    background-color: #181818 !important;
    color: #ffffff !important;
     
}
body.dark-theme small{
    background-color: #181818 !important;
    color: #ffffff !important;
     
}
body.dark-theme .suggestions{
    background-color: #181818 !important;
    color: #ffffff !important;
     
}
body.dark-theme .footer-note{
    background-color: #181818 !important;
    color: #ffffff !important;
     
}
body.dark-theme  .share-box{
 background-color: #181818 !important;
    color: #ffffff !important;
    border: 2px solid red;
}