html,
body {
    overflow-x: hidden;
}



@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

:root {
    --dark: #0b1221;
    --dark2: #0f1a2e;
    --dark3: #152035;
    --dark4: #1b2a42;
    --cyan: #009afd;
    --cyan2: #009afd;
    --cyan3: rgba(20, 184, 224, 0.15);
    --white: #ffffff;
    --off: #e8edf5;
    --muted: #8fa3be;
    --muted2: #5a7191;
    --orange: #fd7e14;
    --orange-l: rgba(249, 115, 22, 0.12);
    --green: #22c55e;
    --green-l: rgba(34, 197, 94, 0.12);
    --border-dark: rgba(255, 255, 255, 0.07);
    --border-light: #e4eaf3;
    --card-dark: #132038;
    --card-glass: rgba(255, 255, 255, 0.04);
    --txt: #1a2744;
    --txt2: #4a6080;
    --txt3: #8fa3be;
    --r: 8px;
    --rl: 14px;
    --rxl: 20px;
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

.tenderdetail-navbar {
    background: White !important;
    border-color: white;
    padding: 2px !important
}

.brand-image {
    width: 200px;
    height: auto;
}

.tender-text {
    font-size: 14px;
}

.tender-text strong {
    font-size: 16px;
    font-weight: 600;
}


@media (max-width: 768px) {
    .kv-breadcrumb-2 {
        margin-top: 80px;
        /* tame adjust kari shako */
    }
}


.kv-breadcrumb .breadcrumb {
    font-size: 14px;
    display: flex;
    flex-wrap: nowrap;
    /* line break બંધ */
    white-space: nowrap;
    /* text wrap નહીં થાય */
    overflow-x: auto;
    /* mobile માં scroll */
    margin-top: 26px;
}


.breadcrumb-item {
    text-decoration: none;
}

.corrigendum-scroll .corrigendum-table th:first-child,
.corrigendum-scroll .corrigendum-table td:first-child {
    width: 80px;
}




.wa-btn {
    position: fixed;
    right: 20px;
    bottom: 60px;
    width: 56px;
    height: 56px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    z-index: 999999;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}

.wa-btn i {
    font-size: 28px;
    color: #fff;
}

/* Wave / Pulse animation */
.wa-btn::before {
    content: '';
    position: absolute;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(37, 211, 102, 0.5);
    animation: wa-pulse 2s infinite;
    z-index: -1;
}

@keyframes wa-pulse {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }

    70% {
        transform: scale(1.6);
        opacity: 0;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

/* ====== WHATSAPP MOBILE FIX ====== */


@media (max-width: 768px) {
    .wa-btn {
        bottom: 70px;
        /* sit near bottom, below stat cards */
        right: 20px;
    }
}

.dropdown-menu .dropdown-item:hover {
    background-color: #fd7e14 !important;
    color: #fff !important;
}

.dropdown-menu .dropdown-item:hover i {
    color: #ffffff;
}

/* Hover open */
@media (min-width: 992px) {
    .hover-click-dropdown:hover>.dropdown-menu {
        display: block;
    }
}




.desktop-only {
    display: inline-block;
}

/* ---------------- MOBILE VIEW ---------------- */
@media (max-width: 991px) {

    /* Navbar structure */
    .navbar {
        flex-wrap: wrap;
    }

    .navbar-collapse {
        display: flex !important;
        flex-direction: column;
        width: 100%;
        margin-top: 0px;
    }

    /* LEFT: menu + logo stay */
    .navbar-nav.align-items-center {
        flex-direction: row;
    }

    /* RIGHT: icons only */
    .navbar-nav.ml-auto {
        margin-left: auto;
        display: flex;
        align-items: center;
    }

    .navbar-nav .nav-link {
        padding: 16px 14px;
        font-size: 16px;
        height: 1.5rem;
    }

    /* Hide login */
    .desktop-only {
        display: none !important;
    }



    /* 🤖 AI icon only */


    /* Remove hamburger toggle */
    .navbar-toggler {
        display: none;
    }
}

.tender-links-inline {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.tender-links-inline a {
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: #6c757d;
    font-size: 13px;
}

.tender-links-inline a:hover {
    color: #2b5db9;
}



/* Desktop adjustment */
@media (min-width: 992px) {
    body {
        padding-top: 70px;
    }
}

/* FIX input-group dropdown clipping */



.mobile-hamburger-custom {
    width: 22px;
    height: 2px;
    background: #007bff;
    /* Blue */
    display: inline-block;
    position: relative;
    border-radius: 2px;
    transition: 0.3s;
}

.mobile-hamburger-custom::before,
.mobile-hamburger-custom::after {
    content: "";
    position: absolute;
    left: 0;
    width: 22px;
    height: 2px;
    background: #007bff;
    /* Blue */
    border-radius: 2px;
    transition: 0.3s;
}

.mobile-hamburger-custom::before {
    top: -7px;
}

.mobile-hamburger-custom::after {
    top: 7px;
}

/* X (close) state */
.nav-item.show .mobile-hamburger-custom {
    background: transparent;
}

.nav-item.show .mobile-hamburger-custom::before {
    transform: rotate(45deg);
    top: 0;
}

.nav-item.show .mobile-hamburger-custom::after {
    transform: rotate(-45deg);
    top: 0;
}


/*Footer*/
.footer-gradient {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: #fff;
}

.footer-links li {
    font-size: 13px;
    margin-bottom: 6px;
    color: #fff;
}

.footer-title {
    font-size: 14px;
    font-weight: 700;
}

.footer-social a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
    color: #fff;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}





.hero {
    background: linear-gradient(135deg, rgba(15, 76, 129, 0.65), rgba(27, 108, 168, 0.65)), url('https://images.unsplash.com/photo-1521791136064-7986c2920216?q=80&w=1600&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    padding: 90px 20px;
    text-align: center;
}

.hero h1 {
    font-size: 52px;
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.035em;
    margin-bottom: 14px;
}

.hero p {
    font-size: 17px !important;
    opacity: 0.9 !important;
    margin-bottom: 28px;
}

.hero h1 em {
    font-style: normal;
}

.hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(0, 154, 253, .08);
    border-radius: 100px;
    padding: 5px 14px;
    margin-bottom: 22px;
}

.btn {
    display: inline-block;
    padding: 9px 34px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    /*margin: 6px;*/
}

.primary {
    background: #fd7e14 !important;
    color: white !important;
}

.secondary {
    background: white !important;
    color: #0f4c81 !important;
}

.section {
    max-width: 1300px;
    margin: 50px auto;
    padding: 0 20px;
}

.section h2 {
    text-align: center;
    font-size: 28px;
    color: #0f4c81;
    margin-bottom: 35px;
}


.search-bar {
    margin: 25px auto;
    max-width: 1000px;
    display: flex;

    border-radius: 9px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.search-bar input {
    flex: 1;
    padding: 15px 14px;
    border: none;
    outline: none;
    font-size: 16px;
}

.search-bar button {
    padding: 0 30px;
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff;
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s;
}

.search-bar button:hover {
    background: linear-gradient(135deg, #0056b3, #003f8a);
}

.bottombar {
    margin-bottom: -20px;
    gap: 5px;
}

.bottombar p {
    margin-top: 20px;
    font-size: 14px;
}


.bottombar .btn {
    flex: 1 1 auto;
    text-align: center;
}

@media (max-width: 400px) {
    .bottombar {
        gap: 6px;
    }

    .bottombar .btn {
        font-size: 12px;
        padding: 8px;
    }
}




@media (max-width: 768px) {

    /* Search bar: full width, flex row */
    .search-bar {
        display: flex !important;
    }

    /* Input: grow to fill remaining space, allow shrinking */
    .search-bar input {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        font-size: 13px !important;
        /* smaller font on mobile */
    }

    /* Button: fixed 56px width — never collapses on any phone */
    .search-bar button {
        flex: 0 0 96px !important;
        width: 96px !important;
        min-width: 96px !important;
        padding: 0 !important;
        font-size: 12px !important;
        /* hide "AI Search" text */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Hide the Font Awesome ::before pseudo-element */
    .search-bar button::before {
        content: none !important;
    }

    /* SVG sparkle icon — fixed 22px so it always renders */
    .search-bar button .ai-icon {
        width: 22px !important;
        height: 22px !important;
        display: block !important;
        flex-shrink: 0 !important;
        stroke: #fff !important;
        margin-top: 7px;
        margin-right: 2px;
        /* force white in case currentColor fails */
    }
}



/* Reset */
body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    background: #ffffff;
    overflow-x: hidden !important;
}

/* Section Full Width Background */
.stats-section {
    background: #f3f4f6;
    padding: 80px 0 40px;
}

/* Container */


/* Heading */
.stats-section h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: var(--txt);
    margin-bottom: 15px;
    position: relative;
}

.container-fluid {
    margin-top: 20px;
}


/* Grid (🔥 OVERLAP HERE) */
.stats {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    margin-top: -130px;
    /* 🔥 only boxes overlap */
    position: relative;
    z-index: 2;
}

/* Boxes */
.stat-box {
    display: flex;
    align-items: center;
    gap: 12px;
    background: white;
    padding: 16px 14px;
    text-align: left;
    border-radius: 14px;
    color: #333;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: all .2s ease;
    border: 1px solid #e6effb;
}

.stat-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
}

/* Colorful icon badge */
.stat-icon {

    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

}

.stat-icon svg {
    width: 24px;
    height: 24px;
}



/* Label + number (label first, count second) */
.stat-info {
    display: flex;
    flex-direction: column-reverse;
    gap: 2px;
    line-height: 1.2;
    min-width: 0;
}

.stat-info b {
    font-size: 20px;
    color: #1f4e79;
    font-weight: 800;
}

.stat-label {
    font-size: 12px;
    color: #64748b;
    font-weight: 600;
}



/* Responsive */
@media (max-width: 992px) {
    .stats {
        grid-template-columns: repeat(3, 1fr);
    }

    .stat-info b {
        font-size: 15px;

    }

    .stat-label {
        font-size: 10px;

    }

}

@media (max-width: 576px) {
    .stats {
        grid-template-columns: repeat(2, 1fr);
        margin-top: -60px;
    }
}


/* Section spacing */
.enterprise-section {
    padding-top: 40px;
    padding-bottom: 30px;
}

/* Fix row spacing issue */
.custom-row {
    margin-left: -10px;
    margin-right: -10px;
}

.custom-row>div {
    padding-left: 10px;
    padding-right: 10px;
}

/* Title */
.section-title {
    font-weight: 700;
    color: #1f4e79;
    margin-bottom: 0;
}

/* Underline */
.title-underline {
    width: 60px;
    height: 2px;
    background: #fd7e14;
    margin: 15px auto 0;
    border-radius: 10px;
}

/* Feature box */
.feature-box {
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, #ffffff, #f9f9f9);
    padding: 20px;
    border-radius: 15px;
    height: 100%;
    border: 1px solid var(--border-light);
    /* Shining shadow */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

/* Hover effect */
.feature-box:hover {
    transform: translateY(-5px);
    border-color: #b0ccee;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

/* Heading wrapper: transparent on desktop so the h5 renders as before */
.feature-head,
.feature-title {
    display: contents;
}

/* Title icon: hidden on desktop, shown on mobile */
.feat-icon {
    display: none;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.feat-icon svg {
    width: 18px;
    height: 18px;
}

.feat-icon--blue {
    background: #e0ecff;
}

.feat-icon--orange {
    background: #ffedd5;
}

.feat-icon--green {
    background: #dcfce7;
}

.feat-icon--violet {
    background: #ede9fe;
}

/* Heading */
.feature-box h5 {
    font-weight: 800;
    margin-bottom: 15px;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
}

/* More link beside the title (shown on mobile only) */
.more-link {
    display: none;
    flex-shrink: 0;
    align-items: center;
    gap: 5px;
    color: #fd7e14;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    transition: color 0.3s ease;
}

.more-link:hover {
    color: #d96a08;
}

.more-link i {
    font-size: 11px;
}

/* List */
.feature-box ul {
    padding-left: 18px;
    margin: 0;
}

.feature-box ul li {
    margin-bottom: 6px;
    font-size: 13px;
}

/* More bar (desktop): slides up on hover */
.more-bar {
    position: absolute;
    bottom: -40px;
    /* hidden by default */
    left: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    background: #fd7e14;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
}

.feature-box:hover .more-bar {
    bottom: 0;
}

/* Mobile: title + More on one row, hide category list and the bottom bar */
@media (max-width: 768px) {
    .feature-box {
        padding: 10px 15px 10px 15px;
    }

    .feature-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 0px;
    }

    /* Icon + title grouped on the left */
    .feature-title {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
    }

    .feat-icon {
        display: inline-flex;
    }

    .feature-box h5 {
        margin-bottom: 0;
    }

    /* Show More beside the title with the right-arrow icon */
    .more-link {
        display: inline-flex;
    }

    /* Hide all feature lists and the desktop slide-up bar on mobile */
    .feature-box ul {
        display: none;
    }

    .more-bar {
        display: none;
    }
}


/*Competitive*/
/* HERO */
.kv-hero-section {
    font-family: 'Inter', sans-serif;
    color: #ffffff;
    padding: 40px 20px;
    background: radial-gradient(circle at 20% 50%, rgba(0, 170, 255, 0.25), transparent 40%), radial-gradient(circle at 80% 30%, rgba(255, 200, 0, 0.2), transparent 40%), linear-gradient(120deg, rgba(2, 11, 28, 0.95), rgba(11, 60, 145, 0.9));
    background-size: cover;
    background-position: center;
}

/* GRID */
.kv-hero-grid {
    max-width: 1300px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 40px;
    align-items: center;
}

/* TEXT */
.kv-hero-title {
    font-size: clamp(28px, 5vw, 32px);
    line-height: 1.2;
    font-weight: 800;
    text-align: left;
}

.kv-hero-title span {
    color: #ffb703;
}

.kv-hero-desc {
    font-size: 18px;
    color: #e6ecff;
    margin-top: 20px;
    line-height: 1.6;
    text-align: justify;
}

.kv-hero-points {
    margin-top: 20px;
    font-size: 13px;
    color: #c7d6ff;
    text-align: left;
}

.kv-hero-tagline {
    font-size: 14px;
    color: #c7d6ff;
    margin-bottom: 10px;
    text-align: left;
}

/* FORM BOX */
.kv-demo-box {
    width: 100%;
    max-width: 420px;
    border-radius: 24px;
    overflow: hidden;
    /*    background: linear-gradient(120deg, rgba(2,11,28,.85), rgba(11,60,145,.85)), url('https://images.unsplash.com/photo-1551288049-bebda4e38f71');*/
    background-size: cover;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .5);
}

.kv-demo-content {
    padding: 30px;
}

.kv-demo-title {
    font-size: 22px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: 800;
}

.kv-demo-desc {
    font-size: 14px;
    opacity: .9;
    margin-bottom: 15px;
    text-align: left;
}

/* FORM */
.kv-demo-form input,
.kv-demo-form button {
    width: 100%;
    padding: 14px;
    margin-top: 10px;
    border-radius: 8px;
    border: none;
    font-size: 13px;
}

.kv-demo-form input {
    background: #fff;
}

.kv-demo-form button {
    background: #ffb703;
    font-weight: 600;
    cursor: pointer;
}

.kv-demo-form button:hover {
    background: #fca311;
}

/* RESPONSIVE */
@media(max-width: 992px) {
    .kv-hero-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .kv-demo-box {
        margin: 30px auto 0;
    }
}

@media(max-width: 768px) {
    .kv-hero-desc {
        font-size: 14px;
        text-align: left;
    }
}

/* Section background (same feel gradient) */
/* Section */
.provide-section {
    padding: 80px 30px;
    /* 🔥 Multi-layer gradient (same feel) */
    background: radial-gradient(circle at 28% 32%, rgba(255, 120, 180, 0.12), transparent 28%),
        /* 🔥 nano pink */
        radial-gradient(circle at 75% 20%, rgba(120, 140, 255, 0.18), transparent 45%), linear-gradient(135deg, #f7f9ff, #eef2f9);
    position: relative;
    overflow: hidden;
}

/* Title */
.provide-title {
    font-size: 38px;
    font-weight: 700;
    color: #0b1b3f;
    margin-bottom: 15px;
}

/* Description */
.provide-desc {
    font-size: 17px;
    max-width: 850px;
    color: #4a5568;
    line-height: 1.7;
}

/* Box */
.provide-box {
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: 0.3s ease;
}

/* Hover */
.provide-box:hover {
    transform: translateY(-4px);
}

/* ── WHY SECTION — feature grid ── */
.why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 40px
}

.why-card {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: var(--rl);
    padding: 22px;
    transition: border-color .2s, box-shadow .2s;
    cursor: default
}

.why-card:hover {
    border-color: #c0d4ef;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .06)
}

.why-card .icon {
    width: 40px;
    height: 40px;
    background: #eef6fd;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 14px
}

.why-card h5 {
    font-size: 14px;
    font-weight: 700;
    color: var(--txt);
    margin-bottom: 6px
}

.why-card p {
    font-size: 13px;
    color: var(--txt2);
    line-height: 1.6;
    margin: 0px;
}

.why-card {
    height: 100%;
}

/* Mobile: turn the cards into a swipeable carousel */
@media (max-width: 767px) {
    .why-row {
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .why-row::-webkit-scrollbar {
        display: none;
    }

    .why-row>[class*="col-"] {
        flex: 0 0 82%;
        max-width: 82%;
        scroll-snap-align: center;
    }
}



/* Icon */
.icon {
    font-size: 38px;
    color: #2f54eb;
}

/* Heading */
.provide-box h5 {
    font-size: 20px;
    font-weight: 600;
    color: #0b1b3f;
}

/* Text */
.provide-box p {
    font-size: 15px;
    color: #4a5568;
    line-height: 1.7;
    text-align: justify;
}

/* Responsive */
@media (max-width: 768px) {
    .provide-title {
        font-size: 28px;
    }

    .provide-desc {
        font-size: 15px;
    }

    .icon {
        font-size: 30px;
    }
}

/* Section */
.kv-icon-section {
    padding: 45px 20px 30px;
    background: radial-gradient(circle at 20% 50%, rgba(0, 170, 255, 0.28), transparent 42%), radial-gradient(circle at 80% 30%, rgba(255, 200, 0, 0.22), transparent 45%), linear-gradient(120deg, rgba(2, 11, 28, 0.94), rgba(11, 60, 145, 0.90));
    position: relative;
    overflow: hidden;
}

/* Glow effects */
.kv-icon-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 70%);
    top: -150px;
    left: -150px;
    filter: blur(100px);
}

.kv-icon-section::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(0, 180, 255, 0.18), transparent 70%);
    bottom: -150px;
    right: -150px;
    filter: blur(100px);
}

/* Title */
.kv-icon-title {
    font-size: 24px;
    margin-bottom: 45px;
    color: #ffffff;
}

.kv-icon-title strong {
    color: #fd7e14;
}

/* Grid */
.kv-icon-grid {
    justify-content: center;
}

/* Box */
.kv-icon-box {
    text-align: center;
    margin-bottom: 30px;
    transition: 0.3s;
    position: relative;
    z-index: 2;
}

/* Icon Circle */
.kv-icon-box i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.6);
    font-size: 24px;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 12px;
    background: rgba(255, 255, 255, 0.08);
    transition: 0.3s;
}

/* Text */
.kv-icon-box p {
    font-size: 13px;
    color: #e0eaff;
}

/* Hover */
.kv-icon-box:hover i {
    background: #ffffff;
    color: #1e5bd7;
}

.kv-icon-box:hover p {
    color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
    .kv-icon-title {
        font-size: 18px;
    }

    .kv-icon-box i {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 26px;
    }

    /* Turn the icon grid into a swipeable carousel */
    .kv-icon-grid {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .kv-icon-grid::-webkit-scrollbar {
        display: none;
    }

    .kv-icon-grid>[class*="col-"] {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        scroll-snap-align: start;
    }

    .kv-icon-box {
        margin-bottom: 10px;
    }
}

.review-section {
    background: #E5E7EB;
    padding: 40px 0;
}

.title {
    text-align: center;
    margin-bottom: 30px;
}

/* SLIDER */
.review-slider {
    overflow-x: auto;
    overflow-y: hidden;
    cursor: grab;
    user-select: none;
    /* 🔥 important */
}

.review-slider img {
    pointer-events: none;
    /* 🔥 image drag disable */
}


.review-slider::-webkit-scrollbar {
    display: none;
}

/* TRACK */
.review-track {
    display: flex;
    gap: 30px;
    width: max-content;
}

/* CARD */
.review-card {
    max-width: 1100px;
    min-height: 260px;
    /* 🔥 height vadhari */
    padding: 30px;
    /* 🔥 top-bottom vadhare */
    background: #fff;
    border-radius: 15px;
    display: flex;
    gap: 20px;
    /*    box-shadow: 0 10px 30px rgba(0,0,0,0.08);*/
    transition: 0.4s;
}

.review-card:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

/* IMAGE */
.review-img img {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

/* TEXT */
.review-company {
    font-weight: bold;
    margin-bottom: 10px;
}

.review-text {
    font-size: 14px;
    color: #555;
}

.review-user {
    margin-top: 10px;
}

/* MOBILE */
@media (max-width: 768px) {
    .review-card {
        min-width: 300px;
        padding: 15px;
    }

    .review-img img {
        width: 60px;
        height: 60px;
    }
}

/* tenderhosting */



.tender-hosting {
    background: white;
    padding: 50px 0;
}

.logo-slider {
    position: relative;
    display: flex;
    align-items: center;
}

.logo-track {
    display: flex;
    gap: 15px;
    overflow-x: hidden;
    scroll-behavior: smooth;
    padding: 10px 0;
    flex: 1;
}

.logo-track::-webkit-scrollbar {
    display: none;
}

.logo-item {
    flex: 0 0 auto;
    border: 1px solid #efefef;
    padding: 5px 15px;
    border-radius: 8px;
}



.logo-item img:hover {
    transform: scale(1.05);
}

.logo-prev,
.logo-next {
    background: transparent;
    border: none;
    font-size: 22px;
    color: #444;
    width: 40px;
}



.logo-item img {
    height: 75px;
    width: auto;
    object-fit: contain;
    transition: 0.3s ease;
}


@media (max-width: 768px) {

    .tender-hosting {
        padding: 30px 0;
        /* ↓ section spacing */
    }

    .logo-track {
        gap: 20px;
        /* ↓ spacing between logos */
        padding: 10px 0;
    }

    .logo-item img {
        height: 60px;
        /* 🔥 small logo */
        opacity: 1;
        /* mobile ma clear dekhaay */
        filter: none;
    }

    .logo-prev,
    .logo-next {
        font-size: 16px;
        width: 30px;
    }
}





@media (max-width: 768px) {

    /* HERO SECTION */
    .hero {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 10px !important;
    }

    /* STATS SECTION */
    .stats-section .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* INNER FULL WIDTH FIX */
    .stats-section .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 992px) {
    .hero h1 {
        font-size: 32px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 5px;
    }

    .hero p {
        font-size: 14px;
    }
}

@media (max-width: 768px) {

    .hover-click-dropdown .dropdown-menu {
        position: fixed !important;
        top: 41px;
        /* navbar height pramane adjust karo */
        left: 0;
        width: 100%;
        margin: 0;
        border-radius: 0;
        z-index: 9999;
    }
}


.main-footer {
    margin-top: auto;
}

.main-footer .small {
    font-size: 13px;
}

/* ===== Mobile app-style bottom navigation ===== */
.bottom-nav,
.footer-backdrop,
.footer-sheet-close {
    display: none;
}

@media (max-width: 767px) {

    /* Fixed bottom bar */
    .bottom-nav {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1050;
        background: #fff;
        border-top: 1px solid #e5e7eb;
        box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
        padding: 6px 4px;
        padding-bottom: calc(6px + env(safe-area-inset-bottom));
    }

    .bottom-nav-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        background: none;
        border: 0;
        padding: 6px 2px;
        color: #64748b;
        font-size: 11px;
        font-weight: 600;
        text-decoration: none;
        cursor: pointer;
    }

    .bottom-nav-item svg {
        width: 22px;
        height: 22px;
    }

    .bottom-nav-item.active,
    .bottom-nav-item:active {
        color: #1e5bd7;
    }

    /* Keep page content clear of the fixed bar */
    body {
        padding-bottom: 64px;
    }

    /* Footer becomes a slide-up "More" sheet */
    .main-footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1060;
        max-height: 82vh;
        overflow-y: auto;
        border-radius: 16px 16px 0 0;
        transform: translateY(110%);
        transition: transform 0.3s ease;
        padding-bottom: 80px;
    }

    .main-footer.footer-sheet-open {
        transform: translateY(0);
        padding-top: 0 !important;
    }

    /* Close button inside the sheet */
    .footer-sheet-close {
        display: block;
        position: sticky;
        top: 20px;
        margin-left: auto;
        margin-bottom: 4px;
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.18);
        color: #fff;
        font-size: 22px;
        line-height: 1;
        cursor: pointer;
    }

    /* Dimmed backdrop behind the sheet */
    .footer-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        z-index: 1055;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .footer-backdrop.show {
        opacity: 1;
        visibility: visible;
    }
}

.client-review-area {
    background: linear-gradient(180deg, #eef3fb, #dce7f7);
    padding: 60px 0;
    font-family: Inter;
}

.review-wrapper {
    max-width: 1100px;
    margin: auto;
    position: relative;
}

.review-title {
    text-align: center;
    font-weight: 600;
    margin-bottom: 40px;
    color: #2c3e50;
}

.review-slider-box {
    position: relative;
    max-width: 1100px;
    margin: auto;
    overflow: visible;
}

.review-slider-track {
    display: flex;
    gap: 30px;
    transition: 0.6s ease;
}

.review-slide-card {
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    gap: 20px;
    min-width: 500px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.review-logo img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.review-info h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.review-stars {
    color: #ffc107;
    margin-bottom: 10px;
    font-size: 18px;
}

.review-desc {
    font-size: 14px;
    color: #555;
    margin-bottom: 8px;
}

.review-user {
    margin-top: 10px;
}

.review-user span {
    display: block;
    font-size: 13px;
    color: #777;
}

.review-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #2c6cff;
    border: none;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
}

.prev-btn {
    left: -25px;
}

.next-btn {
    right: -25px;
}


@media (max-width:768px) {



    .review-slider-track {
        gap: 20px;
    }

    .review-slide-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        min-width: 100%;
        padding: 25px;
    }

    .review-logo img {
        width: 60px;
        height: 60px;
    }

    .review-info h4 {
        font-size: 16px;
    }

    .review-desc {
        font-size: 13px;
    }

    .review-nav {
        width: 38px;
        height: 38px;
    }

    .prev-btn {
        left: 5px;
    }

    .next-btn {
        right: 5px;
    }

    .review-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
}


/* Footer */

.small {
    text-align: justify;
}

.small a {
    text-decoration: none;
    color: #fff;
}

.small a:hover {
    color: #dce7f7;
    /* hover effect */
}





.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    transition: 0.3s;
}

.footer-links a:hover {
    color: #ffc107;
    padding-left: 5px;
}


/*login*/

.h1size {
    font-size: 22px;
}

/* Section Background with Soft Gradient */
.login-modern-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #eef2f7, #f8fbff);
}

/* Main Card - Premium Look */
.main-login-card {
    border: none;
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
    transition: 0.3s ease-in-out;
}

.main-login-card:hover {
    transform: translateY(-3px);
}

/* LEFT SIDE */
.login-left-bg {
    background: url('/image/login-bg.jpg') no-repeat right center;
    background-size: contain;
    min-height: 100%;
    display: flex;
    align-items: center;
}

/* Glass Overlay Effect */
.login-overlay {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(-1px);
    padding: 40px;
    width: 100%;
    border-radius: 12px;
}

/* Heading */
.login-overlay h4 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 25px;
}

/* Feature List */
.feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.feature-list li {
    margin-bottom: 14px;
    font-size: 15px;
    display: flex;
    align-items: center;
    transition: 0.3s;
}

.feature-list li i {
    margin-right: 12px;
    color: #4a90e2;
    font-size: 14px;
}

.feature-list li:hover {
    transform: translateX(5px);
    color: #007bff;
}

/* RIGHT FORM SIDE */
.login-form-wrapper {
    padding: 45px 20px;
}

/* Inputs Modern */
.form-control {
    height: 48px;
    border-radius: 10px;
    border: 1px solid #e0e6ed;
    transition: 0.3s;
    height: 42px;
    padding: 10px 16px;
}

.form-control:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.marginleft40 {
    margin-left: 40px;
}

/* Responsive */
@media (max-width: 768px) {
    .login-left-bg {
        background: none;
        padding: 20px;
    }

    .login-overlay {
        padding: 25px;
    }

    .login-form-wrapper {
        padding: 30px;
    }
}




/* AdminLTE Style Card */
.login-admin-card {
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

/* Card Outline Border */
.card-outline.card-primary {
    border-top: 3px solid #007bff;
}

/* Nav Tabs Like AdminLTE */
.nav-tabs .nav-link {
    border: none;
    color: #495057;
    font-weight: 600;
}

.nav-tabs .nav-link.active {
    color: #007bff;
    border-bottom: 3px solid #007bff;
    background-color: #fff;
}

/* Form Padding */
.login-form-wrapper {
    padding: 30px 25px;
}



/* Button */


.loginmargintop {
    margin-top: 60px;
}


@media (max-width: 767px) {
    .login-right-col {
        padding: 35px;
    }

    .mviewspecialpatch {
        margin-top: -50px;
    }

    .login-modern-section {
        padding: 35px;
    }

    /*    .container, .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }*/

    .loginmargintopmobileview {
        margin-top: 0px;
    }

    .loginmargintop {
        margin-top: 0px;
    }
}


.tenderdetail-navbar-custom {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
}





.btn-search {
    background: #22c55e;
    color: #fff;
    border-radius: 0;
}

.btn-search:hover {
    background: #16a34a;
}


.search-box {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    height: 42px;
}

.search-box input {
    height: 42px;
    font-size: 14px;
}

.btn-search-small {
    background: #fd7e14 !important;
    color: #fff !important;
    border: none !important;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 500;
    height: 34px;
    /* 🔑 search bar se chhota */
    margin: 4px;
    /* 🔑 top-bottom gap */
    border-radius: 4px;
    line-height: 34px;
}

.btn-search-small:hover {
    opacity: 0.9;
}

.hover-click-dropdown .dropdown-menu {
    margin-top: 8px;
    min-width: 280px;
}

.hover-click-dropdown .dropdown-item i {
    width: 22px;
}

/* Per-item SVG icons in the mobile pushmenu (all share the menu text color) */
.dropdown-menu .dropdown-item .menu-ico {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    vertical-align: -4px;
    flex-shrink: 0;
}

.dropdown-menu .dropdown-item {
    transition: all 0.3s ease;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #fd7e14;
    /* Orange */
    color: #ffffff !important;
}

.dropdown-menu .dropdown-item:hover i {
    color: #ffffff;
}



.ai-search-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 42px;
    padding: 0 14px;
    background: #fff;
    border: 1px solid #17a2b8;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #111;
    text-decoration: none;
    white-space: nowrap;
}

.ai-search-btn:hover {
    background: #f4feff;
    text-decoration: none;
}

.ai-search-btn img {
    width: 18px;
    height: 18px;
}


.mobile-only {
    display: none;
}


.hyper-link {
    color: #444 !important;
    font-weight: 500;
    font-size: 14px;
    margin: 0 12px;
    display: inline-block;
}

.call-link .phone-icon {
    color: #2f54eb;
}

.login-btn {
    background: #fd7e14;
    border-color: #fd7e14;
    color: #fff;
    padding: 4px;
}

.login-btn:hover {
    background: #e67e22;
    /* thodu dark orange */
    border-color: #e67e22;
    color: #fff;
}


@media (max-width: 991px) {

    .call-link .phone-icon {
        display: none;
    }
}

/* ---------------- MOBILE VIEW ---------------- */
@media (max-width: 991px) {

    /* Navbar structure */
    .navbar {
        flex-wrap: wrap;
    }

    .navbar-collapse {
        display: flex !important;
        flex-direction: column;
        width: 100%;
        margin-top: 0px;
    }

    /* LEFT: menu + logo stay */
    .navbar-nav.align-items-center {
        flex-direction: row;
    }

    /* RIGHT: icons only */
    .navbar-nav.ml-auto {
        position: absolute;
        right: 12px;
        top: 10px;
        flex-direction: row;
    }

    .tenderdetail-navbar-custom .navbar-nav.ml-auto {
        position: absolute;
        right: 15px;
        top: 18%;
        transform: translateY(-50%);
    }





    .tenderdetail-navbar-custom form.form-inline {
        width: 100% !important;
        margin: 0px 0 6px 0 !important;
    }

    /* Remove w-75 */
    .tenderdetail-navbar-custom .search-box {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0px;
    }

    /* Remove Indian Tender dropdown */
    .tenderdetail-navbar-custom .search-box .input-group-prepend {
        display: none !important;
    }

    /* Input should expand */
    .tenderdetail-navbar-custom .search-input {
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        border-radius: 30px !important;
    }

    /*login*/
    .tenderdetail-navbar-custom .btn-light {
        display: none !important;
    }

    .tenderdetail-navbar-custom .fa-phone {
        font-size: 22px !important;
        /* size increase */
        margin-top: -5px;
    }

    /* Remove extra margin from AI button */
    .tenderdetail-navbar-custom .ai-search-btn {
        display: none !important;
    }

    .tenderdetail-navbar-custom .fa-phone,
    .tenderdetail-navbar-custom .fa-phone-alt {
        font-size: 24px !important;
    }

    /* 🔍 FULL SEARCH BAR (SECOND ROW) */
    .search-wrapper {
        width: 100% !important;
        margin: 6px 0 0 0 !important;
        display: flex !important;
        align-items: center;
    }

    .search-wrapper .search-box {
        width: 100% !important;
        margin-right: 6px;
    }

    .search-input {
        font-size: 13px;
        height: 38px;
    }

    .btn-search-small {
        height: 34px;
        line-height: 34px;
        font-size: 12px;
        padding: 0 10px;
    }

    /* 🤖 AI icon only */
    .ai-text {
        display: none;
    }

    .ai-search-btn {
        padding: 6px 8px;
        height: 36px;
    }

    .ai-search-btn img {
        width: 18px;
        height: 18px;
    }

    /* Remove hamburger toggle */
    .navbar-toggler {
        display: none;
    }
}

.bottom-links li {
    margin-left: 0;
}

.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    /* bootstrap se upar */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}



/* Body offset to avoid content hiding */


/* Desktop adjustment */
@media (min-width: 992px) {
    body {
        padding-top: 30px;
    }
}

/* FIX input-group dropdown clipping */


.input-group-prepend {
    position: relative;
}

.dropdown-menu {
    z-index: 1050;
}


.mobile-hamburger {
    width: 22px;
    height: 2px;
    background: #fff;
    display: inline-block;
    position: relative;
    border-radius: 2px;
    transition: 0.3s;
}

.mobile-hamburger::before,
.mobile-hamburger::after {
    content: "";
    position: absolute;
    left: 0;
    width: 22px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: 0.3s;
}

.mobile-hamburger::before {
    top: -7px;
}

.mobile-hamburger::after {
    top: 7px;
}

/* X (close) state */
.nav-item.show .mobile-hamburger {
    background: transparent;
}

.nav-item.show .mobile-hamburger::before {
    transform: rotate(45deg);
    top: 0;
}

.nav-item.show .mobile-hamburger::after {
    transform: rotate(-45deg);
    top: 0;
}



/*listing*/
.tender-title {
    color: #111 !important;
}


.breadcrumb-links {
    padding-bottom: 10px;
}

.btn-search,
.btn-gradient {
    background: linear-gradient(90deg, #17a2b8, #28a745) !important;
    color: #fff !important;
    border: none !important;
}

.btn-search:hover,
.btn-gradient:hover {
    opacity: 0.9;
}

.btn-primary {
    background: linear-gradient(135deg, #1e3c72, #2a5298) !important;
    border: none !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #16325c, #1f3f7a) !important;
    color: #ffffff !important;
}

.tender-card {
    background: #ffffff;
    padding: 20px 22px;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    height: auto !important;
    min-height: auto !important;
}

/*    .tender-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 18px 40px rgba(30,60,114,0.25);
            border-color: #1e3c72;
        }
*/

.tender-card h6 {
    font-weight: 600;
    font-size: 14px;
}

.tender-card .location {
    font-size: 12px;
    color: #6c757d;
}

.tender-card .category {
    font-size: 12px;
    color: #3b82f6;
    margin: 6px 0 10px;
}

.nav-btn {
    background: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}

.tender-card .location {
    color: #dc3545;
    /* red */
    font-weight: 600;
}


.related-tender-carousel .owl-stage {
    display: flex;
}

.related-tender-carousel .owl-item {
    padding-right: 16px;
}

@media (max-width: 767px) {

    .tender-slider-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .tender-slider {
        display: flex;
        flex-wrap: nowrap;
        gap: 12px;
    }

    .tender-slide {
        flex: 0 0 90%;
        /* 🔑 one card almost full width */
        max-width: 90%;
    }

    .tender-card h6 {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 6px;
    }

    .tender-card .location,
    .tender-card .category {
        font-size: 12px;
        line-height: 1.4;
    }

    /* Hide arrows on mobile */
    .slider-nav {
        display: none;
    }
}

.rt-card {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e3e6ea;
    padding: 14px;
    height: 100%;
}

.rt-card h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}

.rt-loc {
    font-size: 12px;
    color: #6c757d;
    margin-bottom: 6px;
}

.rt-cat {
    font-size: 12px;
    color: #3f6ad8;
    margin-bottom: 10px;
}

.rt-footer {
    display: flex;
    justify-content: space-between;
}

.rt-footer small {
    display: block;
    font-size: 11px;
    color: #adb5bd;
}

.rt-footer span {
    font-size: 13px;
    font-weight: 600;
}

.slider-nav .nav-btn {
    width: 32px;
    height: 32px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 6px;
}


.ai-search-tab {
    padding: 4px 6px;
    background: #3b82f6;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    animation: pulseGlow 2s infinite;
}

@keyframes pulseGlow {
    0% {
        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
    }

    70% {
        box-shadow: 0 0 0 12px rgba(59, 130, 246, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
    }
}


.tender-card .card-body {
    padding: 10px 8px;
}

/* Top row gap */
.tender-card .tdr-chip,
.tender-card .days-left-chip {
    margin-bottom: 6px;
}

/* Tender No / ID / AI row gap */
.tender-inline-info {
    gap: 30px;
}

/* Title row spacing */
.tender-card h5 {
    margin-bottom: 6px;
}

/* Description breathing space */
.tender-desc {
    margin-bottom: 10px;
    line-height: 1.5;
}

/* Badge row */
/*.tender-card .badge {
    margin-bottom: 6px;
}*/

/* Meta info row */
.tender-meta {
    margin-top: 6px;
    margin-bottom: 10px;
}

/* Bottom location + icons row */
.tender-location-red {
    margin-top: 6px;
}


.tender-inline-info {
    display: flex;
    align-items: center;
    gap: 22px;
    font-size: 13px;
}

.tender-inline-info div {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-right: 14px;
    border-right: 1px solid #e5e5e5;
}

.tender-inline-info div:last-child {
    border-right: 0;
    padding-right: 0;
}



.nav-search-wrap {
    display: flex;
    align-items: center;
    background: #f1f5f9;
    border-radius: 30px;
    padding: 6px 12px;
    width: 40px;
    overflow: hidden;
    transition: width 0.35s ease;
    cursor: pointer;
}

.nav-search-wrap i {
    font-size: 14px;
    color: #0f4c5c;
    min-width: 16px;
}

.nav-search-wrap input {
    border: none;
    outline: none;
    background: transparent;
    width: 0;
    opacity: 0;
    margin-left: 8px;
    font-size: 13px;
    transition: all 0.35s ease;
}

.nav-search-wrap:hover,
.nav-search-wrap:focus-within {
    width: 220px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
}

.nav-search-wrap:hover input,
.nav-search-wrap:focus-within input {
    width: 160px;
    opacity: 1;
}

/* Mobile */
@media (max-width: 768px) {
    .nav-search-wrap:hover {
        width: 180px;
    }
}




.card.form-card>.card-header.form-header {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
    border-bottom: none !important;
    padding: 14px 10px !important;
}

/* Text color force */
.card.form-card>.card-header.form-header h4,
.card.form-card>.card-header.form-header p {
    color: #ffffff !important;
}



.form-card {
    max-width: 420px;
    margin: 0px auto;
    border-radius: 14px;
}

.form-header {
    background: linear-gradient(90deg, #0d6efd, #0b5ed7) !important;
    border-radius: 14px 14px 0 0;
    padding: 22px 16px;
    text-align: center;
}

.form-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    white-space: normal;
    word-break: normal;
}

.form-subtitle {
    font-size: 14px;
    opacity: 0.9;
}





.input-group-text {
    border-radius: 5px 0 0 5px;
    background: #fff;
}

textarea.form-control {
    border-radius: 12px;
}

.btn-submit {
    border-radius: 25px;
    font-weight: 600;
    padding: 10px;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
    border: none;
}


.prev-result-item {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    margin-bottom: 10px;
    background: #fff;
}

.prev-left {
    flex: 1;
    font-size: 14px;
}

.prev-title {
    font-weight: 600;
    margin-bottom: 4px;
}

.prev-title .sr-no {
    color: #333;
    font-weight: 700;
    margin-right: 6px;
}

.org-name {
    color: #0d6efd;
    text-decoration: none;
}

.org-name:hover {
    text-decoration: underline;
}

.prev-desc {
    font-size: 13px;
    color: #333;
    margin-bottom: 6px;
}

.prev-meta {
    font-size: 13px;
    color: #0d6efd;
}

.prev-right {
    display: flex;
    align-items: flex-end;
}

.view-result-link {
    color: #0d6efd;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.view-result-link:hover {
    text-decoration: underline;
}

/* Mobile */
@media (max-width: 767px) {
    .prev-result-item {
        flex-direction: column;
    }

    .prev-right {
        align-items: flex-start;
    }
}

.value-box {
    border: 1px solid #dee2e6;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 6px;
}


.position-relative {
    height: 181px;
}



/*Listing*/
.tender-top span {
    white-space: nowrap;
}

.tender-title {
    font-weight: 600;
    color: #1f2937;
}

.tender-para a {
    font-weight: 400;
    color: black;
    text-decoration: none;
}

.tender-para :hover {
    color: darkslategrey;
}

.icon-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    color: #fff;
    font-size: 14px;
}

.icon-btn.whatsapp {
    background: #25D366;
}

.icon-btn.email {
    background: #6c757d;
}

.view-insights {
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.view-insights:hover {
    text-decoration: underline;
}

.insights-box {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 15px;
}

.days-left-badge {
    display: inline-block;
    margin-left: 6px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 12px;
    background: linear-gradient(135deg, #ff3d00 0%, #ff9800 100%) !important;
    color: #ffffff !important;
    white-space: nowrap;
}

.tender-title-link {
    color: #000 !important;
    font-weight: 600;
    text-decoration: none;
}

.tender-title-link:hover,
.tender-title-link:focus {
    color: #000 !important;
    text-decoration: underline;
    /* subtle indication */
}

.tender-title-link:hover {
    opacity: 0.85;
}

.tender-pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #ffd54f 0%, #ff8f00 100%) !important;
    border: none;
    color: #fff !important;
    font-weight: 500;
}

.tender-pagination .page-link:hover {
    background: linear-gradient(135deg, #ffd54f 0%, #ff8f00 100%);
    color: #fff;
    border-color: transparent;
}

.pagination {
    flex-wrap: wrap;
    justify-content: left;
}

.page-item {
    margin: 2px;
}

@media (max-width: 576px) {

    .pagination .page-item {
        display: none;
    }

    /* Show first 3 pages */
    .pagination .page-item:nth-child(1),
    .pagination .page-item:nth-child(2),
    .pagination .page-item:nth-child(3),
    .pagination .page-item:nth-child(4) {
        display: inline-block;
    }

    /* Show last page */
    .pagination .page-item:nth-last-child(2) {
        display: inline-block;
    }

    /* Show next button */
    .pagination .page-item:last-child {
        display: inline-block;
    }

    /* Optional: active page always visible */
    .pagination .page-item.active {
        display: inline-block;
    }
}

/* Filter card overall */
#filterAccordion .card {
    background: #ffffff;
    border: 1px solid #e5e5e5;
}

/* Accordion header (title) – optional light grey */
#filterAccordion .card-header {
    background: #f7f7f7;
    /* header thoda grey rehne do */
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 15px;
}

/* 👇 MAIN PART – niche ka sab white */
#filterAccordion .card-body {
    background: #ffffff !important;
}

/* Input fields bhi pure white */
#filterAccordion .form-control,
#filterAccordion select,
#filterAccordion input[type="range"] {
    background-color: #ffffff;
}

#filterAccordion .card-header {
    background: #ffffff !important;
}

/* Remove card feel */


/* Each row */
.filter-item {
    border-bottom: 1px solid #e5e5e5;
}

/* Heading row */
.filter-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 15px;
    background: #ffffff;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none;
}

/* Hover */
.filter-title:hover {
    background: #f9f9f9;
    text-decoration: none;
}

/* Chevron rotate */
.filter-title i {
    transition: transform 0.3s ease;
    font-size: 12px;
}

/* When open */
.filter-title:not(.collapsed) i {
    transform: rotate(180deg);
}

/* Body */
.filter-body {
    padding: 7px 15px;
    background: #ffffff;
}

/*contact us*/

.title_k7 {
    font-weight: 700;
    font-size: 20px;
    color: #1a2a4a;
}

.title_k7 span {
    color: #3d6cb9;
}

/* CARD */
.premium-card_k7 {
    border-radius: 14px;
    border: none;
    background: linear-gradient(145deg, #ffffff, #f1f5fb);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    transition: 0.3s;
}

.premium-card_k7:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

/* CARD HEAD */
.card-head_k7 {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 10px;
}

.card-head_k7 h2 {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
}

.card-head_k7 small {
    color: #6c7a8d;
}

/* ICON BOX */
.icon-box_k7 {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

/* COMPANY */
.company_k7 {
    font-weight: 600;
    margin-bottom: 10px;
}

/* INFO */
.info-row_k7 {
    display: flex;
    gap: 10px;
    margin-bottom: 8px;
    font-size: 14px;
}

.info-row_k7 i {
    color: #3d6cb9;
    width: 16px;
    margin-top: 3px;
}

.info-row_k7 a {
    color: #3d6cb9;
    text-decoration: none;
}

/* MAP */
.premium-map_k7 {
    border-radius: 14px;
    overflow: hidden;
    border: none;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

/* BUTTONS */
.top-actions_k7 {
    display: flex;
    gap: 8px;
}

/* MOBILE */
@media (max-width: 992px) {
    .top-actions_k7 {
        margin-top: 10px;
    }
}


.btn-whatsapp_k7 {
    background-color: #25D366;
    border-color: #25D366;
    color: #fff;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
}

.btn-whatsapp_k7:hover {
    background-color: #1ebe5d;
    transform: translateY(-1px);
}

.contact-title_k7 {
    font-size: 24px;
    font-weight: 700;
    color: #1a2a4a;
}

.contact-title_k7 span {
    color: #3d6cb9;
}


/*~/Home Page/~*/

.sec-eyebrow {
    font-size: 11px;
    font-weight: 700;
    color: #009afd;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 10px
}

/* "View all tenders" pill button (Live Feed section) */
.view-all-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    align-self: center;
    margin-left: auto;
    /* keep it pinned to the right, even when wrapped */
    padding: 9px 18px;
    border: 1.5px solid var(--cyan);
    border-radius: 999px;
    background: #fff;
    color: var(--cyan);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    transition: background .25s ease, color .25s ease, box-shadow .25s ease;
}

.view-all-pill svg {
    width: 16px;
    height: 16px;
    transition: transform .25s ease;
}

.view-all-pill:hover {
    background: var(--cyan);
    color: #fff;
    box-shadow: 0 6px 16px rgba(0, 154, 253, .28);
}

.view-all-pill:hover svg {
    transform: translateX(3px);
}

.sec-h2 {
    font-size: 30px;
    font-weight: 800;
    color: var(--txt);
    letter-spacing: -0.025em;
    line-height: 1.2;
    margin-bottom: 10px
}

.sec-h2-white {
    color: #fff
}

.sec-sub {
    font-size: 14.5px;
    color: var(--txt2);
    line-height: 1.7;
    max-width: 540px
}

.sec-sub-muted {
    color: var(--muted)
}

.card.bg-light {
    background: #f8f9fa !important;
}

.display-5 {
    font-size: 2.4rem;
}

.btn-dark {
    background: #123a46;
    border: none;
}

.btn-dark:hover {
    background: #0f2f38;
}

.btn-info {
    background: #0e3b44;
    border: none;
}

.btn-info:hover {
    background: #0b2e36;
}


.tender-search-wrapper {
    max-width: 100%;
}

.tender-search-bar {
    display: flex;
    align-items: center;
    background: #f4f4f4;
    border-radius: 60px;
    padding: 6px;
    border: 1px solid #ddd;
}

/* Input */
.tender-search-bar input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 15px 20px;
    font-size: 16px;
    outline: none;
}

/* Dropdown */
.tender-search-bar select {
    border: none;
    background: transparent;
    padding: 0 15px;
    font-size: 15px;
    outline: none;
    cursor: pointer;
}

/* Button */
.tender-search-bar button {
    position: relative;
    overflow: hidden;
    background: #123a46;
    color: #fff;
    border: none;
    padding: 14px 24px;
    border-radius: 50px;
    font-size: 16px;
    cursor: pointer;
    z-index: 1;
    transition: color 0.3s ease;
}

/* Orange Gradient Layer */
.tender-search-bar button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #ff7a00, #ffb347);
    transition: left 0.4s ease;
    z-index: -1;
}

/* Hover Swipe */
.tender-search-bar button:hover::before {
    left: 0;
}

.tender-search-bar button:hover {
    color: #fff;
}


.advance-search {
    font-weight: 600;
    color: #123a46;
    text-decoration: none;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

.advance-search:hover {
    text-decoration: underline;
}

.btn-gradient {
    position: relative;
    overflow: hidden;
    border: none;
    color: #fff;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    z-index: 1;
    transition: color 0.3s ease;
}

/* Orange Swipe Layer */
.btn-gradient::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #ff7a00, #ffb347);
    transition: left 0.4s ease;
    z-index: -1;
}

/* Hover Swipe */
.btn-gradient:hover::before {
    left: 0;
}

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

/*Search bar hide*/
@media (max-width: 768px) {
    .tender-search-wrapper {
        display: none;
    }
}


.content-wrapper {
    background: transparent !important;
}

/* Full Width Premium Section */
.premium-section {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    color: #1f2d3d;
}

/* Large Transparent Pie */
.premium-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(243, 244, 246, 0.9), rgba(229, 231, 235, 0.9)), url('/image/chartnew.jpg') center center/cover no-repeat;
    z-index: 0;
}

/* Keep Content Above Pie */
.premium-section .container {
    position: relative;
    z-index: 2;
}

/* Titles */
.premium-title {
    font-size: 36px;
    font-weight: 700;
    color: #1f2d3d;
}

.premium-subtitle {
    font-size: 17px;
    margin-top: 10px;
    color: #4b5563;
}

/* Cards */
.premium-card {
    border: none !important;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    max-width: 500px;
    margin: auto;
}

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

.premium-card .card-body {
    padding: 35px 25px;
}

/* Icon */
.premium-icon {
    font-size: 36px;
    color: #2a5298;
    margin-bottom: 15px;
    transition: color 0.3s ease, transform 0.3s ease;
}

.premium-card:hover .premium-icon {
    color: #ff7a00;
    transform: scale(1.1);
}

/* Button */
.premium-btn {
    background: linear-gradient(135deg, #f7971e 0%, #ffd200 100%);
    border: none;
    padding: 12px 35px;
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s;
    color: #000 !important;
}

.premium-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* Rotation */
@keyframes rotatePie {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .premium-bg-pie {
        width: 600px;
        height: 600px;
        top: -200px;
        right: -200px;
    }
}


.bottom-links li a {
    position: relative;
    color: #1f2d3d;
    text-decoration: none;
    transition: color 0.3s ease;
}

.bottom-links li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 2px;
    background: #ff7a00;
    transition: width 0.3s ease;
}

.bottom-links li a:hover {
    color: #ff7a00;
}

.bottom-links li a:hover::after {
    width: 100%;
}


.support-section {
    padding: 90px 0;
    background: #f8f9fa;
}

/* Title */
.support-title {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #1f2d3d;
}

/* Image */
.support-image-box img {
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

/* Button */
.support-btn {
    background: #1f2d3d;
    color: #fff !important;
    padding: 10px 28px;
    border-radius: 30px;
    font-weight: 500;
    transition: 0.3s;
}

.support-btn:hover {
    background: #000;
    color: #fff !important;
}

/* Right Side Cards */
.support-card {
    background: #fff;
    padding: 20px 25px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
}

.support-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}



.tender-section {
    background: #f4f6f9;
    padding: 100px 0;
}






.tender-company {
    color: #2b477a !important;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}



.tender-id {
    font-weight: 700;
    color: #28a745;
    margin-bottom: 8px;
}

.tender-desc {
    font-size: 14px;
    color: #444;
    margin-bottom: 15px;
}

.tender-footer {
    font-size: 13px;
    color: #555;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.tender-more-btn {
    background: #0d3b66;
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    font-weight: 500;
}

.tender-more-btn:hover {
    background: #082f4d;
    color: #fff;
}

body .tender-card p.tender-company {
    color: #2b477a !important;
}

.tender-more-btn {
    background: #2b477a !important;
    /* Same navy as company */
    color: #ffffff !important;
    padding: 12px 36px;
    border-radius: 30px;
    font-weight: 600;
    border: none;
    transition: all 0.3s ease;
}

.tender-more-btn:hover {
    background: #1f3560 !important;
    /* Darker on hover */
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}



.tender-hero {
    background: #f4f6f9;
    /* AdminLTE background match */
}

.tender-box {
    background: linear-gradient(135deg, #eef3f9, #ffffff);
    border-radius: 15px;
}

.icon-circle {
    width: 55px;
    height: 55px;
    background: #e9f2ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 20px;
    color: #007bff;
}

.step-item p {
    font-size: 13px;
    margin-top: 8px;
}

.form-box {
    background: #fff;
    border-radius: 12px;
}

.btn-success {
    background: linear-gradient(135deg, #16325c, #1f3f7a);
    border: none;
}

.card {
    border-radius: 10px;
}


.input-group-text {
    background: #e9ecef;
    border-right: 0;
}


/*
.card:hover {
    transform: translateY(-3px);
    transition: 0.3s;
}*/

.avatar-group {
    display: flex;
    align-items: center;
}

.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-left: -10px;
    /* overlap */
}

.avatar:first-child {
    margin-left: 0;
}

.avatar:nth-child(1) {
    z-index: 3;
}

.avatar:nth-child(2) {
    z-index: 2;
}

.avatar:nth-child(3) {
    z-index: 1;
}

.avatar {
    width: 40px;
    height: 40px;
    /* IMPORTANT */
    border-radius: 50% !important;
    object-fit: cover;
    border: 2px solid #fff;
    margin-left: -10px;
    display: inline-block;
}


.filter-section {
    padding: 30px 0;
}

/* LEFT MENU */
.filter-menu {
    background: #1f2d3d;
    border-radius: 10px;
    overflow: hidden;
}

.menu-item {
    padding: 15px 20px;
    color: #fff;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: 0.3s;
}

.menu-item:hover {
    background: #007bff;
    padding-left: 25px;
}

/* RIGHT PANEL */
.filter-panel {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    min-height: 250px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

/* PANEL CONTENT */
.panel-content {
    position: absolute;
    width: 100%;
    opacity: 0;
    transform: translateX(50px);
    transition: all 0.4s ease;
}

.panel-content.active {
    opacity: 1;
    transform: translateX(0);
    position: relative;
}

/* GRID */
.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 15px;
}

.grid span {
    background: #f4f6f9;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

.grid span:hover {
    background: #007bff;
    color: #fff;
    transform: scale(1.05);
}

.share-wrapper:hover #shareBox {
    display: block !important;
}


@media (max-width: 768px) {
    .emd-hide {
        display: none;
    }
}



.tender-header {
    background: #ffffff !important;
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    z-index: 2;
}

.tender-body {
    background: #f5f7fa;
    /* light grey like screenshot */
    padding: 20px 0;
}

.breadcrumb {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 8px;
}

.breadcrumb a {
    color: #007bff;
    text-decoration: none;
}

.page-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 8px;
}

.page-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.7;
}


.content-wrapper {
    background: #f4f6f9 !important;
    /* AdminLTE default */
}

.dropdown-shift-right {
    margin-left: auto;
    padding-right: 50px;
}

@media (min-width: 768px) {
    .dropdown-shift-right {
        margin-left: 20px;
        /* desktop ma thodu vadhu */
    }
}


.text-blue-custom {
    color: #2b5db9;
    font-weight: 600;
}



.content-header {
    background: #f3f7fd;
    padding: 12px;
    margin-top: 8px;
}

.content-header h1 {
    font-size: 1.0rem;
}

/* Dropdown hover par open rahe (desktop only — mobile uses click/.show) */
@media (min-width: 992px) {
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

/* Smooth effect */
.dropdown-menu {
    display: none;
    transition: all 0.3s ease;
}

/* Hover karta close na thay instantly */
.nav-item.dropdown {
    position: relative;
}


/*notice*/

.tender-overview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.overview-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 14px;
}

.overview-item:nth-child(odd) {
    background: #fcfcfc;
}

.overview-item.full {
    grid-column: span 2;
}

.overview-item .label {
    color: #6c757d;
}

.overview-item .value {
    color: #212529;
}

.overview-item .link {
    color: #0d6efd;
    font-weight: 500;
    text-decoration: none;
}

.overview-item .link:hover {
    text-decoration: underline;
}

.blur-text {
    filter: blur(2px);
}

/* Mobile responsive */
@media (max-width: 767px) {
    .tender-overview-grid {
        grid-template-columns: 1fr;
    }

    .overview-item.full {
        grid-column: span 1;
    }
}

.tender-header-bg {
    background: #f1f3f5;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #e3e6ea;
}


.chart-center-badge {
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 0 0 6px rgba(23, 162, 184, .15);
    /* soft ring */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.chart-center-badge h4 {
    color: #212529;
}

#insightsFullChart {
    position: relative;
    z-index: 2;
}

.chart-center-badge small {
    font-size: 11px;
    color: #6c757d;
    line-height: 1.2;
}

.tender-main-card {
    border-radius: 12px;
    background: #fff;
}

.boq-scroll-wrapper {
    max-height: 320px;
    /* ← vertical scroll limit */
    overflow-y: auto;
    /* vertical scroll */
    overflow-x: auto;
    /* horizontal scroll */
}

/* Table look */
.boq-table th {
    background: #f8f9fa;
    font-weight: 600;
    font-size: 14px;
    position: sticky;
    top: 0;
    /* header sticky on scroll */
    z-index: 2;
}

.boq-table td {
    font-size: 14px;
    vertical-align: top;
    white-space: normal;
}

/* Smooth scrollbar (optional) */
.boq-scroll-wrapper::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.boq-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #cfd4da;
    border-radius: 10px;
}

.boq-scroll-wrapper::-webkit-scrollbar-track {
    background: #f1f3f5;
}


.boq-scroll-wrapper {
    max-height: 320px;
    overflow: auto;
}

/* BLUR SYSTEM */
.blur-wrapper {
    position: relative;
}

.blur-content {
    filter: blur(3px);
    pointer-events: none;
    user-select: none;
}

/* Overlay */
.blur-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
}



/* Unlock box */
.unlock-box {
    background: #ffffff;
    border-radius: 10px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

.unlock-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lock-icon {
    width: 36px;
    height: 36px;
    background: #fde2e2;
    color: #dc3545;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unlock-text {
    font-size: 14px;
    font-weight: 600;
    color: #212529;
}

/* Sticky table header */
.boq-table th {
    background: #f8f9fa;
    position: sticky;
    top: 0;
    z-index: 2;
}

/* Mobile */
@media (max-width: 767px) {
    .unlock-box {
        flex-direction: column;
        text-align: center;
    }
}

.corrigendum-table th {
    background: #f8f9fa;
    font-weight: 600;
}

.corrigendum-table td {
    font-size: 14px;
    vertical-align: middle;
}

.corrigendum-scroll {
    max-height: 280px;
    /* yahan se height control */
    overflow-y: auto;
    /* vertical scroll */
    overflow-x: auto;
    /* horizontal scroll (mobile) */
}

/* Sticky header (nice UX) */
.corrigendum-table th {
    background: #f8f9fa;
    font-weight: 600;
    position: sticky;
    top: 0;
    z-index: 2;
}

.corrigendum-table td {
    font-size: 14px;
    vertical-align: middle;
}

.tdr-chip {
    background: #fd7e14;
    color: #fff;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 5px;
    font-weight: 600;
}

/*.card:not(.form-card) .card-header {
    background: #ffffff !important;
}*/

/*    .card:not(.form-card) .card-header,
    .card:not(.form-card) .card-header * {
        color: #000000 !important;
    }*/

.custom-btn {
    background: linear-gradient(90deg, #ffcc00, #ff7a00) !important;
    border: none;
    color: #fff;
}

.custom-btn:hover {
    background: linear-gradient(90deg, #ffb700, #ff6600) !important;
    color: #fff;
}

.days-left-box {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 6px 10px;
    min-width: 70px;
    background: #fff;
    margin-top: -26px;
}

.days-count {
    font-size: 22px;
    font-weight: 700;
    color: #d90429;
    /* red number */
    line-height: 1;
}

.days-text {
    font-size: 11px;
    font-weight: 600;
    color: #212529;
    margin-top: 2px;
}

.days-left-chip {
    background: #17a2b8;
    color: #fff;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 20px;
    font-weight: 600;
}

.tender-badge {
    background: #f1f3f5 !important;
    color: black !important;
    border: 1px solid #cfd4da;
    border-radius: 20px;
    font-size: 12px;
    padding: 4px 10px;
    font-weight: 500;
}

.gem-badge {
    background: #17a2b8;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
    padding: 4px 10px;
    font-weight: 600;
}

.tender-meta i {
    margin-right: 4px;
}

.tender-actions {
    position: absolute;
    right: 15px;
    bottom: 15px;
    font-size: 18px;
}

.tender-actions a {
    margin-left: 12px;
    color: #17a2b8;
}


.tender-tabs .nav-link {
    border: 1px solid #d0d7de;
    border-radius: 30px;
    padding: 6px 16px;
    font-size: 14px;
    color: #3b82f6;
    background: #fff;
    margin-right: 6px;
}

.tender-tabs .nav-link.active {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: #fff;
    border: none;
}

.breadcrumb-links {
    font-size: 14px;
    /* small size */
}


@media (max-width: 768px) {
    .days-left-box {
        display: none;
    }
}

@media (max-width: 767px) {

    .tender-tabs {
        display: flex;
        flex-wrap: nowrap;
        /* 🔑 ek hi line */
        overflow-x: auto;
        /* 🔑 horizontal scroll */
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        gap: 6px;
        padding-bottom: 4px;
    }

    /* Hide scrollbar but keep scroll */
    .tender-tabs::-webkit-scrollbar {
        display: none;
    }

    .tender-tabs .nav-item {
        flex: 0 0 auto;
        /* 🔑 width auto */
    }

    .tender-tabs .nav-link {
        font-size: 13px;
        padding: 8px 12px;
        border-radius: 20px;
        white-space: nowrap;
    }

    /* Active tab highlight */
    .tender-tabs .nav-link.active {
        background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
        color: #fff;
    }

    /* AI badge resize */
    .ai-badge {
        font-size: 10px;
        padding: 2px 6px;
        margin-left: 4px;
    }
}


.ai-icon {
    height: 22px;
}

.boq-table,
.corr .badge-row {
    display: flex;
    flex-wrap: wrap;
    /* Mobile ma wrap thai shake */
    gap: 6px;
}

.badge-row .badge {
    font-size: 9px;
}

.tender-tabs .nav-link {
    position: relative;
    overflow: visible !important;
    /* Important */
    /* AI mate space */
}


.tender-authority-link {
    font-size: 16px;
    color: #007bff;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.tender-authority-link:hover {
    color: #0056b3;
}

@media (max-width: 768px) {

    /* MAIN CONTAINER */
    .tender-header-bg {
        flex-direction: column;
        position: relative;
        padding: 12px;
    }

    /* TOP ROW → TDR + ICONS */
    .tender-header-bg>div:first-child {
        width: 100%;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    /* ICONS RIGHT SIDE (inside box) */
    .tender-header-bg>div:last-child {
        position: absolute;
        right: 10px;
        top: 8px;
        display: flex;
        gap: 6px;
    }

    /* ICON BUTTON */
    .tender-header-bg .btn {
        padding: 4px 6px;
    }

    .tender-header-bg .btn i {
        font-size: 12px;
    }

    /* TDR CHIP */
    .tdr-chip {
        font-size: 12px;
        padding: 4px 10px;
    }

    /* LINK ROW */
    .tender-header-bg h5 {
        width: 100%;
        margin-top: 12px;
        font-size: 14px;
        padding-right: 0;
        /* 🔥 full width allow */
        line-height: 1.4;
    }

    /* FULL TEXT (NO ... CUT) */
    .tender-authority-link {
        font-size: 13px;
        display: block;
        white-space: normal;
        /* 🔥 allow multi-line */
        overflow: visible;
        text-overflow: unset;
        word-break: break-word;
        /* long words break thai sake */
    }
}


.cost-card {
    border-radius: 8px;
}

.cost-header {
    background: #e9edf2;
    border-bottom: 1px solid #dee2e6;
    font-size: 15px;
}

.cost-table td {
    padding: 12px 16px;
    font-size: 14px;
}

.cost-table tr:not(:last-child) {
    border-bottom: 1px solid #f1f3f5;
}

.cost-link {
    color: #dc3545 !important;
    font-weight: 600;
    cursor: pointer;
}

.location {
    font-size: 13px;
    color: #666;
}

.tender-location-red {
    color: #dc3545;
    /* red */
    font-weight: 600;
}


.tender-inline-info {
    display: flex;
    gap: 28px;
    font-size: 16px;
}

.tender-inline-info span {
    color: #6c757d;
    display: block;
}

.tender-inline-info b {
    color: #111;
    font-weight: 600;
}

.tender-inline-info span {
    color: #6c757d;
    display: block;
}

.tender-inline-info b {
    color: #111;
    font-weight: 600;
}

.tender-desc-card {
    border-radius: 8px;
}

.tender-desc-header {
    background: #e9edf2;
    font-size: 14px;
    border-bottom: 1px solid #dee2e6;
}

.tender-desc-body {
    padding: 14px 18px;
}

.tender-desc-body p {
    margin: 0;
    font-size: 13px;
    color: #444;
    line-height: 1.7;
}


.ai-insights-wrapper {
    background: linear-gradient(135deg, #ffcc00 0%, #ff6600 100%);
    border-radius: 10px;
    padding: 14px 16px;
}

.ai-title {
    font-size: 15px;
    color: white;
}

.ai-content-box {
    background: #ffffffcc;
    border-radius: 8px;
    padding: 12px 14px;
}

.ai-tag {
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 4px 12px;
    border-radius: 6px;
}

.ai-insight-text {
    margin-top: 10px;
    font-size: 13px;
    color: #333;
    line-height: 1.6;
}

#downloadAllBtn {
    font-size: 13px;
    border-radius: 20px;
}

.document-card {
    border-radius: 8px;
}

.document-header {
    background: #e9edf2;
    border-bottom: 1px solid #dee2e6;
}

.doc-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #f1f3f5;
}

.doc-row:last-child {
    border-bottom: none;
}

.doc-left {
    display: flex;
    align-items: center;
}

.doc-icon {
    width: 38px;
    height: 38px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    font-size: 16px;
    color: #fff;
}

.image-icon {
    background: #f59e0b;
}

.html-icon {
    background: #3b82f6;
}

.doc-title {
    font-size: 14px;
    font-weight: 600;
    color: #2563eb;
}

.doc-meta {
    font-size: 12px;
    color: #6c757d;
}

.doc-download {
    font-size: 18px;
    color: #3b82f6;
}


.related-section {
    background: #f3f3f3;
    padding: 14px;
    border-radius: 12px;
}

.tender-slider-wrapper {
    overflow: hidden;
}

.tender-slider {
    display: flex;
    transition: transform 0.4s ease;
}

.tender-slide {
    min-width: 32%;
    padding: 0 6px;
}



.badge-info {
    background-color: #1e3c72 !important;
    color: #fff !important;
}



.card.form-card>.card-header.form-header {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
    border-bottom: none !important;
    padding: 22px 16px !important;
}

/* Text color force */
.card.form-card>.card-header.form-header h4,
.card.form-card>.card-header.form-header p {
    color: #ffffff !important;
}



.form-card {
    max-width: 420px;
    margin: 1px auto;
    border-radius: 14px;
}

.form-header {
    background: linear-gradient(90deg, #0d6efd, #0b5ed7) !important;
    border-radius: 14px 14px 0 0;
    padding: 22px 16px;
    text-align: center;
}

.form-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    white-space: normal;
    word-break: normal;
}

.form-subtitle {
    font-size: 14px;
    opacity: 0.9;
}



.input-group-text {
    border-radius: 7px 0 0 7px;
    background: #fff;
}

textarea.form-control {
    border-radius: 12px;
}

.btn-submit {
    border-radius: 5px;
    font-weight: 600;
    padding: 10px;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
    border: none;
}


.prev-result-item {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    margin-bottom: 10px;
    background: #fff;
}

.prev-left {
    flex: 1;
    font-size: 14px;
}

.prev-title {
    font-weight: 600;
    margin-bottom: 4px;
}

.prev-title .sr-no {
    color: #333;
    font-weight: 700;
    margin-right: 6px;
}

.org-name {
    color: #0d6efd;
    text-decoration: none;
}

.org-name:hover {
    text-decoration: underline;
}

.prev-desc {
    font-size: 13px;
    color: #333;
    margin-bottom: 6px;
}

.prev-meta {
    font-size: 13px;
    color: #0d6efd;
}

.prev-right {
    display: flex;
    align-items: flex-end;
}

.view-result-link {
    color: #0d6efd;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.view-result-link:hover {
    text-decoration: underline;
}

/* Mobile */
@media (max-width: 767px) {
    .prev-result-item {
        flex-direction: column;
    }

    .prev-right {
        align-items: flex-start;
    }
}

.value-box {
    border: 1px solid #dee2e6;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 6px;
}

.submit-box {
    background: linear-gradient(90deg, #17a2b8, #28a745) !important;
    color: #ffffff !important;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(13, 110, 253, 0.35);
}



/*Listing*/


.mobile-hamburger {
    width: 22px;
    height: 2px;
    background: #fff;
    display: inline-block;
    position: relative;
    border-radius: 2px;
    transition: 0.3s;
}

.mobile-hamburger::before,
.mobile-hamburger::after {
    content: "";
    position: absolute;
    left: 0;
    width: 22px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: 0.3s;
}

.mobile-hamburger::before {
    top: -7px;
}

.mobile-hamburger::after {
    top: 7px;
}

/* X (close) state */
.nav-item.show .mobile-hamburger {
    background: transparent;
}

.nav-item.show .mobile-hamburger::before {
    transform: rotate(45deg);
    top: 0;
}

.nav-item.show .mobile-hamburger::after {
    transform: rotate(-45deg);
    top: 0;
}





/*-------------------------------------Visitor Search Box ---------------------------------------------------------------------------*/

.input-group,
.navbar,
.main-header {
    overflow: visible !important;
}

#searchType {
    position: relative;
}

#searchType .dropdown-menu {
    z-index: 9999 !important;
}

/* Selected dropdown item */
#searchType .dropdown-item.active,
#searchType .dropdown-item:active {
    background-color: #fd7e14 !important;
    color: #fff !important;
}

/* Hover effect (optional premium feel 😎) */
#searchType .dropdown-item:hover {
    background-color: #fd7e14 !important;
    color: #fff;
}



/*Highlight Keyword */

.highlight {
    color: #000 !important;
    /* black text */
    font-weight: 600;
    /* optional - makes it slightly bold */
}


/*city wise*/

.alphabet-filter .btn {
    min-width: 24px;
    padding: 4px 8px;
    font-size: 13px;
    border-radius: 6px;
    font-weight: 600;
}

.alphabet-filter .btn.active,
.alphabet-filter .btn:focus {
    background-color: #1a2a4a !important;
    color: #fff !important;
    border-color: #1a2a4a !important;
    box-shadow: none;
}

.section-letter {
    font-size: 20px;
    font-weight: 700;
    color: #1a2a4a;
    border-bottom: 3px solid #f39c12;
    display: inline-block;
    padding-bottom: 2px;
    margin-bottom: 14px;
}

.city-card {
    background: #fff;
    border: 1px solid #e3e8f0;
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: box-shadow 0.2s, border-color 0.2s;
    margin-bottom: 12px;
}

.city-card:hover {
    box-shadow: 0 4px 16px rgba(26, 42, 74, 0.10);
    border-color: #3d6cb9;
}

.city-bullet {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background-color: #e8eef8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.city-bullet span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #3d6cb9;
    display: block;
}

.city-info {
    flex: 1;
    padding-left: 12px;
}

.city-name {
    font-weight: 700;
    font-size: 13.5px;
    color: #1a2a4a;
    line-height: 1.2;
}

.city-tenders {
    font-size: 12px;
    color: #6c7a8d;
    margin-top: 2px;
}

.city-arrow {
    color: #9baab8;
    font-size: 15px;
}

.city-card:hover .city-arrow {
    color: #3d6cb9;
}

.hidden-city {
    display: none;
}

/*category wise — tbc (tenders-by-category)*/

/* ========== HERO ========== */
.tbc-hero {
    background: linear-gradient(135deg, #1a56db 0%, #0e3fa3 100%);
    padding: 2rem 0 1.875rem;
    position: relative;
    overflow: hidden;
}

.tbc-hero::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    pointer-events: none;
}

.tbc-hero::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: -50px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    pointer-events: none;
}

.tbc-breadcrumb {
    margin-bottom: 1.25rem;
    position: relative;
    z-index: 1;
}

.tbc-breadcrumb .breadcrumb {
    background: none;
    padding: 0;
    margin: 0;
    font-size: 0.8125rem;
}

.tbc-breadcrumb a {
    color: rgba(255, 255, 255, 0.72);
    text-decoration: none;
    transition: color 0.15s;
}

.tbc-breadcrumb a:hover {
    color: #fff;
}

.tbc-breadcrumb .active {
    color: rgba(255, 255, 255, 0.95);
}

.tbc-breadcrumb-sep {
    margin: 0 0.45rem;
    color: rgba(255, 255, 255, 0.45);
}

.tbc-hero-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    position: relative;
    z-index: 1;
}

.tbc-hero-left {
    display: flex;
    align-items: center;
    gap: 1.125rem;
    min-width: 0;
}

.tbc-hero-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.tbc-hero-title {
    font-size: 1.7rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 0.3rem;
    line-height: 1.2;
}

.tbc-hero-subtitle {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}

.tbc-hero-right {
    flex-shrink: 0;
    width: 340px;
}

/* ── Search input ── */
.tbc-search-wrap {
    position: relative;
}

.tbc-search-icon {
    position: absolute;
    left: 0.875rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 2;
}

.tbc-search-input {
    width: 100%;
    padding: 0.72rem 2.5rem 0.72rem 2.6rem;
    border: none;
    border-radius: 10px;
    font-size: 0.875rem;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
    outline: none;
    color: #111827;
    transition: box-shadow 0.2s;
}

.tbc-search-input::placeholder {
    color: #b0b8c9;
}

.tbc-search-input:focus {
    box-shadow: 0 4px 28px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.3);
}

.tbc-search-clear {
    position: absolute;
    right: 0.7rem;
    top: 50%;
    transform: translateY(-50%);
    background: #f3f4f6;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: #6b7280;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    transition: background 0.15s, color 0.15s;
}

.tbc-search-clear:hover {
    background: #e5e7eb;
    color: #111827;
}

.tbc-search-clear.visible {
    display: flex;
}

/* ========== STATS BAR ========== */
.tbc-stats-bar {
    background: #fff;
    border-bottom: 1px solid #e9edf5;
    padding: 0.7rem 0;
}

.tbc-stats-inner {
    display: flex;
    align-items: center;
}

.tbc-stat {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0 1.5rem;
    border-right: 1px solid #e5e7eb;
    font-size: 0.8125rem;
    color: #6b7280;
    line-height: 1;
}

.tbc-stat:first-child {
    padding-left: 0;
}

.tbc-stat:last-child {
    border-right: none;
}

.tbc-stat-value {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #1a56db;
}

.tbc-stat-icon {
    color: #1a56db;
    opacity: 0.75;
    flex-shrink: 0;
}

/* ========== MAIN SECTION ========== */
.tbc-section {
    background: #f4f6fb;
    padding: 2rem 0 3rem;
}

/* ========== NO RESULTS ========== */
.tbc-no-results {
    text-align: center;
    padding: 2.5rem 1rem;
    color: #9ca3af;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
}

.tbc-no-results p {
    font-size: 0.9375rem;
    margin: 0;
    color: #374151;
}

.tbc-no-results-hint {
    font-size: 0.8125rem !important;
    color: #9ca3af !important;
}

/* ========== CARD LIST ========== */
.tbc-list {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
}

/* ========== CARD ========== */
.tbc-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e3e8f0;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    transition: box-shadow 0.25s ease, transform 0.22s ease, border-color 0.2s;
    animation: tbcSlideUp 0.4s ease both;
}

.tbc-card:hover {
    box-shadow: 0 8px 36px rgba(26, 86, 219, 0.11);
    transform: translateY(-2px);
    border-color: #c7d8ff;
}

/* accent stripe */
.tbc-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #e3e8f0;
    border-radius: 3px 0 0 3px;
    transition: background 0.25s;
    z-index: 1;
}

.tbc-card:hover::before {
    background: #1a56db;
}

.tbc-card--hidden {
    display: none;
}

/* staggered entrance */
.tbc-card:nth-child(1) {
    animation-delay: 0.04s;
}

.tbc-card:nth-child(2) {
    animation-delay: 0.08s;
}

.tbc-card:nth-child(3) {
    animation-delay: 0.12s;
}

.tbc-card:nth-child(4) {
    animation-delay: 0.16s;
}

.tbc-card:nth-child(5) {
    animation-delay: 0.20s;
}

.tbc-card:nth-child(6) {
    animation-delay: 0.24s;
}

.tbc-card:nth-child(7) {
    animation-delay: 0.28s;
}

.tbc-card:nth-child(8) {
    animation-delay: 0.32s;
}

.tbc-card:nth-child(9) {
    animation-delay: 0.35s;
}

.tbc-card:nth-child(10) {
    animation-delay: 0.38s;
}

@keyframes tbcSlideUp {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========== IMAGE ========== */
.tbc-card-img-wrap {
    width: 200px;
    min-width: 200px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.tbc-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
    display: block;
}

.tbc-card:hover .tbc-card-img {
    transform: scale(1.07);
}

.tbc-card-img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
            transparent 40%,
            rgba(14, 63, 163, 0.5) 100%);
    pointer-events: none;
}

/* ========== CARD BODY ========== */
.tbc-card-body {
    flex: 1;
    padding: 1.25rem 1.5rem 1.125rem;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tbc-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.tbc-card-title-group {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    min-width: 0;
}

.tbc-card-title {
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
    line-height: 1.3;
}

.tbc-count-badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.7rem;
    font-weight: 700;
    color: #1a56db;
    background: #e8f0fe;
    border-radius: 20px;
    padding: 0.15rem 0.55rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.tbc-view-all {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #1a56db;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    padding: 0.3rem 0.75rem;
    border: 1px solid #c7d8ff;
    border-radius: 8px;
    background: #f0f5ff;
    transition: background 0.18s, border-color 0.18s, color 0.18s, gap 0.18s;
}

.tbc-view-all:hover {
    background: #1a56db;
    border-color: #1a56db;
    color: #fff;
    gap: 0.5rem;
    text-decoration: none;
}

/* ========== CHIP LIST ========== */
.tbc-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.45rem;
}

.tbc-chip {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 500;
    color: #374151;
    background: #f1f5fb;
    border: 1px solid #e0e8f5;
    border-radius: 20px;
    padding: 0.22rem 0.65rem;
    text-decoration: none;
    transition: background 0.16s, color 0.16s, border-color 0.16s, transform 0.14s;
    line-height: 1.45;
}

.tbc-chip:hover {
    background: #1a56db;
    color: #fff;
    border-color: #1a56db;
    transform: translateY(-1px);
    text-decoration: none;
}

.tbc-chip--hidden {
    display: none;
}

.tbc-chip--more {
    background: #fff;
    border: 1px dashed #1a56db;
    color: #1a56db;
    font-weight: 600;
    cursor: pointer;
}

.tbc-chip--more:hover {
    background: #1a56db;
    color: #fff;
    border-style: solid;
    transform: translateY(-1px);
}

/* ========== EMPTY STATE ========== */
.tbc-empty {
    text-align: center;
    padding: 3rem 1rem;
    color: #9ca3af;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.tbc-empty p {
    font-size: 0.9375rem;
    margin: 0;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 900px) {
    .tbc-hero-right {
        width: 280px;
    }
}

@media (max-width: 768px) {
    .tbc-hero-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
    }

    .tbc-hero-right {
        width: 100%;
    }

    .tbc-hero-title {
        font-size: 1.375rem;
    }

    .tbc-card {
        flex-direction: column;
    }

    .tbc-card::before {
        width: 100%;
        height: 3px;
        left: 0;
        right: 0;
        top: 0;
        bottom: auto;
        border-radius: 3px 3px 0 0;
    }

    .tbc-card-img-wrap {
        width: 100%;
        min-width: unset;
        height: 160px;
    }

    .tbc-stats-inner {
        flex-wrap: wrap;
        gap: 0.25rem 0;
    }

    .tbc-stat {
        border-right: none;
        padding: 0.25rem 1rem;
        border-right: 1px solid #e5e7eb;
    }

    .tbc-stat:last-child {
        border-right: none;
    }
}

@media (max-width: 480px) {
    .tbc-hero-icon {
        display: none;
    }

    .tbc-hero-title {
        font-size: 1.25rem;
    }

    .tbc-card-body {
        padding: 1rem 1.125rem 0.875rem;
    }

    .tbc-card-img-wrap {
        height: 130px;
    }
}


/*industry caterogry
*/
/* PAGE */
.category-simple_k7 {
    background: #f5f7fb;
    margin-left: -20px;
}

/* BOX */
.category-box_k7 {
    background: #fff;
    border-radius: 10px;
    padding: 18px;
    margin-bottom: 20px;
    border: 1px solid #e3e8f0;
    transition: 0.3s;
}

.category-box_k7:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

/* HEADER */
.category-header_k7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.category-header_k7 h5 {
    font-size: 15px;
    font-weight: 600;
    color: #1a2a4a;
    margin: 0;
}

.category-header_k7 i {
    color: #6c7a8d;
    font-size: 14px;
    transition: 0.3s;
}

.category-box_k7:hover .category-header_k7 i {
    transform: translateX(5px);
    color: #3d6cb9;
}

/* GRID */
.category-grid_k7 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 25px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* BULLET */
.category-grid_k7 li {
    position: relative;
    padding-left: 12px;
}

.category-grid_k7 li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #c7cdd6;
    position: absolute;
    left: 0;
    top: 8px;
}

/* LINK */
.category-grid_k7 a {
    font-size: 13px;
    color: #2c3e50;
    text-decoration: none;
    transition: 0.2s;
}

.category-grid_k7 a:hover {
    color: #3d6cb9;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .category-grid_k7 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .category-grid_k7 {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*state wise*/

.content {
    padding: 2px;
}

.filter-row {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.search-box {
    position: relative;
    flex: 1;
    min-width: 200px;
}

.search-box input {
    width: 100%;
    padding: 7px 14px 7px 36px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    color: #495057;
    background: #fff;
    outline: none;
}

.search-box input:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
}

.search-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #adb5bd;
    font-size: 14px;
}

.filter-select {
    padding: 7px 30px 7px 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    color: #495057;
    background: #fff;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236c757d'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: pointer;
    outline: none;
}

.info-count {
    font-size: 13px;
    color: #6c757d;
}

.states-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.state-card {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: all 0.15s;
    text-decoration: none;
}

.state-card:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.12);
    transform: translateY(-1px);
}

.state-icon {
    width: 46px;
    height: 46px;
    background: #e8f0fe;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.state-icon svg {
    width: 28px;
    height: 28px;
}

.state-info {
    flex: 1;
    min-width: 0;
}

.state-name {
    font-size: 13.5px;
    font-weight: 600;
    color: #343a40;
    line-height: 1.3;
}

.state-tenders {
    font-size: 12px;
    color: #6c757d;
    margin-top: 2px;
}

.state-arrow {
    width: 28px;
    height: 28px;
    background: #001f5b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.state-arrow svg {
    width: 70px;
    height: 18px;
    fill: #fff;
}

.hidden {
    display: none !important;
}

.no-results {
    grid-column: 1/-1;
    text-align: center;
    padding: 40px;
    color: #6c757d;
    font-size: 15px;
}

@media (max-width: 900px) {
    .states-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .states-grid {
        grid-template-columns: 1fr;
    }
}


/*Paynow*/
/* PAGE BACKGROUND */
.payment-premium_k7 {
    background: linear-gradient(135deg, #1a2a4a, #3d6cb9);
    padding: 60px 36px;
}

/* WRAPPER */
.payment-wrapper_k7 {
    display: flex;
    gap: 40px;
    align-items: stretch;
    /* IMPORTANT (same height) */
    justify-content: center;
    position: relative;
}

/* ================= LEFT UPI ================= */
.upi-section_k7 {
    flex: 1;
    display: flex;
    justify-content: center;
    /* horizontal center */
    align-items: center;
    /* vertical center */
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    border-radius: 20px;
    padding: 30px;
    text-align: center;
    color: #fff;
}

/* QR BIG */
.qr-hero_k7 {
    background: #fff;
    padding: 20px;
    border-radius: 16px;
    margin: 20px auto;
    max-width: 550px;
    width: 100%;
    text-align: center;
}

.qr-hero_k7 img {
    width: 100%;
    max-width: 280px;
    margin: 10px auto;
    display: block;
}

/* TEXT */
.upi-id_k7 {
    font-size: 14px;
    opacity: 0.9;
}

.upi-note_k7 {
    font-size: 13px;
    opacity: 0.8;
}

/* COPY BUTTON */
.copy-btn_k7 {
    margin-top: 10px;
    padding: 8px 15px;
    border-radius: 30px;
    border: none;
    background: #fff;
    color: #1a2a4a;
    font-weight: 600;
    transition: 0.3s;
}

.copy-btn_k7:hover {
    transform: scale(1.05);
}

/* ================= FORM ================= */
.form-section_k7 {
    flex: 1;
    display: flex;
}

/* FORM CARD */
.form-card_k7 {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* TOP ALIGN */
}

/* TOP IMAGE */
.payment-top_k7 {
    margin-bottom: 15px;
    text-align: left;
}

.payment-top_k7 img {
    max-width: 100%;
}

/* INPUT */
.input_k7 {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.payment-header_k7 h2 {
    font-size: 20px;
}

/* BUTTON */
.pay-btn_k7 {
    width: 100%;
    padding: 12px;
    border-radius: 30px;
    border: none;
    background: linear-gradient(135deg, #3d6cb9, #1a2a4a);
    color: #fff;
    font-weight: 600;
    margin-top: 5px;
    transition: 0.3s;
}

.pay-btn_k7:hover {
    transform: scale(1.03);
}

/* BOTTOM IMAGE */
.payment-bottom_k7 {
    text-align: center;
    margin-top: 15px;
}

.payment-bottom_k7 img {
    max-width: 150px;
}

/* ================= OR ================= */
.or-premium_k7 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    color: #1a2a4a;
    padding: 10px 14px;
    border-radius: 50%;
    font-weight: bold;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {
    .payment-wrapper_k7 {
        flex-direction: column;
    }

    .or-premium_k7 {
        display: none;
    }
}

@media (max-width: 576px) {
    .qr-hero_k7 {
        max-width: 300px;
    }
}

.listing-header p.kv-desc {
    font-size: 13px;
}

.listing-header h1.kv-title {
    margin-bottom: 10px;
}


.listing-header .kv-title {
    font-size: 18px !important;
    font-weight: 700;
}

@media (max-width: 768px) {
    .listing-header .kv-title {
        font-size: 180px;
    }
}

@media (max-width: 576px) {
    .listing-header .kv-title {
        font-size: 16px;
    }
}





/*bidding support page*/

/* SECTION */
.about-clean_k15 {
    padding: 40px 0;
}

/* LEFT BOX */
.about-box_k15 {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e3e8f0;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

/* IMAGE */
.about-img_k15 img {
    width: 100%;
    height: auto;
}

/* CONTENT */
.about-content_k15 {
    padding: 20px;
}

.about-content_k15 p {
    font-size: 14px;
    color: #4a5568;
    margin-bottom: 12px;
    line-height: 1.6;
    text-align: justify
}

/* FORM */
/* FORM CARD */
.form-modern_k17 {
    background: #fff;
    padding: 25px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid #e3e8f0;
}

/* HEADING */
.form-heading_k17 {
    font-weight: 600;
    margin-bottom: 5px;
}

.form-sub_k17 {
    font-size: 13px;
    color: #6c7a8d;
    margin-bottom: 20px;
}

/* FLOATING INPUT */
.form-group_k17 {
    position: relative;
    margin-bottom: 18px;
}

.form-group_k17 input,
.form-group_k17 textarea {
    width: 100%;
    padding: 12px 10px;
    border-radius: 8px;
    border: 1px solid #dce3ed;
    outline: none;
    background: #fff;
}

/* LABEL */
.form-group_k17 label {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 13px;
    color: #888;
    background: #fff;
    padding: 0 5px;
    transition: 0.3s;
}

/* FLOAT EFFECT */
.form-group_k17 input:focus+label,
.form-group_k17 input:valid+label,
.form-group_k17 textarea:focus+label,
.form-group_k17 textarea:valid+label {
    top: -8px;
    font-size: 11px;
    color: #3d6cb9;
}

/* FOCUS */
.form-group_k17 input:focus,
.form-group_k17 textarea:focus {
    border-color: #3d6cb9;
    box-shadow: 0 0 0 2px rgba(61, 108, 185, 0.1);
}

/* BUTTON */
.btn-submit_k17 {
    width: 100%;
    padding: 12px;
    border-radius: 10px;
    border: none;
    background: linear-gradient(135deg, #3d6cb9, #1a2a4a);
    color: #fff;
    font-weight: 600;
    transition: 0.3s;
}

.btn-submit_k17:hover {
    transform: translateY(-2px);
}


/* FULL WIDTH IMAGE */
.full-image_k18 {
    width: 100%;
    margin: 0;
    padding: 0;
}

.full-image_k18 img {
    width: 100%;
    height: auto;
    display: block;
}


/* SECTION */
.resources_k25 {
    padding: 50px 0;
}

/* BLOCK */
.resource-block_k25 {
    background: #fff;
    padding: 30px;
    border-radius: 14px;
    border: 1px solid #e3e8f0;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
    margin-bottom: 25px;
    transition: 0.3s;
}

/* HOVER */
.resource-block_k25:hover {
    transform: translateY(-4px);
}

/* TITLE */
.title_k25 {
    font-weight: 700;
    margin-bottom: 15px;
}




/*-------------------------------------Visitor Search Box thank-You page---------------------------------------------------------------------------*/


.thank-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.thank-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 40px;
    max-width: 500px;
    width: 100%;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.thank-icon-box {
    width: 80px;
    height: 80px;
    background: #e8f5e9;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
}

.thank-icon-box i {
    font-size: 36px;
    color: #28a745;
}


.btn-home {
    background: #0d6efd;
    color: #fff;
    padding: 10px 25px;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.3s;
}

.btn-home:hover {
    color: white;
    background: #0b5ed7;
}

.extra-box {
    margin-top: 25px;
    padding: 15px;
    background: #f1f6ff;
    border-radius: 8px;
    font-size: 14px;
}




/*-------------------------------------Visitor Search Box sitemap page---------------------------------------------------------------------------*/


.sitemap-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 6px;
}

.sitemap-title {
    font-weight: 700;
    font-size: 24px !important;
    color: #343a40;
}

.sitemap-breadcrumb a {
    color: #6c757d;
    text-decoration: none;
}

.sitemap-breadcrumb .active {
    color: #007bff;
    font-weight: 500;
}

.sitemap-card {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    padding: 15px;
    transition: all 0.3s ease;
    height: 100%;
}

.sitemap-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

.section-heading {
    font-size: 18px;
    font-weight: 600;
    color: #007bff;
    border-left: 4px solid #007bff;
    padding-left: 10px;
    margin-bottom: 15px;
}

.sitemap-link {
    display: block;
    padding: 6px 10px;
    border-radius: 6px;
    color: #495057;
    transition: all 0.2s ease;
    font-size: 14px;
}

.sitemap-link i {
    color: #007bff;
    margin-right: 6px;
}

.sitemap-link:hover {
    background: #f1f7ff;
    color: #007bff;
    padding-left: 12px;
}

.sitemap-section {
    margin-bottom: 30px;
}

/*ragisteremail*/
.tender-premium_k60 {
    padding: 6px 0;
}

/* TITLE */
.title_k60 {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 18px;
}

.title_k60 span {
    color: #3d6cb9;
}

.subtitle_k60 {
    color: #666;
    margin-bottom: 25px;
}

/* FEATURE GRID */
.feature-list_k60 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* CARD */
.feature-card_k60 {
    display: flex;
    gap: 15px;
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #e3e8f0;
    transition: 0.3s;
}

.feature-card_k60:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.feature-card_k60 i {
    font-size: 20px;
    color: #3d6cb9;
}

/* FORM BOX */
.form-box_k60 {
    background: #fff;
    padding: 25px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 20px;
}

/* INPUT */
.input_k60 {
    position: relative;
    margin-bottom: 15px;
}

.input_k60 input,
.input_k60 textarea {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
    outline: none;
}

/* LABEL */
.input_k60 label {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    background: #fff;
    padding: 0 5px;
    font-size: 13px;
    color: #888;
    transition: 0.3s;
}

.input_k60 textarea {
    height: 80px;
}

/* FLOAT */
.input_k60 input:focus+label,
.input_k60 input:valid+label,
.input_k60 textarea:focus+label,
.input_k60 textarea:valid+label {
    top: -8px;
    font-size: 11px;
    color: #3d6cb9;
}

/* BUTTON */
.btn-submit_k60 {
    width: 100%;
    padding: 12px;
    border-radius: 10px;
    background: linear-gradient(135deg, #3d6cb9, #1a2a4a);
    color: #fff;
    border: none;
    font-weight: 600;
    transition: 0.3s;
}

.btn-submit_k60:hover {
    transform: translateY(-2px);
}


.link-pointer {
    cursor: pointer;
    text-decoration: none;
}

}



/*-------------------------------------Visitor Search Box thank-You page---------------------------------------------------------------------------*/


.thank-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.thank-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 40px;
    max-width: 500px;
    width: 100%;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.thank-icon-box {
    width: 80px;
    height: 80px;
    background: #e8f5e9;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
}

.thank-icon-box i {
    font-size: 36px;
    color: #28a745;
}


.btn-home {
    background: #0d6efd;
    color: #fff;
    padding: 10px 25px;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.3s;
}

.btn-home:hover {
    color: white;
    background: #0b5ed7;
}

.extra-box {
    margin-top: 25px;
    padding: 15px;
    background: #f1f6ff;
    border-radius: 8px;
    font-size: 14px;
}




/*-------------------------------------Visitor Search Box sitemap page---------------------------------------------------------------------------*/


.sitemap-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
    gap: 6px;
}

.sitemap-title {
    font-weight: 700;
    font-size: 28px;
    color: #343a40;
}

.sitemap-breadcrumb a {
    color: #6c757d;
    text-decoration: none;
}

.sitemap-breadcrumb .active {
    color: #007bff;
    font-weight: 500;
}

.sitemap-card {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    padding: 15px;
    transition: all 0.3s ease;
    height: 100%;
}

.sitemap-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

.section-heading {
    font-size: 18px;
    font-weight: 600;
    color: #007bff;
    border-left: 4px solid #007bff;
    padding-left: 10px;
    margin-bottom: 15px;
}

.sitemap-link {
    display: block;
    padding: 6px 10px;
    border-radius: 6px;
    color: #495057;
    transition: all 0.2s ease;
    font-size: 14px;
}

.sitemap-link i {
    color: #007bff;
    margin-right: 6px;
}

.sitemap-link:hover {
    background: #f1f7ff;
    color: #007bff;
    padding-left: 12px;
}

.sitemap-section {
    margin-bottom: 30px;
}


/* =====================================================
   ADVANCED SEARCH PAGE (as-*)
   Professional 4-tab precision search interface
   ===================================================== */

/* ── Hero ─────────────────────────────────────────── */
.as-hero {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    padding: 36px 0 40px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.as-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 10% 80%, rgba(253, 126, 20, .14) 0%, transparent 50%),
        radial-gradient(ellipse at 90% 20%, rgba(99, 102, 241, .12) 0%, transparent 50%);
    pointer-events: none;
}

.as-hero .container {
    position: relative;
    z-index: 1;
}

.as-hero .breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 16px;
    font-size: 13px;
}

.as-hero .breadcrumb-item a {
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
}

.as-hero .breadcrumb-item a:hover {
    color: #93c5fd;
}

.as-hero .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, .3);
}

.as-hero .breadcrumb-item.active,
.as-hero .breadcrumb-item span {
    color: rgba(255, 255, 255, .85);
}

.as-hero-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.as-hero-left {
    flex: 1;
    min-width: 280px;
}

.as-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(253, 126, 20, .2);
    border: 1px solid rgba(253, 126, 20, .4);
    color: #fbbf24;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.as-hero-title {
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 8px;
    letter-spacing: -.4px;
    line-height: 1.2;
}

.as-hero-sub {
    font-size: 14px;
    color: rgba(255, 255, 255, .65);
    margin: 0;
    line-height: 1.6;
    max-width: 460px;
}

/* Hero right: 4 stat chips */
.as-hero-chips {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.as-hero-chip {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 12px;
    padding: 10px 16px;
    min-width: 110px;
    text-align: center;
    backdrop-filter: blur(6px);
}

.as-hero-chip-icon {
    font-size: 18px;
    margin-bottom: 5px;
    display: block;
}

.as-hero-chip-label {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    display: block;
}

.as-hero-chip-sub {
    font-size: 10px;
    color: rgba(255, 255, 255, .6);
    display: block;
    margin-top: 1px;
}

/* Color per chip */
.as-chip-indian .as-hero-chip-icon {
    color: #93c5fd;
}

.as-chip-global .as-hero-chip-icon {
    color: #86efac;
}

.as-chip-project .as-hero-chip-icon {
    color: #c4b5fd;
}

.as-chip-result .as-hero-chip-icon {
    color: #fbbf24;
}

/* ── Tab Bar (4-card horizontal row) ─────────────── */
.tabbar_as {
    background: #fff;
    border-bottom: 1px solid #e4eaf3;
    box-shadow: 0 2px 8px rgba(30, 60, 114, .06);
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 0;
}

.as-tabs-inner {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    gap: 0;
}

.as-tabs-inner::-webkit-scrollbar {
    display: none;
}

.tab_item_as {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 24px;
    cursor: pointer;
    border: none;
    background: transparent;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
    transition: background .15s, border-color .15s, color .15s;
    white-space: nowrap;
    flex-shrink: 0;
    user-select: none;
    color: #6b7a99;
    text-decoration: none;
}

.tab_item_as:hover {
    background: #f8faff;
    color: #1e3c72;
}

.as-tab-icon-wrap {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    transition: transform .15s;
}

.tab_item_as:hover .as-tab-icon-wrap {
    transform: scale(1.08);
}

.as-tab-indian .as-tab-icon-wrap {
    background: #eef2ff;
    color: #1e3c72;
}

.as-tab-global .as-tab-icon-wrap {
    background: #f0fdf4;
    color: #15803d;
}

.as-tab-project .as-tab-icon-wrap {
    background: #faf5ff;
    color: #5b21b6;
}

.as-tab-result .as-tab-icon-wrap {
    background: #fff7ed;
    color: #c2510a;
}

.as-tab-text {
    display: flex;
    flex-direction: column;
}

.as-tab-name {
    font-size: 13.5px;
    font-weight: 700;
    color: inherit;
    line-height: 1.2;
}

.as-tab-desc {
    font-size: 11px;
    color: #9aaccc;
    margin-top: 1px;
    font-weight: 500;
}

/* Active state per tab type */
.tab_item_as.active_as.as-tab-indian {
    background: #f5f8ff;
    border-bottom-color: #1e3c72;
    color: #1e3c72;
}

.tab_item_as.active_as.as-tab-indian .as-tab-icon-wrap {
    background: #1e3c72;
    color: #fff;
}

.tab_item_as.active_as.as-tab-global {
    background: #f0fdf4;
    border-bottom-color: #15803d;
    color: #15803d;
}

.tab_item_as.active_as.as-tab-global .as-tab-icon-wrap {
    background: #15803d;
    color: #fff;
}

.tab_item_as.active_as.as-tab-project {
    background: #faf5ff;
    border-bottom-color: #5b21b6;
    color: #5b21b6;
}

.tab_item_as.active_as.as-tab-project .as-tab-icon-wrap {
    background: #5b21b6;
    color: #fff;
}

.tab_item_as.active_as.as-tab-result {
    background: #fff7ed;
    border-bottom-color: #c2510a;
    color: #c2510a;
}

.tab_item_as.active_as.as-tab-result .as-tab-icon-wrap {
    background: #c2510a;
    color: #fff;
}

/* ── Tab Panes ────────────────────────────────────── */
.tab_pane_as {
    display: none;
}

.tab_pane_as.show_as {
    display: block;
}

/* ── Content Wrapper ──────────────────────────────── */
.as-content {
    background: #f3f6fb;
    padding: 28px 0 56px;
}

/* ── Search Panel (main card) ─────────────────────── */
.as-panel {
    background: #fff;
    border: 1px solid #e4eaf3;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(30, 60, 114, .08);
}

/* ── Section (keyword / filter) ──────────────────── */
.as-section {
    padding: 24px 28px;
}

.as-section+.as-section {
    border-top: 1px solid #f0f4fb;
}

/* Keyword section — subtle background */
.as-section-kw {
    background: linear-gradient(135deg, #f5f8ff 0%, #f0f7ff 100%);
}

/* Filter section — white */
.as-section-filters {
    background: #fff;
}

.as-section-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.as-section-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}

.as-section-kw .as-section-icon {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: #fff;
}

.as-section-filters .as-section-icon {
    background: linear-gradient(135deg, #f3f6fb, #e4eaf3);
    color: #1e3c72;
}

.as-tab-global .as-section-kw .as-section-icon {
    background: linear-gradient(135deg, #15803d, #22c55e);
}

.as-tab-project .as-section-kw .as-section-icon {
    background: linear-gradient(135deg, #5b21b6, #7c3aed);
}

.as-tab-result .as-section-kw .as-section-icon {
    background: linear-gradient(135deg, #c2510a, #fd7e14);
}

.as-section-title-wrap {
    flex: 1;
}

.as-section-title {
    font-size: 14.5px;
    font-weight: 800;
    color: #1a2744;
    margin: 0 0 2px;
    letter-spacing: -.2px;
}

.as-section-sub {
    font-size: 12px;
    color: #8a96b0;
    margin: 0;
}

/* ── Form Labels & Inputs ─────────────────────────── */
.form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.form_label_as {
    font-size: 11.5px;
    font-weight: 700;
    color: #3d4f6e;
    letter-spacing: .3px;
    margin-bottom: 6px;
    text-align: left;
    text-transform: uppercase;
}

.label_opt_as {
    font-size: 10px;
    font-weight: 500;
    color: #9aaccc;
    margin-left: 4px;
    text-transform: none;
    letter-spacing: 0;
}

/* All form inputs unified */
.as-panel .form-control,
.as-panel .input_as,
.as-panel select.form-control {
    border: 1.5px solid #e4eaf3 !important;
    border-radius: 10px !important;
    font-size: 13.5px !important;
    color: #1a2744 !important;
    background: #f8fafd !important;
    padding: 9px 14px !important;
    height: auto !important;
    transition: border-color .18s, box-shadow .18s, background .18s;
}

.as-panel .form-control:focus,
.as-panel .input_as:focus {
    border-color: #2a5298 !important;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, .12) !important;
    background: #fff !important;
    outline: none;
}

.as-panel .form-control::placeholder,
.as-panel .input_as::placeholder {
    color: #9aaccc;
    font-size: 13px !important;
}

/* Input group adjust */
.as-panel .input-group .form-control {
    border-radius: 10px 0 0 10px !important;
}

.as-panel .input-group-append .btn {
    border-radius: 0 10px 10px 0 !important;
}

/* ── Range Group (from – to) ──────────────────────── */
.range_group_as {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
}

.as-range-sep {
    font-size: 12px;
    font-weight: 700;
    color: #9aaccc;
    text-align: center;
}

/* ── Input hint ───────────────────────────────────── */
.input_tip_as {
    font-size: 11px;
    color: #9aaccc;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ── Filter divider (within each tab) ────────────── */
.filter_divider_as {
    display: none;
    /* hidden — replaced by as-section-head */
}

/* ── Tender Result type toggle ────────────────────── */
.as-type-toggle {
    display: flex;
    gap: 8px;
    margin-bottom: 0;
}

.as-type-btn {
    flex: 1;
    padding: 10px 16px;
    border: 2px solid #e4eaf3;
    border-radius: 12px;
    background: #f8fafd;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: #6b7a99;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all .18s;
}

.as-type-btn.as-type-active {
    border-color: #c2510a;
    background: #fff7ed;
    color: #c2510a;
}

.as-type-btn:hover:not(.as-type-active) {
    border-color: #c9d1df;
    background: #f3f6fb;
    color: #1a2744;
}

/* ── Action Bar ───────────────────────────────────── */
.action_bar_as {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 28px;
    background: #f8fafd;
    border-top: 1px solid #e4eaf3;
    border-radius: 0 0 18px 18px;
    flex-wrap: wrap;
}

/* Search button — colored per tab */
.btn_search_as {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 32px;
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    cursor: pointer;
    transition: transform .15s, box-shadow .15s;
    box-shadow: 0 4px 14px rgba(30, 60, 114, .3);
}

.btn_search_as:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(30, 60, 114, .4);
    color: #fff;
}

/* Color variants for each tab's search button */
.as-tab-pane-global .btn_search_as {
    background: linear-gradient(135deg, #15803d, #22c55e);
    box-shadow: 0 4px 14px rgba(21, 128, 61, .3);
}

.as-tab-pane-project .btn_search_as {
    background: linear-gradient(135deg, #5b21b6, #7c3aed);
    box-shadow: 0 4px 14px rgba(91, 33, 182, .3);
}

.as-tab-pane-result .btn_search_as {
    background: linear-gradient(135deg, #c2510a, #fd7e14);
    box-shadow: 0 4px 14px rgba(194, 81, 10, .3);
}

.btn_reset_as {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 22px;
    background: #fff;
    color: #6b7a99;
    border: 1.5px solid #e4eaf3;
    border-radius: 12px;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s;
}

.btn_reset_as:hover {
    background: #fef2f2;
    border-color: #ef4444;
    color: #ef4444;
}

/* ── Result bar ───────────────────────────────────── */
.result_bar_as {
    background: #fff;
    border: 1px solid #e4eaf3;
    border-radius: 12px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #6b7a99;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(30, 60, 114, .05);
}

.result_bar_as strong {
    color: #1e3c72;
}

/* ── Misc ─────────────────────────────────────────── */
.input_as {
    border: 1.5px solid #e4eaf3 !important;
    border-radius: 10px !important;
    font-size: 13.5px !important;
    background: #f8fafd !important;
    transition: border-color .18s, box-shadow .18s;
}

.input_as:focus {
    border-color: #2a5298 !important;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, .12) !important;
    background: #fff !important;
}

.input_as::placeholder {
    color: #9aaccc;
}

/* Search card (kept for compat) */
.search_card_as {
    border: none;
}

.search_card_header_as {
    display: none;
}

/* ── Responsive ───────────────────────────────────── */
@media (max-width: 991px) {
    .as-hero-chips {
        display: none;
    }
}

@media (max-width: 767px) {
    .as-hero-title {
        font-size: 22px;
    }

    .as-section {
        padding: 18px 16px;
    }

    .action_bar_as {
        padding: 16px;
    }

    .tab_item_as {
        padding: 10px 14px;
        gap: 8px;
    }

    .as-tab-desc {
        display: none;
    }

    .as-tab-icon-wrap {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .range_group_as {
        grid-template-columns: 1fr;
    }

    .as-range-sep {
        display: none;
    }
}



/* ════════════════════════════════════════════════════
   ta-*  Tender Alert Modal
   ════════════════════════════════════════════════════ */

.ta-dialog {
    max-width: 460px;
}

.ta-modal-content {
    border: none;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(30, 60, 114, .22);
}

/* ── Header ─── */
.ta-modal-header {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 60%, #1a6baa 100%);
    padding: 32px 28px 24px;
    text-align: center;
    position: relative;
}

.ta-close-btn {
    position: absolute;
    top: 14px;
    right: 16px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    color: #fff;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
    transition: background .2s;
}

.ta-close-btn:hover {
    background: rgba(255, 255, 255, .22);
}

/* animated bell icon */
.ta-header-icon-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: 14px;
}

.ta-header-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    border: 2px solid rgba(255, 255, 255, .35);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    position: relative;
    z-index: 1;
}

.ta-header-ring {
    position: absolute;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .25);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    animation: ta-ring-pulse 2.4s ease-out infinite;
}

.ta-ring-1 {
    width: 68px;
    height: 68px;
    animation-delay: 0s;
}

.ta-ring-2 {
    width: 84px;
    height: 84px;
    animation-delay: .8s;
}

@keyframes ta-ring-pulse {
    0% {
        transform: translate(-50%, -50%) scale(.8);
        opacity: .7;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0;
    }
}

.ta-modal-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 6px;
    letter-spacing: -.2px;
}

.ta-modal-sub {
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
    margin: 0 0 16px;
    line-height: 1.5;
}

/* benefit chips */
.ta-header-chips {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ta-chip {
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .25);
    color: rgba(255, 255, 255, .92);
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 11.5px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* ── Body ─── */
.ta-modal-body {
    background: #f8fafd;
    padding: 24px 28px 8px;
}

.ta-field-group {
    margin-bottom: 18px;
}

.ta-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #1a2744;
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.ta-label .fas {
    color: #2a5298;
    font-size: 12px;
}

.ta-required {
    color: #e53e3e;
    font-size: 13px;
}

.ta-input-wrap {
    position: relative;
}

.ta-input-icon {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: #8898b0;
    font-size: 13px;
    pointer-events: none;
}

.ta-input {
    width: 100%;
    padding: 11px 14px 11px 38px;
    border: 1.5px solid #e4eaf3;
    border-radius: 10px;
    font-size: 14px;
    color: #1a2744;
    background: #fff;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
    box-sizing: border-box;
}

.ta-input::placeholder {
    color: #b0bdd0;
}

.ta-input:focus {
    border-color: #2a5298;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, .1);
}

.ta-privacy-note {
    font-size: 11.5px;
    color: #8898b0;
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid #e4eaf3;
    border-radius: 8px;
    margin-bottom: 6px;
    line-height: 1.5;
}

.ta-privacy-note .fas {
    color: #22c55e;
    margin-top: 1px;
    flex-shrink: 0;
}

/* ── Footer ─── */
.ta-modal-footer {
    background: #f8fafd;
    padding: 16px 28px 24px;
    border-top: 1px solid #e4eaf3;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ta-btn-register {
    width: 100%;
    padding: 13px;
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 4px 14px rgba(30, 60, 114, .3);
    transition: transform .15s, box-shadow .15s;
}

.ta-btn-register:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(30, 60, 114, .38);
}

.ta-btn-register:active {
    transform: translateY(0);
}

.ta-btn-cancel {
    width: 100%;
    padding: 10px;
    background: transparent;
    color: #8898b0;
    border: 1.5px solid #e4eaf3;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: border-color .2s, color .2s;
}

.ta-btn-cancel:hover {
    border-color: #c0c8d8;
    color: #5a6a85;
}

/* ═══════════════════════════════════════════════════════════════
   SUBSCRIPTIONS & BENEFITS PAGE  (sb-* namespace)
═══════════════════════════════════════════════════════════════ */

.sb-page {
    --sb-navy: #003366;
    --sb-blue: #004a8f;
    --sb-blue-2: #0078d4;
    --sb-blue-lt: #0f6abf;
    --sb-orange: #ff9800;
    --sb-amber: #f9a825;
    --sb-purple: #6a1b9a;
    --sb-basic: #1565c0;
    --sb-border: #d9e2f2;
    --sb-ink: #222;
    --sb-muted: #555;
    background: #eef3f8;
    color: var(--sb-ink);
    font-family: Arial, Helvetica, sans-serif;
}

.sb-page .container {
    max-width: 1200px;
    margin: auto;
    padding: 20px;
}

.sb-page .sb-section,
.sb-page .sb-why,
.sb-page .sb-clients,
.sb-page .sb-form-section {
    margin: 30px 0;
    padding: 30px;
    border-radius: 18px;
}

.sb-section--plain {
    background: #fff;
    border: 1px solid var(--sb-border);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .07);
}

/* ── HERO ── */
.sb-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, var(--sb-navy), #005b96, var(--sb-blue-2));
    color: #fff;
    padding: 78px 20px;
}

.sb-hero__bg-grid {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 42px 42px;
    -webkit-mask-image: radial-gradient(ellipse at center, #000 35%, transparent 75%);
    mask-image: radial-gradient(ellipse at center, #000 35%, transparent 75%);
    pointer-events: none;
}

.sb-hero__inner {
    position: relative;
    z-index: 1;
}

.sb-breadcrumb {
    font-size: 14px;
    margin-bottom: 26px;
    color: rgba(255, 255, 255, .85);
}

.sb-breadcrumb a {
    color: #fff;
    text-decoration: none;
    opacity: .9;
}

.sb-breadcrumb a:hover {
    opacity: 1;
    text-decoration: underline;
}

.sb-breadcrumb__sep {
    margin: 0 8px;
    opacity: .6;
}

.sb-breadcrumb__current {
    color: var(--sb-orange);
    font-weight: 600;
}

.sb-hero__wrap {
    max-width: 820px;
    margin: auto;
    text-align: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 24px;
    padding: 44px 36px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .25);
    backdrop-filter: blur(2px);
}

.sb-hero__title {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.18;
    margin: 0;
}

.sb-hero__line {
    display: block;
    width: 120px;
    height: 4px;
    background: var(--sb-orange);
    margin: 20px auto;
    border-radius: 4px;
}

.sb-hero__sub {
    font-size: 22px;
    margin: 0 0 28px;
    color: #eef7ff;
}

.sb-hero__btn {
    display: inline-block;
    background: var(--sb-orange);
    color: #fff;
    padding: 16px 40px;
    border-radius: 40px;
    font-size: 19px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .22);
    transition: .25s;
}

.sb-hero__btn:hover {
    background: #fb8c00;
    transform: translateY(-2px);
    color: #fff;
}

.sb-hero__btn i {
    margin-right: 8px;
}

/* ── STATS ── */
.sb-stats-title {
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: var(--sb-blue);
    margin: 6px 0 28px;
}

.sb-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 24px;
}

.sb-box {
    background: #fff;
    border-radius: 18px;
    padding: 28px 22px;
    text-align: center;
    border-top: 8px solid #005fa3;
    box-shadow: 0 12px 25px rgba(0, 0, 0, .12);
    transition: .3s;
}

.sb-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 34px rgba(0, 0, 0, .16);
}

.sb-box__icon {
    font-size: 40px;
    color: #005fa3;
    margin-bottom: 12px;
}

.sb-box__value {
    font-size: 38px;
    font-weight: 800;
    color: #005fa3;
    line-height: 1.1;
}

.sb-box__label {
    font-size: 20px;
    font-weight: 700;
    margin-top: 4px;
}

.sb-box__sub {
    font-size: 14px;
    color: #666;
    margin-top: 8px;
}

/* ── WHY CHOOSE ── */
.sb-why {
    background: linear-gradient(135deg, #0b4f8a, var(--sb-blue-lt));
}

.sb-why__head {
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    margin: 4px 0 6px;
}

.sb-why__sub {
    color: #dfefff;
    text-align: center;
    margin: 0 0 30px;
    font-size: 17px;
}

.sb-why__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 22px;
}

.sb-why-box {
    background: #fff;
    border-radius: 18px;
    padding: 26px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
    border-top: 6px solid var(--sb-orange);
    transition: .3s;
}

.sb-why-box:hover {
    transform: translateY(-6px);
}

.sb-why-box__icon {
    font-size: 34px;
    color: var(--sb-blue-lt);
}

.sb-why-box__title {
    font-size: 20px;
    font-weight: 800;
    color: #0b4f8a;
    margin: 12px 0 8px;
}

.sb-why-box__desc {
    color: var(--sb-muted);
    font-size: 16px;
    line-height: 1.55;
}

.sb-why__trust {
    margin-top: 30px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
}

/* ── PLANS ── */
.sb-plans-title {
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: var(--sb-blue);
    margin: 6px 0 30px;
}

.sb-plans {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 28px;
    align-items: start;
}

.sb-plan {
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .16);
    transition: .3s;
    display: flex;
    flex-direction: column;
}

.sb-plan:hover {
    transform: translateY(-8px);
}

.sb-plan--basic {
    border-top: 8px solid var(--sb-basic);
}

.sb-plan--premium {
    border-top: 8px solid var(--sb-amber);
}

.sb-plan--platinum {
    border-top: 8px solid var(--sb-purple);
}

.sb-plan__header {
    padding: 24px;
    text-align: center;
    color: #fff;
}

.sb-plan--basic .sb-plan__header {
    background: var(--sb-basic);
}

.sb-plan--premium .sb-plan__header {
    background: var(--sb-amber);
}

.sb-plan--platinum .sb-plan__header {
    background: var(--sb-purple);
}

.sb-plan__name {
    display: block;
    font-size: 30px;
    font-weight: 800;
}

.sb-plan__tag {
    display: inline-block;
    margin-top: 12px;
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
}

.sb-plan__tag--pop {
    background: #e53935;
    color: #fff;
}

.sb-plan__tag--ent {
    background: #4a148c;
    color: #fff;
}

.sb-plan__body {
    padding: 24px 26px;
    flex: 1;
}

.sb-plan__body ol {
    margin: 0;
    padding-left: 20px;
}

.sb-plan__body li {
    padding: 9px 0;
    border-bottom: 1px dashed #d0d0d0;
    font-size: 16px;
    line-height: 1.5;
}

.sb-plan__body li:last-child {
    border-bottom: none;
}

.sb-plan__cta {
    padding: 8px 24px 26px;
    text-align: center;
}

.sb-plan__btn {
    display: inline-block;
    padding: 13px 30px;
    border-radius: 30px;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    text-decoration: none;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .18);
    transition: .25s;
}

.sb-plan__btn:hover {
    transform: translateY(-2px);
    color: #fff;
}

.sb-plan__btn--basic {
    background: var(--sb-basic);
}

.sb-plan__btn--premium {
    background: var(--sb-amber);
}

.sb-plan__btn--platinum {
    background: var(--sb-purple);
}

/* ── CLIENTS ── */
.sb-clients {
    background: linear-gradient(135deg, #0b4f8a, var(--sb-blue-lt));
}

.sb-clients__title {
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    margin: 4px 0 26px;
}

.sb-clients__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 15px;
}

.sb-client-card {
    position: relative;
    background: #fff;
    border-left: 6px solid var(--sb-orange);
    border-radius: 12px;
    padding: 16px 16px 16px 38px;
    font-weight: 700;
    font-size: 16px;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .15);
    transition: .25s;
}

.sb-client-card::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", sans-serif;
    font-weight: 900;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--sb-orange);
}

.sb-client-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
}

/* ── CONTACT FORM ── */
.sb-form-section {
    padding: 0;
}

.sb-form {
    background: var(--sb-blue);
    color: #fff;
    padding: 36px;
    border-radius: 18px;
}

.sb-form__title {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    margin: 0 0 8px;
}

.sb-form__lead {
    margin: 0 0 18px;
    color: #dceaff;
}

.sb-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.sb-form__input {
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-family: inherit;
    color: #222;
    background: #fff;
}

.sb-form__input:focus {
    outline: 3px solid var(--sb-orange);
}

.sb-form__input--area {
    grid-column: 1 / -1;
    min-height: 120px;
    resize: vertical;
}

.sb-form__btn {
    grid-column: 1 / -1;
    justify-self: start;
    background: var(--sb-orange);
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 15px 34px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
    transition: .25s;
}

.sb-form__btn:hover {
    background: #fb8c00;
    transform: translateY(-2px);
}

.sb-form__btn i {
    margin-right: 8px;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
    .sb-hero {
        padding: 56px 16px;
    }

    .sb-hero__title {
        font-size: 34px;
    }

    .sb-hero__sub {
        font-size: 18px;
    }

    .sb-stats-title,
    .sb-plans-title,
    .sb-why__head {
        font-size: 28px;
    }

    .sb-clients__title {
        font-size: 26px;
    }

    .sb-form__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .sb-hero__title {
        font-size: 28px;
    }

    .sb-box__value {
        font-size: 30px;
    }

    .sb-plan__name {
        font-size: 26px;
    }
}

/* ── LEGACY sp6 KEPT FOR OTHER USES ── */
.user-card_sp6 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    cursor: pointer;
}

.user-avatar_sp6 {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0e7ef0, #22c55e);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}

.user-info_sp6 {
    flex: 1;
    min-width: 0;
}

.user-name_sp6 {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-role_sp6 {
    color: rgba(255, 255, 255, 0.4);
    font-size: 11px;
}

/* ── MAIN CONTENT ── */
.main_sp6 {
    margin-left: 260px;
    flex: 1;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* ── TOPBAR ── */
.topbar_sp6 {
    background: #ffffff;
    border-bottom: 1px solid #dde4ee;
    padding: 0 28px;
    height: 64px;
    display: flex;
    align-items: center;
    gap: 16px;
    position: sticky;
    top: 0;
    z-index: 50;
    box-shadow: 0 2px 8px rgba(14, 40, 80, 0.06);
}

.breadcrumb_sp6 {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #5b6b7c;
}

.breadcrumb_sp6 .sep_sp6 {
    color: #9aaabb;
}

.breadcrumb_sp6 .current_sp6 {
    color: #0f1c2e;
    font-weight: 600;
}

.topbar_sp6-actions_sp6 {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.icon-btn_sp6 {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    border: 1px solid #dde4ee;
    background: #f4f7fb;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #5b6b7c;
    font-size: 15px;
    transition: all .2s;
    position: relative;
}

.icon-btn_sp6:hover {
    background: #e9eef6;
    color: #0e7ef0;
}

.notif-dot_sp6 {
    width: 8px;
    height: 8px;
    background: #ef4444;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 6px;
    border: 2px solid #fff;
}

/* ── PAGE CONTENT ── */
.content_sp6 {
    padding: 28px 0px;
    flex: 1;
}

.page-header_sp6 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.page-title_sp6 h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #0f1c2e;
    line-height: 1.2;
}

.page-subtitle_sp6 {
    color: #5b6b7c;
    font-size: 13.5px;
    margin-top: 4px;
}

.btn-primary_sp6 {
    background: #0e7ef0;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    box-shadow: 0 4px 14px rgba(14, 126, 240, 0.3);
    transition: all .2s;
}

.btn-primary_sp6:hover {
    background: #0a6fd4;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(14, 126, 240, 0.35);
}

/* ── STATS ROW ── */
.stats-row_sp6 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 28px;
}

.stat-card_sp6 {
    background: #ffffff;
    border-radius: 14px;
    padding: 20px;
    border: 1px solid #dde4ee;
    box-shadow: 0 2px 8px rgba(14, 40, 80, 0.06);
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all .25s;
    animation: fadeUp .5s ease both;
}

.stat-card_sp6:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 24px rgba(14, 40, 80, 0.10);
}

.stat-icon_sp6 {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.stat-icon_sp6.blue_sp6 {
    background: rgba(14, 126, 240, 0.1);
    color: #0e7ef0;
}

.stat-icon_sp6.green_sp6 {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.stat-icon_sp6.gold_sp6 {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.stat-icon_sp6.red_sp6 {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
}

.stat-value_sp6 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 24px;
    font-weight: 800;
    color: #0f1c2e;
}

.stat-label_sp6 {
    font-size: 12px;
    color: #5b6b7c;
    margin-top: 2px;
    font-weight: 500;
}

/* ── BENEFITS CARD ── */
.card_sp6 {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #dde4ee;
    box-shadow: 0 2px 8px rgba(14, 40, 80, 0.06);
    overflow: hidden;
    margin-bottom: 24px;
    animation: fadeUp .5s ease both;
}

.card_sp6-header_sp6 {
    padding: 18px 24px;
    border-bottom: 1px solid #dde4ee;
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #f8fbff, #fff);
}

.card_sp6-header_sp6-icon_sp6 {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: rgba(14, 126, 240, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0e7ef0;
    font-size: 15px;
}

.card_sp6-title_sp6 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #0f1c2e;
}

.card_sp6-body_sp6 {
    padding: 24px;
}

/* Benefits grid */
.benefits-grid_sp6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.benefit-item_sp6 {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 14px 16px;
    border-radius: 10px;
    background: #f4f7fb;
    border: 1px solid #dde4ee;
    transition: all .2s;
    cursor: default;
}

.benefit-item_sp6:hover {
    background: #eaf3ff;
    border-color: #b8d6ff;
    transform: translateX(3px);
}

.benefit-check_sp6 {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #0e7ef0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    flex-shrink: 0;
    margin-top: 1px;
    box-shadow: 0 2px 8px rgba(14, 126, 240, 0.25);
}

.benefit-text_sp6 {
    font-size: 13px;
    color: #0f1c2e;
    font-weight: 500;
    line-height: 1.45;
}

/* ── PLAN COMPARISON ── */
.plan-toggle_sp6 {
    display: flex;
    gap: 0;
    background: #f4f7fb;
    border: 1px solid #dde4ee;
    border-radius: 10px;
    padding: 4px;
    margin-bottom: 24px;
    width: fit-content;
}

.toggle-btn_sp6 {
    padding: 7px 20px;
    border-radius: 7px;
    border: none;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    color: #5b6b7c;
    font-family: 'Plus Jakarta Sans', sans-serif;
    transition: all .2s;
}

.toggle-btn_sp6.active_sp6 {
    background: #fff;
    color: #0e7ef0;
    box-shadow: 0 2px 8px rgba(14, 40, 80, 0.06);
}

.plans-grid_sp6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 28px;
}

.plan-card_sp6 {
    background: #ffffff;
    border-radius: 16px;
    border: 2px solid #dde4ee;
    overflow: hidden;
    transition: all .3s;
    animation: fadeUp .5s ease both;
    position: relative;
}

.plan-card_sp6:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 48px rgba(14, 40, 80, 0.14);
}

.plan-card_sp6.popular_sp6 {
    border-color: #0e7ef0;
    box-shadow: 0 8px 32px rgba(14, 126, 240, 0.15);
}

.plan-card_sp6.premium_sp6 {
    border-color: #f59e0b;
    box-shadow: 0 8px 32px rgba(245, 158, 11, 0.12);
}

.popular_sp6-badge_sp6 {
    position: absolute;
    top: 0;
    right: 0;
    background: #0e7ef0;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 0 16px 0 12px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: .5px;
}

.premium_sp6-badge_sp6 {
    position: absolute;
    top: 0;
    right: 0;
    background: #f59e0b;
    color: #000;
    font-size: 10px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 0 16px 0 12px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: .5px;
}

.plan-head_sp6 {
    padding: 24px 24px 20px;
    border-bottom: 1px solid #dde4ee;
}

.plan-name_sp6 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 18px;
    font-weight: 800;
    color: #0f1c2e;
}

.plan-desc_sp6 {
    font-size: 12.5px;
    color: #5b6b7c;
    margin-top: 4px;
}

.plan-price_sp6 {
    margin-top: 14px;
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.price-currency_sp6 {
    font-size: 16px;
    font-weight: 700;
    color: #0e7ef0;
}

.price-amount_sp6 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 36px;
    font-weight: 800;
    color: #0f1c2e;
    line-height: 1;
}

.price-period_sp6 {
    font-size: 12px;
    color: #5b6b7c;
}

.plan-features_sp6 {
    padding: 20px 24px;
}

.feature-row_sp6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px dashed #dde4ee;
    font-size: 13px;
}

.feature-row_sp6:last-child {
    border-bottom: none;
}

.feature-name_sp6 {
    color: #5b6b7c;
    font-weight: 500;
}

.feat-check_sp6 {
    color: #22c55e;
    font-size: 15px;
}

.feat-cross_sp6 {
    color: #9aaabb;
    font-size: 15px;
}

.feat-text_sp6 {
    color: #0f1c2e;
    font-weight: 600;
    font-size: 12px;
}

.plan-footer_sp6 {
    padding: 0 24px 24px;
}

.btn-plan_sp6 {
    width: 100%;
    padding: 12px;
    border-radius: 10px;
    border: 2px solid #0e7ef0;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Plus Jakarta Sans', sans-serif;
    transition: all .2s;
    letter-spacing: .3px;
}

.btn-plan_sp6.outline_sp6 {
    background: transparent;
    color: #0e7ef0;
}

.btn-plan_sp6.outline_sp6:hover {
    background: #0e7ef0;
    color: #fff;
}

.btn-plan_sp6.filled_sp6 {
    background: #0e7ef0;
    color: #fff;
    box-shadow: 0 4px 14px rgba(14, 126, 240, 0.3);
}

.btn-plan_sp6.filled_sp6:hover {
    background: #0a6fd4;
}

.btn-plan_sp6.gold_sp6 {
    background: #f59e0b;
    color: #000;
    border-color: #f59e0b;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.3);
}

.btn-plan_sp6.gold_sp6:hover {
    background: #e08e0b;
}

/* ── COMPARISON TABLE ── */
.compare-table_sp6 {
    width: 100%;
    border-collapse: collapse;
}

.compare-table_sp6 th {
    background: f4f7fb;
    padding: 14px 20px;
    text-align: left;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 2px solid #dde4ee;
    color: #5b6b7c;
}





.compare-table_sp6 th:first-child {
    color: #0f1c2e;
}

.compare-table_sp6 th.col-basic_sp6 {
    color: #0f1c2e;
}

.compare-table_sp6 th.col-business_sp6 {
    color: #0e7ef0;
}

.compare-table_sp6 th.col-premium_sp6 {
    color: #f59e0b;
}

.compare-table_sp6 td {
    padding: 12px 20px;
    font-size: 13px;
    border-bottom: 1px solid #dde4ee;
    vertical-align: middle;
}

.compare-table_sp6 tr:last-child td {
    border-bottom: none;
}

.compare-table_sp6 tr:hover td {
    background: #f8fbff;
}

.compare-table_sp6 td:first-child {
    color: #0f1c2e;
    font-weight: 600;
    letter-spacing: .2px;
    font-size: 12.5px;
}

.compare-table_sp6 td {
    text-align: center;
    color: #5b6b7c;
}

.compare-table_sp6 td:first-child {
    text-align: left;
}

.tick_sp6 {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.cross_sp6 {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.04);
    color: #9aaabb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.val-tag_sp6 {
    background: #f4f7fb;
    border: 1px solid #dde4ee;
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 11.5px;
    font-weight: 600;
    color: #0f1c2e;
    white-space: nowrap;
}

/* ── ANIMATIONS ── */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.compare-table_sp6 thead tr {
    background: #f4f7fb;
}

.stat-card_sp6:nth-child(1) {
    animation-delay: .05s
}

.stat-card_sp6:nth-child(2) {
    animation-delay: .10s
}

.stat-card_sp6:nth-child(3) {
    animation-delay: .15s
}

.stat-card_sp6:nth-child(4) {
    animation-delay: .20s
}

/* ── RESPONSIVE ── */
/* ── MOBILE RESPONSIVE FIX ── */
@media (max-width: 768px) {

    /* Sidebar full hide */
    .sidebar_sp6 {
        position: fixed;
        left: -100%;
        top: 0;
        height: 100%;
        width: 240px;
        z-index: 999;
        transition: 0.3s;
    }

    .sidebar_sp6.active_sp6 {
        left: 0;
    }

    /* Main full width */
    .main_sp6 {
        margin-left: 0;
    }

    /* Topbar spacing */
    .topbar_sp6 {
        padding: 0 14px;
        height: 56px;
    }

    /* Content padding */
    .content_sp6 {
        padding: 61px 14px;
    }

    /* Page header stack */
    .page-header_sp6 {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    /* Stats full stack */
    .stats-row_sp6 {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    /* Benefits grid */
    .benefits-grid_sp6 {
        grid-template-columns: 1fr;
    }

    /* Plans grid */
    .plans-grid_sp6 {
        grid-template-columns: 1fr;
    }

    /* Card padding reduce */
    .card_sp6-body_sp6 {
        padding: 16px;
    }

    /* Table scroll */
    .compare-table_sp6 {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    /* Buttons full width */
    .btn-primary_sp6,
    .btn-plan_sp6 {
        width: 100%;
        justify-content: center;
    }
}



/*feedback*/

/* Left Panel */
.fd6-info-panel {
    background: linear-gradient(135deg, #4f46e5, #230264);
    color: #fff;
    padding: 40px;
    border-radius: 16px;
    height: 96%;
}

.fd6-info-panel h2 {
    font-weight: 600;
    margin-bottom: 15px;
}

.fd6-info-panel p {
    opacity: 0.9;
}

.fd6-points {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.fd6-points li {
    margin-bottom: 10px;
    font-size: 15px;
}

.fd6-points i {
    margin-right: 8px;
}

/* Form Card */
.fd6-form-card {
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: none;
}

/* Floating Input */
.fd6-input {
    position: relative;
    margin-bottom: 20px;
}

.fd6-input input,
.fd6-input textarea {
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #ddd;
}

.fd6-input label {
    position: absolute;
    top: 12px;
    left: 14px;
    font-size: 14px;
    color: #888;
    transition: 0.3s;
    background: #fff;
    padding: 0 5px;
}

/* Animation */
.fd6-input input:focus+label,
.fd6-input input:not(:placeholder-shown)+label,
.fd6-input textarea:focus+label,
.fd6-input textarea:not(:placeholder-shown)+label {
    top: -10px;
    font-size: 14px;
    color: #4f46e5;
    font-weight: 400;
}

/* Button */
.fd6-btn3 {
    background: linear-gradient(45deg, #fd7e14, #fd7e14);
    color: #fff;
    border: none;
    padding: 10px 24px;
    border-radius: 8px;
    transition: 0.3s;
}

.fd6-btn3:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}



label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400 !important;
}


/* Hero Section */
.fd6-hero {
    position: relative;
    background: url('https://images.unsplash.com/photo-1507679799987-c73779587ccf') center/cover no-repeat;
    display: flex;
    padding: 20px;
}

/* Dark Overlay */
.fd6-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

/* Content */
.fd6-hero-title {
    font-size: 40px;
    font-weight: 700;
}

.fd6-hero-points div {
    margin-bottom: 10px;
}

.fd6-hero-points i {
    color: #22c55e;
    margin-right: 8px;
}

/* Form */
.fd6-hero-form {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 2;
}

/* Floating Inputs */
.fd6-input {
    position: relative;
    margin-bottom: 20px;
}

.fd6-input input,
.fd6-input textarea {
    border-radius: 6px;
    padding: 12px;
    border: 1px solid #ddd;
}

.fd6-input label {
    position: absolute;
    top: 12px;
    left: 14px;
    font-size: 14px;
    color: #888;
    transition: 0.3s;
    background: #fff;
    padding: 0 5px;
}

.fd6-input input:focus+label,
.fd6-input input:not(:placeholder-shown)+label,
.fd6-input textarea:focus+label,
.fd6-input textarea:not(:placeholder-shown)+label {
    top: -8px;
    font-size: 12px;
    color: #4f46e5;
}

/* Button */
.fd6-btn5 {
    background: linear-gradient(45deg, #fd7e14, #fd7e14);
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 6px;
    transition: 0.3s;
}

.fd6-btn5:hover {
    transform: scale(1.03);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}




/*----------------------------------------------------Advancesearch indian statewise start----------------------------------------*/

.wrap_DS6 {
    font-family: 'Outfit', sans-serif;
    background: #fdfaf6;
    border-radius: 20px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    min-height: 480px;
    border: 0.5px solid #e8e0d5;
}

/* LEFT PANEL */
.left_DS6 {
    background: linear-gradient(150deg, #fff8f0 0%, #fdecd6 60%, #fad9b0 100%);
    padding: 44px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    border-right: 0.5px solid #e8d9c4;
}

.blob1_DS6 {
    position: absolute;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle, #f59e0b33, transparent 70%);
    top: -100px;
    right: -60px;
    pointer-events: none;
}

.blob2_DS6 {
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, #fb923c22, transparent 70%);
    bottom: -60px;
    left: -40px;
    pointer-events: none;
}

.hero-block_DS6 {
    z-index: 1;
    position: relative;
}

.tag-line_DS6 {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #b45309;
    background: #fef3c7;
    border: 0.5px solid #fcd34d;
    padding: 5px 12px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.hero-title_DS6 {
    font-size: 45px;
    font-weight: 800;
    line-height: 1.15;
    color: #1c1008;
    margin-bottom: 14px;
}

.hero-title_DS6 .accent_DS6 {
    color: #d97706;
}

.hero-desc_DS6 {
    font-size: 13px;
    color: #78513a;
    line-height: 1.75;
}

.stats-row_DS6 {
    display: flex;
    gap: 24px;
    z-index: 1;
    position: relative;
}

.stat-num_DS6 {
    font-size: 21px;
    font-weight: 700;
    color: #d97706;
}

.stat-label_DS6 {
    font-size: 11px;
    color: #a16207;
    margin-top: 2px;
    opacity: 0.7;
}

/* RIGHT PANEL */
.right_DS6 {
    background: #fff;
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form-heading_DS6 {
    font-size: 16px;
    font-weight: 600;
    color: #1c1008;
    margin-bottom: 4px;
}

.form-sub_DS6 {
    font-size: 12px;
    color: #9a8070;
    margin-bottom: 24px;
    line-height: 1.5;
}

.fgrp_DS6 {
    margin-bottom: 13px;
}

.flabel_DS6 {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: #a16207;
    margin-bottom: 6px;
    display: flex;
    gap: 3px;
}

.flabel_DS6 .req_DS6 {
    color: #d97706;
}

.finput_DS6 {
    width: 100%;
    background: #fffbf5;
    border: 0.5px solid #e8d5b7;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 13px;
    font-family: 'Outfit', sans-serif;
    color: #1c1008;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.finput_DS6::placeholder {
    color: #c9b89a;
}

.finput_DS6:focus {
    border-color: #d97706;
    box-shadow: 0 0 0 3px #fef3c766;
}

.fselect_DS6 {
    width: 100%;
    background: #fffbf5;
    border: 0.5px solid #e8d5b7;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 13px;
    font-family: 'Outfit', sans-serif;
    color: #9a8070;
    outline: none;
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23c9a96e' d='M5 7L0 2h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 13px center;
    transition: border-color 0.2s;
}

.fselect_DS6:focus {
    border-color: #d97706;
    box-shadow: 0 0 0 3px #fef3c766;
}

.submit-btn_DS6 {
    width: 100%;
    padding: 12px;
    background: #d97706;
    color: #fff;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 6px;
    letter-spacing: 0.2px;
    transition: background 0.2s, transform 0.1s;
}

.submit-btn_DS6:hover {
    background: #b45309;
}

.submit-btn_DS6:active {
    transform: scale(0.98);
}

.secure-row_DS6 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 12px;
}

.secure-row_DS6 svg {
    fill: #c9b89a;
}

.secure-text_DS6 {
    font-size: 11px;
    color: #c9b89a;
}

/* SUCCESS BOX */
.success-box_DS6 {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-align: center;
    padding: 20px;
}

.check-ring_DS6 {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #fef9ee;
    border: 1px solid #fcd34d;
    display: flex;
    align-items: center;
    justify-content: center;
}

.check-ring_DS6 svg {
    fill: #d97706;
}

.succ-title_DS6 {
    font-size: 17px;
    font-weight: 600;
    color: #1c1008;
}

.succ-sub_DS6 {
    font-size: 12.5px;
    color: #9a8070;
    line-height: 1.65;
}

/* ══════════════════════════════════════
   CERT SECTION
══════════════════════════════════════ */
.cert-section_DS6 {
    font-family: 'Outfit', sans-serif;
    background: #fdfaf6;
    padding: 36px 32px;
    border-radius: 20px;
    border: 0.5px solid #e8e0d5;
}

.section-title_DS6 {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    color: #1c1008;
    margin-bottom: 6px;
}

.section-sub_DS6 {
    font-size: 13px;
    color: #9a8070;
    margin-bottom: 28px;
}

.cards-grid_DS6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.cert-card_DS6 {
    background: #fff;
    border: 0.5px solid #e8d5b7;
    border-radius: 14px;
    padding: 20px 22px;
    transition: border-color 0.2s, box-shadow 0.2s;
    cursor: default;
    position: relative;
    overflow: hidden;
}

.cert-card_DS6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: #d97706;
    border-radius: 14px 0 0 14px;
    opacity: 0;
    transition: opacity 0.2s;
}

.cert-card_DS6:hover {
    border-color: #fcd34d;
    box-shadow: 0 4px 20px rgba(217, 119, 6, 0.08);
}

.cert-card_DS6:hover::before {
    opacity: 1;
}

.card-icon-row_DS6 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.card-icon_DS6 {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #fef3c7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.card-icon_DS6 svg {
    fill: #d97706;
}

.card-title_DS6 {
    font-size: 15px;
    font-weight: 600;
    color: #d97706;
}

.card-desc_DS6 {
    font-size: 12.5px;
    color: #78513a;
    line-height: 1.75;
}

.validity-card_DS6 {
    grid-column: 1 / -1;
    background: linear-gradient(135deg, #fffbf0, #fef3c7);
    border-color: #fcd34d;
}

.validity-card_DS6 .card-icon_DS6 {
    background: #fde68a;
}

.validity-card_DS6 .card-title_DS6 {
    color: #b45309;
}

.validity-card_DS6 .card-desc_DS6 {
    color: #92400e;
}

.tag_DS6 {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    background: #fef9ee;
    color: #b45309;
    border: 0.5px solid #fcd34d;
    padding: 3px 9px;
    border-radius: 20px;
    margin-top: 10px;
}

/* ══════════════════════════════════════
   DOC SECTION
══════════════════════════════════════ */
.doc-section_DS6 {
    font-family: 'Outfit', sans-serif;
    background: #fdfaf6;
    padding: 36px 32px;
    border-radius: 20px;
    border: 0.5px solid #e8e0d5;
}

.doc-grid_DS6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.doc-card_DS6 {
    background: #fff;
    border: 0.5px solid #e8d5b7;
    border-radius: 14px;
    overflow: hidden;
}

.doc-card-header_DS6 {
    background: #d97706;
    padding: 14px 18px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.doc-card-header_DS6 svg {
    fill: #fff;
    flex-shrink: 0;
    margin-top: 2px;
}

.header-text_DS6 {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: 1.55;
}

.header-text_DS6 .entity_DS6 {
    font-size: 13.5px;
    font-weight: 700;
    display: block;
    margin-bottom: 2px;
}

.header-text_DS6 .only-soft_DS6 {
    font-size: 10.5px;
    font-weight: 400;
    color: #fef3c7;
    display: block;
    margin-top: 3px;
}

.doc-card-body_DS6 {
    padding: 16px 18px;
}

.doc-list_DS6 {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.doc-list_DS6 li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12.5px;
    color: #78513a;
    line-height: 1.5;
}

.bullet_DS6 {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fef3c7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.bullet_DS6 svg {
    fill: #d97706;
}

.doc-count_DS6 {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 14px;
    font-size: 11px;
    font-weight: 600;
    color: #b45309;
    background: #fef9ee;
    border: 0.5px solid #fcd34d;
    padding: 4px 10px;
    border-radius: 20px;
}

/* ================= MOBILE VIEW ================= */
@media (max-width: 768px) {

    /* HERO SECTION */
    .wrap_DS6 {
        grid-template-columns: 1fr;
        /* side by side thi vertical */
        min-height: auto;
    }

    .left_DS6 {
        padding: 28px 20px;
        border-right: none;
        border-bottom: 0.5px solid #e8d9c4;
    }

    .right_DS6 {
        padding: 28px 20px;
    }

    .hero-title_DS6 {
        font-size: 30px;
        line-height: 1.2;
    }

    .hero-desc_DS6 {
        font-size: 13px;
    }

    .stats-row_DS6 {
        flex-wrap: wrap;
        gap: 14px;
    }

    /* CERT CARDS */
    .cards-grid_DS6 {
        grid-template-columns: 1fr;
        /* 2 column → 1 column */
    }

    /* DOC SECTION */
    .doc-grid_DS6 {
        grid-template-columns: 1fr;
        /* 3 column → 1 */
    }

    .doc-section_DS6,
    .cert-section_DS6 {
        padding: 24px 18px;
    }

    /* HEADER SECTION */
    .kv-title {
        font-size: 24px;
        line-height: 1.3;
    }

    .kv-title .highlight {
        display: block;
        font-size: 18px;
    }

    /* FORM */
    .finput_DS6,
    .fselect_DS6 {
        font-size: 14px;
        padding: 12px;
    }

    .submit-btn_DS6 {
        padding: 14px;
        font-size: 15px;
    }
}

/* ===== DSC page recolored to site theme (scoped) ===== */
.dsc-skin .wrap_DS6 {
    font-family: 'Inter', sans-serif;
    background: #f5f8fd;
    border-color: #e4eaf3;
}

.dsc-skin .left_DS6 {
    background: linear-gradient(150deg, #eff5ff 0%, #dbeafe 60%, #bfdbfe 100%);
    border-right-color: #d6e4f5;
}

.dsc-skin .left_DS6 {
    border-bottom-color: #d6e4f5;
}

.dsc-skin .blob1_DS6 {
    background: radial-gradient(circle, rgba(0, 154, 253, .22), transparent 70%);
}

.dsc-skin .blob2_DS6 {
    background: radial-gradient(circle, rgba(21, 101, 192, .15), transparent 70%);
}

.dsc-skin .tag-line_DS6 {
    color: #1565c0;
    background: #e8f3ff;
    border-color: #bcdcff;
}

.dsc-skin .hero-title_DS6 {
    color: #16223b;
}

    .dsc-skin .hero-title_DS6 .accent_DS6 {
        color: #1565c0;
    }

.dsc-skin .hero-desc_DS6 {
    color: #4a6080;
}

.dsc-skin .stat-num_DS6 {
    color: #1565c0;
}

.dsc-skin .stat-label_DS6 {
    color: #5a7191;
}

.dsc-skin .form-heading_DS6,
.dsc-skin .succ-title_DS6 {
    color: #16223b;
}

.dsc-skin .form-sub_DS6,
.dsc-skin .succ-sub_DS6 {
    color: #6b7a90;
}

.dsc-skin .flabel_DS6 {
    color: #5a7191;
}

    .dsc-skin .flabel_DS6 .req_DS6 {
        color: #1565c0;
    }

.dsc-skin .finput_DS6,
.dsc-skin .fselect_DS6 {
    background: #f7faff;
    border-color: #d6e2f2;
    color: #16223b;
    font-family: 'Inter', sans-serif;
}

    .dsc-skin .finput_DS6:focus,
    .dsc-skin .fselect_DS6:focus {
        border-color: #1565c0;
        box-shadow: 0 0 0 3px rgba(21, 101, 192, .12);
    }

    .dsc-skin .finput_DS6::placeholder {
        color: #9fb1c6;
    }

.dsc-skin .submit-btn_DS6 {
    background: #1565c0;
    font-family: 'Inter', sans-serif;
}

    .dsc-skin .submit-btn_DS6:hover {
        background: #0d4f9e;
    }

.dsc-skin .secure-row_DS6 svg {
    fill: #94a3b8;
}

.dsc-skin .secure-text_DS6 {
    color: #94a3b8;
}

.dsc-skin .check-ring_DS6 {
    background: #e8f3ff;
    border-color: #bcdcff;
}

    .dsc-skin .check-ring_DS6 svg {
        fill: #1565c0;
    }

.dsc-skin .cert-section_DS6,
.dsc-skin .doc-section_DS6 {
    font-family: 'Inter', sans-serif;
    background: #f5f8fd;
    border-color: #e4eaf3;
}

.dsc-skin .section-title_DS6 {
    font-family: 'Inter', sans-serif;
    color: #16223b;
}

.dsc-skin .section-sub_DS6 {
    color: #6b7a90;
}

.dsc-skin .cert-card_DS6 {
    border-color: #dbe6f5;
}

    .dsc-skin .cert-card_DS6::before {
        background: #1565c0;
    }

    .dsc-skin .cert-card_DS6:hover {
        border-color: #bcdcff;
        box-shadow: 0 4px 20px rgba(21, 101, 192, .10);
    }

.dsc-skin .card-icon_DS6 {
    background: #e8f3ff;
}

    .dsc-skin .card-icon_DS6 svg {
        fill: #1565c0;
    }

.dsc-skin .card-title_DS6 {
    color: #1565c0;
}

.dsc-skin .card-desc_DS6 {
    color: #4a6080;
}

.dsc-skin .validity-card_DS6 {
    background: linear-gradient(135deg, #f3f8ff, #e8f3ff);
    border-color: #bcdcff;
}

    .dsc-skin .validity-card_DS6 .card-icon_DS6 {
        background: #cfe4fb;
    }

    .dsc-skin .validity-card_DS6 .card-title_DS6 {
        color: #0d4f9e;
    }

    .dsc-skin .validity-card_DS6 .card-desc_DS6 {
        color: #33507a;
    }

.dsc-skin .tag_DS6 {
    background: #eef6ff;
    color: #1565c0;
    border-color: #bcdcff;
}

.dsc-skin .doc-card_DS6 {
    border-color: #dbe6f5;
}

.dsc-skin .doc-card-header_DS6 {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
}

    .dsc-skin .header-text_DS6 .only-soft_DS6 {
        color: #d6e8ff;
    }

.dsc-skin .doc-list_DS6 li {
    color: #4a6080;
}

.dsc-skin .bullet_DS6 {
    background: #e8f3ff;
}

    .dsc-skin .bullet_DS6 svg {
        fill: #1565c0;
    }

.dsc-skin .doc-count_DS6 {
    color: #1565c0;
    background: #eef6ff;
    border-color: #bcdcff;
}


/*tenderinformation*/


.btn-outline_ti:hover {
    background: #EBF3FF;
}

.btn-primary_ti {
    padding: 9px 20px;
    border: none;
    border-radius: 8px;
    background: #1565c0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    font-family: 'Inter', sans-serif;
    text-decoration: none;
}

.btn-primary_ti:hover {
    background: #1346b8;
    transform: translateY(-1px);
}

.hero_ti {
    background: linear-gradient(135deg, #0b1f3a 0%, #1e3c72 55%, #2a5298 100%);
    padding: 36px 48px 80px;
    position: relative;
    overflow: hidden;
}

.hero_ti::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(0, 154, 253, 0.18) 0%, transparent 70%);
    border-radius: 50%;
}

.hero_ti::after {
    content: '';
    position: absolute;
    bottom: -60px;
    left: -60px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(26, 86, 219, 0.2) 0%, transparent 70%);
    border-radius: 50%;
}

.hero-inner_ti {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.hero-badge_ti {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(0, 154, 253, 0.18);
    border: 1px solid rgba(0, 154, 253, 0.35);
    color: #6cc5ff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .04em;
    padding: 6px 14px;
    border-radius: 100px;
    margin-bottom: 20px;
}



.hero-badge_ti::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #009afd;
    border-radius: 50%;
    display: inline-block;
}

.hero_ti h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 52px;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 20px;
}

.hero_ti h2 em {
    font-style: normal;
    color: #6cc5ff;
}

.hero_ti p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 36px;
    font-weight: 300;
}

.hero-btns_ti {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.hero-btn-primary_ti {
    padding: 14px 28px;
    background: #009afd;
    color: #0B1F3A;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s;
}

.hero-btn-primary_ti:hover {
    background: #0084d8;
    transform: translateY(-2px);
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.15);
}

.hero-btn-ghost_ti {
    padding: 14px 28px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s;
}

.hero-btn-ghost_ti:hover {
    background: rgba(255, 255, 255, 0.18);
}


/* Tablet */
@media (max-width: 992px) {
    .hero-inner_ti {
        gap: 40px;
    }

    .hero_ti h1 {
        font-size: 42px;
    }

    .hero_ti {
        padding: 80px 30px 60px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .hero-inner_ti {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }

    .hero_ti {
        padding: 70px 20px 50px;
    }

    .hero_ti h1 {
        font-size: 32px;
        line-height: 1.2;
    }

    .hero_ti p {
        font-size: 15px;
        margin-bottom: 24px;
    }

    .hero-btns_ti {
        justify-content: center;
    }

    .hero-btn-primary_ti,
    .hero-btn-ghost_ti {
        width: 100%;
        padding: 12px 20px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .hero_ti h1 {
        font-size: 28px;
    }

    .hero-badge_ti {
        font-size: 14px;
        padding: 5px 10px;
    }
}

.stats-panel_ti {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    padding: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.stat-item_ti {
    text-align: center;
}

.stat-num_ti {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

.stat-num_ti span {
    color: #6cc5ff;
}

.stat-label_ti {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 6px;
    font-weight: 300;
}

.stat-divider-h_ti {
    grid-column: 1 / -1;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}



.section_ti {
    padding: 80px 48px;
}

.section-inner_ti {
    max-width: 1100px;
    margin: 0 auto;
}

.section-label_ti {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #1565c0;
    background: #EBF3FF;
    padding: 6px 14px;
    border-radius: 100px;
    margin-bottom: 14px;
}

.section-title_ti {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 38px;
    color: #0B1F3A;
    line-height: 1.2;
    margin-bottom: 14px;
}

.section-sub_ti {
    font-size: 17px;
    color: #475569;
    font-weight: 300;
    max-width: 600px;
}



.features-bg_ti {
    background: #F8FAFC;
}

.features-grid_ti {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 48px;
}


/* Default (Desktop) same rahe */
.feature-card_ti {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 32px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    transition: all 0.25s;
    cursor: default;
}



/* Tablet */
@media (max-width: 992px) {
    .feature-card_ti {
        padding: 24px;
        gap: 16px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .feature-card_ti {
        padding: 18px;
        flex-direction: column;
        gap: 12px;
        border-radius: 14px;
    }

    .feature-icon_ti {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }

    .feature-card_ti h3 {
        font-size: 16px;
    }

    .feature-card_ti p {
        font-size: 13px;
        line-height: 1.5;
    }
}


.features-bg_ti {
    background: #F8FAFC;
}

.features-grid_ti {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.feature-card_ti {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 32px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    transition: all 0.25s ease;
    cursor: default;
}

/* Tablet */
@media (max-width: 992px) {
    .feature-card_ti {
        padding: 24px;
        gap: 16px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .feature-card_ti {
        padding: 18px;
        flex-direction: column;
        gap: 12px;
        border-radius: 14px;
    }
}


.feature-card_ti:hover {
    border-color: #1565c0;
    box-shadow: 0 8px 32px rgba(26, 86, 219, 0.08);
    transform: translateY(-2px);
}

.feature-icon_ti {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 22px;
}

.feature-icon_ti svg {
    width: 24px;
    height: 24px;
}

.icon-blue_ti {
    background: #EBF3FF;
    color: #1565c0;
}

.icon-teal_ti {
    background: #CCFBF1;
    color: #0891b2;
}

.icon-amber_ti {
    background: #FEF3C7;
    color: #d97706;
}

.icon-pink_ti {
    background: #FDF2F8;
    color: #db2777;
}

.feature-card_ti h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #0B1F3A;
    margin-bottom: 8px;
}

.feature-card_ti p {
    font-size: 14px;
    color: #475569;
    line-height: 1.65;
    font-weight: 400;
}

.feature-card_ti .tag_ti {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 3px 10px;
    border-radius: 100px;
    margin-top: 12px;
    color: #1565c0;
    background: #EBF3FF;
}

.services-tabs_ti {
    display: flex;
    gap: 8px;
    margin-top: 40px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.tab-btn_ti {
    padding: 10px 20px;
    border: 1.5px solid #E2E8F0;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 500;
    color: #475569;
    background: #FFFFFF;
    cursor: pointer;
    transition: all 0.2s;
    font-family: 'Inter', sans-serif;
}

.tab-btn_ti:hover {
    background: #EBF3FF;
    color: #1565c0;
    border-color: #1565c0;
}

.tab-btn_ti.active {
    background: #1565c0;
    color: #ffffff;
    border-color: #1565c0;
}

.service-panel_ti {
    display: none;
    animation: fadeIn_ti 0.3s ease;
}


/* Default (Desktop) */
.service-panel_ti.active_ti {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

/* Tablet */
@media (max-width: 992px) {
    .service-panel_ti.active_ti {
        gap: 24px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .service-panel_ti.active_ti {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@keyframes fadeIn_ti {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.service-visual_ti {
    background: linear-gradient(135deg, #0b1f3a 0%, #2a5298 100%);
    border-radius: 20px;
    padding: 40px;
    min-height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.service-visual_ti::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(0, 154, 253, 0.22) 0%, transparent 70%);
    border-radius: 50%;
}

.service-visual-label_ti {
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 600;
}

.service-visual-num_ti {
    font-family: 'Inter', sans-serif;
    font-size: 64px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.08);
    line-height: 1;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.service-visual-title_ti {
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-top: 16px;
    line-height: 1.25;
}

.service-visual-sub_ti {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    margin-top: 12px;
    font-weight: 300;
    line-height: 1.6;
}

.service-bullets_ti {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.service-bullets_ti li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 16px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    transition: all 0.2s;
}

.service-bullets_ti li:hover {
    border-color: #1565c0;
    background: #EBF3FF;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(26, 86, 219, 0.12);
}


.bullet-dot_ti {
    width: 8px;
    height: 8px;
    background: #1565c0;
    border-radius: 50%;
    margin-top: 5px;
    flex-shrink: 0;
}

.service-bullets_ti li p {
    font-size: 14px;
    color: #475569;
    line-height: 1.55;
}

.service-bullets_ti li strong {
    color: #0B1F3A;
    font-weight: 500;
    display: block;
    margin-bottom: 2px;
}

.analytics-grid_ti {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 48px;
}

/* Laptop / Tablet */
@media (max-width: 1200px) {
    .analytics-grid_ti {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Tablet */
@media (max-width: 992px) {
    .analytics-grid_ti {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .analytics-grid_ti {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

.analytic-card_ti {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 28px 24px;
    text-align: center;
    transition: all 0.25s;
    cursor: default;
}

.analytic-card_ti:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

.analytic-icon_ti {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin: 0 auto 14px;
    border-radius: 14px;
    background: #e8f3ff;
    color: #1565c0;
}

.analytic-icon_ti svg {
    width: 26px;
    height: 26px;
}

.analytic-card_ti h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #0B1F3A;
    margin-bottom: 8px;
}

.analytic-card_ti p {
    font-size: 13px;
    color: #475569;
    line-height: 1.55;
    font-weight: 300;
}

.cta-section_ti {
    background: linear-gradient(135deg, #0b1f3a 0%, #1e3c72 100%);
    padding: 80px 48px;
    text-align: center;
}

.cta-section_ti h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 42px;
    color: #fff;
    margin-bottom: 16px;
}

.cta-section_ti p {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 300;
    margin-bottom: 36px;
}

.cta-btns_ti {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
}

.cta-pill_ti {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 10px 20px;
    border-radius: 100px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    margin-bottom: 32px;
    justify-content: center;
}

.cta-pill_ti span {
    color: #6cc5ff;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.cta-pill_ti span svg {
    width: 15px;
    height: 15px;
}


/*career*/


.cr6-hero {
    background: linear-gradient(135deg, rgb(0 43 255 / 80%), rgb(255 199 75 / 80%)), url(https://images.unsplash.com/photo-1497366216548-37526070297c) center / cover;
    color: #fff;
    padding: 60px 20px;
    text-align: center;
}

.cr6-hero h1 {
    font-size: 32px;
    font-weight: 700;
}

/* Section */
.cr6-career-section {
    background: #f8fafc;
    padding-bottom: 40px;
}

.cr6-heading {
    font-weight: 600;
}

/* Job Card */
.cr6-job-card {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
}

.cr6-job-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.cr6-job-card h2 {
    font-weight: 500;
    font-size: 20px;
}

.cr6-job-card p {
    font-size: 14px;
    color: #555;
}

/* Meta */
.cr6-meta {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    margin: 10px 0;
    flex-wrap: wrap;
}

/* Button */
.cr6-btn {
    background: #2a5298;
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 6px;
    transition: 0.3s;
}

.cr6-btn:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Side Card */
.cr6-side-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    margin-top: 36px;
}

.cr6-side-content {
    padding: 15px;
    text-align: center;
}

.cr6-side-content h5 {
    margin-bottom: 10px;
}


/*career details page*/

.cr6-job-detail {
    background: #f8fafc;
    padding-bottom: 40px;
}

/* INFO CARD */
.cr6-info-card {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* CONTENT CARD */
.cr6-card {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* LIST */
.cr6-list {
    padding-left: 18px;
}

.cr6-list li {
    margin-bottom: 8px;
}



.cr6-modal .modal-header {
    background: linear-gradient(45deg, #fd7e14, #fd7e14);
    color: #fff;
}

@media (max-width: 768px) {

    /* HERO */
    .cr6-hero {
        padding: 40px 15px;
        text-align: center;
    }

    .cr6-hero h1 {
        font-size: 22px;
        line-height: 1.3;
    }

    /* SECTION */
    .cr6-career-section {
        padding: 20px 10px;
    }

    /* JOB CARD */
    .cr6-job-card {
        padding: 15px;
        border-radius: 10px;
    }

    .cr6-job-card h2 {
        font-size: 16px;
    }

    .cr6-job-card p {
        font-size: 13px;
    }

    /* META FIX (important) */
    .cr6-meta {
        flex-direction: column;
        gap: 5px;
        font-size: 12px;
    }

    /* BUTTON */
    .cr6-btn {
        width: 100%;
        text-align: center;
        padding: 10px;
        font-size: 14px;
    }

    /* SIDE CARD */
    .cr6-side-content {
        padding: 12px;
    }

    /* DETAIL PAGE */
    .cr6-info-card,
    .cr6-card {
        padding: 15px;
        border-radius: 10px;
    }

    /* LIST */
    .cr6-list li {
        font-size: 14px;
    }

    /* MODAL */
    .cr6-modal .modal-header {
        font-size: 16px;
        text-align: center;
    }
}

/*blog*/


/* Section Title */
.section-title2 {
    background: #1a2a4a;
    color: #fff;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 4px;
    text-transform: uppercase;
}

.result-count {
    font-size: 14px;
    color: #6c7a8d;
}

/* Blog Card */
.blog-card {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #e3e8f0;
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}

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

.blog-img {
    width: 90%;
    height: 90%;
    object-fit: cover;
    border-radius: 10px;
}

/* Blog Content */
.blog-title a {
    color: #1a2a4a;
    font-weight: 600;
    text-decoration: none;
}

.blog-title a:hover {
    color: #3d6cb9;
}

.blog-meta {
    font-size: 13px;
    color: #6c7a8d;
    margin: 6px 0;
}

.blog-meta i {
    color: #3d6cb9;
    margin-right: 4px;
}

.blog-desc {
    font-size: 14px;
    color: #4a5568;
    margin-bottom: 10px;
}

/* Read More Button */
.read-more-btn {
    color: #3d6cb9;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.read-more-btn:hover {
    color: #1a2a4a;
}

/* Sidebar Form */
.sidebar-form {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e3e8f0;
    overflow: hidden;
}

.form-header {
    background: linear-gradient(135deg, #3d6cb9, #1a2a4a);
    color: #fff;
    padding: 20px;
    text-align: center;
}

.form-header h5 {
    margin-bottom: 5px;
    font-weight: 600;
}

.form-header p {
    font-size: 13px;
    margin: 0;
}

.sidebar-form form {
    padding: 20px;
}

.sidebar-form label {
    font-size: 13px;
    font-weight: 600;
    color: #1a2a4a;
}

.sidebar-form label span {
    color: red;
}

.sidebar-form .form-control {
    border-radius: 8px;
    border: 1px solid #dce3ed;
    font-size: 14px;
}

.sidebar-form .form-control:focus {
    border-color: #3d6cb9;
    box-shadow: none;
}

.submit-btn {
    background: #3d6cb9;
    color: #fff;
    border-radius: 8px;
    padding: 10px;
    font-weight: 600;
    transition: all 0.3s;
}

.submit-btn:hover {
    background: #1a2a4a;
}



/* Card */
.blog-detail-card {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #e3e8f0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}

/* Title */
.blog-detail-title {
    font-size: 22px;
    font-weight: 700;
    color: #1a2a4a;
}

/* Meta */
.blog-detail-meta {
    font-size: 13px;
    color: #6c7a8d;
    margin: 10px 0 15px;
}

.blog-detail-meta span {
    margin-right: 15px;
}

.blog-detail-meta i {
    color: #3d6cb9;
    margin-right: 5px;
}

/* Image Fix (IMPORTANT) */
.blog-detail-img-wrapper {
    width: 100%;
    max-height: 300px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 15px;
}

.blog-detail-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content */
.blog-detail-content p {
    font-size: 14px;
    color: #4a5568;
    line-height: 1.7;
}

.blog-detail-content h5 {
    margin-top: 20px;
    font-weight: 700;
    color: #1a2a4a;
}

.blog-detail-content ul {
    padding-left: 18px;
}

.blog-detail-content li {
    margin-bottom: 6px;
}

/* Sidebar Same Style */
.sidebar-form {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e3e8f0;
    overflow: hidden;
}

.form-header {
    background: linear-gradient(135deg, #3d6cb9, #1a2a4a);
    color: #fff;
    padding: 18px;
    text-align: center;
}

.submit-btn {
    background: #3d6cb9;
    color: #fff;
    border-radius: 8px;
    padding: 10px;
}

.submit-btn:hover {
    background: #1a2a4a;
}

.m-custom-tag {
    display: inline-block;
    background: #2f6fb2;
    color: #fff;
    padding: 6px 12px;
    margin: 4px;
    border-radius: 20px;
    font-size: 13px;
}


/* More Review  */

.view-more-btn {
    background-color: #1f6fb2;
    border: none;
    padding: 10px 25px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
    transition: 0.3s;
}

.view-more-btn:hover {
    background-color: #155a93;
    color: #fff;
}



/*new competative bid analysis*/
/*_____________________________________*/


.heronew {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 30px 110px;
    /* ek j rakho */

    background: radial-gradient(circle at 20% 50%, rgba(0, 170, 255, 0.28), transparent 42%), radial-gradient(circle at 80% 30%, rgba(255, 200, 0, 0.22), transparent 45%), linear-gradient(120deg, rgba(2, 11, 28, 0.94), rgba(11, 60, 145, 0.90));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow-x: hidden;
    /* important fix */
}

.image-section {
    padding: 30px 120px;
    display: flex;
    justify-content: center;
    /* horizontal center */
}

.image-wrapper {
    width: 100%;
    max-width: 1250px;
    /* 500 → 650 kari didhu */
    margin: auto;
}

.image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

.hero-gridnew {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 40px;
    align-items: center;
}

.heronew h1 {
    font-size: 54px;
    line-height: 1.15;
    color: white;
}

.heronew h1 span {
    color: #ffb703
}

.heronew p {
    font-size: 20px;
    line-height: 1.6;
    opacity: .95;
    color: white;
}

.taglining {
    font-size: 14px;
    opacity: .85;
    margin-bottom: 8px;
    color: white;
}

.micro {
    margin-top: 18px;
    font-size: 13px;
    color: #dbe7ff
}

/* DEMO FORM */
.demo-image-form {
    border-radius: 28px;
    overflow: hidden;
    min-height: 520px;
    background: linear-gradient(120deg, rgba(2, 11, 28, .85), rgba(11, 60, 145, .85)), url('https://images.unsplash.com/photo-1551288049-bebda4e38f71');
    background-size: cover;
    background-position: center;
    box-shadow: 0 35px 80px rgba(0, 0, 0, .6);
}

.demo-form-content {
    padding: 44px
}

.demo-form-content h3 {
    font-size: 26px;
    margin-bottom: 10px;
    color: white;
}

.demo-form-content p {
    font-size: 14px;
    opacity: .9;
    margin-bottom: 18px
}

.demo-form-content input,
.demo-form-content button {
    width: 100%;
    padding: 15px;
    margin-top: 12px;
    border-radius: 14px;
    border: none;
    font-family: 'Inter';
}

.demo-form-content input {
    background: #fff
}

.demo-form-content button {
    background: #ffb703;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer
}

.demo-form-content button:hover {
    background: #fca311
}

/* SECTIONS – REDUCED TOP SPACE */
.sectionnew {
    padding: 30px 50px;
}

.section-title {
    /*text-align: center;*/
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 10px;
}

.section-sub {
    text-align: center;
    font-size: 20px;
    max-width: 1000px;
    margin: 0 auto 30px;
}

/* LIGHT BG */
.light-bg {
    background: linear-gradient(135deg, #f4f9ff, #eaf2ff);
    color: #0b1a33;
}

.light-bg .section-title {
    color: #0b3c91
}

.light-bg .section-sub {
    color: #334a6b
}

/* GRID */
.grid {
    max-width: 1120px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.card-cba {
    background: #fff;
    border-radius: 22px;
    padding: 32px 28px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

.card-cba h3 {
    font-size: 22px;
    color: #0b3c91;
    margin-bottom: 12px
}

.card-cba p {
    font-size: 16px;
    line-height: 1.6;
    color: #4b5d7a
}

/* FEATURES BOX */
.features-grid {
    max-width: 1140px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 12px;
}

.feature-boxnew {
    background: #fff;
    border-radius: 26px;
    padding: 55px 34px;
    box-shadow: 0 26px 60px rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden;
    border: 2px solid #1a73e8;
}

.feature-boxnew::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #0b3c91, #1e88e5, #ffb703);
}

.featurenew-number {
    font-size: 48px;
    font-weight: 700;
    color: #e3ecff;
    position: absolute;
    top: 0px;
    right: 26px;
}

.feature-boxnew h3 {
    font-size: 25px;
    color: #0b3c91;
    margin-bottom: 18px
}

.feature-boxnew ul {
    padding-left: 18px
}

.feature-boxnew li {
    margin-bottom: 9px;
    font-size: 15px;
    color: #4b5d7a;
    line-height: 1.6
}

/* ================= MOBILE (≤768px) ================= */
@media (max-width: 768px) {

    .heronew {
        padding: 90px 20px;
        text-align: left;
    }

    .hero-gridnew {
        grid-template-columns: 1fr;
        /* stack layout */
        gap: 30px;
    }

    .heronew h1 {
        font-size: 32px;
        line-height: 1.3;
        font-family: 'Inter', sans-serif;
    }

    .heronew p {
        font-size: 16px;
    }

    .taglining {
        font-size: 13px;
    }

    .micro {
        font-size: 12px;
    }

    .image-section {
        padding: 20px;
    }

    .demo-image-form {
        min-height: auto;
    }

    .demo-form-content {
        padding: 25px;
    }

    .demo-form-content h3 {
        font-size: 20px;
    }

    .demo-form-content input,
    .demo-form-content button {
        padding: 12px;
        font-size: 14px;
    }

    /* Sections */
    .sectionnew {
        padding: 40px 20px;
    }

    .section-title {
        font-size: 28px;
    }

    .section-sub {
        font-size: 16px;
    }

    /* Cards */
    .card-cba {
        padding: 24px;
    }

    .card-cba h3 {
        font-size: 18px;
    }

    .card-cba p {
        font-size: 14px;
    }

    /* Feature boxes */
    .feature-boxnew {
        padding: 35px 20px;
    }

    .feature-boxnew h3 {
        font-size: 20px;
    }

    .feature-boxnew li {
        font-size: 14px;
    }

    /*----------------------------------------------------Advancesearch indian statewisecount End----------------------------------------*/




    .tender-top-header {
        background: #ffffff !important;
        
    }

    @media (max-width: 991px) {
        .tender-top-header {
            
            padding: 0 20px 30px;
        }
    }

    @media (max-width: 991px) {
        .tender-top-headers {
            margin-top: 11px !important;
            padding: 20px;
        }
    }

    .tender-white-bg {
        background: #ffffff;
    }


    @media (max-width: 768px) {
        .main-header .container {
            padding-left: 2px !important;
            padding-right: 16px !important;
            max-width: 100%;
            margin-left: 10px;
        }
    }



    @media (max-width: 991px) {

        .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-radius: 6 !important;
            margin-left: 0 !important;
            border-left: none !important;
        }
    }

    @media (max-width: 991px) {

        .content-header .breadcrumb {
            margin-top: 38px !important;
            font-size: 12px;
        }
    }



    /*global*/
    @@media (max-width: 768px) {
        .tender-tabs {
            display: flex !important;
            width: 100%;
            overflow: hidden;
            align-items: stretch;
        }

        .tab-btn {
            flex: 1;
            text-align: center;
            white-space: normal;
            /* 🔥 CHANGE THIS */
            font-size: 12px;
            /* 🔥 thoda chhota */
            padding: 8px 4px;
            /* 🔥 reduce padding */
        }
    }

    @@media (max-width: 768px) {
        .tender-header {
            display: block !important;
            /* 🔥 MAIN FIX */
            padding: 5px 0 !important;
            /* 🔥 reduce space */
        }
    }

    @@media (max-width: 768px) {
        .divider {
            display: none;
        }
    }

    @@media (max-width: 768px) {
        .tender-action-box {
            padding: 15px;
        }

        .action-item {
            font-size: 14px;
        }
    }



    .tender-tabs-gt {
        display: flex;
        align-items: flex-start;
        /* 🔥 CHANGE THIS */
        min-width: 0;
        margin-bottom: 0;
        /* yaha gap mat do */
    }

    .tab-btn-gt {
        padding: 10px 20px;
        border: none;
        background: #bfbfbf;
        color: #fff;
        cursor: pointer;
        font-weight: 600;
        flex-shrink: 0;
        /* 🔥 MOST IMPORTANT FIX */
        display: inline-block;
        /* ✔ without important */
        min-height: 40px;
        /* 🔥 important */
        line-height: 20px;
    }

    .tab-btn-gt.active {
        background: #007bff;
    }



    .tender-action-box {
        background: #f5f6f8;
        padding: 20px;
        border-radius: 10px;
        border: 1px solid #e0e0e0;
    }

    .action-links {
        font-weight: 600;
    }

    .action-item {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #2c6ecb;
        text-decoration: none;
        font-size: 16px;
    }

    .action-item i {
        font-size: 20px;
    }

    .divider {
        width: 1px;
        height: 25px;
        background: #ccc;
    }

    .email-input {
        height: 45px;
        border-radius: 4px;
    }

    .send-btn {
        padding: 0 25px;
        font-weight: 600;
    }

    #analyticsSection {
        width: 100%;
    }

    #analyticsSection .card {
        height: 400px;
        overflow: hidden;
        /* 🔥 important */
    }

    #analyticsSection canvas {
        width: 100% !important;
        max-height: 320px !important;
    }


    .country-card {
        border: 1px solid #ddd;
    }

    .bg-orange {
        background-color: #fd7e14;
    }

    .country-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .country-list li {
        border-bottom: 1px solid #eee;
    }

    .country-list li a {
        display: flex;
        align-items: center;
        padding: 8px 12px;
        text-decoration: none;
        color: #2c5aa0;
        font-size: 14px;
    }

    .country-list li a:hover {
        background: #f5f5f5;
    }

    .arrow {
        margin-right: 8px;
        color: #888;
    }

    .country-name {
        flex: 1;
    }

    .count {
        color: #555;
    }

    .featurenew-number {
        font-size: 32px;
        right: 15px;
    }
}


/*-------------------------------------------------------AdvancedSearch Tab Selection start --------------------------------------------------------------------*/

.tabbar_as {
    display: flex;
    border-bottom: 1px solid #ddd;
}

.tab_item_as {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 10px 20px;
    cursor: pointer;
    color: #6c757d;
    font-weight: 600;
    border-bottom: 3px solid transparent;
    /* 👈 hidden line */
}

/* Active tab */
.tab_item_as.active_as {
    color: #007bff;
    border-bottom: 3px solid #007bff;
    /* 👈 blue underline */
}

/* Hover (optional) */
.tab_item_as:hover {
    color: #007bff;
}

/*-------------------------------------------------------AdvancedSearch Tab Selection End --------------------------------------------------------------------*/


/*----------------------------------------------------Advancesearch indian statewise start----------------------------------------*/

.state-list .nav-link {
    position: relative;
    padding-right: 60px;
    /* space for badge */
}

.state-badge {
    position: absolute;
    right: 15px;
    /* 👈 not extreme edge */
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 10px;
}

.active-state {
    background-color: #e9f2ff !important;
    color: #007bff !important;
    font-weight: 600;
}

.active-state i {
    color: #007bff;
}

.active-state .badge {
    background-color: #0056b3 !important;
}


.Indian-adv-chart-container {
    position: relative;
    height: 370px;
    width: 100%;
}

.Indian-adv-chart-container-small {
    position: relative;
    height: 220px;
    max-width: 420px;
    margin: auto;
}


.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*----------------------------------------------------Advancesearch indian statewisecount End----------------------------------------*/



/*global*/
@@media (max-width: 768px) {
    .tender-tabs {
        display: flex !important;
        width: 100%;
        overflow: hidden;
        align-items: stretch;
    }

    .tab-btn {
        flex: 1;
        text-align: center;
        white-space: normal;
        /* 🔥 CHANGE THIS */
        font-size: 12px;
        /* 🔥 thoda chhota */
        padding: 8px 4px;
        /* 🔥 reduce padding */
    }
}

@@media (max-width: 768px) {
    .tender-header {
        display: block !important;
        /* 🔥 MAIN FIX */
        padding: 5px 0 !important;
        /* 🔥 reduce space */
    }
}

@@media (max-width: 768px) {
    .divider {
        display: none;
    }
}

@@media (max-width: 768px) {
    .tender-action-box {
        padding: 15px;
    }

    .action-item {
        font-size: 14px;
    }
}



.tender-tabs-gt {
    display: flex;
    align-items: flex-start;
    /* 🔥 CHANGE THIS */
    min-width: 0;
    margin-bottom: 0;
    /* yaha gap mat do */
}

.tab-btn-gt {
    padding: 10px 20px;
    border: none;
    background: #bfbfbf;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    flex-shrink: 0;
    /* 🔥 MOST IMPORTANT FIX */
    display: inline-block;
    /* ✔ without important */
    min-height: 40px;
    /* 🔥 important */
    line-height: 20px;
}

.tab-btn-gt.active {
    background: #007bff;
}



.tender-action-box {
    background: #f5f6f8;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}

.action-links {
    font-weight: 600;
}

.action-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2c6ecb;
    text-decoration: none;
    font-size: 16px;
}

.action-item i {
    font-size: 20px;
}

.divider {
    width: 1px;
    height: 25px;
    background: #ccc;
}

.email-input {
    height: 45px;
    border-radius: 4px;
}

.send-btn {
    padding: 0 25px;
    font-weight: 600;
}

#analyticsSection {
    width: 100%;
}

#analyticsSection .card {
    height: 400px;
    overflow: hidden;
    /* 🔥 important */
}

#analyticsSection canvas {
    width: 100% !important;
    max-height: 320px !important;
}


.country-card {
    border: 1px solid #ddd;
}

.bg-orange {
    background-color: #fd7e14;
}

.country-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.country-list li {
    border-bottom: 1px solid #eee;
}

.country-list li a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    text-decoration: none;
    color: #2c5aa0;
    font-size: 14px;
}

.country-list li a:hover {
    background: #f5f5f5;
}

.arrow {
    margin-right: 8px;
    color: #888;
}

.country-name {
    flex: 1;
}

.count {
    color: #555;
}

/*
----------------------------------------------------Ai Search start---------------------------------------------*/

.scroll-table {
    max-height: 1780px;
    /* set as per your UI */
    overflow-y: auto;
}

.hl {
    font-weight: bold;
}

/*
----------------------------------------------------------Ai Search end---------------------------------------*/


/*
----------------------------------------------------------Ai Search end---------------------------------------*/

/*hero*/
.tender-tabs {
    display: flex;
    gap: 4px;
    background: #f0f4f9;
    border-radius: 8px;
    padding: 4px;
    margin-bottom: 20px;
    width: fit-content
}

.tt {
    padding: 7px 16px;
    border-radius: 6px;
    font-size: 12.5px;
    font-weight: 500;
    color: #4a6080;
    cursor: pointer;
    transition: all .15s;
    border: none;
    background: none;
    font-family: 'Inter', sans-serif
}

.tt.active {
    background: #fff;
    color: #009afd;
    font-weight: 700;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .08)
}

.filter-bar {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
    flex-wrap: wrap
}

.fsel {
    background: #fff;
    border: 1px solid #e4eaf3;
    border-radius: 6px;
    padding: 7px 10px;
    font-size: 12.5px;
    color: #1a2744;
    font-family: 'Inter', sans-serif;
    outline: none;
    cursor: pointer
}

.fchip {
    background: #fff;
    border: 1px solid #e4eaf3;
    border-radius: 20px;
    padding: 6px 13px;
    font-size: 12px;
    font-weight: 500;
    color: #4a6080;
    cursor: pointer;
    transition: all .15s
}

.fchip.on {
    background: #009afd;
    color: white;
    border-color: #009afd;
    font-weight: 700
}

.tender-list {
    display: flex;
    flex-direction: column;
    gap: 10px
}

/* GRID VIEW */
.tender-list.grid-view {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 14px
}

.tender-list.grid-view .tc {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 16px 18px
}

.tender-list.grid-view .tc-right {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--border-light)
}

.tender-list.grid-view .tc-title {
    -webkit-line-clamp: 3;
    font-size: 13.5px;
    margin-bottom: 10px
}

.tender-list.grid-view .tc-meta {
    gap: 10px
}

.tender-list.grid-view .tc-m {
    font-size: 11.5px
}

.tender-list.grid-view .tc-tags {
    margin-top: 8px
}

.tender-list.grid-view .tc-state {
    margin-bottom: 0
}


.tc {
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: 14px;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: start;
    transition: border-color .2s, box-shadow .2s;
    cursor: pointer
}

.tc:hover {
    border-color: #c0d4ef;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .06)
}

.tc.hot {
    border-left: 3px solid #f97316;
    border-radius: 10px;
}

.tc-top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    flex-wrap: wrap
}

.badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap
}

.bg-cyan {
    background: #e0f6fc;
    color: #085a78
}

.bg-green {
    background: #e6f9ee;
    color: #156334
}

.bg-orange {
    background: #fd7e14;
    color: #9a3d08
}

.bg-purple {
    background: #f0eeff;
    color: #3e2a88
}

.bg-gray {
    background: #f0f4f9;
    color: #3a5070
}

.tc-id {
    font-size: 10.5px;
    font-family: monospace;
    color: #8fa3be;
    background: #f4f7fb;
    padding: 2px 7px;
    border-radius: 4px
}

.tc-title {
    font-size: 13.5px;
    font-weight: 600;
    color: #1a2744;
    line-height: 1.45;
    margin-bottom: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.tc-meta {
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

.tc-m {
    font-size: 12px;
    color: #4a6080;
    display: flex;
    align-items: center;
    gap: 4px
}

.tc-val {
    font-size: 12.5px;
    font-weight: 700;
    color: #156334
}

.tc-urgent {
    color: #fd7e14 !important;
    font-weight: 700
}

.tc-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px
}


/*
---------------------------------------------------Tender Lisitng Page  start---------------------------------------*/

.td-urgent {
    font-size: 13.5px;
    color: #fd7e14 !important;
    font-weight: 700;
}


.tv-urgent {
    font-size: 12.5px;
    font-weight: 700;
    color: #156334;
}

.tc-tags {
    font-size: 11px;
    color: #4a6080;
    background: #f4f7fb;
    padding: 3px 8px;
    border-radius: 4px;
}

.view-btn {
    background: #009afd;
    color: #ffffff;
    border: none;
    padding: 7px 15px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
    transition: background .15s
}

.view-btn:hover {
    background: #009afd
}


/*Testimonial new*/
.testi-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 36px
}

.testi-card {
    background: #fff;
    border: 1px solid #e4eaf3;
    border-radius: 14px;
    padding: 22px;
    transition: box-shadow .2s
}

.testi-card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, .07)
}

.testi-stars {
    display: flex;
    gap: 2px;
    margin-bottom: 12px;
    color: #fd7e14;
}

.star {
    width: 15px;
    height: 15px
}

.testi-text {
    font-size: 13px;
    color: var(--txt2);
    line-height: 1.4;
    margin-bottom: 16px;
    font-style: italic;
    min-height: 150px;
}

.testi-author {
    display: flex;
    align-items: center;
    gap: 10px
}

.testi-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0
}

.testi-name {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--txt)
}

.testi-co {
    font-size: 11.5px;
    color: var(--txt2)
}

.testi-designation {
    font-size: 11.5px;
    color: var(--txt2)
}

.testi-img img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #f1f5f9;
    padding: 5px;
}

.dropdown-menu li {
    padding: 0px;
    margin: 0px;
}

.dropdown-menu {
    padding: 0px;
    background: #fff;
    border: 1px solid var(--border-light);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .05);
}

.main-header .dropdown-item {
    font-size: 13px;
    padding: 8px 15px;
    height: auto;
    width: 100%;
    border-bottom: 1px solid var(--border-light);
}


/*.ui-autocomplete {
    background: #fff;
    border-radius: 10px;
    border: none;
    padding: 5px 0;
    max-height: 400px;
    overflow-y: auto;
    max-width: 1000px;
}

    .ui-autocomplete .custom-autocomplete-item {
        padding: 0px 0px;
        border-bottom: 1px solid var(--border-light);
        cursor: pointer;
    }

        .ui-autocomplete .custom-autocomplete-item:hover {
            background: #fff;
        }

    .ui-autocomplete .item-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
    }

    .ui-autocomplete .left {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .ui-autocomplete .icon {
        font-size: 24px;
        line-height: 24px;
        margin-top: -6px;
    }

    .ui-autocomplete .text {
        font-size: 14px;
    }

    .ui-autocomplete .highlight {
        color: #fd7e14;*/
/* green highlight like your image */
/*font-weight: 600;
    }

    .ui-autocomplete .right .badge {
        background: #fd7e14;
        color: #fff;
        padding: 3px 8px;
        border-radius: 6px;
        font-size: 11px;
    }

    .ui-autocomplete .custom-autocomplete-item em {
        color: #fd7e14;*/
/* your green */
/*font-weight: 600;
        font-style: normal;*/
/* remove italic */
/*}*/

.ui-autocomplete .ui-state-active,
.ui-autocomplete .ui-state-active:hover {
    background: #efefef;
    color: #000;
    border-color: transparent;
}


.no-record-modern {
    text-align: center;
    min-height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.filter-box-main {
    position: sticky;
    top: 140px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 100%;
    overflow-y: auto;
    padding-right: 4px
}

.filter-box-main::-webkit-scrollbar {
    width: 6px
}

.filter-box-main::-webkit-scrollbar-thumb {
    background: #cfd7e3;
    border-radius: 3px
}

/* ===== Mobile app-style filter drawer ===== */
.mobile-filter-trigger,
.filter-backdrop,
.filter-drawer-head {
    display: none;
}

@media (max-width: 991px) {

    /* Filter trigger + sort in one sticky toolbar row */
    .results-head {
        position: sticky;
        top: 52px;
        /* sits just under the fixed site header */
        z-index: 30;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 10px;
        margin-top: 0;
        padding: 10px 4px;

    }

    /* "Filters" button on the left */
    .mobile-filter-trigger {
        order: 1;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
        padding: 9px 16px;
        border: 1px solid #d6e2f5;
        border-radius: 10px;
        background: #fff;
        color: #1e3c72;
        font-size: 14px;
        font-weight: 700;
        box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
        cursor: pointer;
    }

    .mobile-filter-trigger svg {
        width: 18px;
        height: 18px;
    }

    /* Sort controls on the right */
    .results-head .sort-row {
        order: 2;
        margin-left: auto;
        flex-shrink: 0;
    }

    /* Count text drops to its own line below the toolbar */
    .results-head .results-info {
        order: 3;
        width: 100%;
    }

    /* Sidebar becomes a left off-canvas drawer */
    .filter-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1060;
        width: 86%;
        max-width: 360px;
        background: #f4f6fb;
        box-shadow: 4px 0 24px rgba(0, 0, 0, .18);
        overflow-y: auto;
        padding: 0 14px 90px;
        transform: translateX(-100%);
        transition: transform .3s ease;
    }

    .filter-sidebar.open {
        transform: translateX(0);
    }

    /* Drawer header with close button */
    .filter-drawer-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: sticky;
        top: 0;
        z-index: 2;
        margin: 0 -14px 12px;
        padding: 14px 16px;
        background: #fff;
        border-bottom: 1px solid #e8edf5;
        font-size: 16px;
        font-weight: 800;
        color: #1e293b;
    }

    .filter-drawer-close {
        width: 34px;
        height: 34px;
        border: 0;
        border-radius: 50%;
        background: #f1f5f9;
        color: #334155;
        font-size: 22px;
        line-height: 1;
        cursor: pointer;
    }

    /* Drop the desktop sticky behaviour inside the drawer */
    .filter-sidebar .filter-box-main {
        position: static;
        top: auto;
        overflow: visible;
        padding-right: 0;
    }

    /* Keep Apply button pinned to the bottom of the drawer */
    .filter-sidebar .filter-footer {
        position: sticky;
        bottom: 0;
        margin: 10px -14px 0;
        padding: 12px 14px;
        background: #fff;
        border-top: 1px solid #e8edf5;
    }

    /* Dimmed backdrop */
    .filter-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1055;
        background: rgba(0, 0, 0, .45);
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease;
    }

    .filter-backdrop.show {
        opacity: 1;
        visibility: visible;
    }
}

/* FILTER BOX */
.filter-box {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
}

/* HEADER */
.filter-header {
    padding: 14px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    border-bottom: 1px solid #edf2f7;
}

/* COUNT BADGE */
.filter-count {
    background: #eef4ff;
    color: #3b82f6;
    font-size: 12px;
    font-weight: 600;
    min-width: 26px;
    height: 26px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* CONTENT */
.filter-content {
    padding: 14px 16px;
    max-height: 280px;
    overflow-y: auto;
}

/* SEARCH */
.filter-search {
    border-radius: 10px;
    font-size: 13px;
    margin-bottom: 14px;
    height: 38px;
}

/* CHECKBOX ROW */
.filter-checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    font-size: 14px;
}

/* LABEL */
.filter-checkbox label {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #334155;
    cursor: pointer;
}

/* RIGHT COUNT */
.filter-checkbox span {
    font-size: 13px;
    color: #94a3b8;
}

/* CUSTOM CHECKBOX */
.filter-checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: #2563eb;
    cursor: pointer;
}

/* SCROLLBAR */
.filter-content::-webkit-scrollbar {
    width: 5px;
}

.filter-content::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 20px;
}

/* FOOTER */
.f-clear {
    display: block;
    width: 100%;
    background: transparent;
    border: 1px solid var(--border-light);
    color: var(--txt2);
    padding: 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .15s
}

.f-clear:hover {
    border-color: var(--cyan);
    color: var(--cyan)
}

.f-apply {
    display: block;
    width: 100%;
    background: #2a5298;
    border: none;
    color: #fff;
    padding: 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    margin-top: 6px;
    transition: background .15s;
    margin-bottom: 5px;
}


.f-apply:hover {
    background: orange;
}

.f-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12.5px;
    color: var(--txt2);
    cursor: pointer;
    padding: 5px 0;
    line-height: 1.4
}

.f-item:hover {
    color: var(--txt)
}

.f-item input {
    accent-color: var(--cyan);
    cursor: pointer;
    flex-shrink: 0
}

.f-item .ftxt {
    flex: 1
}

.f-item .fct {
    font-size: 11px;
    color: var(--txt3);
    font-variant-numeric: tabular-nums
}

.tender-value-range {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-block: 10px;
}

.value-input {
    flex: 1;
    min-width: 0;
    height: 38px;
    border-radius: 6px;
    border: 1px solid #dbe3ec;
    font-size: 13px;
    background: #f8fafc;
}

.range-divider {
    color: #94a3b8;
    font-size: 16px;
    font-weight: 600;
    flex-shrink: 0;
}

/* RESULTS HEAD */
.results-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 14px
}

.results-head .link-pointer {
    font-size: 13px;
}

.results-info {
    font-size: 13px;
    color: var(--txt2)
}

.results-info b {
    color: var(--txt);
    font-weight: 700
}

.results-info em {
    font-style: normal;
    color: var(--cyan);
    font-weight: 700
}

.sort-row {
    display: flex;
    align-items: center;
    gap: 8px
}

.sort-row label {
    font-size: 12px;
    color: var(--txt2)
}

.sort-sel {
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: 7px;
    padding: 7px 10px;
    font-size: 12.5px;
    color: var(--txt);
    font-family: 'Inter', sans-serif;
    outline: none;
    cursor: pointer;
    font-weight: 600
}

.view-toggle {
    display: flex;
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: 7px;
    overflow: hidden
}

.vt-btn {
    background: transparent;
    border: none;
    padding: 2px 10px 6px;
    cursor: pointer;
    color: var(--txt3);
    transition: all .15s
}

.vt-btn.on {
    background: var(--cyan);
    color: #fff
}

/* TENDER CARD */
.tender-list {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.tc {
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: var(--rl);
    padding: 18px 20px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 14px;
    align-items: start;
    transition: border-color .2s, box-shadow .2s;
    position: relative;
    min-width: 0;
    margin-bottom: 15px;
}

.tc:hover {
    border-color: #c0d4ef;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .06)
}

.tc.hot {
    border-left: 3px solid var(--orange)
}

.tc.new {
    border-left: 3px solid var(--cyan)
}

.tc-top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: wrap
}

.tc .btn-primary.btn-gradient {
    background: var(--cyan);
    color: var(--white);
    border: none;
    padding: 8px 16px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
    transition: background .15s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}


.badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap
}

.bg-cyan {
    background: #e0f6fc;
    color: #085a78
}

.bg-green {
    background: #e6f9ee;
    color: #156334
}

.bg-orange {
    background: #fff0e6;
    color: #9a3d08
}

.bg-purple {
    background: #f0eeff;
    color: #3e2a88
}

.bg-gray {
    background: #f0f4f9;
    color: #3a5070
}

.bg-red {
    background: #fde8e8;
    color: #92210e
}

.bg-yellow {
    background: #fff8d8;
    color: #7a5a00
}

.tc-id {
    font-size: 10.5px;
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    color: var(--txt3);
    background: #f4f7fb;
    padding: 2px 7px;
    border-radius: 4px
}

.tc-new-dot {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10.5px;
    font-weight: 700;
    color: var(--cyan);
    text-transform: uppercase;
    letter-spacing: .06em
}

.tc-new-dot::before {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--cyan);
    border-radius: 50%;
    animation: blink 1.6s infinite
}

@keyframes blink {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: .3
    }
}

.tc-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--txt);
    line-height: 1.45;
    margin-bottom: 9px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.tc-title:hover {
    color: var(--cyan);
    cursor: pointer
}

.tc-meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 8px
}

.tc-m {
    font-size: 12px;
    color: var(--txt2);
    display: flex;
    align-items: center;
    gap: 5px
}

.tc-m i {
    font-weight: 400;
    font-style: normal;
}

.tc-m svg {
    color: var(--txt3)
}

.tc-val {
    font-size: 12.5px;
    font-weight: 700;
    color: #156334
}

.tc-urgent {
    color: var(--orange);
    font-weight: 700
}

.tc-urgent svg {
    color: var(--orange)
}

.tc-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 6px
}

.tc-tag {
    font-size: 11px;
    color: var(--txt2);
    background: #f4f7fb;
    padding: 3px 8px;
    border-radius: 4px
}

.tc-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    min-width: 130px
}

.tender-card .badge.tc-state {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px !important;
}



.bg-gray {
    background: #f0f4f9 !important;
    color: #3a5070 !important;
}

.badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px !important;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.view-btn {
    background: var(--cyan);
    color: var(--white);
    border: none;
    padding: 8px 16px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
    transition: background .15s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none
}

.view-btn:hover {
    background: #0084d8
}

.fav-btn {
    background: transparent;
    border: 1px solid var(--border-light);
    width: 32px;
    height: 32px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--txt2);
    transition: all .15s
}

.fav-btn:hover {
    border-color: var(--orange);
    color: var(--orange)
}

.fav-btn.on {
    background: var(--orange);
    color: #fff;
    border-color: var(--orange)
}

.tc-tooltip {
    font-size: 11.5px;
    color: var(--muted2);
    text-align: right
}

.tc-progress {
    height: 3px;
    background: #f0f4f9;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 6px
}

.tc-progress>div {
    height: 100%;
    background: linear-gradient(90deg, var(--green), var(--orange));
    border-radius: 3px
}


.ic {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round
}

.ic-lg {
    width: 22px;
    height: 22px
}

.ic-md {
    width: 18px;
    height: 18px
}

.ic-sm {
    width: 14px;
    height: 14px
}

.ic-xs {
    width: 12px;
    height: 12px
}


@media (max-width:768px) {
    .hero p {
        font-size: 13px !important;
    }

    .testi-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .hero-eyebrow {
        font-size: 11px;
        margin-bottom: 0px;
    }

    .results-head {
        flex-direction: row;
        align-items: center;
        gap: 8px 10px;
        margin-top: 0;
    }

    .results-info {
        width: 100%;
    }

    .results-head .btn {
        padding: 9px 14px;
    }

    .tc {
        grid-template-columns: 1fr;
        padding: 14px 16px;
    }

    .tc-right {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-width: 0;
        gap: 6px;
        flex-wrap: wrap;
        border-top: 1px solid #f0f4f9;
        padding-top: 10px;
    }

    .tender-card .badge.tc-state {
        margin: 0;
    }
}

.ic {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round
}

.ic-lg {
    width: 22px;
    height: 22px
}

.ic-md {
    width: 18px;
    height: 18px
}

.ic-sm {
    width: 14px;
    height: 14px
}

.ic-xs {
    width: 12px;
    height: 12px
}



/* HERO HEADER (LIGHT) */
.detail-hero {
    background: linear-gradient(180deg, #f0f6fc 0%, #f7f9fc 100%);
    color: var(--txt);
    padding: 28px max(var(--side-pad), calc((100% - var(--max-w))/2)) 36px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--border-light)
}

.detail-hero::before {
    content: '';
    position: absolute;
    top: -120px;
    right: -60px;
    width: 460px;
    height: 460px;
    background: radial-gradient(circle, rgba(0, 154, 253, .10) 0%, transparent 65%);
    pointer-events: none
}

.detail-hero::after {
    content: '';
    position: absolute;
    bottom: -120px;
    left: 20%;
    width: 520px;
    height: 300px;
    background: radial-gradient(ellipse, rgba(0, 154, 253, .06) 0%, transparent 70%);
    pointer-events: none
}

.dh-inner {
    position: relative;
    z-index: 2;
    max-width: var(--max-w);
    margin: 0 auto
}

.crumb {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: var(--txt2);
    margin-bottom: 18px;
    flex-wrap: wrap
}

.crumb a {
    color: var(--txt2);
    text-decoration: none;
    transition: color .15s
}

.crumb a:hover {
    color: var(--cyan)
}

.crumb svg {
    width: 11px;
    height: 11px;
    color: var(--txt3)
}

.crumb .last {
    color: var(--txt);
    font-weight: 600
}

.dh-meta-top {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px
}

.dh-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 11px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
    background: #fff;
    border: 1px solid var(--border-light);
    color: var(--txt2)
}

.dh-badge.cyan {
    background: #e0f6fc;
    border-color: #bae0ff;
    color: #085a78
}

.dh-badge.orange {
    background: #fff0e6;
    border-color: #fbd5b5;
    color: #9a3d08
}

.dh-badge.green {
    background: #e6f9ee;
    border-color: #bbf7d0;
    color: #156334
}

.dh-tid {
    font-size: 11.5px;
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    color: var(--txt3);
    background: #fff;
    padding: 3px 8px;
    border-radius: 5px;
    border: 1px solid var(--border-light)
}

.dh-h1 {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.25;
    margin-bottom: 14px;
    color: var(--txt);
    max-width: 1000px
}

.dh-authority {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--txt2);
    margin-bottom: 24px;
    flex-wrap: wrap
}

.dh-authority strong {
    color: var(--txt);
    font-weight: 700
}

.dh-authority .auth-logo {
    width: 34px;
    height: 34px;
    background: #e0f6fc;
    border: 1px solid #bae0ff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cyan);
    font-weight: 800;
    font-size: 12px;
    flex-shrink: 0
}

.dh-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.dh-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    border: none;
    transition: all .15s;
    text-decoration: none
}

.dh-btn-primary {
    background: var(--cyan);
    color: #fff
}

.dh-btn-primary:hover {
    background: #0084d8
}

.dh-btn-light {
    background: #fff;
    color: var(--txt);
    border: 1px solid var(--border-light)
}

.dh-btn-light:hover {
    border-color: var(--cyan);
    color: var(--cyan)
}

/* KEY STATS BAR (LIGHT) */
.key-stats {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: var(--rl);
    overflow: hidden;
    margin-top: 24px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .04)
}

.ks-cell {
    padding: 16px 18px;
    border-right: 1px solid var(--border-light)
}

.ks-cell:last-child {
    border-right: none
}

.ks-lbl {
    font-size: 11px;
    color: var(--txt3);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 600;
    margin-bottom: 5px
}

.ks-val {
    font-size: 18px;
    font-weight: 800;
    color: var(--txt);
    letter-spacing: -0.015em
}

.ks-val.cyan {
    color: var(--cyan)
}

.ks-val.orange {
    color: #c2410c
}

.ks-val.green {
    color: #15803d
}

.ks-sub {
    font-size: 11px;
    color: var(--txt3);
    margin-top: 2px
}

/* MAIN BODY */
.main-wrap {
    max-width: var(--max-w);
    margin: 30px auto 0;
    padding: 0 var(--side-pad);
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 24px;
    align-items: start;
    position: relative;
    z-index: 5;
    overflow: hidden
}

.content-col {
    display: flex;
    flex-direction: column;
    gap: 14px
}

/* TABS */
.tabs-bar {
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: var(--rl);
    overflow: hidden;
    position: sticky;
    top: 00px;
    z-index: 10
}

.tabs-row {
    display: flex;
    gap: 0;
    overflow-x: auto;
    border-bottom: 1px solid var(--border-light)
}

.tabs-row::-webkit-scrollbar {
    display: none
}

.tab {
    padding: 14px 12px;
    font-size: 13px;
    font-weight: 600;
    color: var(--txt2);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    background: none;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all .15s
}

.tab:hover {
    color: var(--txt)
}

.tab.active {
    color: var(--cyan);
    border-bottom-color: var(--cyan)
}

.tab .ct {
    font-size: 10.5px;
    background: #f4f7fb;
    color: var(--txt3);
    padding: 1px 6px;
    border-radius: 8px;
    font-weight: 700
}

.tab.active .ct {
    background: rgba(0, 154, 253, .1);
    color: var(--cyan)
}

/* Mobile: icon-only tabs; only the active tab shows its label */
@media (max-width: 768px) {

    .tab .tab-label,
    .tab .ct {
        display: none;
    }

    .tab.active .tab-label {
        display: inline;
    }

    .tab.active .ct {
        display: inline-block;
    }

    .tab {
        gap: 6px;
        padding: 12px 14px;
    }
}

/* CONTENT CARDS */
.card {
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: var(--rl);
    scroll-margin-top: 130px;
    padding: 24px;
}

.card-h {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px
}

.card-h h2 {
    font-size: 17px;
    font-weight: 800;
    color: var(--txt);
    letter-spacing: -0.015em;
    display: flex;
    align-items: center;
    gap: 9px
}

.card-h h2 .ico {
    width: 32px;
    height: 32px;
    background: rgba(0, 154, 253, .08);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cyan)
}

.card-h .h-link {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--cyan);
    cursor: pointer;
    text-decoration: none
}

/* SUMMARY GRID */
.summary-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    border: 1px solid var(--border-light);
    border-radius: var(--rl);
    overflow: hidden
}

.sg-row {
    display: contents
}

.sg-cell {
    padding: 14px 18px;
    border-bottom: 1px solid var(--border-light);
    background: #fafbfd
}

.sg-cell:nth-child(odd) {
    background: #fff;
    border-right: 1px solid var(--border-light)
}

.sg-cell:nth-child(4n+3),
.sg-cell:nth-child(4n+4) {
    background: #fafbfd
}

.sg-cell:nth-child(4n+3) {
    background: #fafbfd;
    border-right: 1px solid var(--border-light)
}

.sg-cell:nth-child(4n+4) {
    background: #fff
}

.sg-lbl {
    font-size: 11px;
    color: var(--txt3);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 600;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 5px
}

.sg-val {
    font-size: 13.5px;
    color: var(--txt);
    font-weight: 600;
    line-height: 1.5
}

.sg-val.cyan {
    color: var(--cyan)
}

.sg-val.green {
    color: #15803d
}

.sg-val.orange {
    color: #b14406
}

/* DESCRIPTION */
.desc-text {
    font-size: 13.5px;
    color: var(--txt2);
    line-height: 1.75;
    margin-bottom: 14px
}

.desc-text p {
    margin-bottom: 12px
}

.desc-text strong {
    color: var(--txt)
}

/* BULLETS */
.bullets {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-top: 14px
}

.bullet {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 13px 14px;
    background: #fafbfd;
    border: 1px solid var(--border-light);
    border-radius: 9px
}

.b-num {
    width: 24px;
    height: 24px;
    background: var(--cyan);
    color: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11.5px;
    font-weight: 800;
    flex-shrink: 0
}

.b-content {
    font-size: 13px;
    color: var(--txt2);
    line-height: 1.65
}

.b-content strong {
    color: var(--txt);
    font-weight: 700
}

/* TIMELINE */
.timeline {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    padding-left: 0
}

.tl-item {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 18px;
    padding: 0 0 18px 0;
    position: relative
}

.tl-item:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 157px;
    top: 24px;
    bottom: -8px;
    width: 2px;
    background: var(--border-light)
}

.tl-date {
    padding-top: 4px
}

.tl-date-d {
    font-size: 14px;
    font-weight: 800;
    color: var(--txt);
    letter-spacing: -0.01em
}

.tl-date-t {
    font-size: 11.5px;
    color: var(--txt3);
    font-weight: 500
}

.tl-marker {
    position: relative;
    padding-left: 24px
}

.tl-marker::before {
    content: '';
    position: absolute;
    left: -7px;
    top: 6px;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 3px solid var(--border-light);
    border-radius: 50%;
    z-index: 1
}

.tl-item.done .tl-marker::before {
    background: var(--green);
    border-color: var(--green)
}

.tl-item.curr .tl-marker::before {
    background: var(--cyan);
    border-color: var(--cyan);
    box-shadow: 0 0 0 4px rgba(0, 154, 253, .18)
}

.tl-item.curr {
    position: relative
}

.tl-marker h4 {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--txt);
    margin-bottom: 3px
}

.tl-marker p {
    font-size: 12.5px;
    color: var(--txt2);
    line-height: 1.55
}

.tl-tag {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    margin-top: 5px
}

.tl-tag.done {
    background: #e6f9ee;
    color: #156334
}

.tl-tag.curr {
    background: rgba(0, 154, 253, .1);
    color: var(--cyan)
}

.tl-tag.upc {
    background: #f4f7fb;
    color: var(--txt3)
}

/* DOCS LIST */
.docs-list {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.doc-row {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 14px;
    align-items: center;
    padding: 13px 14px;
    background: #fafbfd;
    border: 1px solid var(--border-light);
    border-radius: 9px;
    cursor: pointer;
    transition: border-color .15s
}

.doc-row:hover {
    border-color: #c0d4ef;
    background: #fff
}

.doc-icon {
    width: 36px;
    height: 42px;
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cyan);
    position: relative;
    font-size: 9px;
    font-weight: 800;
    flex-direction: column;
    gap: 1px;
    padding-top: 6px
}

.doc-icon.pdf {
    color: #dc2626;
    border-color: #fecaca;
    background: #fef2f2
}

.doc-icon.xls {
    color: #15803d;
    border-color: #bbf7d0;
    background: #f0fdf4
}

.doc-icon.zip {
    color: #7c3aed;
    border-color: #ddd6fe;
    background: #faf5ff
}

.doc-icon.doc {
    color: #1d4ed8;
    border-color: #bfdbfe;
    background: #eff6ff
}

.doc-meta h4 {
    font-size: 13px;
    color: var(--txt);
    font-weight: 600;
    margin-bottom: 2px;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.doc-meta p {
    font-size: 11.5px;
    color: var(--txt3);
    display: flex;
    align-items: center;
    gap: 8px
}

.doc-meta p span::before {
    content: '·';
    margin-right: 8px;
    color: var(--txt3)
}

.doc-meta p span:first-child::before {
    content: '';
    margin: 0
}

.doc-size {
    font-size: 11.5px;
    color: var(--txt3);
    font-variant-numeric: tabular-nums;
    font-weight: 500
}

.doc-dl {
    background: transparent;
    border: 1px solid var(--border-light);
    width: 36px;
    height: 36px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--txt2);
    transition: all .15s
}

.doc-dl:hover {
    border-color: var(--cyan);
    color: var(--cyan)
}

/* AI INSIGHT */
.ai-card {
    background: linear-gradient(135deg, #f0f9ff 0%, #fff 100%);
    border: 1px solid #bae0ff
}

.ai-h {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px
}

.ai-h .ai-ico {
    width: 36px;
    height: 36px;
    background: var(--cyan);
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 800;
    font-size: 13px
}

.ai-h h2 {
    font-size: 17px;
    font-weight: 800;
    color: var(--txt);
    letter-spacing: -0.015em
}

.ai-h .ai-tag {
    margin-left: auto;
    font-size: 10.5px;
    font-weight: 700;
    color: var(--cyan);
    background: rgba(0, 154, 253, .1);
    padding: 3px 9px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: .06em
}

.ai-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 18px
}

.ai-stat {
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: 9px;
    padding: 14px
}

.ai-stat-l {
    font-size: 11px;
    color: var(--txt3);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 600;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 5px
}

.ai-stat-v {
    font-size: 24px;
    font-weight: 800;
    color: var(--txt);
    letter-spacing: -0.02em;
    line-height: 1
}

.ai-stat-v.green {
    color: #15803d
}

.ai-stat-v.orange {
    color: #c2410c
}

.ai-stat-v.cyan {
    color: var(--cyan)
}

.ai-stat-s {
    font-size: 11.5px;
    color: var(--txt3);
    margin-top: 4px
}

.ai-prose {
    font-size: 13px;
    color: var(--txt2);
    line-height: 1.7;
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: 9px;
    padding: 14px 16px
}

.ai-prose strong {
    color: var(--txt)
}

.ai-actions {
    display: flex;
    gap: 8px;
    margin-top: 14px;
    flex-wrap: wrap
}

.ai-act {
    background: #fff;
    border: 1px solid #bae0ff;
    color: var(--cyan);
    padding: 8px 14px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all .15s
}

.ai-act:hover {
    background: var(--cyan);
    color: #fff;
    border-color: var(--cyan)
}

/* SIDEBAR */
.sidebar {
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: sticky;
    top: 0px
}

/* COUNTDOWN CARD */
.countdown-card {
    background: linear-gradient(135deg, #fff5e6 0%, #ffe9cb 100%);
    border: 1px solid #f3c98a;
    border-radius: var(--rl);
    padding: 18px
}

.cd-lbl {
    font-size: 11px;
    color: #92400e;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px
}

.cd-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin: 10px 0 14px
}

.cd-cell {
    text-align: center;
    background: #fff;
    border: 1px solid #f3c98a;
    border-radius: 8px;
    padding: 10px 4px
}

.cd-num {
    font-size: 22px;
    font-weight: 900;
    color: #92400e;
    line-height: 1;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums
}

.cd-unit {
    font-size: 10px;
    color: #92400e;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 600;
    margin-top: 3px
}

.cd-deadline {
    font-size: 11.5px;
    color: #92400e;
    text-align: center;
    margin-top: 6px
}

.cd-deadline strong {
    font-weight: 700
}

/* CTA SIDE */
.side-cta-card {
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: var(--rl);
    padding: 20px;
    text-align: center
}

.side-cta-card h3 {
    font-size: 15px;
    font-weight: 800;
    color: var(--txt);
    margin-bottom: 6px
}

.side-cta-card p {
    font-size: 12.5px;
    color: var(--txt2);
    margin-bottom: 14px;
    line-height: 1.6
}

.side-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    padding: 11px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    border: none;
    margin-bottom: 8px;
    transition: all .15s;
    text-decoration: none
}

.side-btn-primary {
    background: var(--cyan);
    color: #fff
}

.side-btn-primary:hover {
    background: #0084d8
}

.side-btn-dark {
    background: var(--dark);
    color: #fff
}

.side-btn-dark:hover {
    background: #1b2a42
}

.side-btn-ghost {
    background: #fff;
    color: var(--txt);
    border: 1px solid var(--border-light)
}

.side-btn-ghost:hover {
    border-color: var(--cyan);
    color: var(--cyan)
}

/* AUTHORITY */
.auth-card {
    padding: 18px;
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: var(--rl)
}

.auth-card h3 {
    font-size: 11.5px;
    color: var(--txt3);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    margin-bottom: 12px
}

.auth-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px
}

.auth-logo-lg {
    width: 46px;
    height: 46px;
    background: rgba(0, 154, 253, .08);
    border: 1px solid rgba(0, 154, 253, .2);
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cyan);
    font-weight: 800;
    font-size: 13px;
    flex-shrink: 0
}

.auth-name {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--txt);
    line-height: 1.3;
    margin-bottom: 2px
}

.auth-loc {
    font-size: 11.5px;
    color: var(--txt3)
}

.auth-stat {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--border-light)
}

.auth-stat-cell {
    padding: 8px 0
}

.auth-stat-l {
    font-size: 10.5px;
    color: var(--txt3);
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 600;
    margin-bottom: 2px
}

.auth-stat-v {
    font-size: 14px;
    font-weight: 800;
    color: var(--txt)
}

.auth-stat-v em {
    font-style: normal;
    color: var(--cyan)
}

/* SIMILAR TENDERS */
.similar-card {
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: var(--rl);
    overflow: hidden
}

.similar-card .card-h-pad {
    padding: 16px 18px 12px;
    border-bottom: 1px solid var(--border-light)
}

.similar-card h3 {
    font-size: 13px;
    font-weight: 800;
    color: var(--txt);
    display: flex;
    align-items: center;
    gap: 8px
}

.similar-card h3 .ico {
    width: 24px;
    height: 24px;
    background: rgba(0, 154, 253, .08);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cyan)
}

.sim-list {
    display: flex;
    flex-direction: column
}

.sim-item {
    padding: 13px 18px;
    border-bottom: 1px solid var(--border-light);
    cursor: pointer;
    transition: background .15s;
    text-decoration: none;
    display: block
}

.sim-item:last-child {
    border-bottom: none
}

.sim-item:hover {
    background: #fafbfd
}

.sim-cat {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--cyan);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 5px
}

.sim-title {
    font-size: 12.5px;
    color: var(--txt);
    font-weight: 600;
    line-height: 1.45;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.sim-meta {
    display: flex;
    gap: 10px;
    font-size: 11px;
    color: var(--txt3)
}

.sim-meta b {
    color: #15803d
}

/* SHARE CARD */
.share-card {
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: var(--rl);
    padding: 14px 18px
}

.share-row {
    display: flex;
    gap: 6px;
    align-items: center
}

.share-row .share-lbl {
    font-size: 11.5px;
    color: var(--txt3);
    font-weight: 600;
    flex: 1
}

.share-btn {
    width: 32px;
    height: 32px;
    border-radius: 7px;
    border: 1px solid var(--border-light);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--txt2);
    transition: all .15s
}

.share-btn:hover {
    color: var(--cyan);
    border-color: var(--cyan)
}

/* TAGS */
.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px
}

.tag {
    font-size: 11.5px;
    color: var(--txt2);
    background: #f4f7fb;
    padding: 4px 10px;
    border-radius: 14px;
    border: 1px solid var(--border-light)
}

.tag.cyan {
    background: rgba(0, 154, 253, .06);
    border-color: rgba(0, 154, 253, .2);
    color: var(--cyan)
}


/* MOBILE MENU TOGGLE */
.menu-toggle {
    display: none;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--txt);
    padding: 8px;
    margin-right: -8px
}

.menu-toggle svg {
    width: 24px;
    height: 24px
}


.scroll-top-btn {
    position: fixed;
    right: 25px;
    /* center align with whatsapp */
    bottom: 130px;
    /* 60 + 56 + gap */
    display: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3c8dbc, #00c0ef);
    color: #fff;
    border: none;
    font-size: 20px;
    cursor: pointer;
    z-index: 999998;
    transition: all 0.3s ease;
}

/* Outer ripple circle */
.scroll-top-btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    background: rgba(0, 192, 239, 0.4);
    z-index: -1;
    animation: pulse 1.5s infinite;
}

.page-loader-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.72);
    backdrop-filter: blur(8px);
    transition: all 0.35s ease;
}

.page-loader-overlay.hide {
    opacity: 0;
    visibility: hidden;
}

.page-loader-box {
    position: relative;
    text-align: center;
}

/* Animated Ring */

.loader-ring {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255, 0.08);
    border-top: 4px solid #3b82f6;
    animation: loaderSpin 1s linear infinite;
    box-shadow: 0 0 25px rgba(59, 130, 246, 0.4), 0 0 60px rgba(59, 130, 246, 0.25);
    margin: auto;
}

/* Center Logo */

.loader-logo {
    position: absolute;
    top: 27px;
    left: 50%;
    transform: translateX(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: white;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 18px rgba(37, 99, 235, 0.6);
}

/* Title */

.loader-title {
    margin-top: 24px;
    font-size: 28px;
    font-weight: 700;
    color: white;
    letter-spacing: 1px;
}

/* Subtitle */

.loader-subtitle {
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 15px;
    letter-spacing: 0.4px;
}

/* Animated Dots */

.loader-dots::after {
    content: '';
    animation: dotsAnimation 1.5s infinite;
}

/* Ring Animation */

@keyframes loaderSpin {
    100% {
        transform: rotate(360deg);
    }
}

/* Dots Animation */

@keyframes dotsAnimation {

    0% {
        content: '';
    }

    25% {
        content: '.';
    }

    50% {
        content: '..';
    }

    75% {
        content: '...';
    }
}


/*Home Page tab Controls*/

.tender-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 0px;
}

.tt {
    padding: 10px 18px;
    border: none;
    border-radius: 6px;
    background: #f1f1f1;
    cursor: pointer;
    font-weight: 600;
}

.tt.active {
    background: #009afd;
    color: #fff;
}

.tab-pane {
    display: none;
}

.active-pane {
    display: block;
}



















/* LIVE = GREEN */
.labelGreensuccess {
    background-color: #16a34a !important;
    color: #fff !important;
}

/* FRESH = ORANGE */
.labelOrangewarning {
    background-color: #f59e0b !important;
    color: #fff !important;
}

/* CLOSED = RED */
.labelReddanger {
    background-color: #dc2626 !important;
    color: #fff !important;
}

.labelblueprimary {
    background-color: #00a7d0 !important;
    color: #fff !important;
}

.clickable-card {
    cursor: pointer;
    transition: all .25s ease;
}

.clickable-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
}

/* ===== COMPACT TENDER MINI STATS ===== */
/* ===== PREMIUM STATS ===== */
.modern-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin: 20px 0;
}

.modern-card {
    background: #fff;
    border-radius: 14px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
    border: 1px solid #e6effb;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    transition: all .2s ease;
    position: relative;
    overflow: hidden;
}

.modern-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(0, 0, 0, .12);
    border-color: #dbeafe;
}



.mc-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: transparent;
}

.mc-icon svg {
    width: 30px;
    height: 30px;
}

/* Colorful icons, no background (override AdminLTE/Bootstrap .bg-* !important) */
.mc-icon.bg-blue {
    background: transparent !important;
    color: #2563eb !important;
}

.mc-icon.bg-orange {
    background: transparent !important;
    color: #ea580c !important;
}

.mc-icon.bg-green {
    background: transparent !important;
    color: #16a34a !important;
}

.mc-icon.bg-purple {
    background: transparent !important;
    color: #7c3aed !important;
}

.mc-icon.bg-info {
    background: transparent !important;
    color: #0891b2 !important;
}

.bg-blue {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
}

.bg-orange {
    background: linear-gradient(135deg, #f59e0b, #f97316);
}

.bg-green {
    background: linear-gradient(135deg, #10b981, #16a34a);
}

.bg-purple {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}

.mc-content {
    flex: 1;
}

.mc-title {
    font-size: 13px;
    color: #64748b;
    font-weight: 600;
    margin-bottom: 6px;
}

.mc-value {
    font-size: 20px;
    font-weight: 800;
    color: #1f4e79;
    line-height: 1;
    margin-bottom: 6px;
}

.mc-sub {
    font-size: 12px;
    color: #94a3b8;
}

.mc-arrow {
    color: #cbd5e1;
    font-size: 16px;
    transition: .25s;
}

.mc-arrow svg {
    width: 18px;
    height: 18px;
    display: block;
}

.modern-card:hover .mc-arrow {
    transform: translateX(4px);
    color: #2563eb;
}

@media(max-width:991px) {
    .modern-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .mc-sub {
        font-size: 11px;
        line-height: 1.2;
    }

    .mc-arrow {
        display: none;
    }

    .mc-icon {
        width: 36px;
        height: 36px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;

    }

    .mc-value {
        font-size: 20px;
    }

    .mc-title,
    .mc-sub {
        font-size: 11px;

    }

}

@media(max-width:576px) {
    .modern-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .modern-card {
        padding: 12px;
        gap: 10px;
    }


}


/* ACTIVE FILTER CHIPS */
.active-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 0;
}

.af-title {
    font-size: 11.5px;
    color: var(--txt2);
    margin-right: 4px;
}

.af-items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.afchip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 30px;
    background: #eef6ff;
    border: 1px solid #b9dcff;
    color: #0d6efd;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

.afchip svg {
    width: 11px;
    height: 11px;
}

.af-clear {
    border: none;
    background: none;
    color: #0d6efd;
    font-size: 12px;
    cursor: pointer;
    margin-left: 4px;
}

.td-orange {
    background: #f59e0b;
}

.td-blue {
    background: #2563eb;
}

.td-green {
    background: #16a34a;
}

/* LABEL */

.td-mini-label {
    font-size: 10px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: 4px;
    line-height: 1.3;
}

/* VALUE */

.td-mini-value {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.1;
    color: #0f172a;
}

.td-mini-value a {
    font-size: 18px;
    font-weight: 800;
}

.td-mini-value.cyan-text {
    color: #06b6d4;
}

.td-mini-value.orange-text {
    color: #f59e0b;
}

/* SUBTEXT */

.td-mini-sub {
    margin-top: 4px;
    font-size: 10px;
    color: #94a3b8;
    line-height: 1.3;
}

/* MOBILE */

@media(max-width:992px) {

    .td-mini-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:576px) {

    .td-mini-stats {
        grid-template-columns: 1fr;
    }
}


.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 99999;
}

.item-container {
    padding: 8px 12px;
}

.item-container .left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.item-container .icon {
    width: 20px;
    text-align: center;
}

.item-container .badge {
    font-size: 11px;
}

.related-products-card {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    overflow: hidden;
}

.related-products-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--bs-border-color);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--bs-secondary-color);
}

.related-products-header i {
    font-size: 1rem;
    color: var(--bs-primary);
}

.related-products-list {
    max-height: 300px;
    overflow-y: auto;
}

.related-product-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    font-size: 0.875rem;
    color: var(--bs-primary);
    text-decoration: none;
    border-bottom: 1px solid var(--bs-border-color);
    transition: background 0.15s ease;
}

.related-product-item:last-child {
    border-bottom: none;
}

.related-product-item:hover {
    background: var(--bs-tertiary-bg);
    color: var(--bs-primary);
}

.related-product-item i {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
    flex-shrink: 0;
}

.share-dropdown {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    min-width: 160px;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.share-dropdown button {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 16px;
    border: none;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    color: #333;
}

.share-dropdown button:hover {
    background: #f5f5f5;
}


/*Tender Notice Inquiry form*/

/* Modal Backdrop */
.modal-backdrop.show {
    opacity: .75;
}

/* Main Modal */
/* ════════════════════════════════════════════════════
   rtd-*  Request Tender Document Modal
   ════════════════════════════════════════════════════ */

/* Keep legacy class alive for any other references */
.tender-modal {
    border: none;
    border-radius: 20px;
    overflow: hidden;
}

.rtd-dialog {
    max-width: 480px;
}

.rtd-modal-content {
    border: none;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(30, 60, 114, .22);
    animation: rtdPop .22s ease;
}

@keyframes rtdPop {
    from {
        transform: scale(.95);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* ── Header ─── */
.rtd-header {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 60%, #1a6baa 100%);
    padding: 32px 28px 22px;
    text-align: center;
    position: relative;
}

.rtd-close-btn {
    position: absolute;
    top: 14px;
    right: 16px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    color: #fff;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
    transition: background .2s;
}

.rtd-close-btn:hover {
    background: rgba(255, 255, 255, .22);
}

/* animated document icon */
.rtd-header-icon-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: 14px;
}

.rtd-header-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    border: 2px solid rgba(255, 255, 255, .35);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff;
    position: relative;
    z-index: 1;
}

.rtd-ring {
    position: absolute;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .22);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    animation: rtd-ring-pulse 2.4s ease-out infinite;
}

.rtd-ring-1 {
    width: 68px;
    height: 68px;
    animation-delay: 0s;
}

.rtd-ring-2 {
    width: 86px;
    height: 86px;
    animation-delay: .9s;
}

@keyframes rtd-ring-pulse {
    0% {
        transform: translate(-50%, -50%) scale(.8);
        opacity: .65;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0;
    }
}

.rtd-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 6px;
    letter-spacing: -.2px;
}

.rtd-sub {
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
    margin: 0 0 16px;
    line-height: 1.5;
}

.rtd-benefit-chips {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rtd-chip {
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .25);
    color: rgba(255, 255, 255, .92);
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 11.5px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* ── Steps ─── */
.rtd-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 28px 0;
    background: #fff;
    gap: 0;
}

.rtd-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.rtd-step-dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #e4eaf3;
    color: #8898b0;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .25s, color .25s;
}

.rtd-step-active .rtd-step-dot {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: #fff;
    box-shadow: 0 2px 8px rgba(30, 60, 114, .3);
}

.rtd-step-done .rtd-step-dot {
    background: #22c55e;
    color: #fff;
}

.rtd-step-label {
    font-size: 10.5px;
    font-weight: 600;
    color: #8898b0;
    white-space: nowrap;
}

.rtd-step-active .rtd-step-label {
    color: #1e3c72;
}

.rtd-step-done .rtd-step-label {
    color: #16a34a;
}

.rtd-step-line {
    flex: 1;
    height: 2px;
    background: #e4eaf3;
    margin: 0 6px;
    margin-bottom: 14px;
    min-width: 36px;
}

/* ── Body ─── */
.rtd-body {
    background: #f8fafd;
    padding: 20px 28px 8px;
}

.rtd-field-group {
    margin-bottom: 16px;
}

.rtd-label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 600;
    color: #1a2744;
    margin-bottom: 7px;
}

.rtd-req {
    color: #e53e3e;
}

.rtd-input-wrap {
    position: relative;
}

.rtd-input-icon {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: #8898b0;
    font-size: 13px;
    pointer-events: none;
    z-index: 1;
}

.rtd-input {
    width: 100%;
    padding: 11px 14px 11px 38px;
    border: 1.5px solid #e4eaf3;
    border-radius: 10px;
    font-size: 14px;
    color: #1a2744;
    background: #fff;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
    box-sizing: border-box;
    appearance: none;
}

.rtd-input::placeholder {
    color: #b0bdd0;
}

.rtd-input:focus {
    border-color: #2a5298;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, .1);
}

/* Select */
.rtd-select-wrap .rtd-select {
    width: 100%;
    padding: 11px 14px 11px 38px;
    border: 1.5px solid #e4eaf3;
    border-radius: 10px;
    font-size: 14px;
    color: #1a2744;
    background: #fff;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
}

.rtd-select-wrap .rtd-select:focus {
    border-color: #2a5298;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, .1);
}

/* Phone row */
.rtd-phone-row {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 10px;
}

/* OTP section */
.rtd-otp-section {
    background: #fff;
    border: 1.5px solid #e4eaf3;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
}

.rtd-otp-header {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}

.rtd-otp-icon {
    width: 34px;
    height: 34px;
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.rtd-otp-title {
    font-size: 14px;
    font-weight: 700;
    color: #1a2744;
}

.rtd-otp-sub {
    font-size: 12px;
    color: #8898b0;
    margin-top: 2px;
}

.rtd-otp-input {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 10px;
    padding-left: 14px;
}

/* Error */
.rtd-error {
    display: block;
    font-size: 12px;
    color: #e53e3e;
    margin-top: 5px;
    min-height: 16px;
}

/* Security note */
.rtd-secure-note {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 12px;
    color: #8898b0;
    background: #fff;
    border: 1px solid #e4eaf3;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 16px;
    line-height: 1.5;
}

.rtd-secure-note .fas {
    color: #22c55e;
    flex-shrink: 0;
    margin-top: 1px;
}

/* Download button */
.rtd-btn-download {
    width: 100%;
    padding: 14px;
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 4px 14px rgba(30, 60, 114, .3);
    transition: transform .15s, box-shadow .15s;
    margin-bottom: 20px;
}

.rtd-btn-download:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(30, 60, 114, .4);
    color: #fff;
}

.rtd-btn-download:active {
    transform: translateY(0);
}

/* legacy compat stubs */
.validation-message {
    display: block;
    margin-top: 4px;
}

/*Tender Notice pdf download */

.pdf-header {
    background: #12366b;
    color: #fff;
    padding: 15px;
    border-radius: 8px;
}

.pdf-title {
    font-size: 24px;
    font-weight: 700;
}

.pdf-section {
    margin-top: 20px;
    border: 1px solid #dce4ec;
    border-radius: 10px;
    overflow: hidden;
}

.pdf-section-header {
    background: #f6f9fc;
    padding: 12px;
    font-size: 18px;
    font-weight: 700;
    color: #12366b;
}

.pdf-section-body {
    padding: 15px;
}

.overview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.overview-item {
    border: 1px solid #e7edf3;
    padding: 10px;
    border-radius: 6px;
}

.overview-label {
    color: #666;
    font-size: 12px;
}

.overview-value {
    font-size: 14px;
    font-weight: 600;
}

.scope-item {
    border-left: 4px solid #0d6efd;
    background: #f8fbff;
    padding: 10px;
    margin-bottom: 10px;
}

.timeline-item {
    border-left: 3px solid #0d6efd;
    padding-left: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
}

.timeline-date {
    color: #0d6efd;
    font-weight: 700;
}

.doc-item {
    border: 1px solid #e6ebf0;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 8px;
}

.footer {
    margin-top: 20px;
    text-align: center;
    color: #777;
    font-size: 12px;
}


/* Project Details Visitor Page */

.project-info-table th {
    background: #f8f9fa;
    font-weight: 600;
    width: 220px;
}

.project-card {
    border-radius: 6px;
    overflow: hidden;
}

.project-card .card-header {
    border-top: 3px solid #007bff;
    font-size: 24px;
    font-weight: 500;
}

.project-card .card-body {
    font-size: 16px;
}

/* === PROJECT NEWS — Redesigned (pn-*) === */

.pn-hero {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    padding: 28px 0 24px;
    color: #fff;
}

.pn-hero .breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0 0 14px;
    font-size: 13px;
}

.pn-hero .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
}

.pn-hero .breadcrumb-item.active,
.pn-hero .breadcrumb-item span {
    color: rgba(255, 255, 255, 0.55);
}

.pn-hero .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.4);
}

.pn-pnr-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    margin-bottom: 10px;
}

.pn-org-name {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 12px;
    color: #fff;
}

.pn-meta-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.pn-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.85);
}

.pn-chip i {
    font-size: 11px;
    opacity: 0.7;
}

/* Info Card */
.pn-info-card {
    border-radius: 12px;
    border: 1px solid #e4eaf3;
    overflow: hidden;
}

.pn-info-card .card-header {
    background: #fff;
    border-bottom: 2px solid #e4eaf3;
    border-top: 3px solid #1e3c72;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 700;
    color: #1a2744;
}

.pn-info-card .card-header i {
    color: #2a5298;
    margin-right: 8px;
}

.pn-row {
    display: flex;
    align-items: flex-start;
    padding: 13px 20px;
    border-bottom: 1px solid #f0f3f8;
    gap: 14px;
    transition: background .15s;
}

.pn-row:last-child {
    border-bottom: none;
}

.pn-row:hover {
    background: #fafbfd;
}

.pn-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
    margin-top: 2px;
}

.pn-icon.blue {
    background: #eef3ff;
    color: #2a5298;
}

.pn-icon.orange {
    background: #fff3e0;
    color: #fd7e14;
}

.pn-icon.green {
    background: #e8f5e9;
    color: #28a745;
}

.pn-icon.teal {
    background: #e0f4f8;
    color: #17a2b8;
}

.pn-icon.purple {
    background: #f3e8ff;
    color: #6f42c1;
}

.pn-label {
    font-size: 11px;
    font-weight: 600;
    color: #8fa3be;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 3px;
}

.pn-value {
    font-size: 14px;
    font-weight: 600;
    color: #1a2744;
    line-height: 1.4;
}

.pn-value-muted {
    color: #adb5bd;
    font-weight: 400;
}

.pn-value-amount {
    color: #28a745;
    font-weight: 700;
}

/* Disclaimer */
.pn-disclaimer {
    border-radius: 12px;
    border: 1px solid #ffeaa7;
    background: #fffbf0;
    overflow: hidden;
}

.pn-disclaimer .card-header {
    background: #fff3cd;
    border-bottom: 1px solid #ffeaa7;
    font-size: 13px;
    font-weight: 700;
    color: #856404;
    padding: 10px 18px;
}

.pn-disclaimer .card-header i {
    margin-right: 6px;
}

.pn-disclaimer-text {
    font-size: 13px;
    color: #5a6a7a;
    line-height: 1.75;
}

/* Sticky sidebar */
@media (min-width: 992px) {
    .pn-sidebar {
        position: sticky;
        top: 80px;
    }
}

@media (max-width: 991px) {
    .pn-hero {
        padding: 20px 0 16px;
    }

    .pn-org-name {
        font-size: 17px;
    }
}









.cardborder {
    border: 2px solid #17a2b8;
    border-radius: 6px;
    padding: 0px 20px 0px 20px;
    box-shadow: none;
}

.awarded-box {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    overflow: hidden;
}

.awarded-content {
    margin-left: 0;
    padding: 15px;
    min-height: 150px;
}

.awarded-title {
    display: block;
    text-align: center;
}

.awarded-badge {
    background-color: #a92626;
    font-size: 16px;
    margin-top: 5px;
    border-radius: 0;
    display: inline-block;
}

.fontsize14 {
    font-size: 14px !important;
}


/* ===================================================
   GLOBAL TENDER NOTICE PAGE  (gtn-*)
   =================================================== */

/* Hero strip */
.gtn-hero {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    padding: 24px 0 22px;
    color: #fff;
}

.gtn-hero .breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0 0 14px;
    font-size: 13px;
}

.gtn-hero .breadcrumb-item a {
    color: rgba(255, 255, 255, .75);
    text-decoration: none;
}

.gtn-hero .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, .4);
}

.gtn-hero .breadcrumb-item.active,
.gtn-hero .breadcrumb-item span {
    color: rgba(255, 255, 255, .55);
}

.gtn-ref-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    margin-bottom: 10px;
    font-family: monospace;
}

.gtn-hero-title {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 12px;
    max-width: 800px;
}

.gtn-hero-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.gtn-hero-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 20px;
    padding: 4px 13px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, .9);
}

.gtn-hero-chip.icb {
    background: rgba(253, 126, 20, .25);
    border-color: rgba(253, 126, 20, .4);
    color: #ffd08a;
}

.gtn-hero-chip.ncb {
    background: rgba(34, 197, 94, .2);
    border-color: rgba(34, 197, 94, .35);
    color: #86efac;
}

.gtn-hero-chip.date {
    background: rgba(239, 68, 68, .2);
    border-color: rgba(239, 68, 68, .35);
    color: #fca5a5;
}

/* Main section */
.gtn-section {
    background: #f3f6fb;
    padding: 28px 0 60px;
}

/* Info card */
.gtn-info-card {
    border-radius: 12px;
    border: 1px solid #e4eaf3;
    overflow: hidden;
    background: #fff;
}

.gtn-info-card .card-header {
    background: #fff;
    border-bottom: 2px solid #e4eaf3;
    border-top: 3px solid #1e3c72;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 700;
    color: #1a2744;
}

.gtn-info-card .card-header i {
    color: #2a5298;
    margin-right: 8px;
}

/* Icon rows */
.gtn-row {
    display: flex;
    align-items: flex-start;
    padding: 12px 20px;
    border-bottom: 1px solid #f0f3f8;
    gap: 14px;
    transition: background .15s;
}

.gtn-row:last-child {
    border-bottom: none;
}

.gtn-row:hover {
    background: #fafbfd;
}

.gtn-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
    margin-top: 2px;
}

.gtn-icon.blue {
    background: #eef3ff;
    color: #2a5298;
}

.gtn-icon.orange {
    background: #fff3e0;
    color: #fd7e14;
}

.gtn-icon.green {
    background: #e8f5e9;
    color: #28a745;
}

.gtn-icon.teal {
    background: #e0f4f8;
    color: #17a2b8;
}

.gtn-icon.purple {
    background: #f3e8ff;
    color: #6f42c1;
}

.gtn-icon.red {
    background: #fde8e8;
    color: #dc3545;
}

.gtn-label {
    font-size: 11px;
    font-weight: 700;
    color: #8fa3be;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 3px;
}

.gtn-value {
    font-size: 14px;
    font-weight: 600;
    color: #1a2744;
    line-height: 1.45;
}

.gtn-value-muted {
    color: #adb5bd;
    font-weight: 400;
}

.gtn-value-amount {
    color: #15803d;
    font-weight: 800;
    font-size: 16px;
}

/* Locked field */
.gtn-locked {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #fd7e14;
    font-weight: 600;
    cursor: pointer;
}

.gtn-locked i {
    font-size: 12px;
}

.gtn-locked:hover {
    text-decoration: underline;
}

/* Content card (Work Detail / Key Value / Documents) */
.gtn-content-card {
    border-radius: 12px;
    border: 1px solid #e4eaf3;
    overflow: hidden;
    background: #fff;
}

.gtn-content-card .card-header {
    background: #fff;
    border-bottom: 2px solid #e4eaf3;
    border-top: 3px solid #fd7e14;
    padding: 13px 20px;
    font-size: 14px;
    font-weight: 700;
    color: #1a2744;
}

.gtn-content-card .card-header i {
    color: #fd7e14;
    margin-right: 8px;
}

.gtn-content-card .card-body {
    font-size: 14px;
    color: #3a4a60;
    line-height: 1.75;
}

/* Key value highlight */
.gtn-amount-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
}

.gtn-amount-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #e8f5e9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #15803d;
    flex-shrink: 0;
}

.gtn-amount-label {
    font-size: 11px;
    font-weight: 700;
    color: #8fa3be;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 4px;
}

.gtn-amount-value {
    font-size: 18px;
    font-weight: 800;
    color: #15803d;
}

/* Document row */
.gtn-doc-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
}

.gtn-doc-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #eef3ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #2a5298;
    flex-shrink: 0;
}

.gtn-doc-name {
    font-size: 13px;
    font-weight: 600;
    color: #1a2744;
    flex: 1;
}

.gtn-doc-file {
    font-size: 12px;
    color: #6c757d;
    font-family: monospace;
}

/* Disclaimer */
.gtn-disclaimer {
    border-radius: 12px;
    border: 1px solid #ffeaa7;
    background: #fffbf0;
    overflow: hidden;
}

.gtn-disclaimer .card-header {
    background: #fff3cd;
    border-bottom: 1px solid #ffeaa7;
    font-size: 13px;
    font-weight: 700;
    color: #856404;
    padding: 10px 18px;
}

.gtn-disclaimer .card-header i {
    margin-right: 6px;
}

.gtn-disclaimer-text {
    font-size: 13px;
    color: #5a6a7a;
    line-height: 1.75;
}

/* Sticky sidebar */
@media (min-width: 992px) {
    .gtn-sidebar {
        position: sticky;
        top: 80px;
    }
}

@media (max-width: 991px) {
    .gtn-hero-title {
        font-size: 17px;
    }

    .gtn-hero {
        padding: 18px 0 16px;
    }
}


/* ===================================================
   STATE WISE TENDER LISTING PAGE  (stl-*)
   =================================================== */

.stl-hero {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    padding: 22px 0 22px;
    color: #fff;
}

.stl-hero .breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0 0 12px;
    font-size: 13px;
}

.stl-hero .breadcrumb-item a {
    color: rgba(255, 255, 255, .75);
    text-decoration: none;
}

.stl-hero .breadcrumb-item a:hover {
    color: #fff;
    text-decoration: underline;
}

.stl-hero .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, .4);
}

.stl-hero .breadcrumb-item.active span {
    color: rgba(255, 255, 255, .95);
    font-weight: 500;
}

.stl-hero-title {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 6px;
}

.stl-hero-desc {
    font-size: 13px;
    color: rgba(255, 255, 255, .8);
    margin: 0 0 12px;
    line-height: 1.6;
    max-width: 680px;
}

.stl-hero-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.stl-hero-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 20px;
    padding: 4px 13px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, .9);
}

/* Main section */
.stl-section {
    background: #f3f6fb;
    padding: 28px 0 60px;
}

/* Result bar */
.stl-result-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e4eaf3;
    border-radius: 10px;
    padding: 10px 16px;
    margin-bottom: 16px;
}

.stl-result-count {
    font-size: 13px;
    color: #4a6080;
    font-weight: 500;
}

.stl-result-count strong {
    color: #1a2744;
    font-weight: 700;
}

.stl-sort-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #4a6080;
}

.stl-sort-wrap .btn-no-bg {
    color: #4a6080;
    font-size: 13px;
    padding: 4px 10px;
    border: 1.5px solid #e4eaf3;
    border-radius: 8px;
    background: #fafbfd;
    transition: all .15s;
}

.stl-sort-wrap .btn-no-bg:hover {
    border-color: #2a5298;
    color: #2a5298;
}

/* City sidebar card */
.stl-city-card {
    border-radius: 12px;
    border: 1px solid #e4eaf3;
    overflow: hidden;
    background: #fff;
}

.stl-city-header {
    background: #fff;
    border-bottom: 2px solid #e4eaf3;
    border-top: 3px solid #1e3c72;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 700;
    color: #1a2744;
    display: flex;
    align-items: center;
    gap: 8px;
}

.stl-city-header i {
    color: #2a5298;
    font-size: 13px;
}

.stl-city-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    border-bottom: 1px solid #f0f3f8;
    text-decoration: none;
    transition: background .15s;
}

.stl-city-row:last-child {
    border-bottom: none;
}

.stl-city-row:hover {
    background: #f5f8ff;
    text-decoration: none;
}

.stl-city-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fd7e14;
    flex-shrink: 0;
}

.stl-city-name {
    font-size: 13px;
    color: #1a2744;
    font-weight: 500;
    flex: 1;
}

.stl-city-row:hover .stl-city-name {
    color: #1e3c72;
}

.stl-city-arrow {
    font-size: 10px;
    color: #d0d8e4;
    transition: transform .15s, color .15s;
}

.stl-city-row:hover .stl-city-arrow {
    color: #2a5298;
    transform: translateX(2px);
}

/* Sticky sidebar */
@media (min-width: 992px) {
    .stl-sidebar {
        position: sticky;
        top: 80px;
    }
}

@media (max-width: 991px) {
    .stl-hero-title {
        font-size: 20px;
    }

    .stl-result-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}


/* ===================================================
   STATE WISE TENDER CARDS  (swtc-*)
   =================================================== */

.swtc-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Card base */
.swtc-card {
    background: #fff;
    border: 1px solid #e4eaf3;
    border-left: 4px solid #22c55e;
    border-radius: 10px;
    padding: 16px 18px;
    transition: box-shadow .2s, transform .2s, border-color .2s;
}

.swtc-card.status-fresh {
    border-left-color: #fd7e14;
}

.swtc-card.status-closed {
    border-left-color: #ef4444;
}

.swtc-card.status-live {
    border-left-color: #22c55e;
}

.swtc-card:hover {
    box-shadow: 0 6px 24px rgba(30, 60, 114, .1);
    border-color: #c8d8f0;
    transform: translateY(-2px);
}

/* Top row */
.swtc-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 9px;
    flex-wrap: wrap;
    gap: 6px;
}

.swtc-left-chips {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* Status pill */
.swtc-status {
    font-size: 10px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.swtc-status.live {
    background: #dcfce7;
    color: #15803d;
}

.swtc-status.fresh {
    background: #fff3e0;
    color: #c05c00;
}

.swtc-status.closed {
    background: #fee2e2;
    color: #b91c1c;
}

/* Ref number */
.swtc-ref {
    font-size: 11px;
    font-family: monospace;
    color: #8fa3be;
    background: #f4f7fb;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid #e4eaf3;
}

/* State badge */
.swtc-state-badge {
    font-size: 11px;
    color: #4a6080;
    background: #f4f7fb;
    border: 1px solid #e4eaf3;
    border-radius: 20px;
    padding: 3px 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

/* Title */
.swtc-title {
    font-size: 14px;
    font-weight: 700;
    color: #1a2744;
    line-height: 1.55;
    margin-bottom: 10px;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.swtc-title:hover {
    color: #1e3c72;
    text-decoration: none;
}

/* Tags row */
.swtc-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.swtc-tag {
    font-size: 11px;
    color: #4a6080;
    background: #f4f7fb;
    border: 1px solid #e4eaf3;
    border-radius: 5px;
    padding: 3px 9px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.swtc-tag i {
    font-size: 10px;
}

/* Info footer */
.swtc-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 10px;
    border-top: 1px solid #f0f3f8;
}

.swtc-meta-group {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.swtc-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12.5px;
    color: #4a6080;
}

.swtc-meta-item i {
    color: #adb5bd;
    font-size: 12px;
}

.swtc-meta-item.urgent {
    color: #fd7e14;
    font-weight: 600;
}

.swtc-meta-item.urgent i {
    color: #fd7e14;
}

.swtc-meta-item.value {
    color: #15803d;
    font-weight: 700;
}

.swtc-meta-item.value i {
    color: #15803d;
}

/* Days left badge */
.swtc-days-badge {
    font-size: 10px;
    font-weight: 700;
    background: linear-gradient(135deg, #ff3d00, #ff9800);
    color: #fff;
    border-radius: 10px;
    padding: 2px 8px;
    margin-left: 3px;
}

/* View button */
.swtc-view-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: #fff;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity .2s, transform .15s;
}

.swtc-view-btn:hover {
    opacity: .9;
    transform: translateY(-1px);
    color: #fff;
    text-decoration: none;
}

.swtc-view-btn i {
    font-size: 11px;
}

/* Responsive */
@media (max-width: 767px) {
    .swtc-card {
        padding: 14px 14px 14px 12px;
    }

    .swtc-info {
        flex-direction: column;
        align-items: flex-start;
    }

    .swtc-view-btn {
        width: 100%;
        justify-content: center;
    }

    .swtc-meta-group {
        gap: 10px;
    }
}


/* ===================================================
   STATE WISE TENDERS LIST  (sw-*)
   Professional Enhanced Design
   =================================================== */

/* ── Hero ──────────────────────────────────────────── */
.sw-hero {
    background: linear-gradient(150deg, #0f2552 0%, #1a3569 40%, #2a5298 100%);
    padding: 52px 0 0;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* Dot-grid texture */
.sw-hero-dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255, 255, 255, .055) 1px, transparent 1px);
    background-size: 26px 26px;
    pointer-events: none;
    z-index: 0;
}

/* Left warm glow */
.sw-hero-glow-left {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(247, 119, 26, .22) 0%, transparent 65%);
    bottom: -120px;
    left: -80px;
    pointer-events: none;
    z-index: 0;
}

/* Right cool glow */
.sw-hero-glow-right {
    position: absolute;
    width: 440px;
    height: 440px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(99, 102, 241, .16) 0%, transparent 65%);
    top: -100px;
    right: -60px;
    pointer-events: none;
    z-index: 0;
}

.sw-hero-inner {
    position: relative;
    z-index: 2;
    padding-bottom: 52px;
}

/* Breadcrumb */
.sw-breadnav .breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 22px;
    justify-content: center;
    font-size: 12.5px;
}

.sw-breadnav .breadcrumb-item a {
    color: rgba(255, 255, 255, .65);
    text-decoration: none;
    transition: color .15s;
}

.sw-breadnav .breadcrumb-item a:hover {
    color: #f7771a;
}

.sw-breadnav .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, .3);
}

.sw-breadnav .breadcrumb-item.active,
.sw-breadnav .breadcrumb-item span {
    color: rgba(255, 255, 255, .85);
}

/* Hero tag pill */
.sw-hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(247, 119, 26, .14);
    border: 1px solid rgba(247, 119, 26, .35);
    color: #ffb060;
    padding: 5px 18px 5px 14px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.sw-hero-tag i {
    font-size: 12px;
}

.sw-hero-title {
    font-size: 40px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 13px;
    letter-spacing: -.6px;
    line-height: 1.1;
}

.sw-hero-sub {
    font-size: 15px;
    color: rgba(255, 255, 255, .65);
    margin: 0 auto 32px;
    max-width: 540px;
    line-height: 1.65;
}

/* Search bar */
.sw-search-wrap {
    max-width: 480px;
    margin: 0 auto 38px;
    position: relative;
}

.sw-search-icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, .48);
    font-size: 14px;
    pointer-events: none;
    z-index: 1;
}

.sw-search-input {
    width: 100%;
    padding: 14px 22px 14px 50px;
    border-radius: 50px;
    border: 1.5px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .09);
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: background .2s, border-color .2s, box-shadow .2s;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .15);
    backdrop-filter: blur(14px);
}

.sw-search-input:focus {
    background: rgba(255, 255, 255, .16);
    border-color: rgba(247, 119, 26, .55);
    box-shadow: 0 0 0 4px rgba(247, 119, 26, .18), 0 4px 18px rgba(0, 0, 0, .15);
}

.sw-search-input::placeholder {
    color: rgba(255, 255, 255, .38);
}

/* Stats strip */
.sw-hero-stats {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.sw-hero-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 32px;
}

.sw-stat-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .14);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #ffb060;
    margin-bottom: 8px;
}

.sw-stat-number {
    font-size: 26px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    margin-bottom: 3px;
}

.sw-stat-label {
    font-size: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, .52);
    text-transform: uppercase;
    letter-spacing: .8px;
}

.sw-hero-divider {
    width: 1px;
    height: 52px;
    background: rgba(255, 255, 255, .12);
    flex-shrink: 0;
}

/* Wave SVG divider at hero bottom */
.sw-wave {
    line-height: 0;
    margin-top: 4px;
}

.sw-wave svg {
    width: 100%;
    height: 72px;
    display: block;
}

/* ── Featured States Section ──────────────────────── */
.sw-featured {
    background: #f0f4fa;
    padding: 30px 0 22px;
    border-bottom: 1px solid #e0e8f4;
}

.sw-row-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 8px;
}

.sw-row-eyebrow {
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: #f7771a;
    margin-bottom: 3px;
}

.sw-row-title {
    font-size: 17px;
    font-weight: 800;
    color: #1a2744;
    margin: 0;
    line-height: 1;
}

.sw-row-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    color: #f7771a;
    background: rgba(247, 119, 26, .1);
    border: 1px solid rgba(247, 119, 26, .22);
    padding: 4px 12px;
    border-radius: 20px;
}

/* Featured cards: 3-col desktop */
.sw-feat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px;
}

.sw-feat-card {
    display: flex;
    align-items: center;
    gap: 13px;
    background: #fff;
    border: 1px solid #e4eaf3;
    border-radius: 13px;
    padding: 13px 15px;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s;
    box-shadow: 0 2px 8px rgba(30, 60, 114, .06);
    position: relative;
    overflow: hidden;
}

.sw-feat-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 13px 0 0 13px;
    transition: width .2s;
}

.sw-feat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(30, 60, 114, .13);
    text-decoration: none;
    border-color: transparent;
}

.sw-feat-card:hover::before {
    width: 6px;
}

.sw-feat-card.sw-c1::before {
    background: #2a5298;
}

.sw-feat-card.sw-c2::before {
    background: #f7771a;
}

.sw-feat-card.sw-c3::before {
    background: #06b6d4;
}

.sw-feat-card.sw-c4::before {
    background: #22c55e;
}

.sw-feat-card.sw-c5::before {
    background: #7c3aed;
}

.sw-feat-card.sw-c6::before {
    background: #6366f1;
}

.sw-feat-left {
    flex-shrink: 0;
}

.sw-feat-badge {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -1px;
    transition: transform .2s;
}

.sw-feat-card:hover .sw-feat-badge {
    transform: scale(1.08);
}

.sw-feat-card.sw-c1 .sw-feat-badge {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
}

.sw-feat-card.sw-c2 .sw-feat-badge {
    background: linear-gradient(135deg, #b84b08, #f7771a);
}

.sw-feat-card.sw-c3 .sw-feat-badge {
    background: linear-gradient(135deg, #0c6882, #06b6d4);
}

.sw-feat-card.sw-c4 .sw-feat-badge {
    background: linear-gradient(135deg, #116233, #22c55e);
}

.sw-feat-card.sw-c5 .sw-feat-badge {
    background: linear-gradient(135deg, #4c1d9e, #7c3aed);
}

.sw-feat-card.sw-c6 .sw-feat-badge {
    background: linear-gradient(135deg, #1740c0, #6366f1);
}

.sw-feat-body {
    flex: 1;
    min-width: 0;
}

.sw-feat-name {
    font-size: 13.5px;
    font-weight: 700;
    color: #1a2744;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sw-feat-sub {
    font-size: 11px;
    color: #8a9ab8;
    margin-top: 2px;
    font-weight: 500;
}

.sw-feat-arrow {
    font-size: 11px;
    color: #b8c6de;
    flex-shrink: 0;
    transition: color .2s, transform .2s;
}

.sw-feat-card:hover .sw-feat-arrow {
    color: #f7771a;
    transform: translateX(4px);
}

/* ── Main Section ─────────────────────────────────── */
.sw-section {
    background: #f0f4fa;
    padding: 30px 0 72px;
}

/* Content header above filter */
.sw-content-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 18px;
    flex-wrap: wrap;
    gap: 12px;
}

.sw-content-title {
    font-size: 19px;
    font-weight: 800;
    color: #1a2744;
    margin: 0 0 3px;
    line-height: 1;
}

.sw-content-sub {
    font-size: 12px;
    color: #7a88a8;
    margin: 0;
}

.sw-visible-count {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fff;
    border: 1px solid #dde6f3;
    border-radius: 10px;
    padding: 7px 14px;
    font-size: 12px;
    color: #3d4f6e;
    font-weight: 600;
    box-shadow: 0 1px 5px rgba(30, 60, 114, .06);
    white-space: nowrap;
}

.sw-visible-count i {
    color: #2a5298;
}

.sw-visible-count strong {
    color: #2a5298;
}

/* ── A–Z Filter bar ──────────────────────────────── */
.sw-filter-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    background: #fff;
    border: 1px solid #dde6f3;
    border-radius: 14px;
    padding: 11px 16px;
    margin-bottom: 22px;
    box-shadow: 0 2px 10px rgba(30, 60, 114, .06);
    position: sticky;
    top: 0;
    z-index: 90;
    backdrop-filter: blur(10px);
}

.sw-filter-label {
    font-size: 10px;
    font-weight: 700;
    color: #9aabc8;
    text-transform: uppercase;
    letter-spacing: .9px;
    margin-right: 8px;
    white-space: nowrap;
    flex-shrink: 0;
}

.sw-filter-pill {
    min-width: 30px;
    height: 30px;
    padding: 0 6px;
    border: 1.5px solid #e8eef6;
    border-radius: 8px;
    background: transparent;
    color: #3d5080;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.sw-filter-pill:hover:not(.sw-pill-disabled) {
    background: #edf2ff;
    border-color: #2a5298;
    color: #2a5298;
}

.sw-filter-pill.sw-pill-active {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 3px 10px rgba(30, 60, 114, .3);
    transform: scale(1.05);
}

.sw-filter-pill.sw-pill-disabled {
    opacity: .2;
    cursor: default;
    pointer-events: none;
}

.sw-filter-reset {
    margin-left: auto;
    height: 30px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1.5px solid #f7771a;
    background: transparent;
    font-size: 11px;
    font-weight: 700;
    color: #f7771a;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all .15s;
    flex-shrink: 0;
    white-space: nowrap;
}

.sw-filter-reset:hover {
    background: #f7771a;
    color: #fff;
}

/* ── State Card Grid ─────────────────────────────── */
.sw-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

/* ── Individual State Card ───────────────────────── */
.sw-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border: 1px solid #e8eef7;
    box-shadow: 0 2px 8px rgba(30, 60, 114, .06);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s;
    position: relative;
}

.sw-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(30, 60, 114, .15);
    border-color: transparent;
    text-decoration: none;
}

.sw-card.sw-hidden {
    display: none !important;
}

/* Popular fire icon */
.sw-card-popular {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(247, 119, 26, .88);
    color: #fff;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 7px rgba(247, 119, 26, .45);
}

/* Colored top zone */
.sw-card-top {
    height: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

/* Scallop wave */
.sw-card-top::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 22px;
    background: #fff;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}

/* Hover shine */
.sw-card-top::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, .15) 0%, transparent 55%);
    opacity: 0;
    transition: opacity .2s;
    z-index: 1;
}

.sw-card:hover .sw-card-top::before {
    opacity: 1;
}

/* State initials badge */
.sw-card-badge {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .18);
    border: 2px solid rgba(255, 255, 255, .45);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -1px;
    position: relative;
    z-index: 2;
    transition: transform .2s, background .2s, box-shadow .2s;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
    backdrop-filter: blur(6px);
}

.sw-card:hover .sw-card-badge {
    transform: scale(1.12) rotate(-4deg);
    background: rgba(255, 255, 255, .3);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
}

/* Card body */
.sw-card-body {
    padding: 12px 14px 14px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.sw-card-name {
    font-size: 13px;
    font-weight: 700;
    color: #1a2744;
    line-height: 1.3;
    margin-bottom: 5px;
    flex: 1;
}

.sw-card-meta {
    font-size: 10.5px;
    color: #9aabc8;
    font-weight: 600;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.sw-card-meta i {
    font-size: 9px;
    color: #bccde4;
}

.sw-card-cta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    color: #2a5298;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: color .15s, gap .15s;
}

.sw-card:hover .sw-card-cta {
    color: #f7771a;
    gap: 8px;
}

.sw-card-cta i {
    font-size: 9px;
    transition: transform .15s;
}

.sw-card:hover .sw-card-cta i {
    transform: translateX(2px);
}

/* 6-colour top zones */
.sw-card.sw-c1 .sw-card-top {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
}

.sw-card.sw-c2 .sw-card-top {
    background: linear-gradient(135deg, #b84b08 0%, #f7771a 100%);
}

.sw-card.sw-c3 .sw-card-top {
    background: linear-gradient(135deg, #0c6882 0%, #06b6d4 100%);
}

.sw-card.sw-c4 .sw-card-top {
    background: linear-gradient(135deg, #116233 0%, #22c55e 100%);
}

.sw-card.sw-c5 .sw-card-top {
    background: linear-gradient(135deg, #4c1d9e 0%, #7c3aed 100%);
}

.sw-card.sw-c6 .sw-card-top {
    background: linear-gradient(135deg, #1740c0 0%, #6366f1 100%);
}

.sw-card.sw-c1 {
    border-top: 3px solid #2a5298;
}

.sw-card.sw-c2 {
    border-top: 3px solid #f7771a;
}

.sw-card.sw-c3 {
    border-top: 3px solid #06b6d4;
}

.sw-card.sw-c4 {
    border-top: 3px solid #22c55e;
}

.sw-card.sw-c5 {
    border-top: 3px solid #7c3aed;
}

.sw-card.sw-c6 {
    border-top: 3px solid #6366f1;
}

/* No results */
.sw-no-results {
    display: none;
    text-align: center;
    padding: 56px 20px;
    color: #7a88a8;
    font-size: 14px;
    grid-column: 1 / -1;
}

.sw-no-results>i {
    display: block;
    font-size: 32px;
    margin-bottom: 12px;
    color: #bccde4;
}

.sw-no-results>p {
    margin: 0 0 16px;
}

.sw-clear-btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 20px;
    border-radius: 8px;
    border: 1.5px solid #2a5298;
    background: transparent;
    color: #2a5298;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s;
}

.sw-clear-btn:hover {
    background: #2a5298;
    color: #fff;
}

/* Empty state */
.sw-empty {
    text-align: center;
    padding: 80px 20px;
    color: #9aabc8;
}

.sw-empty i {
    display: block;
    color: #cdd8ea;
    margin-bottom: 16px;
}

.sw-empty p {
    font-size: 14px;
    margin: 0;
}

/* ── Bottom CTA Section ───────────────────────────── */
.sw-cta-section {
    background: linear-gradient(140deg, #0f2552 0%, #1e3c72 55%, #2a5298 100%);
    padding: 48px 0;
    position: relative;
    overflow: hidden;
}

.sw-cta-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255, 255, 255, .04) 1px, transparent 1px);
    background-size: 24px 24px;
    pointer-events: none;
}

.sw-cta-section::after {
    content: '';
    position: absolute;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(247, 119, 26, .18) 0%, transparent 65%);
    right: -60px;
    bottom: -100px;
    pointer-events: none;
}

.sw-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
}

.sw-cta-text {
    display: flex;
    align-items: center;
    gap: 20px;
}

.sw-cta-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: rgba(247, 119, 26, .18);
    border: 1px solid rgba(247, 119, 26, .38);
    color: #ffb060;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sw-cta-title {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 5px;
}

.sw-cta-desc {
    font-size: 13px;
    color: rgba(255, 255, 255, .58);
    margin: 0;
}

.sw-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 13px 30px;
    border-radius: 50px;
    background: linear-gradient(135deg, #c85a07, #f7771a);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: all .2s;
    box-shadow: 0 4px 20px rgba(247, 119, 26, .38);
    flex-shrink: 0;
}

.sw-cta-btn:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(247, 119, 26, .52);
}

.sw-cta-btn i {
    font-size: 12px;
    transition: transform .2s;
}

.sw-cta-btn:hover i {
    transform: translateX(4px);
}

/* ── Responsive ───────────────────────────────────── */
@media (max-width: 1200px) {
    .sw-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 992px) {
    .sw-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .sw-feat-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sw-hero-stat {
        padding: 0 20px;
    }
}

@media (max-width: 767px) {
    .sw-hero {
        padding-top: 36px;
    }

    .sw-hero-title {
        font-size: 26px;
    }

    .sw-hero-sub {
        font-size: 13.5px;
    }

    .sw-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .sw-feat-grid {
        grid-template-columns: 1fr;
    }

    .sw-filter-pill {
        min-width: 26px;
        height: 26px;
        font-size: 11px;
    }

    .sw-hero-stat {
        padding: 0 14px;
    }

    .sw-stat-icon {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }

    .sw-stat-number {
        font-size: 22px;
    }

    .sw-cta-inner {
        flex-direction: column;
        text-align: center;
    }

    .sw-cta-text {
        flex-direction: column;
        text-align: center;
    }

    .sw-content-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .sw-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .sw-hero-divider {
        display: none;
    }

    .sw-hero-stats {
        gap: 16px;
    }

    .sw-hero-stat {
        padding: 0 10px;
    }
}


/* ===================================================
   CITY TENDERS PAGE  (ct-*)
   =================================================== */

/* ── Hero ─────────────────────────────────────────── */
.ct-hero {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    padding: 52px 0 56px;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.ct-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 80%, rgba(253, 126, 20, .16) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(99, 102, 241, .12) 0%, transparent 50%);
    pointer-events: none;
}

.ct-hero .container {
    position: relative;
    z-index: 1;
}

.ct-hero .breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
    justify-content: center;
    font-size: 13px;
}

.ct-hero .breadcrumb-item a {
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
    transition: color .15s;
}

.ct-hero .breadcrumb-item a:hover {
    color: #fd7e14;
}

.ct-hero .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, .35);
}

.ct-hero .breadcrumb-item.active,
.ct-hero .breadcrumb-item span {
    color: rgba(255, 255, 255, .85);
}

.ct-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(253, 126, 20, .18);
    border: 1px solid rgba(253, 126, 20, .4);
    color: #ffb84d;
    padding: 5px 16px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.ct-hero-title {
    font-size: 34px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 10px;
    letter-spacing: -.5px;
    line-height: 1.15;
}

.ct-hero-sub {
    font-size: 15px;
    color: rgba(255, 255, 255, .7);
    margin: 0 auto 28px;
    max-width: 520px;
}

/* Search */
.ct-search-wrap {
    max-width: 460px;
    margin: 0 auto 30px;
    position: relative;
}

.ct-search-input {
    width: 100%;
    padding: 14px 50px 14px 22px;
    border-radius: 50px;
    border: none;
    background: rgba(255, 255, 255, .13);
    color: #fff;
    font-size: 14px;
    backdrop-filter: blur(10px);
    outline: none;
    transition: background .2s, box-shadow .2s;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .12);
}

.ct-search-input:focus {
    background: rgba(255, 255, 255, .22);
    box-shadow: 0 0 0 3px rgba(253, 126, 20, .4), 0 2px 12px rgba(0, 0, 0, .12);
}

.ct-search-input::placeholder {
    color: rgba(255, 255, 255, .45);
}

.ct-search-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    pointer-events: none;
}

/* Stats */
.ct-hero-stats {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.ct-hero-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 28px;
}

.ct-stat-number {
    font-size: 28px;
    font-weight: 800;
    color: #fd7e14;
    line-height: 1;
}

.ct-stat-label {
    font-size: 10.5px;
    font-weight: 600;
    color: rgba(255, 255, 255, .6);
    text-transform: uppercase;
    letter-spacing: .7px;
    margin-top: 4px;
}

.ct-hero-divider {
    width: 1px;
    height: 38px;
    background: rgba(255, 255, 255, .18);
}

/* ── Content Section ─────────────────────────────── */
.ct-section {
    background: #f3f6fb;
    padding: 36px 0 64px;
}

/* ── A-Z Navigation Bar ──────────────────────────── */
.ct-az-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    background: #fff;
    border: 1px solid #e4eaf3;
    border-radius: 14px;
    padding: 14px 18px;
    margin-bottom: 28px;
    box-shadow: 0 2px 8px rgba(30, 60, 114, .05);
}

.ct-az-label {
    font-size: 10.5px;
    font-weight: 700;
    color: #8a96b0;
    text-transform: uppercase;
    letter-spacing: .8px;
    margin-right: 8px;
    white-space: nowrap;
    flex-shrink: 0;
}

.ct-az-pill {
    min-width: 32px;
    height: 32px;
    padding: 0 6px;
    border: 1.5px solid #e8edf5;
    border-radius: 8px;
    background: transparent;
    color: #3d4f6e;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
    line-height: 1;
}

.ct-az-pill:hover {
    background: #edf2ff;
    border-color: #2a5298;
    color: #2a5298;
    text-decoration: none;
}

.ct-az-pill.ct-az-active {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 3px 8px rgba(30, 60, 114, .28);
}

/* ── Letter Group ────────────────────────────────── */
.ct-letter-group {
    margin-bottom: 28px;
}

.ct-group-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.ct-group-letter {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 3px 10px rgba(30, 60, 114, .22);
}

.ct-group-count {
    font-size: 12px;
    font-weight: 600;
    color: #8a96b0;
    white-space: nowrap;
}

.ct-group-divider {
    flex: 1;
    height: 1px;
    background: #e4eaf3;
}

/* ── City Cards Grid ─────────────────────────────── */
.ct-cards-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

/* ── Individual City Card ────────────────────────── */
.ct-card {
    background: #fff;
    border: 1px solid #e9eef7;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    text-decoration: none;
    transition: all .18s ease;
    box-shadow: 0 1px 4px rgba(30, 60, 114, .05);
}

.ct-card:hover {
    border-color: #2a5298;
    background: #f5f8ff;
    transform: translateX(4px);
    box-shadow: 0 4px 14px rgba(30, 60, 114, .1);
    text-decoration: none;
}

.ct-card.ct-hidden {
    display: none !important;
}

.ct-card-badge {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
    letter-spacing: -.5px;
    transition: transform .15s;
}

.ct-card:hover .ct-card-badge {
    transform: scale(1.08);
}

.ct-card-name {
    font-size: 13px;
    font-weight: 600;
    color: #1a2744;
    flex: 1;
    line-height: 1.3;
    transition: color .15s;
}

.ct-card:hover .ct-card-name {
    color: #1e3c72;
}

.ct-card-arrow {
    color: #c9d1df;
    font-size: 11px;
    flex-shrink: 0;
    transition: color .15s, transform .15s;
}

.ct-card:hover .ct-card-arrow {
    color: #fd7e14;
    transform: translateX(3px);
}

/* Badge colour palette */
.ct-card.ct-c1 .ct-card-badge {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
}

.ct-card.ct-c2 .ct-card-badge {
    background: linear-gradient(135deg, #c2510a, #fd7e14);
}

.ct-card.ct-c3 .ct-card-badge {
    background: linear-gradient(135deg, #0e7490, #06b6d4);
}

.ct-card.ct-c4 .ct-card-badge {
    background: linear-gradient(135deg, #15803d, #22c55e);
}

.ct-card.ct-c5 .ct-card-badge {
    background: linear-gradient(135deg, #5b21b6, #7c3aed);
}

.ct-card.ct-c6 .ct-card-badge {
    background: linear-gradient(135deg, #1d4ed8, #6366f1);
}

/* No results */
.ct-no-results {
    display: none;
    text-align: center;
    padding: 60px 20px;
    color: #6b7a99;
    font-size: 14px;
}

/* ── Responsive ───────────────────────────────────── */
@media (max-width: 1200px) {
    .ct-cards-row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .ct-cards-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .ct-hero {
        padding: 36px 0 42px;
    }

    .ct-hero-title {
        font-size: 24px;
    }

    .ct-az-pill {
        min-width: 28px;
        height: 28px;
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .ct-cards-row {
        grid-template-columns: repeat(1, 1fr);
    }
}


/* ===================================================
   AUTHORITY TENDERS PAGE  (at-*)
   =================================================== */

/* ── Hero ─────────────────────────────────────────── */
.at-hero {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    padding: 36px 0 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.at-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 15% 80%, rgba(6, 182, 212, .2) 0%, transparent 55%),
        radial-gradient(ellipse at 85% 15%, rgba(253, 126, 20, .1) 0%, transparent 50%);
    pointer-events: none;
}

.at-hero .container {
    position: relative;
    z-index: 1;
}

.at-hero .breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 18px;
    font-size: 13px;
}

.at-hero .breadcrumb-item a {
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
    transition: color .15s;
}

.at-hero .breadcrumb-item a:hover {
    color: #67e8f9;
}

.at-hero .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, .35);
}

.at-hero .breadcrumb-item.active,
.at-hero .breadcrumb-item span {
    color: rgba(255, 255, 255, .85);
}

/* Two-column hero: Title+Search left | Quick Info right (adjacent) */
.at-hero-row {
    display: flex;
    align-items: center;
    gap: 36px;
    justify-content: flex-start;
}

.at-hero-left {
    flex: 1;
    min-width: 0;
}

.at-hero-panels {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: flex-end;
}

.at-hero-panels .at-hero-infobox {
    width: auto;
    flex-shrink: 0;
}

.at-qs-val {
    margin-left: auto;
    font-weight: 700;
    color: #67e8f9;
    white-space: nowrap;
}

.at-hero-right {
    flex: 0 0 auto;
    max-width: 600px;
    width: 100%;
}

.at-hero-infobox {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 16px;
    padding: 18px 20px;
    backdrop-filter: blur(8px);
}

.at-hero-infobox-title {
    font-size: 12px;
    font-weight: 700;
    color: #67e8f9;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.at-hero-infobox-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-size: 12.5px;
    color: rgba(255, 255, 255, .8);
    white-space: nowrap;
}

.at-hero-infobox-item:last-child {
    border-bottom: none;
}

.at-hero-infobox-item i {
    width: 16px;
    color: #67e8f9;
    font-size: 12px;
    flex-shrink: 0;
}

.at-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(6, 182, 212, .18);
    border: 1px solid rgba(6, 182, 212, .4);
    color: #67e8f9;
    padding: 5px 16px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.at-hero-title {
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 8px;
    letter-spacing: -.4px;
    line-height: 1.2;
}

.at-hero-sub {
    font-size: 14px;
    color: rgba(255, 255, 255, .68);
    margin: 0 0 22px;
    max-width: 100%;
    line-height: 1.6;
}

/* ── Hero Search Bar ─────────────────────────────── */
.at-hero-search-wrap {
    position: relative;
    max-width: 100%;
    margin-bottom: 28px;
}

.at-hero-search-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, .55);
    font-size: 14px;
    pointer-events: none;
    z-index: 1;
}

.at-hero-search-input {
    width: 100%;
    padding: 13px 20px 13px 46px;
    border-radius: 50px;
    border: 1.5px solid rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(10px);
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: border-color .2s, background .2s, box-shadow .2s;
}

.at-hero-search-input::placeholder {
    color: rgba(255, 255, 255, .45);
}

.at-hero-search-input:focus {
    border-color: #67e8f9;
    background: rgba(255, 255, 255, .18);
    box-shadow: 0 0 0 4px rgba(103, 232, 249, .15);
}

/* ── Stats Strip (full-width highlighted band) ───── */
.at-stats-strip {
    background: rgba(0, 0, 0, .22);
    border-top: 1px solid rgba(255, 255, 255, .12);
    margin-top: 4px;
    position: relative;
    z-index: 1;
}

.at-stats-inner {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

.at-stats-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px 12px;
    border-right: 1px solid rgba(255, 255, 255, .12);
    transition: background .2s;
}

.at-stats-item:last-child {
    border-right: none;
}

.at-stats-item:hover {
    background: rgba(255, 255, 255, .05);
}

.at-stats-number {
    font-size: 26px;
    font-weight: 800;
    color: #67e8f9;
    line-height: 1;
    letter-spacing: -.5px;
}

.at-stats-label {
    font-size: 10px;
    font-weight: 700;
    color: rgba(255, 255, 255, .55);
    text-transform: uppercase;
    letter-spacing: .8px;
    margin-top: 4px;
}

/* ── A-Z Dedicated Section (full single row) ─────── */
.at-az-section {
    background: #fff;
    border-bottom: 2px solid #e4eaf3;
    box-shadow: 0 2px 8px rgba(30, 60, 114, .06);
    position: sticky;
    top: 0;
    z-index: 80;
}

.at-az-bar {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    padding: 12px 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.at-az-bar::-webkit-scrollbar {
    display: none;
}

.at-az-label {
    font-size: 10.5px;
    font-weight: 700;
    color: #8a96b0;
    text-transform: uppercase;
    letter-spacing: .8px;
    margin-right: 10px;
    white-space: nowrap;
    flex-shrink: 0;
}

.at-az-label-lowecase {
    text-transform: lowercase;
}

.at-az-pill {
    min-width: 32px;
    height: 32px;
    padding: 0 4px;
    border: 1.5px solid #e8edf5;
    border-radius: 8px;
    background: #f7f9fc;
    color: #3d4f6e;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
    line-height: 1;
    flex-shrink: 0;
}

.at-az-pill:hover {
    background: #e0f9fb;
    border-color: #06b6d4;
    color: #0e7490;
    text-decoration: none;
}

.at-az-pill.at-az-active {
    background: linear-gradient(135deg, #0e7490, #06b6d4);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 3px 8px rgba(14, 116, 144, .3);
}

/* ── Content Section ─────────────────────────────── */
.at-section {
    background: #f3f6fb;
    padding: 28px 0 64px;
}

/* ── Quick Info Items (left sidebar) ─────────────── */
.at-qi-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid #f0f4fb;
    font-size: 13px;
    color: #3d4f6e;
    font-weight: 500;
}

.at-qi-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.at-qi-item i {
    width: 20px;
    color: #06b6d4;
    font-size: 13px;
    flex-shrink: 0;
    text-align: center;
}

/* ── Letter Group ────────────────────────────────── */
.at-letter-group {
    margin-bottom: 24px;
}

.at-group-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.at-group-letter {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, #0e7490, #06b6d4);
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 3px 10px rgba(14, 116, 144, .25);
}

.at-group-count {
    font-size: 12px;
    font-weight: 600;
    color: #8a96b0;
    white-space: nowrap;
}

.at-group-divider {
    flex: 1;
    height: 1px;
    background: #e4eaf3;
}

/* ── Authority Cards Grid ────────────────────────── */
.at-cards-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

/* ── Individual Authority Card ───────────────────── */
.at-card {
    background: #fff;
    border: 1px solid #e9eef7;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    text-decoration: none;
    transition: all .18s ease;
    box-shadow: 0 1px 4px rgba(30, 60, 114, .04);
}

.at-card:hover {
    border-color: #06b6d4;
    background: #f0fdff;
    transform: translateX(3px);
    box-shadow: 0 4px 14px rgba(14, 116, 144, .1);
    text-decoration: none;
}

.at-card.at-hidden {
    display: none !important;
}

.at-card-badge {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
    letter-spacing: -.5px;
    transition: transform .15s;
}

.at-card:hover .at-card-badge {
    transform: scale(1.08);
}

.at-card-info {
    flex: 1;
    min-width: 0;
}

.at-card-name {
    font-size: 13px;
    font-weight: 600;
    color: #1a2744;
    line-height: 1.35;
    transition: color .15s;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.at-card:hover .at-card-name {
    color: #0e7490;
}

.at-card-sub {
    font-size: 11px;
    color: #8a96b0;
    margin-top: 2px;
}

.at-card-arrow {
    color: #c9d1df;
    font-size: 11px;
    flex-shrink: 0;
    transition: color .15s, transform .15s;
}

.at-card:hover .at-card-arrow {
    color: #06b6d4;
    transform: translateX(3px);
}

/* Badge colour palette */
.at-card.at-c1 .at-card-badge {
    background: linear-gradient(135deg, #0e7490, #06b6d4);
}

.at-card.at-c2 .at-card-badge {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
}

.at-card.at-c3 .at-card-badge {
    background: linear-gradient(135deg, #5b21b6, #7c3aed);
}

.at-card.at-c4 .at-card-badge {
    background: linear-gradient(135deg, #15803d, #22c55e);
}

.at-card.at-c5 .at-card-badge {
    background: linear-gradient(135deg, #1d4ed8, #6366f1);
}

.at-card.at-c6 .at-card-badge {
    background: linear-gradient(135deg, #c2510a, #fd7e14);
}

/* No results */
.at-no-results {
    display: none;
    text-align: center;
    padding: 60px 20px;
    color: #6b7a99;
    font-size: 14px;
}

/* ── Right Sidebar ───────────────────────────────── */
.at-sidebar-card {
    background: #fff;
    border: 1px solid #e4eaf3;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 18px;
    box-shadow: 0 2px 8px rgba(30, 60, 114, .05);
}

.at-sidebar-header {
    background: linear-gradient(135deg, #0e7490, #06b6d4);
    padding: 11px 16px;
    color: #fff;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .6px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.at-sidebar-body {
    padding: 16px;
}

/* Sidebar search input */
.at-sb-search-wrap {
    position: relative;
}

.at-sb-search-input {
    width: 100%;
    padding: 10px 38px 10px 14px;
    border: 1.5px solid #e4eaf3;
    border-radius: 10px;
    font-size: 13px;
    color: #1a2744;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    background: #fff;
}

.at-sb-search-input:focus {
    border-color: #06b6d4;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, .15);
}

.at-sb-search-input::placeholder {
    color: #9aaccc;
}

.at-sb-search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #9aaccc;
    font-size: 13px;
    pointer-events: none;
}

/* Sidebar stat rows */
.at-sb-stat-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
    border-bottom: 1px solid #f0f4fb;
}

.at-sb-stat-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.at-sb-stat-label {
    font-size: 12px;
    color: #6b7a99;
    display: flex;
    align-items: center;
    gap: 7px;
}

.at-sb-stat-label i {
    color: #06b6d4;
    width: 14px;
    text-align: center;
}

.at-sb-stat-value {
    font-size: 13px;
    font-weight: 700;
    color: #1a2744;
}

/* Sidebar A-Z mini grid */
.at-sb-az-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
}

.at-sb-az-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 6px;
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none;
    color: #3d4f6e;
    background: #f3f6fb;
    border: 1px solid #e4eaf3;
    transition: all .15s;
}

.at-sb-az-link:hover {
    background: #e0f9fb;
    color: #0e7490;
    border-color: #06b6d4;
    text-decoration: none;
}

.at-sb-az-link.at-sb-az-active {
    background: linear-gradient(135deg, #0e7490, #06b6d4);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 2px 6px rgba(14, 116, 144, .3);
}

/* Sidebar tip box */
.at-sb-tip {
    background: linear-gradient(135deg, #f0fdff, #e6f7fa);
    border: 1px solid #bae6fd;
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 12px;
    color: #0c6070;
    line-height: 1.6;
}

.at-sb-tip strong {
    color: #0e7490;
}

/* ── Responsive ───────────────────────────────────── */
@media (max-width: 991px) {
    .at-hero-left {
        display: none;
    }

    .at-hero-row {
        display: block;
    }

    .at-stats-inner {
        flex-wrap: wrap;
    }

    .at-stats-item {
        flex: 0 0 33.333%;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
}

@media (max-width: 767px) {
    .at-hero {
        padding: 28px 0 0;
    }

    .at-hero-title {
        font-size: 24px;
    }

    .at-hero-search-wrap {
        max-width: 100%;
    }

    .at-cards-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .at-stats-item {
        flex: 0 0 50%;
    }

    .at-az-pill {
        min-width: 28px;
        height: 28px;
        font-size: 11px;
    }

    .at-stats-number {
        font-size: 22px;
    }
}


/* ===================================================
   KEYWORD TENDERS PAGE  (kw-*)
   Modern Professional Redesign
   =================================================== */

/* ── Hero ─────────────────────────────────────────── */
.kw-hero {
    background: linear-gradient(145deg, #060d2e 0%, #0c1d6b 35%, #1338a8 65%, #1a4fc4 100%);
    padding: 40px 0 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

/* Dot-grid texture */
.kw-hero-texture {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255, 255, 255, .07) 1px, transparent 1px);
    background-size: 26px 26px;
    pointer-events: none;
}

/* Color glow accents */
.kw-hero-glows {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 0% 100%, rgba(251, 146, 60, .28) 0%, transparent 45%),
        radial-gradient(ellipse at 100% 0%, rgba(124, 58, 237, .2) 0%, transparent 45%),
        radial-gradient(ellipse at 60% 50%, rgba(56, 189, 248, .08) 0%, transparent 50%);
    pointer-events: none;
}

.kw-hero-inner {
    position: relative;
    z-index: 1;
}

.kw-hero .breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
    font-size: 12.5px;
}

.kw-hero .breadcrumb-item a {
    color: rgba(255, 255, 255, .6);
    text-decoration: none;
    transition: color .15s;
}

.kw-hero .breadcrumb-item a:hover {
    color: #fbbf24;
}

.kw-hero .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, .3);
}

.kw-hero .breadcrumb-item.active span {
    color: rgba(255, 255, 255, .8);
}

/* Two-column hero layout */
.kw-hero-row {
    display: flex;
    align-items: center;
    gap: 40px;
    padding-bottom: 32px;
}

.kw-hero-left {
    flex: 1;
    min-width: 0;
}

/* Badge */
.kw-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(251, 191, 36, .15);
    border: 1px solid rgba(251, 191, 36, .35);
    color: #fbbf24;
    padding: 5px 16px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

/* Title */
.kw-hero-title {
    font-size: 38px;
    font-weight: 900;
    color: #fff;
    margin: 0 0 12px;
    letter-spacing: -1px;
    line-height: 1.15;
}

.kw-hero-title-accent {
    background: linear-gradient(90deg, #fbbf24, #fb923c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.kw-hero-sub {
    font-size: 14.5px;
    color: rgba(255, 255, 255, .62);
    margin: 0 0 24px;
    line-height: 1.65;
    max-width: 480px;
}

/* Search bar */
.kw-hero-search-wrap {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, .1);
    border: 1.5px solid rgba(255, 255, 255, .2);
    border-radius: 50px;
    padding: 4px 4px 4px 20px;
    max-width: 500px;
    backdrop-filter: blur(8px);
    transition: border-color .2s, box-shadow .2s;
}

.kw-hero-search-wrap:focus-within {
    border-color: rgba(251, 191, 36, .6);
    box-shadow: 0 0 0 4px rgba(251, 191, 36, .15);
}

.kw-hero-search-icon {
    color: rgba(255, 255, 255, .45);
    font-size: 14px;
    flex-shrink: 0;
    margin-right: 10px;
}

.kw-hero-search-input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
    min-width: 0;
}

.kw-hero-search-input::placeholder {
    color: rgba(255, 255, 255, .4);
}

.kw-hero-search-btn {
    background: linear-gradient(135deg, #f59e0b, #f97316);
    color: #fff;
    border: none;
    padding: 9px 22px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .2s, transform .15s;
    white-space: nowrap;
    flex-shrink: 0;
}

.kw-hero-search-btn:hover {
    opacity: .9;
    transform: translateY(-1px);
}

/* Right: Popular Keywords panel */
.kw-hero-right {
    flex: 0 0 auto;
    width: 270px;
}

.kw-hero-panel {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 18px;
    backdrop-filter: blur(12px);
    overflow: hidden;
}

.kw-hero-panel-title {
    background: rgba(251, 191, 36, .12);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: 12px 18px;
    font-size: 10.5px;
    font-weight: 800;
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: .9px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.kw-hero-panel-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 18px;
    text-decoration: none;
    color: rgba(255, 255, 255, .82);
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    transition: background .15s, color .15s;
}

.kw-hero-panel-item:last-child {
    border-bottom: none;
}

.kw-hero-panel-item:hover {
    background: rgba(255, 255, 255, .06);
    color: #fbbf24;
    text-decoration: none;
}

.kw-hero-panel-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.kw-hero-panel-icon {
    font-size: 12px;
    opacity: .75;
    flex-shrink: 0;
    width: 14px;
    text-align: center;
}

.kw-hero-panel-arrow {
    margin-left: auto;
    font-size: 11px;
    opacity: .35;
    transition: transform .15s, opacity .15s;
}

.kw-hero-panel-item:hover .kw-hero-panel-arrow {
    transform: translateX(3px);
    opacity: .7;
}

/* ── Stats Strip ─────────────────────────────────── */
.kw-stats-strip {
    background: rgba(0, 0, 0, .28);
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: 8px;
}

.kw-stats-inner {
    display: flex;
    align-items: stretch;
}

.kw-stats-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border-right: 1px solid rgba(255, 255, 255, .1);
    padding: 16px 12px;
}

.kw-stats-item:last-child {
    border-right: none;
}

.kw-stats-icon {
    font-size: 20px;
    color: rgba(251, 191, 36, .7);
    flex-shrink: 0;
}

.kw-stats-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.kw-stats-number {
    font-size: 20px;
    font-weight: 800;
    color: #fbbf24;
    line-height: 1;
}

.kw-stats-label {
    font-size: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
    letter-spacing: .7px;
    margin-top: 3px;
}

/* ── A–Z Section (sticky) ────────────────────────── */
.kw-az-section {
    background: #fff;
    border-bottom: 2px solid #e8edf5;
    position: sticky;
    top: 0;
    z-index: 80;
    box-shadow: 0 2px 12px rgba(30, 60, 114, .06);
}

.kw-az-bar {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 3px;
    padding: 10px 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.kw-az-bar::-webkit-scrollbar {
    display: none;
}

.kw-az-label {
    font-size: 10px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: .9px;
    margin-right: 10px;
    white-space: nowrap;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.kw-az-pill {
    min-width: 32px;
    height: 32px;
    padding: 0 5px;
    border: 1.5px solid #e8edf5;
    border-radius: 8px;
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
    line-height: 1;
    flex-shrink: 0;
}

.kw-az-pill:hover {
    background: #fff7ed;
    border-color: #fb923c;
    color: #c2510a;
    text-decoration: none;
}

.kw-az-pill.kw-az-active {
    background: linear-gradient(135deg, #c2510a, #f97316);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 3px 10px rgba(194, 81, 10, .3);
}

/* ── Content Section ─────────────────────────────── */
.kw-section {
    background: #f1f5f9;
    padding: 36px 0 72px;
}

/* ── Group container ─────────────────────────────── */
.kw-group {
    margin-bottom: 36px;
}

.kw-group-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.kw-group-letter {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: linear-gradient(135deg, #0c1d6b, #1338a8);
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 6px 16px rgba(12, 29, 107, .3);
    letter-spacing: -1px;
}

.kw-group-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.kw-group-title {
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1;
}

.kw-group-count {
    font-size: 11px;
    font-weight: 500;
    color: #94a3b8;
}

.kw-group-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, #e2e8f0, transparent);
}

/* ── Keyword Cards Grid ──────────────────────────── */
.kw-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 8px;
}

.kw-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px 11px 10px;
    background: #fff;
    border: 1.5px solid #e8edf5;
    border-left: 4px solid transparent;
    border-radius: 10px;
    text-decoration: none;
    color: #1e293b;
    font-size: 13px;
    font-weight: 500;
    transition: all .18s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
    position: relative;
}

.kw-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 16px rgba(30, 60, 114, .1);
    text-decoration: none;
    color: #1e293b;
}

.kw-card.kw-hidden {
    display: none !important;
}

.kw-card-icon {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    flex-shrink: 0;
}

.kw-card-name {
    flex: 1;
    line-height: 1.35;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kw-card-arrow {
    font-size: 9px;
    opacity: .3;
    flex-shrink: 0;
    transition: transform .15s, opacity .15s;
}

.kw-card:hover .kw-card-arrow {
    transform: translateX(3px);
    opacity: .7;
}

/* 6-colour palette */
.kw-card.kw-c1 {
    border-left-color: #3b82f6;
}

.kw-card.kw-c1 .kw-card-icon {
    background: #eff6ff;
    color: #2563eb;
}

.kw-card.kw-c1:hover {
    background: #f8fbff;
    border-color: #bfdbfe;
    border-left-color: #3b82f6;
}

.kw-card.kw-c2 {
    border-left-color: #f97316;
}

.kw-card.kw-c2 .kw-card-icon {
    background: #fff7ed;
    color: #c2410c;
}

.kw-card.kw-c2:hover {
    background: #fffaf5;
    border-color: #fed7aa;
    border-left-color: #f97316;
}

.kw-card.kw-c3 {
    border-left-color: #06b6d4;
}

.kw-card.kw-c3 .kw-card-icon {
    background: #ecfeff;
    color: #0e7490;
}

.kw-card.kw-c3:hover {
    background: #f5feff;
    border-color: #a5f3fc;
    border-left-color: #06b6d4;
}

.kw-card.kw-c4 {
    border-left-color: #22c55e;
}

.kw-card.kw-c4 .kw-card-icon {
    background: #f0fdf4;
    color: #16a34a;
}

.kw-card.kw-c4:hover {
    background: #f5fff8;
    border-color: #bbf7d0;
    border-left-color: #22c55e;
}

.kw-card.kw-c5 {
    border-left-color: #a855f7;
}

.kw-card.kw-c5 .kw-card-icon {
    background: #faf5ff;
    color: #7e22ce;
}

.kw-card.kw-c5:hover {
    background: #fdf8ff;
    border-color: #e9d5ff;
    border-left-color: #a855f7;
}

.kw-card.kw-c6 {
    border-left-color: #6366f1;
}

.kw-card.kw-c6 .kw-card-icon {
    background: #eef2ff;
    color: #4338ca;
}

.kw-card.kw-c6:hover {
    background: #f5f6ff;
    border-color: #c7d2fe;
    border-left-color: #6366f1;
}

/* ── Empty / No-results state ────────────────────── */
.kw-empty-state,
.kw-no-results {
    display: none;
    text-align: center;
    padding: 64px 24px;
    background: #fff;
    border-radius: 16px;
    border: 1.5px solid #e8edf5;
}

.kw-empty-state {
    display: block;
}

.kw-empty-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 24px;
    color: #94a3b8;
}

.kw-empty-state h5,
.kw-no-results h5 {
    font-size: 16px;
    font-weight: 700;
    color: #334155;
    margin: 0 0 6px;
}

.kw-empty-state p,
.kw-no-results p {
    font-size: 13px;
    color: #94a3b8;
    margin: 0;
}

/* ── Right Sidebar ───────────────────────────────── */
.kw-sidebar-card {
    background: #fff;
    border: 1.5px solid #e8edf5;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(30, 60, 114, .05);
}

.kw-sidebar-header {
    background: linear-gradient(135deg, #0c1d6b, #1338a8);
    padding: 12px 18px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.kw-sidebar-body {
    padding: 6px 0;
}

/* Popular categories */
.kw-sb-cat-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    text-decoration: none;
    color: #334155;
    font-size: 12.5px;
    font-weight: 500;
    transition: background .15s;
    border-bottom: 1px solid #f1f5f9;
}

.kw-sb-cat-link:last-child {
    border-bottom: none;
}

.kw-sb-cat-link:hover {
    background: #f8fafc;
    color: #1e293b;
    text-decoration: none;
}

.kw-sb-cat-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    flex-shrink: 0;
}

.kw-sb-cat-name {
    flex: 1;
}

.kw-sb-cat-arrow {
    font-size: 9px;
    color: #cbd5e1;
    transition: color .15s, transform .15s;
}

.kw-sb-cat-link:hover .kw-sb-cat-arrow {
    color: #f97316;
    transform: translateX(3px);
}

/* A-Z grid */
.kw-sb-az-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    padding: 14px;
}

.kw-sb-az-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 7px;
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none;
    color: #475569;
    background: #f8fafc;
    border: 1.5px solid #e8edf5;
    transition: all .15s;
}

.kw-sb-az-link:hover {
    background: #fff7ed;
    color: #c2410c;
    border-color: #f97316;
    text-decoration: none;
}

.kw-sb-az-link.kw-sb-az-active {
    background: linear-gradient(135deg, #c2410c, #f97316);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 2px 6px rgba(194, 65, 12, .3);
}

/* Tip box */
.kw-sb-tip {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
    border: 1.5px solid #fde68a;
    border-radius: 14px;
    padding: 16px;
    font-size: 12px;
    color: #78350f;
    line-height: 1.6;
    margin-bottom: 4px;
}

.kw-sb-tip-icon {
    width: 32px;
    height: 32px;
    background: #fef9c3;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ca8a04;
    font-size: 14px;
    flex-shrink: 0;
}

.kw-sb-tip strong {
    color: #92400e;
    display: block;
    margin-bottom: 4px;
    font-size: 12.5px;
}

/* ── Responsive ───────────────────────────────────── */
@media (max-width: 991px) {
    .kw-hero-right {
        display: none;
    }

    .kw-hero-row {
        padding-bottom: 24px;
    }

    .kw-hero-title {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .kw-hero {
        padding: 28px 0 0;
    }

    .kw-hero-title {
        font-size: 26px;
    }

    .kw-hero-search-wrap {
        max-width: 100%;
    }

    .kw-stats-inner {
        flex-direction: column;
    }

    .kw-stats-item {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }

    .kw-stats-item:last-child {
        border-bottom: none;
    }

    .kw-az-pill {
        min-width: 28px;
        height: 28px;
        font-size: 11px;
    }

    .kw-cards-grid {
        grid-template-columns: 1fr 1fr;
    }

    .kw-card-name {
        white-space: normal;
    }
}


/* ===================================================
   COUNTRY TENDERS PAGE  (co-*)
   Unique theme: Animated globe · dot-grid texture
   Accent: #22c55e / #15803d
   =================================================== */

/* ── Hero ─────────────────────────────────────────── */
.co-hero {
    background: linear-gradient(150deg, #080f24 0%, #0d2241 35%, #0a2e1a 70%, #071a10 100%);
    padding: 56px 0 62px;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* Dot-grid world map texture */
.co-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(34, 197, 94, .22) 1px, transparent 1px);
    background-size: 22px 22px;
    opacity: .3;
    pointer-events: none;
}

/* Color radial glows */
.co-hero-glows {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 12% 55%, rgba(34, 197, 94, .32) 0%, transparent 48%),
        radial-gradient(ellipse at 88% 45%, rgba(99, 102, 241, .2) 0%, transparent 48%),
        radial-gradient(ellipse at 50% 100%, rgba(21, 128, 61, .18) 0%, transparent 50%);
    pointer-events: none;
}

.co-hero .container {
    position: relative;
    z-index: 1;
}

/* breadcrumb */
.co-hero .breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 24px;
    justify-content: center;
    font-size: 13px;
}

.co-hero .breadcrumb-item a {
    color: rgba(255, 255, 255, .65);
    text-decoration: none;
    transition: color .15s;
}

.co-hero .breadcrumb-item a:hover {
    color: #86efac;
}

.co-hero .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, .3);
}

.co-hero .breadcrumb-item.active,
.co-hero .breadcrumb-item span {
    color: rgba(255, 255, 255, .8);
}

/* ── Animated globe icon with pulsing rings ── */
.co-globe-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    margin: 0 auto 22px;
}

.co-globe-icon {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: linear-gradient(135deg, #15803d, #22c55e);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #fff;
    position: relative;
    z-index: 3;
    box-shadow: 0 8px 24px rgba(21, 128, 61, .5);
    flex-shrink: 0;
}

.co-globe-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 1.5px solid rgba(34, 197, 94, .5);
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
    animation: co-ring-expand 3s ease-out infinite;
}

.co-globe-ring:nth-child(2) {
    width: 88px;
    height: 88px;
    animation-delay: 0s;
}

.co-globe-ring:nth-child(3) {
    width: 116px;
    height: 116px;
    animation-delay: .9s;
}

.co-globe-ring:nth-child(4) {
    width: 144px;
    height: 144px;
    animation-delay: 1.8s;
}

@keyframes co-ring-expand {
    0% {
        transform: translate(-50%, -50%) scale(.7);
        opacity: .8;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.15);
        opacity: 0;
    }
}

/* Badge */
.co-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(34, 197, 94, .18);
    border: 1px solid rgba(34, 197, 94, .4);
    color: #86efac;
    padding: 5px 18px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

/* Title */
.co-hero-title {
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 12px;
    letter-spacing: -.6px;
    line-height: 1.12;
}

.co-hero-title span {
    background: linear-gradient(90deg, #86efac, #22c55e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Subtitle */
.co-hero-sub {
    font-size: 15px;
    color: rgba(255, 255, 255, .65);
    margin: 0 auto 28px;
    max-width: 520px;
    line-height: 1.68;
}

/* ── Hero Search bar ── */
.co-hero-search {
    max-width: 500px;
    margin: 0 auto 30px;
    position: relative;
}

.co-hero-search-input {
    width: 100%;
    padding: 15px 58px 15px 24px;
    border-radius: 50px;
    border: 1.5px solid rgba(34, 197, 94, .3);
    background: rgba(255, 255, 255, .09);
    color: #fff;
    font-size: 14px;
    backdrop-filter: blur(12px);
    outline: none;
    transition: background .2s, border-color .2s, box-shadow .2s;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
}

.co-hero-search-input:focus {
    background: rgba(255, 255, 255, .15);
    border-color: rgba(34, 197, 94, .7);
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .18), 0 4px 20px rgba(0, 0, 0, .2);
}

.co-hero-search-input::placeholder {
    color: rgba(255, 255, 255, .4);
}

.co-hero-search-btn {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, #15803d, #22c55e);
    border: none;
    color: #fff;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .15s, box-shadow .15s;
    box-shadow: 0 4px 12px rgba(21, 128, 61, .4);
}

.co-hero-search-btn:hover {
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 18px rgba(21, 128, 61, .55);
}

/* ── Stats strip ── */
.co-hero-stats {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 0;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 20px;
    max-width: 560px;
    margin: 0 auto 28px;
    backdrop-filter: blur(8px);
    overflow: hidden;
}

.co-hero-stat {
    flex: 1;
    min-width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 10px;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.co-hero-stat:last-child {
    border-right: none;
}

.co-stat-number {
    font-size: 26px;
    font-weight: 800;
    color: #86efac;
    line-height: 1;
}

.co-stat-label {
    font-size: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
    letter-spacing: .8px;
    margin-top: 4px;
}

/* ── World region pills ── */
.co-hero-regions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

.co-region-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, .82);
    backdrop-filter: blur(6px);
    cursor: default;
}

.co-region-pill-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.co-region-pill-count {
    font-size: 10.5px;
    font-weight: 700;
    color: #86efac;
}

/* ── Content Section ─────────────────────────────── */
.co-section {
    background: #f3f6fb;
    padding: 36px 0 68px;
}

/* ── Featured Countries Spotlight ───────────────── */
.co-spotlight-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.co-spotlight-title {
    font-size: 15px;
    font-weight: 800;
    color: #1a2744;
    letter-spacing: -.3px;
}

.co-spotlight-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: linear-gradient(135deg, #15803d, #22c55e);
    color: #fff;
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.co-spotlight-divider {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, #e4eaf3, transparent);
}

/* 3-col spotlight grid */
.co-spotlight-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 32px;
}

/* Full-bleed magazine-style spotlight card */
.co-spot-card {
    border-radius: 16px;
    overflow: hidden;
    display: block;
    text-decoration: none;
    position: relative;
    height: 130px;
    transition: transform .22s ease, box-shadow .22s ease;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
}

.co-spot-card:hover {
    transform: translateY(-5px) scale(1.01);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .18);
    text-decoration: none;
}

/* Dot-grid texture on spotlight card */
.co-spot-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255, 255, 255, .18) 1px, transparent 1px);
    background-size: 12px 12px;
    z-index: 1;
    pointer-events: none;
}

/* Bottom gradient overlay for text readability */
.co-spot-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70%;
    background: linear-gradient(transparent, rgba(0, 0, 0, .65));
    z-index: 2;
    pointer-events: none;
}

.co-spot-card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 16px;
    z-index: 3;
}

.co-spot-card-name {
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -.2px;
    margin-bottom: 2px;
    line-height: 1.2;
}

.co-spot-card-cta {
    font-size: 10.5px;
    font-weight: 600;
    color: rgba(255, 255, 255, .75);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.co-spot-card-initials {
    position: absolute;
    top: 14px;
    right: 16px;
    z-index: 3;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .2);
    border: 1.5px solid rgba(255, 255, 255, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    backdrop-filter: blur(6px);
    transition: transform .2s;
}

.co-spot-card:hover .co-spot-card-initials {
    transform: scale(1.1) rotate(-5deg);
}

/* Spotlight card colours */
.co-spot-c1 {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
}

.co-spot-c2 {
    background: linear-gradient(135deg, #15803d, #22c55e);
}

.co-spot-c3 {
    background: linear-gradient(135deg, #0e7490, #06b6d4);
}

.co-spot-c4 {
    background: linear-gradient(135deg, #c2510a, #fd7e14);
}

.co-spot-c5 {
    background: linear-gradient(135deg, #5b21b6, #7c3aed);
}

.co-spot-c6 {
    background: linear-gradient(135deg, #1d4ed8, #6366f1);
}

/* ── Directory section head ──────────────────────── */
.co-dir-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.co-dir-title {
    font-size: 15px;
    font-weight: 800;
    color: #1a2744;
    letter-spacing: -.3px;
    white-space: nowrap;
}

.co-dir-divider {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, #e4eaf3, transparent);
}

/* ── A–Z Filter Bar ──────────────────────────────── */
.co-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid #e4eaf3;
    border-radius: 14px;
    padding: 12px 14px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(30, 60, 114, .05);
    flex-wrap: wrap;
}

.co-az-label {
    font-size: 10px;
    font-weight: 700;
    color: #8a96b0;
    text-transform: uppercase;
    letter-spacing: .8px;
    white-space: nowrap;
    flex-shrink: 0;
}

.co-az-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    flex: 1;
}

.co-az-pill {
    min-width: 28px;
    height: 28px;
    padding: 0 4px;
    border: 1.5px solid #e4eaf3;
    border-radius: 7px;
    background: transparent;
    color: #3d4f6e;
    font-size: 11.5px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
    line-height: 1;
}

.co-az-pill:hover:not(.co-pill-disabled) {
    background: #f0fdf4;
    border-color: #22c55e;
    color: #15803d;
}

.co-az-pill.co-pill-active {
    background: linear-gradient(135deg, #15803d, #22c55e);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 2px 8px rgba(21, 128, 61, .3);
}

.co-az-pill.co-pill-disabled {
    opacity: .22;
    cursor: default;
    pointer-events: none;
}

.co-az-reset {
    height: 28px;
    padding: 0 12px;
    border-radius: 7px;
    border: 1.5px solid #22c55e;
    background: transparent;
    font-size: 11px;
    font-weight: 700;
    color: #15803d;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: all .15s;
    flex-shrink: 0;
    white-space: nowrap;
}

.co-az-reset:hover {
    background: #22c55e;
    color: #fff;
}

/* ── Letter Group ────────────────────────────────── */
.co-letter-group {
    margin-bottom: 30px;
}

.co-letter-group.co-group-hidden {
    display: none !important;
}

.co-group-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.co-group-letter {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, #15803d, #22c55e);
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(21, 128, 61, .28);
}

.co-group-count {
    font-size: 12px;
    font-weight: 600;
    color: #8a96b0;
    white-space: nowrap;
}

.co-group-divider {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, #e4eaf3, transparent);
}

/* ── Country Cards Grid (3-col) ──────────────────── */
.co-cards-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

/* ── Individual Country Card ─────────────────────── */
.co-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border: 1px solid #e9eef7;
    box-shadow: 0 2px 10px rgba(30, 60, 114, .06);
    transition: transform .22s ease, box-shadow .22s ease;
    position: relative;
}

.co-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 36px rgba(30, 60, 114, .16);
    text-decoration: none;
}

.co-card.co-hidden {
    display: none !important;
}

/* Gradient top zone with dot-grid texture */
.co-card-top {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

/* Dot-grid texture overlay on card top */
.co-card-top::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255, 255, 255, .22) 1px, transparent 1px);
    background-size: 10px 10px;
    pointer-events: none;
}

/* Wave divider at bottom of card top */
.co-card-top::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 20px;
    background: #fff;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    z-index: 1;
}

/* Initials badge */
.co-card-badge {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .2);
    border: 2.5px solid rgba(255, 255, 255, .55);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -1px;
    backdrop-filter: blur(6px);
    position: relative;
    z-index: 2;
    transition: transform .22s, background .2s, box-shadow .2s;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .18);
}

.co-card:hover .co-card-badge {
    transform: scale(1.12) rotate(-4deg);
    background: rgba(255, 255, 255, .32);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
}

/* Card body */
.co-card-body {
    padding: 12px 16px 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.co-card-name {
    font-size: 13px;
    font-weight: 700;
    color: #1a2744;
    line-height: 1.35;
    margin-bottom: 10px;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.co-card-cta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    color: #22c55e;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: color .15s, gap .15s;
}

.co-card-cta i {
    font-size: 9px;
}

.co-card:hover .co-card-cta {
    color: #15803d;
    gap: 8px;
}

/* 6-colour gradient tops */
.co-card.co-c1 .co-card-top {
    background: linear-gradient(135deg, #15803d 0%, #22c55e 100%);
}

.co-card.co-c2 .co-card-top {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
}

.co-card.co-c3 .co-card-top {
    background: linear-gradient(135deg, #0e7490 0%, #06b6d4 100%);
}

.co-card.co-c4 .co-card-top {
    background: linear-gradient(135deg, #c2510a 0%, #fd7e14 100%);
}

.co-card.co-c5 .co-card-top {
    background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 100%);
}

.co-card.co-c6 .co-card-top {
    background: linear-gradient(135deg, #1d4ed8 0%, #6366f1 100%);
}

.co-card.co-c1 {
    border-top: 3px solid #22c55e;
}

.co-card.co-c2 {
    border-top: 3px solid #2a5298;
}

.co-card.co-c3 {
    border-top: 3px solid #06b6d4;
}

.co-card.co-c4 {
    border-top: 3px solid #fd7e14;
}

.co-card.co-c5 {
    border-top: 3px solid #7c3aed;
}

.co-card.co-c6 {
    border-top: 3px solid #6366f1;
}

/* No results */
.co-no-results {
    display: none;
    text-align: center;
    padding: 60px 20px;
    color: #6b7a99;
    font-size: 14px;
}

/* ── Right Sidebar ───────────────────────────────── */
.co-sidebar-card {
    background: #fff;
    border: 1px solid #e4eaf3;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 18px;
    box-shadow: 0 2px 8px rgba(30, 60, 114, .05);
}

.co-sidebar-header {
    background: linear-gradient(135deg, #15803d, #22c55e);
    padding: 11px 16px;
    color: #fff;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .6px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.co-sidebar-body {
    padding: 16px;
}

/* Sidebar search */
.co-sb-search-wrap {
    position: relative;
}

.co-sb-search-input {
    width: 100%;
    padding: 10px 38px 10px 14px;
    border: 1.5px solid #e4eaf3;
    border-radius: 10px;
    font-size: 13px;
    color: #1a2744;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    background: #fff;
}

.co-sb-search-input:focus {
    border-color: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, .15);
}

.co-sb-search-input::placeholder {
    color: #9aaccc;
}

.co-sb-search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #9aaccc;
    font-size: 13px;
    pointer-events: none;
}

/* Sidebar stat rows */
.co-sb-stat-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #f0f4fb;
}

.co-sb-stat-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.co-sb-stat-label {
    font-size: 12px;
    color: #6b7a99;
    display: flex;
    align-items: center;
    gap: 7px;
}

.co-sb-stat-label i {
    color: #22c55e;
    width: 14px;
    text-align: center;
}

.co-sb-stat-value {
    font-size: 13px;
    font-weight: 700;
    color: #1a2744;
}

/* ── Region Distribution bars (unique to this page) ─ */
.co-sb-region-row {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 7px 0;
    border-bottom: 1px solid #f0f4fb;
}

.co-sb-region-row:last-child {
    border-bottom: none;
}

.co-sb-region-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.co-sb-region-label {
    font-size: 12px;
    color: #3d4f6e;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.co-sb-region-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.co-sb-region-count {
    font-size: 11px;
    font-weight: 700;
    color: #8a96b0;
}

.co-sb-region-track {
    height: 5px;
    background: #f0f4fb;
    border-radius: 10px;
    overflow: hidden;
}

.co-sb-region-fill {
    height: 100%;
    border-radius: 10px;
    transition: width .8s ease;
}

/* Featured country links */
.co-sb-country-link {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f4fb;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    color: #3d4f6e;
    transition: color .15s, padding-left .15s;
}

.co-sb-country-link:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.co-sb-country-link:hover {
    color: #15803d;
    padding-left: 4px;
    text-decoration: none;
}

.co-sb-country-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.co-sb-country-link i {
    color: #c9d1df;
    font-size: 10px;
    margin-left: auto;
    transition: color .15s, transform .15s;
}

.co-sb-country-link:hover i {
    color: #22c55e;
    transform: translateX(3px);
}

/* Tip box */
.co-sb-tip {
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    border: 1px solid #bbf7d0;
    border-left: 4px solid #22c55e;
    border-radius: 10px;
    padding: 14px 16px;
    font-size: 12.5px;
    color: #14532d;
    line-height: 1.65;
}

.co-sb-tip strong {
    color: #15803d;
}

/* ── Responsive ───────────────────────────────────── */
@media (max-width: 1199px) {
    .co-cards-row {
        grid-template-columns: repeat(3, 1fr);
    }

    .co-spotlight-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .co-cards-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .co-spotlight-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .co-hero {
        padding: 38px 0 44px;
    }

    .co-hero-title {
        font-size: 26px;
    }

    .co-cards-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .co-spotlight-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .co-az-pill {
        min-width: 26px;
        height: 26px;
        font-size: 11px;
    }

    .co-hero-stat {
        padding: 12px 8px;
        min-width: 80px;
    }
}


/* ===================================================
   MEMBER LOGIN PAGE  (ml-*)
   =================================================== */

/* Hero strip */
.ml-hero {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    padding: 50px 0 20px;
    color: #fff;
}

.ml-hero .breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0 0 12px;
    font-size: 13px;
}

.ml-hero .breadcrumb-item a {
    color: rgba(255, 255, 255, .75);
    text-decoration: none;
}

.ml-hero .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, .4);
}

.ml-hero .breadcrumb-item.active,
.ml-hero .breadcrumb-item span {
    color: rgba(255, 255, 255, .55);
}

.ml-hero-title {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 4px;
}

.ml-hero-sub {
    font-size: 13px;
    color: rgba(255, 255, 255, .8);
    margin: 0;
}

/* Outer section */
.ml-section {
    background: #f3f6fb;
    padding: 44px 0 60px;
}

/* Wrapping card (holds left + right panels) */
.ml-card-wrap {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(30, 60, 114, .13);
}

/* Left panel */
.ml-left-panel {
    background: linear-gradient(160deg, #0d2451 0%, #1e3c72 55%, #2a5298 100%);
    padding: 44px 36px;
    color: #fff;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 560px;
}

.ml-left-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('/image/login-bg.jpg') center/cover no-repeat;
    opacity: 0.06;
    z-index: 0;
}

.ml-left-panel>* {
    position: relative;
    z-index: 1;
}

.ml-left-title {
    font-size: 21px;
    font-weight: 800;
    color: #fff;
    line-height: 1.35;
    margin-bottom: 6px;
}

.ml-left-sub {
    font-size: 13px;
    color: rgba(255, 255, 255, .6);
    margin-bottom: 30px;
}

/* Feature rows */
.ml-features {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin-top: auto;
}

.ml-feature-row {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: rgba(255, 255, 255, .88);
}

.ml-fi {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
    color: #ffd54f;
}

/* Stats bar */
.ml-stats-bar {
    display: flex;
    gap: 24px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.ml-stat-item strong {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: #ffd54f;
}

.ml-stat-item span {
    font-size: 11px;
    color: rgba(255, 255, 255, .55);
}

/* Right form card */
.ml-form-card {
    background: #fff;
    padding: 38px 32px 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ml-form-header {
    margin-bottom: 20px;
}

.ml-form-header h2 {
    font-size: 20px;
    font-weight: 800;
    color: #1a2744;
    margin-bottom: 4px;
}

.ml-form-header p {
    font-size: 13px;
    color: #8fa3be;
    margin: 0;
}

/* Pill tab switcher */
.ml-tab-pills {
    display: flex;
    background: #f1f5f9;
    border-radius: 10px;
    padding: 4px;
    margin-bottom: 22px;
    gap: 4px;
}

.ml-tab-pill {
    flex: 1;
    padding: 9px 10px;
    border: none;
    background: transparent;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #6c757d;
    cursor: pointer;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
}

.ml-tab-pill i {
    font-size: 12px;
}

.ml-tab-pill.active,
.ml-tab-pill:focus {
    background: #fff;
    color: #1e3c72;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    text-decoration: none;
}

.ml-tab-pill:hover:not(.active) {
    color: #2a5298;
    text-decoration: none;
}

/* Input row */
.ml-input-group {
    position: relative;
    margin-bottom: 16px;
}

.ml-input-group label {
    font-size: 11px;
    font-weight: 700;
    color: #4a6080;
    margin-bottom: 6px;
    display: block;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.ml-input-group .ml-icon {
    position: absolute;
    left: 12px;
    bottom: 13px;
    color: #c4cdd9;
    font-size: 13px;
    pointer-events: none;
}

.ml-input-group input {
    width: 100%;
    height: 44px;
    border: 1.5px solid #e4eaf3;
    border-radius: 10px;
    padding: 0 14px 0 36px;
    font-size: 14px;
    color: #1a2744;
    background: #fafbfd;
    transition: border-color .2s, box-shadow .2s;
    outline: none;
    box-sizing: border-box;
}

.ml-input-group input:focus {
    border-color: #2a5298;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, .1);
}

.ml-input-group input::placeholder {
    color: #c4cdd9;
    font-size: 13px;
}

/* Primary button */
.ml-btn-primary {
    width: 100%;
    height: 46px;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .2s, transform .15s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 4px;
}

.ml-btn-primary:hover {
    opacity: .9;
    transform: translateY(-1px);
    color: #fff;
}

.ml-btn-primary:disabled {
    opacity: .65;
    cursor: not-allowed;
    transform: none;
}

/* Register link */
.ml-register-link {
    text-align: center;
    font-size: 13px;
    color: #8fa3be;
    margin-top: auto;
    padding-top: 20px;
}

.ml-register-link a {
    color: #fd7e14;
    font-weight: 700;
    text-decoration: none;
}

.ml-register-link a:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 991px) {
    .ml-section {
        padding: 30px 30px 30px;
    }

    .ml-hero {

        padding: 40px 30px 30px;

    }

    .ml-card-wrap {
        border-radius: 16px;
        max-width: 440px;
        margin: 0 auto;
    }

    .ml-form-card {
        border-radius: 16px;
        padding: 32px 26px 26px;
    }
}

@media (max-width: 575px) {
    .ml-form-card {
        padding: 26px 18px 22px;
    }

    .ml-hero-title {
        font-size: 20px;
    }

    .ml-tab-pill {
        font-size: 12px;
        padding: 8px 6px;
    }
}


/*-----------------------------------------------------start Tender result ---------------------------------------------------------------*/

.greendifferent {
    color: #16a34a;
    font-weight: 700;
}

.reddifferent {
    color: #dc2626;
    font-weight: 700;
}

#resultTab,
#tenderTab {
    display: none;
}

#resultTab.active,
#tenderTab.active {
    display: block;
}


/* LAYOUT */
.page-body {
    display: flex;
    gap: 18px;
    padding: 18px 18px 30px;
    max-width: 1340px;
    margin: 0 auto;
}

.main-col {
    flex: 1;
    min-width: 0;
}

.side-col {
    width: 310px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ===== Result-detail mobile responsive ===== */
@media (max-width: 991px) {

    /* Stack the two columns */
    .page-body {
        flex-direction: column;
        gap: 14px;
        padding: 14px 12px 30px;
    }

    .side-col {
        width: 100%;
    }
}

@media (max-width: 768px) {

    /* Value cards: 2 per row */
    .value-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    /* Authority row wraps, city drops to its own line */
    .tender-authority {
        flex-wrap: wrap;
        gap: 6px 10px;
    }

    .tender-authority .city-item {
        margin-left: 0 !important;
        width: 100%;
    }

    .tender-meta-row {
        gap: 6px 24px;
    }
}

@media (max-width: 480px) {
    .value-grid {
        grid-template-columns: 1fr;
    }
}

/* MAIN CARD */
.card {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
    padding: 18px 20px;
    margin-bottom: 16px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.brr {
    font-size: 13px;
    font-weight: 700;
    color: #333;
    margin-bottom: 6px;
}

.tender-authority {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.tender-authority a {
    color: #1565c0;
    font-size: 15px;
    text-decoration: none;
}

/* Highlighted "View Tendering Authority" link */
.view-authority-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    border: 1px solid #bcdcff;
    border-radius: 8px;
    background: linear-gradient(135deg, #e8f3ff, #f3f8ff);
    color: #1565c0 !important;
    font-size: 13.5px !important;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: all .2s ease;
}

    .view-authority-link svg {
        width: 16px;
        height: 16px;
    }

    .view-authority-link:hover {
        background: #1565c0;
        border-color: #1565c0;
        color: #fff !important;
        box-shadow: 0 4px 12px rgba(21, 101, 192, .28);
    }

.tender-authority a:hover {
    text-decoration: underline;
}

.badge-aoc {
    background: #388e3c;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    padding: 2px 8px;
}


.badge-technicalbid {
    background: #db8b0b;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    padding: 2px 8px;
}

.badge-pricebid {
    background: #1565c0;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    padding: 2px 8px;
}

.tender-meta-row {
    display: flex;
    gap: 40px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.tender-meta-row .meta-item {
    font-size: 13px;
    color: #444;
}

.tender-meta-row .meta-item b {
    color: #222;
}

.city-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.pin-icon {
    color: #e53935;
    font-size: 14px;
}

/* Theme inline icon: sizes to the container's font-size */
.svg-ico {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    flex-shrink: 0;
}

.tender-brief {
    font-size: 13px;
    color: #444;
    margin-bottom: 12px;
    line-height: 1.6;
}

.tender-brief b {
    color: #222;
}

.read-more {
    color: #1565c0;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
}

/* VALUE CARDS */
.value-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 0;
}

.value-box {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 13px 14px;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    background: #fafbfc;
}

.value-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    flex-shrink: 0;
}

.vi-blue {
    background: #1565c0;
}

.vi-green {
    background: #2e7d32;
}

.vi-orange {
    background: #e65100;
}

.vi-purple {
    background: #6a1b9a;
}

.vi-teal {
    background: #00695c;
}

.vi-red {
    background: #c62828;
}

.value-box-content {
    display: flex;
    flex-direction: column;
}

.value-label {
    font-size: 11.5px;
    color: #888;
    margin-bottom: 2px;
}

.value-amount {
    font-size: 15px;
    font-weight: 700;

}

.value-amount.green {
    color: #2e7d32;
}

.value-ref {
    font-size: 13px;
    font-weight: 600;

}

.value-green-arrow {
    color: #2e7d32;
    font-size: 13px;
}

/* BIDDER TABLE */
.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.section-title {
    font-size: 15px;
    font-weight: 700;
    color: #222;
}

.badge-bidder {
    background: #1565c0;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    padding: 3px 11px;
}

table {
    width: 100%;
    border-collapse: collapse;
}

thead tr {
    background: #f5f6fa;
}

th {
    font-size: 12.5px;
    color: #555;
    font-weight: 600;
    padding: 9px 10px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
}

th:first-child,
th:nth-child(2) {
    text-align: left;
}

td {
    font-size: 13px;
    color: #333;
    padding: 9px 10px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

td:first-child,
td:nth-child(2) {
    text-align: left;
}

tbody tr:last-child td {
    border-bottom: none;
}

.bidder-name {
    display: flex;
    align-items: center;
    gap: 5px;
}

.check-icon {
    color: #2e7d32;
    font-size: 17px;
}

.cross-icon {
    color: #e53935;
    font-size: 17px;
}

.dash-icon {
    color: #888;
    font-size: 17px;
}

.rank-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

.rank-l1 {
    background: #2e7d32;
}

.rank-l2 {
    background: #e65100;
}

.rank-l3 {
    background: #1565c0;
}

.rank-l4 {
    background: #e65100;
}

.chart-icon {
    color: #1565c0;
    font-size: 17px;
    cursor: pointer;
}

/* Bid Analytics highlighted button (bidder table) */
.bid-analytics-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 20px;
    background: linear-gradient(135deg, #1e88e5, #1565c0);
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    box-shadow: 0 3px 8px rgba(21, 101, 192, .3);
    transition: transform .15s ease, box-shadow .15s ease;
}

.bid-analytics-btn svg {
    width: 14px;
    height: 14px;
}

.bid-analytics-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(21, 101, 192, .4);
    color: #fff !important;
    text-decoration: none;
}

.trophy-small {
    font-size: 15px;
}

/* WORK DETAIL */
.work-detail-text {
    font-size: 13px;
    color: #444;
    line-height: 1.7;
}

/* DOCUMENTS */
.doc-tabs {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 14px;
}

.doc-tab {
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    color: #888;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
}

.doc-tab.active {
    color: #1565c0;
    border-bottom: 3px solid #1565c0;
}

.doc-table th {
    text-align: left;
}

.doc-table td {
    text-align: left;
}

.download-link {
    color: #1565c0;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.download-link:hover {
    text-decoration: underline;
}

/* SIDEBAR */
.award-card {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
    padding: 18px 16px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    text-align: center;
}

.trophy-big {
    font-size: 48px;
    margin-bottom: 4px;
    display: block;
}

.trophy-sparkle {
    position: relative;
    display: inline-block;
}

.award-title {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 14px;
}

.bidder-rank-card {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
    margin-bottom: 9px;
    background: #fafbfc;
    text-align: left;
}

.rank-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
}

.rc-gold {
    background: #f9a825;
}

.rc-silver {
    background: #78909c;
}

.rc-bronze {
    background: #a1887f;
}

.rank-medal {
    font-size: 22px;
}

.bidder-rank-info {
    flex: 1;
}

.bidder-rank-name {
    font-size: 13px;
    font-weight: 700;
    color: #222;
}

.bidder-rank-label {
    font-size: 12px;
    color: #888;
}

.bidder-rank-label span {
    font-weight: 700;
}

.rank-l1-text {
    color: #2e7d32;
}

.rank-l2-text {
    color: #e65100;
}

.rank-l3-text {
    color: #1565c0;
}

.bidder-rank-amount {
    font-size: 12px;
    color: #444;
}

.bidder-rank-amount b {
    color: #222;
}

.view-all-btn {
    width: 100%;
    background: #1565c0;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 4px;
}

.view-all-btn:hover {
    background: #0d47a1;
}

/* QUICK LINKS */
.quick-links-card {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
    padding: 16px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.quick-links-title {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}

.quick-link-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    text-decoration: none;
}

.quick-link-item:last-child {
    border-bottom: none;
}

.quick-link-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ql-icon {
    font-size: 17px;
}

.ql-icon.blue {
    color: #1565c0;
}

.ql-icon.teal {
    color: #00695c;
}

.ql-icon.orange {
    color: #e65100;
}

.ql-icon.purple {
    color: #6a1b9a;
}

.ql-text {
    font-size: 13px;
    color: #333;
}

.ql-arrow {
    color: #bbb;
    font-size: 15px;
}

.quick-link-item:hover .ql-text {
    color: #1565c0;
}

/* INFO SOURCE */
.info-source-card {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
    padding: 16px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.info-source-title {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}

.info-source-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.gem-icon {
    color: #1565c0;
    font-size: 18px;
}

.gem-link {
    color: #1565c0;
    font-size: 12px;
    text-decoration: none;
    flex: 1;
    word-break: break-all;
}

.gem-link:hover {
    text-decoration: underline;
}

.visit-btn {
    border: 1.5px solid #1565c0;
    border-radius: 5px;
    padding: 5px 12px;
    font-size: 12px;
    color: #1565c0;
    font-weight: 600;
    cursor: pointer;
    background: #fff;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
}


/* Trophy animation */
@keyframes float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

.trophy-float {
    display: inline-block;
    animation: float 2.5s ease-in-out infinite;
    font-size: 52px;
}


.sim-btn {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #f8fafc;
    color: #374151;
    margin-left: 4px;
    font-size: 11px;
    line-height: 28px;
}

.sim-btn:hover {
    background: #1565c0;
    color: #fff;
    border-color: #1565c0;
}

/*-----------------------------------------------------EndTender result ---------------------------------------------------------------*/
.award-status-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 25px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .05);
}

.award-status-icon {
    width: 70px;
    height: 70px;
    margin: auto;
    border-radius: 50%;
    background: #eff6ff;
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 15px;
}

.award-status-title {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 10px;
}

.award-status-text {
    font-size: 13px;
    line-height: 1.7;
    color: #6b7280;
    margin-bottom: 18px;
}

.stage-badge {
    background: #f59e0b;
    color: #fff;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
}

.technical-icon {
    background: #eff6ff;
    color: #2563eb;
}

.price-icon {
    background: #ecfdf5;
    color: #16a34a;
}









.analytics-card {
    background: linear-gradient(180deg, #fffaf2, #fff4e6);
    border: 1px solid #f2c185;
    border-radius: 18px;
    padding: 18px;
}

.analytics-header {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #b45309;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.analytics-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.analytics-box {
    text-decoration: none;
    background: #fff;
    border: 1px solid #f2b36d;
    border-radius: 14px;
    padding: 5px;
    text-align: center;
    transition: .3s;
    position: relative;
}

.analytics-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(230, 126, 34, .15);
    border-color: #ff8c00;
}

.analytics-icon {
    width: 42px;
    height: 42px;
    margin: 0 auto 0px;
    border-radius: 50%;

    color: #663e10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.analytics-count {
    font-size: 20px;
    font-weight: 800;
    color: #b45309;
    line-height: 1;
}

.analytics-title {
    margin-top: 8px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7c2d12;
}

.analytics-action {
    margin-top: 8px;
    font-size: 11px;
    color: #0d6efd;
    font-weight: 600;
}








.hover-click-dropdown {
    position: relative;
}

.services-dropdown {
    min-width: 320px;
    border: 0;
    border-radius: 14px;
    padding: 12px 0;
    margin-top: 12px;
    background: #fff;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .15);
    overflow: hidden;
}

.services-dropdown li {
    list-style: none;
}

.services-dropdown li a {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    color: #1f2937;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all .25s ease;
    border-left: 3px solid transparent;
}

.services-dropdown li a:hover {
    background: #f4f8ff;
    color: #0d6efd;
    border-left: 3px solid #0d6efd;
    padding-left: 25px;
}

.services-link {
    font-weight: 600;
}

@media (min-width: 992px) {
    .hover-click-dropdown:hover .dropdown-menu {
        display: block;
        animation: fadeDown .25s ease;
    }
}

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ============================================================
   MOBILE UI FIXES — Homepage Header & Hero
   ============================================================ */

@media (max-width: 991px) {

    /* FIX 1: Logo too wide — reduce so it doesn't overflow header */
    .brand-image {
        width: 140px !important;
        max-width: 140px !important;
    }

    /* FIX 2: Hide "Services" nav link on mobile
       (already accessible via hamburger menu — duplicate) */
    .services-link {
        display: none !important;
    }

    /* FIX 3: Login button — reduce size so it fits cleanly top-right */
    .login-btn {
        padding: 5px 12px !important;
        font-size: 12px !important;
        white-space: nowrap;
    }
}

@media (max-width: 768px) {

    /* FIX 4: Search bar full-width, no interference from WhatsApp button
       (WhatsApp is now fixed at bottom:20px — no overlap with hero area) */
    .search-bar {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* FIX 5: Hero subtitle — reduce font size so the full text
       fits on one line instead of wrapping "Win More Bids" to next line */
    .hero p,
    .hero-sub {
        font-size: 12.5px !important;
        letter-spacing: -0.1px;
    }

    /* FIX 6: Hero padding-top — give enough breathing room below fixed header */
    .hero {
        padding-top: 60px !important;
    }
}





.modern-table-wrapper {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    margin: 20px 0;
}

.dataframe {
    width: 100%;
    border-collapse: collapse;

    border: 0 !important;
}

.dataframe thead {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #fff;
}

.dataframe th {
    padding: 16px 20px;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.4px;
}

.dataframe td {
    padding: 16px 20px;
    color: #374151;
    font-size: 14px;
    border-bottom: 1px solid #edf2f7;
    transition: all 0.3s ease;
}

.dataframe tbody tr {
    transition: all 0.3s ease;
}

.dataframe tbody tr:nth-child(even) {
    background: #f8fafc;
}

.dataframe tbody tr:hover {
    background: #eff6ff;
    transform: scale(1.002);
}

.dataframe tbody tr:hover td {
    color: #1e40af;
}

.dataframe td:first-child {
    width: 80px;
    font-weight: 600;
    color: #2563eb;
}

.dataframe td:nth-child(2) {
    font-weight: 600;
}

@media (max-width: 768px) {

    .dataframe th,
    .dataframe td {
        padding: 12px;
        font-size: 13px;
    }
}

/* ── AI Summary blur/unlock overlay ── */
.ai-blur-wrap {
    position: relative;
    overflow: hidden;
    min-height: 200px;
}

.ai-blurred {
    filter: blur(5px);
    user-select: none;
    pointer-events: none;
    opacity: .75;
}

.ai-unlock-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .88) 38%, #fff 100%);
    z-index: 2;
    padding: 24px 20px 28px;
}

.ai-unlock-box {
    text-align: center;
    max-width: 400px;
    width: 100%;
}

.ai-unlock-icon-wrap {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #1e3a8a, #3b82f6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    box-shadow: 0 8px 24px rgba(59, 130, 246, .35);
}

.ai-unlock-icon-wrap i {
    color: #fff;
    font-size: 22px;
}

.ai-unlock-box h4 {
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 6px;
}

.ai-unlock-box p {
    font-size: 13px;
    color: #64748b;
    margin: 0 0 20px;
    line-height: 1.55;
}

.ai-unlock-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: linear-gradient(135deg, #1e3a8a, #2563eb);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 13px 30px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform .15s, box-shadow .15s;
    box-shadow: 0 4px 18px rgba(37, 99, 235, .4);
    letter-spacing: .01em;
}

.ai-unlock-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(37, 99, 235, .55);
}

.ai-unlock-note {
    margin-top: 13px;
    font-size: 11.5px;
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.ai-unlock-chips {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.ai-unlock-chip {
    background: #eff6ff;
    color: #1d4ed8;
    border-radius: 20px;
    padding: 3px 11px;
    font-size: 11.5px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* ── AI Summary PDF-format document ── */
.ai-sum-doc {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    font-size: 13px;
    color: #1e293b;
    margin: 0 0 8px;
}

.ai-sum-strip {
    display: flex;
    flex-wrap: wrap;
    background: #1e3a8a;
}

.ai-sum-strip-item {
    flex: 1;
    min-width: 110px;
    padding: 9px 16px;
    border-right: 1px solid rgba(255, 255, 255, .15);
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ai-sum-strip-item:last-child {
    border-right: none;
}

.ai-sum-strip-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .07em;
    color: rgba(255, 255, 255, .65);
    text-transform: uppercase;
}

.ai-sum-strip-val {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ai-sum-sec {
    border-bottom: 1px solid #f1f5f9;
}

.ai-sum-sec:last-of-type {
    border-bottom: none;
}

.ai-sum-sec-hd {
    background: #f8fafc;
    padding: 6px 16px;
    font-size: 10.5px;
    font-weight: 700;
    color: #1e40af;
    letter-spacing: .05em;
    text-transform: uppercase;
    border-bottom: 1px solid #e2e8f0;
    border-left: 3px solid #3b82f6;
}

.ai-sum-rows {
    padding: 4px 0;
}

.ai-sum-cols2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.ai-sum-row {
    display: flex;
    flex-direction: column;
    padding: 5px 16px;
    gap: 2px;
}

.ai-sum-lbl {
    font-size: 9.5px;
    color: #94a3b8;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ai-sum-val {
    font-size: 12.5px;
    color: #1e293b;
    font-weight: 500;
    line-height: 1.4;
}

.ai-sum-accent {
    color: #1e40af;
    font-weight: 600;
}

.ai-sum-doclist {
    padding: 6px 16px 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ai-sum-docitem {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #334155;
}

.ai-sum-docitem i {
    color: #3b82f6;
    font-size: 11px;
    flex-shrink: 0;
}

.ai-sum-footer {
    background: #f8fafc;
    padding: 7px 16px;
    font-size: 10.5px;
    color: #94a3b8;
    text-align: center;
    border-top: 1px solid #e2e8f0;
}

.ai-sum-footer i {
    margin-right: 4px;
}
}





.bidder-table-container {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: auto;
    /* let wide tables scroll instead of being clipped */
    -webkit-overflow-scrolling: touch;
    /* Firefox */
    scrollbar-width: none;
    /* IE/Edge */
    -ms-overflow-style: none;
}

/* Chrome, Edge, Safari */
.bidder-table-container::-webkit-scrollbar {
    display: none;
}

.bidder-table {
    width: 100%;
    border-collapse: collapse;
}

.bidder-table thead th {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #f8fafc;
    color: #374151;
    font-weight: 600;
}

.bidder-table th,
.bidder-table td {
    padding: 12px;
    white-space: nowrap;
    border-bottom: 1px solid #e5e7eb;
}

.bidder-table tbody tr:hover {
    background: #f8fafc;
}

/* Mobile: bidder list + document tables become a card view */
@media (max-width: 768px) {
    .bidder-table-container {
        max-height: none;
    }

    .bidder-table thead {
        display: none;
    }

    .bidder-table,
    .bidder-table tbody,
    .bidder-table tr,
    .bidder-table td {
        display: block;
        width: 100%;
    }

    .bidder-table tr {
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        margin-bottom: 12px;
        padding: 4px 12px;
        background: #fff;
        box-shadow: 0 1px 4px rgba(15, 23, 42, .05);
    }

    .bidder-table td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        text-align: right !important;
        white-space: normal;
        overflow-wrap: anywhere;
        padding: 8px 0;
        border-bottom: 1px dashed #eef2f7;
    }

    .bidder-table td:last-child {
        border-bottom: none;
    }

    .bidder-table td::before {
        content: attr(data-label);
        flex-shrink: 0;
        font-size: 12px;
        font-weight: 600;
        color: #64748b;
        text-align: left;
    }
}

/* Scrollbar */
.bidder-table-container::-webkit-scrollbar {
    width: 8px;
}

.bidder-table-container::-webkit-scrollbar-track {
    background: #f1f5f9;
}

.bidder-table-container::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 20px;
}

.bidder-table-container::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}




.bidder-stat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.bidder-stat-value {
    font-size: 18px;
    font-weight: 700;
    color: #2563eb;
}

.bidder-stat-label {
    font-size: 13px;
    color: #64748b;
    font-weight: 600;
}

.fa-users:before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
}



.bidder-count-wrap {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
}

.bidder-count-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: orangered;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 2px 8px rgba(13, 110, 253, .25);
}










/* ===== GRID VIEW ===== */

.tender-list.grid-view {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.tender-list.grid-view .tender-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}

/* Title */
.tender-list.grid-view .tc-title {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 84px;
}

/* Meta */
.tender-list.grid-view .tc-meta {
    font-size: 12px;
    margin-top: 8px;
    flex-wrap: wrap;
    gap: 6px;
}

/* Tags */
.tender-list.grid-view .tc-tags {
    font-size: 11px;
    padding: 4px 8px;
}

/* Right section */
.tender-list.grid-view .tc-right {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
}

/* Button */
.tender-list.grid-view .btn-gradient {
    font-size: 12px;
    padding: 6px 12px;
}

/* State */
.tender-list.grid-view .tc-state {
    font-size: 11px;
}

/* Bidder Count */
.tender-list.grid-view .bidder-count-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #0d6efd;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
}

/* Hide serial no in grid */
.tender-list.grid-view .mr-2 {
    display: none;
}

/* Tablet */
@media(max-width:1200px) {
    .tender-list.grid-view {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media(max-width:768px) {
    .tender-list.grid-view {
        grid-template-columns: 1fr;
    }
}


.thank-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 16px;
    background-color: #f4f6fb;
    min-height: calc(100vh - 160px);
}

.thank-card {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.08);
    padding: 52px 48px 44px;
    max-width: 540px;
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
    animation: cardFadeUp 0.5s ease both;
}

.thank-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #1a73e8, #0d47a1);
    border-radius: 16px 16px 0 0;
}

/* ===== Animations ===== */
@keyframes cardFadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes popIn {
    0% {
        transform: scale(0.3);
        opacity: 0;
    }

    70% {
        transform: scale(1.12);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes checkDraw {
    from {
        stroke-dashoffset: 60;
        opacity: 0;
    }

    to {
        stroke-dashoffset: 0;
        opacity: 1;
    }
}

@keyframes ringPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4);
    }

    70% {
        box-shadow: 0 0 0 14px rgba(34, 197, 94, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
    }
}

/* ===== Icon Circle ===== */
.thank-icon-wrap {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #e8f9ef;
    border: 2.5px solid #6ee7a0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 28px;
    animation: popIn 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s both, ringPulse 1.8s ease 0.65s 2;
}

.thank-icon-wrap svg polyline {
    stroke: #16a34a;
    stroke-width: 3.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    stroke-dasharray: 60;
    stroke-dashoffset: 60;
    animation: checkDraw 0.45s ease 0.55s forwards;
}

/* ===== Heading ===== */
.thank-card h2 {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 10px;
    letter-spacing: -0.3px;
}

.thank-card .thank-sub {
    font-size: 15px;
    color: #64748b;
    margin: 0 0 28px;
    line-height: 1.6;
}

/* ===== Info Box ===== */
.extra-box {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    padding: 16px 20px;
    font-size: 14px;
    color: #1e40af;
    line-height: 1.65;
    margin-bottom: 32px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
}

.extra-box .info-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    color: #2563eb;
}

/* ===== Button ===== */
.btn-home {
    display: inline-block;
    background: #1a73e8;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 600;
    padding: 13px 40px;
    border-radius: 8px;
    text-decoration: none !important;
    letter-spacing: 0.2px;
    transition: background 0.18s ease, transform 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 3px 12px rgba(26, 115, 232, 0.35);
}

.btn-home:hover {
    background: #1558c0;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(26, 115, 232, 0.45);
    color: #ffffff !important;
    text-decoration: none !important;
}

.btn-home:active {
    transform: translateY(0);
}

/* ===== Divider & Footer note ===== */
.thank-divider {
    border: none;
    border-top: 1px solid #f1f5f9;
    margin: 28px 0 18px;
}

.thank-footer-note {
    font-size: 12px;
    color: #94a3b8;
    margin: 0;
    line-height: 1.7;
}

.thank-footer-note strong {
    color: #64748b;
}

/* ===== Step Cards ===== */
.steps-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    margin-bottom: 32px;
}

.step-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 18px 10px 14px;
    text-align: center;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.step-item:hover {
    border-color: #93c5fd;
    box-shadow: 0 2px 8px rgba(26, 115, 232, 0.1);
}

.step-icon {
    width: 36px;
    height: 36px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e8f9ef;
    border-radius: 50%;
}

.step-icon svg {
    width: 20px;
    height: 20px;
    stroke: #16a34a;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.step-label {
    font-size: 12px;
    color: #475569;
    font-weight: 500;
    line-height: 1.4;
}

/* ===== Responsive ===== */
@media (max-width: 600px) {
    .thank-card {
        padding: 40px 24px 36px;
    }

    .thank-card h2 {
        font-size: 24px;
    }

    .thank-icon-wrap {
        width: 78px;
        height: 78px;
    }

    .steps-row {
        grid-template-columns: 1fr;
    }

}

.contact-link {
    color: #0d6efd;
    font-weight: 600;
    text-decoration: none;
}

.contact-link:hover {
    color: #084298;
    text-decoration: underline;
}




.keyword-scroll {
    max-height: 1035px;
    overflow-y: auto;
    overflow-x: hidden;
    /* Firefox */
    scrollbar-width: none;
    /* IE */
    -ms-overflow-style: none;
}

/* Chrome, Edge, Safari */
.keyword-scroll::-webkit-scrollbar {
    display: none;
}

.keyword-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.keyword-scroll::-webkit-scrollbar-thumb {
    background: #0d6efd;
    border-radius: 10px;
}

.keyword-scroll::-webkit-scrollbar-thumb:hover {
    background: #0b5ed7;
}

.col-sr-no {
    width: 70px;
}

@media (max-width: 767px) {
    .provide-section {
        padding: 30px 30px;
    }

    .provide-section .mb-5 {
        margin-bottom: 1rem !important;
    }

    .provide-section .sec-h2 {
        font-size: 20px !important;
    }

    .stats-section h2 {
        text-align: center;
        font-size: 24px;
    }

    .sec-h2 {
        font-size: 24px;
    }

    .ui-autocomplete .ui-menu-item {
        font-size: 13px;
    }

    .key-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .main-content {
        margin-top: 40px;
    }

    .main-col {

        margin-top: 50px;
    }

    .value-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .main-wrap {

        grid-template-columns: 2fr;
    }

    .tis-page {
        padding: 0px
    }

    .tis-page .kv-header {
        padding: 5px 15px 15px;
    }

    .tis-page .kv-title {
        font-size: 18px;
    }

    .tis-page .hero_ti h2 {
        font-size: 30px;
    }

    .tis-page .hero_ti {
        padding: 30px 30px 30px;
    }

    .tis-page .section-title_ti {
        font-size: 24px;
    }

    .tis-page .section_ti.features-bg_ti {
        padding: 30px 30px 30px;
    }
    .tis-page   .section_ti {
   padding: 30px 30px 30px;
}
   .tis-page .service-bullets_ti {padding: 0;}
   .tis-page .features-grid_ti {
 
    grid-template-columns: repeat(1, 1fr);
}

.dsc-page .kv-title {
        font-size: 18px;
    }
}



/* ── CSS to paste into your stylesheet ──────────────────────────────────────
   Controls the Google-style bold completion in the dropdown rows. */

.ac-text .typed {
    color: #6c757d;
    /* dim the part the user already typed */
    font-weight: 400;
}

.ac-text b {
    color: #212529;
    /* bold the completion */
    font-weight: 600;
}

.ui-autocomplete {
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
    z-index: 9999 !important;
}

.ui-autocomplete .ui-menu-item {
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}

.ui-autocomplete .ui-menu-item:last-child {
    border-bottom: none;
}

.ui-autocomplete .ui-menu-item:hover .ac-item,
.ui-autocomplete .ui-state-active .ac-item {
    background: #f5f8ff;
}