﻿.BGDiv {
    background-image: url('../img/banner.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
}
.SubBGDiv{ background:rgb(14 28 78 / 68%);min-height:300px;padding:20px;}    
.SubBGDiv h1{
    font-size: 55px;
    color: white;
    font-weight: 700;
}
:root{
    --text: #fff;
    --border: #10a8f2;
    --bg_color1: linear-gradient(135deg, #e74c3c 49%, #c0392b 50%);
    --bg_color2: linear-gradient(135deg, #2ecc71 49%, #27ae60 50%);
    --bg_color3: linear-gradient(135deg, #3498db 49%, #2980b9 50%);
    --bg_color4: linear-gradient(135deg, #fd9644 49%, #fa8231 50%);
}
.counter{ margin-bottom:15px;}
.counter .counter-content{
    color: var(--text);
    background: var(--bg_color1);
    text-align: center;
    height: 180px;
    width: 180px;
    padding: 20px 25px;
    margin: 0 auto;
    border: 4px solid var(--border);
    box-shadow: 0 0 0 6px var(--text) inset;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.counter .counter-content:before,
.counter .counter-content:after{
    content: '';
    background-color: var(--border);
    height: 100%;
    width: 4px;
    position: absolute;
    left: -20px;
    top: 0;
}
.counter .counter-content:after{
    height: 4px;
    width: 20px;
    transform: translateY(-50%);
    top: 50%;
    z-index: -1;
}
.counter .counter-icon{
    font-size: 30px;
    line-height: 30px;
    transition: all 0.3s ease 0s;
}
.counter .counter-content:hover .counter-icon{ transform: rotateX(360deg); }
.counter .counter-value{
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
}
.counter h3{
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
.counter.green .counter-content{ background: var(--bg_color2); }
.counter.blue .counter-content{ background: var(--bg_color3); }
.counter.orange .counter-content{ background: var(--bg_color4); }
@media (max-width:992px){
    .counter{ margin-bottom: 40px; }
    .counter .counter-content{
    height: 170px;
    width: 100%!important;}
    .SubBGDiv h1{font-size:30px!important;}
}
.OdishaMap {position:relative;width:100%;}
	.OdishaMap img {max-width:100%;}
	.OdishaMap ul.listb{margin:0;padding:0;}
	.OdishaMap ul.listb li{margin:0;padding:0;list-style:none;font-size:12px;font-weight:700;}
	.OdishaMap ul.listb li.s1
	{
		position: absolute;
        top: 42px;
        left: 42%;
        cursor: pointer;
	}
	.OdishaMap ul.listb li.s2
	{
		position: absolute;
        top: 26%;
        left: 43%;
        cursor: pointer;
	}
	.OdishaMap ul.listb li.s3
	{
		position:absolute;
		top:10%;
		right: 14%;
		cursor:pointer;
	}
	.OdishaMap ul.listb li.s4
	{
		position:absolute;
		top:20%;
		right: 26%;
		cursor:pointer;
	}
	.OdishaMap ul.listb li.s5
	{
		position: absolute;
        top: 34%;
        right: 28%;
        cursor: pointer;
	}
	.OdishaMap ul.listb li.s6
	{
		position: absolute;
        top: 46%;
        left: 18%;
        cursor: pointer;
	}
	.OdishaMap ul.listb li.s7
	{
		position: absolute;
        top: 41%;
        left: 26%;
        cursor: pointer;
	}
	.OdishaMap ul.listb li.s8
	{
		position: absolute;
        top: 37%;
        left: 44%;
        cursor: pointer;
	}
	.OdishaMap ul.listb li.s9
	{
		position: absolute;
        top: 57%;
        left: 24%;
        cursor: pointer;
	}
	.OdishaMap ul.listb li.s10
	{
		position: absolute;
        top: 49%;
        left: 40%;
        cursor: pointer;
	}
	.OdishaMap ul.listb li.s11
	{
		position: absolute;
        top: 65%;
        left: 32%;
        cursor: pointer;
	}
	.OdishaMap ul.listb li.s12
	{
		position: absolute;
        top: 77%;
        left: 20%;
        cursor: pointer;
	}
    .OdishaMap ul.listb li.s13
	{
		position: absolute;
       top: 22%;
      right: 6%;
        cursor: pointer;
	}
     .OdishaMap ul.listb li.s14
	{
		position: absolute;
        top: 22%;
        right: 38%;
        cursor: pointer;
	}
     .OdishaMap ul.listb li.s15
	{
		position: absolute;
       top: 73%;
    left: 45%;
        cursor: pointer;
	}
      .OdishaMap ul.listb li.s16
	{
		position: absolute;
        top: 90%;
        left: 6%;
        cursor: pointer;
	}
         .OdishaMap ul.listb li.s17
	{
		position: absolute;
        top: 63%;
        left: 14%;
        cursor: pointer;
	}
	.OdishaMap ul.listb li.s1 .tooltiptext {
visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
    font-size: 12px;
	}
    .Yellow{color:yellow;}
.OdishaMap ul.listb li.s1:hover .tooltiptext{visibility: visible;}
	.OdishaMap ul.listb li.s2 .tooltiptext {
visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
	}
.OdishaMap ul.listb li.s2:hover .tooltiptext{visibility: visible;}
	.OdishaMap ul.listb li.s3 .tooltiptext {
visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
	}
.OdishaMap ul.listb li.s3:hover .tooltiptext{visibility: visible;}
	.OdishaMap ul.listb li.s4 .tooltiptext {
visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
	}
.OdishaMap ul.listb li.s4:hover .tooltiptext{visibility: visible;}
	.OdishaMap ul.listb li.s5 .tooltiptext {
visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
	}
.OdishaMap ul.listb li.s5:hover .tooltiptext{visibility: visible;}
	.OdishaMap ul.listb li.s6 .tooltiptext {
visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
	}
.OdishaMap ul.listb li.s6:hover .tooltiptext{visibility: visible;}
	.OdishaMap ul.listb li.s7 .tooltiptext {
visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
	}
.OdishaMap ul.listb li.s7:hover .tooltiptext{visibility: visible;}
	.OdishaMap ul.listb li.s8 .tooltiptext {
visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
	}
.OdishaMap ul.listb li.s8:hover .tooltiptext{visibility: visible;}
.OdishaMap ul.listb li.s9 .tooltiptext {
visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
	}
.OdishaMap ul.listb li.s9:hover .tooltiptext{visibility: visible;}
	.OdishaMap ul.listb li.s10 .tooltiptext {
visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
	}
.OdishaMap ul.listb li.s10:hover .tooltiptext{visibility: visible;}
	.OdishaMap ul.listb li.s11 .tooltiptext {
visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
	}
	.OdishaMap ul.listb li.s11:hover .tooltiptext{visibility: visible;}
	.OdishaMap ul.listb li.s12 .tooltiptext {
visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
}
.OdishaMap ul.listb li.s12:hover .tooltiptext{visibility: visible;}

.OdishaMap ul.listb li.s13 .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
}
.OdishaMap ul.listb li.s13:hover .tooltiptext{visibility: visible;}
.OdishaMap ul.listb li.s14 .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
}
.OdishaMap ul.listb li.s14:hover .tooltiptext{visibility: visible;}
.OdishaMap ul.listb li.s15 .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
}
.OdishaMap ul.listb li.s15:hover .tooltiptext{visibility: visible;}
.OdishaMap ul.listb li.s16 .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
}
.OdishaMap ul.listb li.s16:hover .tooltiptext{visibility: visible;}
.OdishaMap ul.listb li.s17 .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #104f9c;
    color: white;
    text-align: left;
    border-radius: 0px;
    padding: 5px;
   
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 12px;
}
.OdishaMap ul.listb li.s17:hover .tooltiptext{visibility: visible;}
.BlueDots
{
    margin: 0px;
    width: 12px;
    height: 12px;
    text-align: center;
    background: #197de4;
    border-radius: 50%;
}
