
:root{
    --completed: #2da44f;
    --inprogress: #ddd600;
    --inprogress-deep: #817c00;
    --pending : #f77823;
}
svg{transition: viewBox 0.5s ease-in-out;}
svg #bihar path{
    fill: #507afa;
    transition: all 0.3s;
    cursor: pointer;
    position: absolute;
}
svg #bihar circle{cursor: pointer;}
svg #bihar path:hover,
svg #bihar circle:hover{
    filter: drop-shadow(1px 1px 5px rgb(0 0 0 / 0.4));
    stroke-width: 1px;
    stroke: #fff;
    z-index: 10;
}
/*g#bihar #West-Champaran path {
    fill: #ffdb00;
}*/
#od-map h2{
    /* border-bottom: 1px solid #ddd; */
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
}
#od-map .inst-status {
    background: #eee;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 20px #3333;
}
#od-map .completed {
    background-color: var(--completed);
    fill:  var(--completed);
}
#od-map .in-progress {
    background-color: var(--inprogress);
    fill: var(--inprogress);
}
#od-map .pending {
    background-color: var(--pending);
    fill: var(--pending);
}
#od-map .inst-status .stitch-wrap{
    border: 2px dashed #fafafa;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
}
#od-map .inst-status h3 {
    margin: 0 0 15px;
    border: none;
    font-size: 2rem;
    display: inline-block;
    background: #fff8;
    line-height: 60px;
    width: 60px;
    padding: 0;
    border-radius: 10%;
    color: #554235;
}
#od-map .inst-status p{
    margin: 0;
    color: #fff;
}
#od-map .inst-status.in-progress p {
    color: #554235;
}
.gap-10{
    gap: 10px;
}
text {
    font-size: 12px;
    font-weight: bold;
    fill: #060606;
    pointer-events: none;
    position: relative;
    z-index: 999;
}
/*text#t1 {
    transform: matrix(1, 0, 0, 1, 108, 49);
}*/
text#t2 {
    transform: matrix(1, 0, 0, 1, 530, 160);
}
text#t3 {
    transform: matrix(1, 0, 0, 1, 207, 170);
}
text#t4 {
    transform: matrix(1, 0, 0, 1, 520, 208);
}
text#t5 {
    transform: matrix(1, 0, 0, 1, 160, 240);
}
text#t6 {
    transform: matrix(1, 0, 0, 1, 245, 242);
}
text#t7 {
    transform: matrix(1, 0, 0, 1, 420, 267);
}
text#t8 {
    transform: matrix(1, 0, 0, 1, 320, 160);
}
text#t9 {
    transform: matrix(1, 0, 0, 1, 400, 230);
}
text#t10 {
    transform: matrix(1, 0, 0, 1, 264, 418);
}
text#t11 {
    transform: matrix(1, 0, 0, 1, 310, 370);
}
text#t12 {
    transform: matrix(1, 0, 0, 1, 490, 292);
}
text#t13 {
    transform: matrix(1, 0, 0, 1, 470, 223);
}
text#t14 {
    transform: matrix(1, 0, 0, 1, 250, 110);
}
text#t15 {
    transform: matrix(1, 0, 0, 1, 160, 310);
}
text#t16 {
    transform: matrix(1, 0, 0, 1, 240, 310);
}
text#t17 {
    transform: matrix(1, 0, 0, 1, 510, 255);
}
text#t18 {
    transform: matrix(1, 0, 0, 1, 410, 150);
}
text#t19 {
    transform: matrix(1, 0, 0, 1, 409, 300);
}
text#t20 {
    transform: matrix(1, 0, 0, 1, 110, 470);
}
text#t21 {
    transform: matrix(1, 0, 0, 1, 40, 530);
}
text#t22 {
    transform: matrix(1, 0, 0, 1, 485, 110);
}
text#t23 {
    transform: matrix(1, 0, 0, 1, 93, 368);
}
text#t24 {
    transform: matrix(1, 0, 0, 1, 350, 293);
}
text#t25 {
    transform: matrix(1, 0, 0, 1, 110, 295);
}
text#t26 {
    transform: matrix(1, 0, 0, 1, 440, 330);
}
text#t27 {
    transform: matrix(1, 0, 0, 1, 194, 390);
}
text#t28 {
    transform: matrix(1, 0, 0, 1, 260, 160);
}
text#t29 {
    transform: matrix(1, 0, 0, 1, 225, 215);
}
text#t30 {
    transform: matrix(1, 0, 0, 1, 320, 100);
}

.map-filter {
    display: flex;
    padding: 15px;
    background: #00d3dd;
    gap: 15px;
    border-radius: 10px;
    box-shadow: 1px 1px 10px #0003;
    margin: 20px 20px -10px;
}
.map-filter .f-group {
    flex: 1;
    text-align: left;
    padding: 5px 10px;
    border: 1px dashed #fff;
    border-radius: 5px;
    background: #fff5;
}
.map-filter .f-group label {
    margin: 0px 0 0;
    display: block;
    font-size: 12px;
    color: #554235;
}
.map-filter .f-group select {
    border: none;
    background: none;
    width: 100%;
}
.hover-title{
    position: absolute;
    left: 60px;
    top: 180px;
    z-index: 9000;
    padding: 20px;
    background: #2d5da4;
    color: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 20px #3333;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s;
    font-size: 26px;
}

.listings{
    margin-top: 30px;
    position: relative;
}
.listings h3{
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
}
.listings h3 b{
    float: left;
    cursor: pointer;
}
.listings h3 b:before{
    content: '\2b05';
}
.listings .listing {
    overflow: auto;
    height: 480px;
    padding: 10px;
}
.listings .list-single {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px;
    background: #f2f2f2;
    margin-bottom: 5px;
    transition: all 0.3s;
}
.listings .list-single:hover {
    cursor: pointer;
    background-color: #f9f9f9;
    box-shadow: 1px 1px 5px #0004;
    transform: scale(1.03);
}
.listings .list-single .data-title {
    font-size: 22px;
    width: 160px;
    text-align: left;
}
.listings .list-single .data-desc {
    flex: 1;
    line-height: 1;
}
.listings .list-single .data-desc .num-data {
    display: flex;
}
.listings .list-single .data-desc .num-data span {
    display: block;
    font-size: 18px;
    font-weight: 700;
}
.listings .list-single .data-desc .num-data > * {
    flex: 1;
}
.listings .list-single .data-desc .num-data .cmplt {
    color: var(--completed);
}
.listings .list-single .data-desc .num-data .inp {
    color: var(--inprogress-deep);
}
.listings .list-single .data-desc .num-data .pnd {
    color: var(--pending);
}
.listings .list-single .data-desc .statusbar {
    display: flex;
    height: 3px;
    background: #eee;
    margin-top: 10px;
}

.listings .list-single .data-desc .statusbar .cmplt {
    height: 3px;
    background: #2da44f;
    flex: 50;
}

.listings .list-single .data-desc .statusbar .inp {
    flex: 3;
    height: 3px;
    background: #ddd600;
}

.listings .list-single .data-desc .statusbar .pnd {
    height: 3px;
    flex: 7;
    background: #f77823;
}
.gp-listings {
    position: absolute;
    /* display: none; */
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    margin: 0;
}
.loader{
    position: fixed;
    top: 0; right:0; bottom:0; left:0; z-index: 2000;
    background-color: #eeed;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader:before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 7px solid #fff0;
    box-shadow: 0px 0px 20px #3333, 0px 0px 15px #3333 inset;
    border-right-color: #072563;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.progress-card{
    display: flex;
}

/*Inner Banner*/

.inner-banner {
    background-size: cover;
    background-position: center;
    max-height: 245px;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .inner-banner h2 {
        font-size: 32px;
        font-weight: 600;
        color: #fff;
        letter-spacing: -0.3px;
        line-height: 54px;
    }
section.contact-sec {
    padding: 65px 0;
}
.cont-wrapper {
    border: 0 solid transparent;
    margin: 1rem 0;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
    background-color: white;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    max-height: 175px;
    height: 100vh;
}
.cont-wrapper h5 {
    font-weight: 600;
    font-size: 19px;
    letter-spacing: -0.4px;
    margin: 1.2rem;
}
iframe {
    margin-top: 3rem;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
    background-color: white;
    padding: 1rem;
}
.contact-sec .title-style-3 h3{
    display:table;
    margin:auto;
}
.cont-wrapper img {
    width: 40px;
    margin-bottom: 3px;
}
/*Download*/

section.download-sec {
    padding: 60px 0;
}
.download-sec table {
    width: 100%;
}
.download-sec table img {
    width: 32px;
}
.download-sec table tbody tr td:last-child a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.download-sec table tbody tr:nth-child(even) {
    background: #f3f5fb;
}
.download-sec td, .download-sec th {
    padding: 8px 15px;
}
.download-sec table thead tr {
    background: #383e93;
    color: #fff;
}
.scheme-table, .download-table {
    display: none;
}
.cstm-btn {
    background: #383e93;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    padding: 10px 22px;
    font-weight: 500;
    border: none;
    margin-bottom: 1.7rem;
}
    .cstm-btn:hover, .cstm-btn.active {
        background: #ffa53b;
        box-shadow: none;
        border: none;
        color:#fff;
    }
        .cstm-btn.active:focus {
            outline: none;
        }