@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@100..900&display=swap');
@font-face {
	font-family: Noto Serif Bengali;
	font-style: normal;
	font-weight: 400;
	font-display: swap
}

body {
	font-family: "Noto Serif Bengali", serif !important;
	font-family: Noto Serif Bengali, Arial, Helvetica, sans-serif !important
}
a:focus{
    text-decoration: none!important;
    outline: none;
}
a:hover{
    text-decoration: none;
    color: #222;
}

.main-navber {
    border-radius: 0px;
    margin-bottom: 0px;
    background: #fff;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}
.is-sticky .main-navber {
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}

div#sticker-sticky-wrapper {
    z-index: 9;
}
.main-navber .navbar-header .navbar-brand img {
    width: 200px;
    height: auto;
}.main-navber .navbar-header .navbar-brand {
    padding: 0px 0px;
    height: auto;
}
.main-navber .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    font-weight: bold;
    color: #222;
}
.main-navber .navbar-nav {
    margin-top: 10px!important;
    
}
/*==================================================*/

.herocount-election-hero {
            background: linear-gradient(135deg, rgba(0, 116, 84, 0.9), rgba(241, 45, 15, 0.95));
            background-size: cover;
            background-position: center;
            color: #ffffff;
            display: flex;
            padding: 30px 0px;
            align-items: center;
        }

        .herocount-hero-title {
    margin-top: 0px;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #fff;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}
        .herocount-hero-p { font-size: 18px; opacity: 0.9; margin-bottom: 0; }

        /* LIVE Badge with Animation */
        
    @property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}

.herocount-day-container {
    position: relative;
    padding: 25px 20px;
    min-width: 150px;
    text-align: center;
    border-radius: 2em;
    border: solid 5px transparent;
    /* Background setup */
    --main-bg: conic-gradient(from var(--border-angle), #112, #112 5%, #112 60%, #213 95%);
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, rgb(255, 255, 255), #f03 99%, transparent);
    background: 
        var(--main-bg) padding-box, 
        var(--gradient-border) border-box, 
        var(--main-bg) border-box;

    /* Total duration is now 13s (3s move + 10s wait) */
    animation: bg-spin-paused 3s linear infinite;
}

@keyframes bg-spin-paused {
    0% {
        --border-angle: 0turn;
    }
    100% {
        --border-angle: 1turn;
    }
}

        .herocount-day-container span {
            font-size: 75px !important;
            color: #fff !important;
            font-weight: 900;
            line-height: 1;
            display: block;
        }

        .herocount-day-container label {
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            margin-top: 5px;
            display: block;
        }

        @keyframes super-glow {
            from { border-color: #fff; box-shadow: 0 0 20px rgba(255, 0, 0, 0.6); transform: scale(1); }
            to { border-color: #2b2b2b; box-shadow: 0 0 40px rgba(255, 0, 0, 1); transform: scale(1.03); }
        }

        /* Right Side Units (H, M, S) */
        .herocount-unit-column { display: flex; flex-direction: column; gap: 8px; margin-left: 15px; }
        .herocount-unit-box {
            background: rgba(255, 255, 255, 0.15);
            padding: 8px 15px;
            border-radius: 8px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            min-width: 160px;
            border-left: 4px solid #2b2b2b;
            display: none;
        }
        .herocount-unit-box span { font-size: 24px; font-weight: 700; color: #fff; }
        .herocount-unit-box label { color: #fff; margin: 0; font-size: 16px; font-weight: 600; }

        @media (max-width: 768px) {
            .herocount-unit-box {
                padding: 0px 15px;
            }
            .pull-right {
                float: left!important;
            }
            .herocount-election-hero { height: auto; padding: 20px 0; }
            .herocount-day-container { margin-bottom: 0px; margin-right: 15px;}
            .herocount-unit-column { margin-left: 0; }
            .herocount-election-hero .row { display: flex; flex-direction: column; align-items: center; text-align: center; }
        }
       
        
/* ======================================================== */
.division-nameList li a{
    font-size: 18px;
    padding: 5px 20px;
    margin-right: 10px;
    color: #19293d;
    border: 1px solid #19293d;
}
.division-nameList.nav-pills>li.active>a, 
.division-nameList.nav-pills>li.active>a:focus, 
.division-nameList.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #19293d;
}
.election-tab-content{
    padding-top: 20px;
}
.national-election-result-sec{
    padding: 50px 0px;
}
/*============================================*/
.election-news-list{
    padding: 50px 0px;
    background: #f5f5f5;
}
.election-news-box{
    margin-bottom: 20px;
    height: 100%;
    border: 1px solid #ddd;
}
.election-news-box .election-news-thum{
    overflow: hidden;
    transition: all 1s ease-in-out;
}
.election-news-box:hover .election-news-thum img{
    transform: scale(1.1);
    transition: all 1s ease-in-out;
}
.election-news-box .election-news-thum img{
    transform: scale(1);
    transition: all 1s ease-in-out;
}
.election-news-box h3:hover {
    
    color: #b30f0f;
    
}
.election-news-box h3 {
    font-size: 20px;
    padding: 10px;
    color: #222;
    margin: 0px;
    line-height: 25px;
    height: 90px;
}

/*===========================================*/
        .seat-tittl-section {
    background: linear-gradient(135deg, rgba(0, 116, 84, 0.9), rgba(241, 45, 15, 0.95));
            background-size: cover;
            background-position: center;
            color: #ffffff;
            display: flex;
            padding: 30px 0px;
            align-items: center;
}
/*---------------------------*/
.main-footer-area {
    padding: 30px 0px;
    background: #0c1f37;
}
.footer-address{
    margin-bottom: 0px;
}
.footer-address h4{
    color: #fff;
    margin-top: 0px;
}
.footer-address p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 0px;
}
.copyright-text p{
    color: #fff;
    margin-bottom: 0px;
}
.copyright-text p a{
    color: #fff;
}
.copyright-text p a:hover{
    color: #337ab7;
}
.stcky-footer {
    padding: 10px 0px;
    background: #0f2846;
}

/* ============================================================= */
.attant-dashboard-container {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    padding: 50px 0px;
    margin: 0 auto;
    position: relative;
}
.attant-dashboard h2{
    text-align: center;
    color: #19293d;
    margin-bottom: 30px;
}
        /* The Vertical "Magic Number" Line */
        .attant-magic-line {
            position: absolute;
            left: 76.5%; /* Positioned based on 151/300 approx */
            top: 100px;
            bottom: 80px;
            width: 2px;
            background: rgba(255, 255, 255, 0.2);
            z-index: 10;
        }

        .attant-magic-label {
            position: absolute;
            top: -30px;
            left: -15px;
            color: #f3e5ab;
            font-weight: bold;
        }

        .attant-party-row {
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }

        .attant-party-logo {
            width: 50px;
            text-align: center;
            font-size: 24px;
            margin-right: 15px;
        }

        .attant-progress-wrapper {
            flex-grow: 1;
            position: relative;
        }

        .attant-progress {
            height: 20px;
            background-color: rgba(56, 56, 56, 0.05);
            border-radius: 20px;
            border: 1px solid rgba(56, 56, 56, 0.2);
            box-shadow: none;
            margin-bottom: 5px;
            overflow: visible;
        }

        .attant-progress-bar {
            border-radius: 20px;
            line-height: 20px;
            font-size: 12px;
            font-weight: bold;
            text-align: right;
            padding-right: 15px;
            box-shadow: 0 0 15px currentColor;
            transition: width 1s ease-in-out;
        }

        .attant-party-name {
            font-size: 14px;
            color: #aaa;
            margin-left: 10px;
        }

        /* Party Colors */
        .attant-bg-bnp { background-image: linear-gradient(to right, #004e92, #00aaff); color: #fff; }
        .attant-bg-nagorik { background-image: linear-gradient(to right, #d35400, #ff8c00); color: #fff; }
        .attant-bg-jamaat { background-image: linear-gradient(to right, #006400, #00ff00); color: #fff; }
        .attant-bg-jp { background-image: linear-gradient(to right, #556b2f, #98fb98); color: #fff; }

        /* =========================================== */

        section.election-short-seat {
    padding: 50px 0px;
}
        .short_detaisl_section{
          background:#f0f4f8;
          padding: 50px 0px;
        }
        .short_header-wrapper {
    margin-bottom: 20px;
    border-left: 6px solid #19293d;
    padding-left: 20px;
}

        .short_header-wrapper h2 {
            font-weight: 600;
            margin: 0;
            color: #2b2b3d;
            letter-spacing: -0.5px;
        }
        .short_division_box a {
    color: #2b2b3d;
}
        /* Division Cards - Glass Effect */
        .short_division_box {
            background: #ffffff;
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.8);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            margin-bottom: 24px;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }

        .short_division_box:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .short_division_box::before {
            content: '';
            position: absolute;
            top: 0; left: 0; width: 100%; height: 4px;
            background: linear-gradient(90deg, #2b2b3d, #2b2b3d);
            opacity: 0;
            transition: opacity 0.3s;
        }

        .short_division_box:hover::before { opacity: 1; }

        .division_box_head {
            background: #f8fafc;
            padding: 10px;
            font-size: 18px;
            font-weight: 600;
            text-align: center;
            border-bottom: 1px solid #f1f5f9;
        }

        .division_box_body {
            padding: 10px;
            text-align: center;
        }

        .division_box_data-label {
            color: #64748b;
            font-size: 16px;
            display: block;
        }

        .division_box_data-value {
            font-weight: 600;
            font-size: 16px;
            color: #2b2b3d;
        }

        /* Stats Cards - Modern Horizontal */
        .short-modern-stat {
            background: #ffffff;
            border-radius: 16px;
            padding: 15px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            transition: background 0.3s;
            border: 1px solid transparent;
        }

        .short-modern-stat:hover {
            background: #eff6ff;
            border-color: #dbeafe;
        }

        .short-icon-box {
            width: 54px;
            height: 54px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            margin-right: 15px;
            background: #f1f5f9;
            color: #475569;
            transition: all 0.3s;
        }

        .short-modern-stat:hover .short-icon-box {
            transform: rotate(-10deg) scale(1.1);
            background: #2563eb;
            color: white;
        }

        .short-stat-info .short-title {
            font-size: 16px;
            color: #64748b;
            margin-bottom: 2px;
        }

        .short-stat-info .short-count {
            font-size: 20px;
            font-weight: 600;
            color: #0f172a;
        }

        /* Distinct Colors for Stats */
        .clr-1 { border-left: 4px solid #3b82f6; }
        .clr-2 { border-left: 4px solid #10b981; }
        .clr-3 { border-left: 4px solid #f59e0b; }
        .clr-4 { border-left: 4px solid #ef4444; }
        /* ---------------------------------------------------------------- */
        /* Result Cards (Image 2 Style) */
        .attant_party-card {
            background: #fff;
            border-radius: 12px;
            padding: 20px;
            text-align: center;
            border: 1px solid #eee;
            margin-bottom: 20px;
            transition: all 0.3s;
        }
        .attant_party-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .attant_party-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #2b2b3d;
}
        .attant_party-seats { color: #7f8c8d; font-size: 14px; }
/* ================================================================= */
/* Candidate Card Styling */
.star_candidate-section{
    background: #f0f4f8;
    padding: 50px 0px;
}
        .star_candidate-card {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            margin-bottom: 20px;
            transition: all 0.3s ease;
        }

        .star_candidate-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
        }

        .star_img-container {
            height: 270px;
            background: #eee;
            overflow: hidden;
            position: relative;
        }
section.candidate-profile-section {
    padding: 30px 0px;
}
.short_header-wrapper a {
    color: #2b2b3d;
}
section.attant-dashboard-container .btn-primary {
    padding: 10px 15px;
    font-size: 17px;
    font-weight: 600;
    background: #cc4428;
    border: 0px;
}
        .star_img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .star_img-container .protiok {
    position: absolute;
    bottom: 5px;
    left: 16px;
    height: 50px;
    width: 50px;
    background: #fff;
    border: 3px solid #222;
    border-radius: 50%;
    overflow: hidden;
    padding: 5px;
}
.star_img-container .protiok img{
    width: 100%;
    border-radius: 50%;
}
        .star_party-badge {
            position: absolute;
            top: 10px;
            right: 10px;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 700;
            color: #fff;
        }

        .star_details-box {
            padding: 20px;
            text-align: center;
        }

        .star_candidate-name {
            font-size: 15px;
            font-weight: 700;
            margin: 0 0 5px;
            color: #1a1a1a;
            height: 30px;
        }

        .star_constituency {
            color: #666;
            font-size: 14px;
            margin-bottom: 15px;
        }

        .star_vote-count {
            background: #f8f9fa;
            border-radius: 4px;
            padding: 10px;
            font-size: 16px;
            font-weight: 600;
            color: #006644;
        }

        /* Party Colors */
        .star_bg-bnp { background-color: #004d33; }
        .star_bg-al { background-color: #cc0000; }
        .star_bg-jp { background-color: #fd7e14; }

        /* ================================================== */
        .election-gonovote-section{
            padding: 50px 0px;
        }

        .gonovote_main-title {
            color: #004d33;
            font-weight: 700;
            font-size: 32px;
            margin-bottom: 50px;
        }

        .gonovote_info-card {
            text-align: center;
            margin-bottom: 30px;
            min-height: 220px; 
        }

        .gonovote_info-icon {
            width: 70px; 
            height: auto;
            margin-bottom: 20px;
            opacity: 0.6;
        }

        .gonovote_info-text {
            font-size: 18px; 
            font-weight: 600;
            color: #333;
            line-height: 1.4;
        }

        .gonovote_footer-note {
    text-align: center;
    border-top: 1px solid #ddd;
    margin-top: 0px;
    padding-top: 20px;
    color: #004d33;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.6;
}

        .gonovote_info-card:hover .gonovote_info-icon {
            opacity: 1;
            transform: scale(1.1);
            transition: 0.3s;
        }
        /* ============================================================ */
        .election-yesno-section{
            padding: 50px 0px;
            background: #f5f5f5;
        }
        .yesno_referendum-container {
            background-color: #fdfdfd;
            margin: auto;
            padding: 30px;
            border-radius: 10px;
            text-align: center;
        }

        .yesno_referendum-title {
            color: #004d33;
            font-weight: 700;
            font-size: 36px;
            margin-bottom: 50px;
        }

        /* Vote Box Styling */
        .yesno_vote-card {
            background: #fff;
            border: 1px solid #eee;
            padding: 40px;
            display: inline-block;
            box-shadow: 0 4px 20px rgba(0,0,0,0.03);
            position: relative;
        }

        .yesno_vote-options {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
        }

        .yesno_btn-vote {
            width: 120px;
            height: 120px;
            border: 6px solid;
            background: transparent;
            font-size: 32px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .yesno_btn-yes {
            color: #006644;
            border-color: #006644;
        }

        .yesno_btn-no {
            color: #d93025;
            border-color: #d93025;
        }

        .yesno_btn-vote:hover {
            transform: scale(1.05);
            background-color: #fcfcfc;
        }

        .yesno_divider {
            width: 2px;
            height: 80px;
            background-color: #eee;
            margin: 0 20px;
        }

        /* Sidebar content styling */
        .yesno_points-list {
            text-align: left;
            margin-top: 20px;
        }

        .yesno_point-item {
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            font-size: 18px;
            font-weight: 600;
        }

        .yesno_point-icon {
            width: 25px;
            margin-right: 10px;
        }

        .yesno_point-header {
            color: #006644;
            font-weight: 700;
            font-size: 20px;
            margin-bottom: 20px;
        }

        .yesno_against-header {
            color: #d93025;
            font-weight: 700;
            font-size: 20px;
            text-align: right;
        }

        .yesno_footer-text {
            margin-top: 40px;
            color: #888;
            font-size: 16px;
            font-style: italic;
        }

        /* Arrows for visual direction */
        .yesno_arrow-left {
            position: absolute;
            left: -100px;
            top: 50%;
            transform: translateY(-50%);
            width: 80px;
            height: 2px;
            background: #006644;
        }
        /* ================================================= */
        .star_candidate-section-white{
            background: #fff;
            padding: 50px 0px;
        }
        /* ========================================================= */
        .election_modern-profile-card {
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            margin: auto;
            overflow: hidden;
            border: none;
        }
        .election_header-strip {
            background: #2b2b3d; 
            color: #ffffff;
            padding: 20px 30px;
        }
        .election_candidate-title {
            font-size: 28px;
            font-weight: 700;
            margin: 0;
        }

        .election_profile-content { padding: 40px; }

       
        .election_image-wrapper {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            border: 4px solid #f8f9fa;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }
        .election_image-wrapper img {
            width: 100%;
            display: block;
        }

        
        .election_info-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .election_info-item {
            display: flex;
            justify-content: space-between;
            padding: 15px 0;
            border-bottom: 1px solid #f0f0f0;
        }
        .election_info-item:last-child { border-bottom: none; }
        .election_label-text {
            color: #666;
            font-weight: 500;
            font-size: 16px;
        }
        .election_value-text {
            color: #2b2b3d;
            font-weight: 700;
            font-size: 17px;
            text-align: right;
        }

       
        .election_symbol-badge {
            background: #fdf2f2;
            border-radius: 8px;
            padding: 15px;
            display: flex;
            align-items: center;
            margin-top: 20px;
        }
        .election_symbol-badge img {
            width: 50px;
            margin-right: 15px;
        }
        .election_symbol-info strong { color: #d93025; display: block; }

        
        .election_bio-section {
            margin-top: 40px;
            background: #f8f9fa;
            padding: 25px;
            border-radius: 8px;
        }
        .election_bio-title {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 15px;
            color: #2b2b3d;
        }
        .election_bio-para {
            line-height: 1.8;
            color: #444;
            font-size: 15px;
        }
        /* ================================= */


        .result_page_comntent_section{
            padding: 50px 0px;
            background-color: #fff;
        }
        .election-winner_filter-container {
            background: #ffffff;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            margin-bottom: 40px;
            border-top: 4px solid #004d33;
        }

        .election-winner_filter-label {
            font-weight: 700;
            font-size: 20px;
            margin-bottom: 10px;
            color: #333;
            display: block;
        }

        .election-winner_custom-select {
            height: 45px;
            border-radius: 4px;
            border: 1px solid #ddd;
            font-size: 18px;
            box-shadow: none;
        }
        .election-winner_custom-input{
            height: 45px;
            border-radius: 4px;
            border: 1px solid #ddd;
            font-size: 18px;
            box-shadow: none;
        }

        .election-winner_btn-search {
            background-color: #2b2b3d;
            color: #fff;
            height: 45px;
            width: 100%;
            font-weight: 700;
            font-size: 16px;
            border: none;
            border-radius: 4px;
            transition: 0.3s;
            margin-top: 38px;
        }

        .election-winner_btn-search:hover {
            background-color: #003624;
            color: #fff;
        }

        .election-winner_result-card {
            background: #fff;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            border: 1px solid #eee;
        }

        .election-winner_candidate-img {
            width: 110px;
            height: 110px;
            border-radius: 6px;
            object-fit: cover;
            margin-right: 20px;
        }

        .election-winner_candidate-info p {
            margin: 2px 0;
            font-size: 17px;
        }

        .election-winner_winner-tag {
            background-color: #17a2b8;
            color: #fff;
            font-size: 12px;
            padding: 2px 8px;
            border-radius: 3px;
            margin-left: 10px;
        }
        .election-winner_symbol-icon img {
    width: 100%;
    padding: 10px;
}
        .election-winner_symbol-icon {
            margin-left: auto;
            width: 70px;
            height: 70px;
            border: 1px solid #333;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 25px;
        }
        /* Table Styles */
        .teamwise_result{
            box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
        padding: 10px;
        }
        .result_election-table { width: 100%; border-collapse: separate;
            }
        .result_election-table th {
            font-weight: bold;
            text-align: center;
            background: #2b2b3d;
            color: #fff;
            padding: 10px;
            font-size: 15px;
        }
        .result_election-table td {border: 1px solid #ddd; vertical-align: middle; color: #fff; }
        
        .result_party-logo { width: 60px; padding: 5px; text-align: center; border-right: 1px solid #ddd; }
        .result_party-logo img { height: 35px; }
        .result_party-name {
            padding-left: 5px;
            font-weight: bold;
            font-size: 14px;
        }
        .result_count-box { text-align: center; width: 60px; font-size: 18px; padding: 10px; }
        .result_party-logo img { height: 35px;border-radius: 4px; }
        .result_bg-aw { background-color: #006a4e; }
        .result_bg-bnp { background-color: #e74c3c; } 
        .result_bg-jp { background-color: #3498db; } 
        .result_bg-others { background-color: #f39c12; }
        /* --------------------------------------------------------- */
        .referendum_dashboard-wrapper {
            margin: 0 auto;
            text-align: center;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            padding: 10px;
        }

        /* Titles */
        .referendum_main-title {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 8px;
    margin-top: 0px;
}
        .referendum_sub-title {
    font-size: 18px;
    color: #64748b;
    margin-bottom: 10px;
}

        /* Gauge Layout */
        .referendum_gauge-section {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
        }

        .referendum_chart-container {
            width: 180px;
            height: 110px;
        }

        .referendum_vote-label {
            font-size: 20px;
            font-weight: 700;
            position: absolute;
            top: 60%;
        }
        .referendum_yes-label {
            left: 0px;
            color: #10b981; /* Success Green */
        }
        .referendum_no-label {
            right: 0px;
            color: #f59e0b; /* Amber/Orange */
        }

        /* Data Boxes */
        .referendum_data-box {
            border: 2px solid #f1f5f9;
            border-radius: 16px;
            padding: 10px;
            background: #f8fafc;
            display: flex;
            align-items: center;
            text-align: left;
            transition: all 0.3s ease;
        }
        .referendum_data-box:hover {
            border-color: #e2e8f0;
            background: #ffffff;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            transform: translateY(-2px);
        }
        .referendum_box-icon {
            font-size: 20px;
            color: #64748b;
            margin-right: 10px;
            background: #ffffff;
            width: 55px;
            height: 55px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }
        .referendum_box-content .referendum_label-text {
            color: #64748b;
            font-size: 15px;
            display: block;
            margin-bottom: 2px;
        }
        .referendum_box-content .referendum_value-text {
            font-size: 18px;
            font-weight: 700;
            color: #0f172a;
        }
        /* ============================================= */
        .jote-chart-container {
            position: relative;
            height: 285px;
            width: 100%;
            margin-top: 0px;
            padding: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }
        .jote-chart-container h3{
            margin-top: 0px;
        }
        .allianceVerticalbox h3,.teamwise_result h3{
            font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 8px;
    margin-top: 0px;
        }
        .heightst_votecount_section{
            padding: 50px 0px;
            background: #fff;
        }
        .height-seatVotecast-box{
            font-size: 20px;
            font-weight: 700;
            color: #1e293b;
            margin-bottom: 8px;
            margin-top: 0px;
        }
        /* ======================================= */
        .height-seatVotecast-box {
            position: relative;
           
            width: 100%;
            margin-top: 0px;
            padding: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }
        .height-seatVotecast-box .chart-container{
             height: 385px;
        }
        .height-seatVotecast-box h3{
            font-size: 20px;
        font-weight: 700;
        color: #1e293b;
        margin-bottom: 8px;
        margin-top: 0px;
        }
        /* ================================== */
        .height-gonoVotecast-box {
            position: relative;
            width: 100%;
            margin-top: 0px;
            padding: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }
        .height-gonoVotecast-box .chart-container{
             height: 385px;
        }
        .height-gonoVotecast-box h3{
            font-size: 20px;
        font-weight: 700;
        color: #1e293b;
        margin-bottom: 8px;
        margin-top: 0px;
        }
        /* ========================= */
#sticker {
  position: sticky;
  top: 0;
  background-color: #fff;
  font-size: 20px;
z-index: 999;
border-bottom: 0px;}

/* ================================== */
.seatresult_chart-wrapper {
    position: relative;
    height: 285px;
    margin-top: 0px;
}
.election-seatresult-section{
    padding: 50px 0px;
    border-top: 2px solid #f5f5f5;
}

/* ======================================================== */
        .home-winner_filter-container {
            border-radius: 8px;
            margin-bottom: 0px;
        }
.home-winner-filter-section{
    padding: 9px 0px;
    position: sticky;
    top: 56px;
    background-color: #f5f5f5;
    font-size: 20px;
    z-index: 999;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}
        .home-winner_filter-label {
                font-weight: 600;
                font-size: 12px;
                margin-right: 10px;
                margin-bottom: 0px;
                color: #333;
            }
.home-winner_filter-container .form-group {
    margin-right: 10px;
}
        .home-winner_custom-select {
    padding: 4px;
    height: 28px;
    width: 165px!important;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 12px;
    box-shadow: none;
}
        .home-winner_custom-input{
            height: 28px;
            border-radius: 4px;
            border: 1px solid #ddd;
            font-size: 18px;
            box-shadow: none;
        }

        .home-winner_btn-search {
            background-color: #2b2b3d;
            color: #fff;
            height: 28px;
            font-weight: 700;
            font-size: 14px;
            border: none;
            border-radius: 4px;
            transition: 0.3s;
        }
        .home-winner_btn-search .glyphicon {
            font-size: 10px;
        }
        .home-winner_btn-search:hover {
            background-color: #003624;
            color: #fff;
        }
@media (max-width: 768px) {
    .herocount-hero-title {
    font-size: 22px;
    }
    .herocount-hero-p {
    font-size: 17px;
    
}
.herocount-day-container span {
    font-size: 30px !important;
    
}
.home-winner_custom-select {
    width: 90px!important;
}
.home-winner_btn-search {
    margin-top: 10px;
}
    .home-winner_filter-container .form-group {
    width: 25%;
    margin: 0px;
    float: left;
}
  .seat-tittl-section {
    padding: 10px 0px;
}
.seat-title-info h1 {
    margin-top: 8px;
    font-size: 24px;
}
.seat-title-info h2 {
    font-size: 22px;
    margin: 0px;
    color: #fff;
    /* margin-bottom: 10px; */
}
.short_header-wrapper h2 {
    font-size: 24px;
}

.yesno_vote-card {
    padding: 15px;
    margin-bottom: 10px;
}
.yesno_vote-options {
    
    gap: 15px;
}
.yesno_btn-vote {
    width: 100px;
    height: 100px;
}
.division-nameList li a {
    margin-bottom: 10px;
}
.dect-map{
    display: none;
}
.national_election_coun h3 {
    
    font-size: 24px;
}
div#national_election_coun2 span {
    width: 70px;
    height: 70px;
    
}
div .national_election .time {
    padding: 0px;
}
div .national_election {
    height: auto;
}
.election2024-day {
    font-size: 18px !important;
    line-height: 30px;
}
.short-modern-stat {
    
    border-radius: 0px; 
    padding: 5px;
    
}
.short-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 18px;
    margin-right: 10px;
    
}
.short-stat-info .short-count {
    font-size: 17px;
}
}
/* ============================================== */
 .all-party-profile-section{
            padding: 50px 0px;
        }
    /* Care UI Card Styling */
    .all-party-card {
        background: #ffffff;
        border-radius: 12px;
        padding: 15px;
        margin-bottom: 30px;
        text-align: center;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02), 0 10px 15px -3px rgba(0,0,0,0.03);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .all-party-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
    }

    /* Party Symbol Container */
    .all-symbol-wrapper {
    border: 1px solid #ddd;
    width: 50px;
    height: 50px;
    padding: 0px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto 7px;
    font-size: 32px;
    color: #2563eb;
}
    .all-symbol-wrapper img{
        height: 45px;
        width: 45px;
        border-radius: 50%;
    }
    .all-party-name {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #0f172a;
    overflow: hidden;
    height: 50px;
}
.all-party-info {
    margin-bottom: 10px;
    overflow: hidden;
}
    .all-candidate-label {
        color: #64748b;
        font-size: 16px;
        font-weight: 500;
        /* float: left; */
        letter-spacing: 0.5px;
    }

        .all-candidate-count {   
    font-size: 16px;
    font-weight: 500;
    color: #d24327;
    /* float: right; */
    margin-top: 0px;
}

    /* Action Button */
    .all-btn-view {
    margin-top: 5px;
    border-radius: 8px;
    padding: 8px 20px;
    font-weight: 600;
    background-color: #f1f5f9;
    color: #475569;
    border: none;
    transition: 0.2s;
}

    .all-party-card:hover .all-btn-view{
        background-color: #d24327;
        color: #fff;
    }

    /* ================================================= */
    .election-news-box .election-news-thum{
							position: relative;
						}
						.ele-audio-video-button {
							z-index: 9;
							height: 70px;
							position: absolute;
							left: 10px;
							top: 10px;
						}
						.ele-audio-video-button span.ele-videoplay-transp {
							line-height: 25px !important;
						}
						.ele-audio-video-button span.ele-videoplay-transp {
							line-height: 33px !important;
						}
						.ele-audio-video-button span.ele-videoplay-transp {
							margin-bottom: 10px;
							display: block;
							background: rgba(255, 255, 255, 0.8);
							width: 30px;
							height: 30px;
							text-align: center;
							line-height: 35px;
							border-radius: 50%;
						}
						.ele-audio-video-button span.ele-audioplay-transp {
							display: block;
							background: rgba(255, 255, 255, 0.8);
							width: 30px;
							height: 30px;
							text-align: center;
							line-height: 34px;
							border-radius: 50%;
						}
						.ele-audio-video-button span.ele-audioplay-transp:hover,
						.ele-audio-video-button span.ele-videoplay-transp:hover {
							background: #fff;
						}
						.ele-audio-video-button span.ele-audioplay-transp .ele-svg-inline,
						.ele-audio-video-button span.ele-videoplay-transp .ele-svg-inline {
							height: 12px;
							color: #9a1515;
						}