@font-face {
    font-family: Roboto;
    src: url("./fonts/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("./fonts/Roboto-Regular.woff?v=1.1.0") format("woff"), url("./fonts/Roboto-Regular.ttf?v=1.1.0") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    src: url("./fonts/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("./fonts/Roboto-Regular.woff?v=1.1.0") format("woff"), url("./fonts/Roboto-Regular.ttf?v=1.1.0") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bd_hanoverregular';
    src: url('../fonts/bdhanover-webfont.woff2') format('woff2'), url('../fonts/bdhanover-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bd_hanoverregular';
    src: url('../fonts/bdhanover-webfont.woff2') format('woff2'), url('../fonts/bdhanover-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswald_regularregular';
    src: url('../fonts/oswald-regular-webfont.woff2') format('woff2'), url('../fonts/oswald-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldbold';
    src: url('../fonts/oswald-bold-webfont.woff2') format('woff2'), url('../fonts/oswald-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{font-family: 'Roboto', sans-serif;}
img{max-width: 100%}
.container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 1400px;}
.middle-header {
/*    background: #cdecff url(../images/delhi-head-bg.jpg) no-repeat;
    background-size: auto auto;
    padding: 7px 0;
    background-size: cover;
    background-position: 94% 100%;*/
}
.middle-header ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 0;
    padding: 0;
}
.middle-header ul li.logo {
    flex: 0 0 100%;
    max-width: 140px;
}
.middle-header ul li.g20-loog {
    flex: 0 0 100%;
    max-width: 150px;
    padding: 0 0px;
}
.middle-header ul li.siteBrand {
    flex: 0 0 100%;
    text-align: center;
    max-width: calc(100% - 452px);
}
.middle-header ul li.custom60year-loog {
    flex: 0 0 100%;
    max-width: 87px;
    background: #fff;
    border-radius: 50%;
}
.middle-header ul li.right-logo {
    flex: 0 0 100%;
    max-width: 75px;
}
.middle-header ul li{list-style: none;}
.siteBrand .en h1 {
        font-size: 25px;
    padding: 0 0 3px 0;
    margin: 0;
}
.siteBrand h3{    padding: 0;
    margin: 0;
    font-size: 20px;}
header.navbar.navbar-default.container-fluid .navbar-collapse{border: 0;}
.custom-nav .navbar-nav{float: none;
    padding: 0px 0;
    margin: 0;}
.custom-nav .navbar-nav li{padding: 0px 5px;}
nav.custom-nav .navbar-nav li a{padding: 15px 11px;}
.custom-nav .navbar-nav li ul.dropdown-menu{padding:15px 0;border: 0}
.custom-nav .navbar-nav li ul.dropdown-menu li a{background: transparent;
    padding: 3px 7px;
    border-radius: 0;}
.bottom-services{padding:20px 0;}
.bottom-services ul{    padding: 0;
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;}
.bottom-services ul li{     list-style: none;
    padding: 0 5px;
    flex: 0 0 100%;
    max-width: 11.11%;}
.bottom-services ul li a{     border: 0;
    padding: 10px;
    box-shadow: 0 0 23px 1px rgb(74 164 201 / 20%);
    display: grid;
    align-items: center;
    height: 100%;}
.update-footer{    background: #1a2837;/*background: repeating-radial-gradient(#0389de,#173e7f);*/    padding: 25px 0 0 0px;}
.ft-btm{background: #2e445c;padding:15px 0;color: rgba(255,255,255,0.5);margin-top: 25px;}
.fr{float: right;}
.update-footer ul{margin: 0;padding: 0;}
.ft-title {
    /*border-bottom: 3px double #a9502c;*/
    font-family: 'Roboto', sans-serif;
    padding-bottom: 0px;
    color: #0091f3;
    position: relative;
    margin-bottom: 25px;
    color: #fff;
}
.ft-title:before{content: "";
    width: 80px;
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 3px;
    background: #0091f3;
    margin-top: 0;}
.ft-box ul li {
    padding: 2px 0;
    list-style: none;
}
.ft-box ul li span {
    font-size: 12px;
    color: rgba(255,255,255,0.6);
}
.update-footer a {
    color: rgba(255,255,255,0.6);
}
.update-footer .ft-box .ft-links li a{    position: relative;font-size: 12px;
    padding-left: 0px;}
.update-footer .ft-box .ft-links li a:hover{padding-left: 5px;}
/*.update-footer .ft-box .ft-links li a:before{    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 6px;
    height: 6px;
    background: #dfd703;}*/
ul.ft-links {
    display: flex;
    flex-wrap: wrap;
    border-right: 1px solid #79a3cf;
}
ul.ft-links li {
    flex: 0 0 33.33%;
    padding: 2px 0;
}
.ft-box ul li a:hover {
    color: #dfd703 !important;
    transition: all ease-in-out 0.3s;
    text-decoration: none;
    padding-left: 5px;
}
/*.ft-btm {
    border-top: 1px dotted #12b4ee;
}*/
.flex-row{display: flex;flex-wrap: wrap;margin: 0 -15px}
.flex-col-md-6,.flex-col-md-3,.flex-col-md-5,.flex-col-md-7,.flex-col-md-2,.flex-col-md-4{padding:0 15px;}
.flex-row .flex-col-md-6{flex: 0 0 50%;max-width: 50%}
.flex-row .flex-col-md-3{flex: 0 0 25%;max-width: 25%}
.badge-primary{     color: #FFCC00;    font-size: 13px;}
.comisnermst .heading2{font-size: 21px;
    padding: 15px 0;
    margin: 0;
    color: #01609b;
    text-transform: uppercase;
    line-height: 24px;}
.comisnermst p{ font-size: 14px;
    color: #004b7f;}
 .comisnermst .readmore{font-size: 14px;margin-bottom: 60px;display: inline-block;}
 .home-map{height: 100%}
 .comisnert-img{object-fit: cover;height: 100%;}
 .home-map img{height: 100%;}
 .twitterbox,.desk,.home-map,.comisnermst .important-links,.home-tender{    box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
    background: #fff;
    height: 100%;
    padding: 15px;}
.comisnermst .important-links .search-section marquee,.home-tender marquee{height: 200px;}
 .twitterbox{margin-bottom: 15px;}
 .flex-col-md-5{max-width: 41.66%;flex: 0 0 41.66%}
 .flex-col-md-7{max-width: 58.33%;flex: 0 0 58.33%}
 .main-section .container{width: 95%!important;}
 .comisnermst .flex-col-md-2{flex:0 0 23%; max-width: 23%;}
 .comisnermst .flex-col-md-4{flex: 0 0 33.33%; max-width: 33.33%;}

 .main-section {
    display: flex;
    flex-wrap: wrap;
    clear: both;
}
.left-panel {
    flex: 0 0 100%;
    margin-top: 50px;
    background: #b64819;
    padding: 30px;
    max-width: 300px;
}

.left-panel ul {
    padding: 0;
    margin: 0;
}
.left-panel ul li {
    display: inline-block;
    width: 100%;
}
.left-panel ul li a {
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 13px 0;
    transition: all 0.5s ease;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.left-panel ul li a:hover{background: #154689;text-decoration: none;padding-left: 10px;border-bottom: 1px solid #154689;}
.right-section {
    flex: 0 0 100%;
    max-width: calc(100% - 300px);
    padding-left: 50px;
}

.content-top-ab{
    margin: 8px 0;
    text-align: right;
}
.back-btn {
    padding: 0 16px;
    font-size: 16px;
    background-color: #b64819;
    color: #fff;
    border: none;
    border-radius: 0;
    cursor: pointer;
    white-space: nowrap;
    line-height: 34px;
    font-variant-caps: all-small-caps;    
}

.back-btn:hover {
  background-color: #084298;
}

.content-shadow {
    box-shadow: 0 0 20px 1px rgba(0,0,0,0.1);
    background: #fff;
    padding: 30px;
    overflow: auto;
}
.heading2.bg-heading {
    background: #ddeef7;
    padding: 10px 12px;
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center;
}
.heading2.bg-heading:before{display: none;}
.inner-head {
    background: #548cc7 url(../image/banner-live.jpg);
    padding: 41px 0;
    background-repeat: no-repeat;
    text-align: center;
    margin-top: 120px;
}
.inner-head h1 {
    color: #fff;
    font-size: 30px;
}
.middle-header ul li.logo1,.middle-header ul li.logo2,.middle-header ul li.logo4,.middle-header ul li.logo5{padding:0 15px;}
.home-sec1{     padding: 0 0;
    margin: 60px 0 0 0;}
.home-sec1 .comisnor-msg{ display: flex;flex-wrap: wrap;}
.home-sec1 .home-slider{flex: 0 0 100%;
    max-width: calc(100% - 400px);
    padding: 5px;}
.comisnor-img img{    width: 100%;
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 15px 1px rgba(0,0,0,0.3);
    margin-bottom: 20px;}
.comisnor-img p{text-align: center;}
.comisnor-img p strong{display: block;}
.comisnor-caption{ flex: 0 0 100%;
    max-width: calc(100% - 400px);
    padding-left: 50px;}

.home-sec1 .comisnor-caption a.readmore{    color: #fff;
    background: #3298ef;
    padding: 12px 25px;
    font-size: 14px;
    display: inline-block;
    border-radius: 5px;}
.home-slider .carousel-inner>.item>img{min-height: 350px;}
.home-sec1 .comisnor-msg .comisnor-img{    flex: 0 0 100%;
    max-width: 400px;}
.flex-row.comisnermst .head-title,.home-tender .head-title{    font-size: 20px;
    color: #30417b;
    padding: 0 0 13px 0;}
.comisnermst .important-links .search-section marquee ul,.home-tender marquee ul{    margin: 0;
    padding: 0;}
.comisnermst .important-links .search-section marquee ul li,.home-tender marquee ul li{    font-size: 15px;
    padding: 7px 0 7px 17px;
    position: relative;}
.comisnermst .important-links .search-section marquee ul li:before,.home-tender marquee ul li:before{content: "";
    background: #0075bd;
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 6px;}
.home-map img{     height: calc(100% - 63px);}
.chief-commissioner-page .chief-photo {
    float: right;
    width: 300px;
    margin: 0 0 20px 25px;
}
.chief-photo img {
    border: 1px solid #ddd;
    box-shadow: 0 0 20px 1px rgba(0,0,0,0.2);
    width: 100%;
    padding: 6px;
}
.chief-commissioner-page p{text-align: justify;font-size: 16px;}
.new-bottom-services{height: 120px;margin-bottom: 40px;}
.new-bottom-services ul{     padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;}
.new-bottom-services ul li{    list-style: none;
    margin-right: -33px;
    transition: all 0.5s ease;
    background: #bf360c;
    transform: skewy(-11deg);
    padding: 0 0px;
    flex: 0 0 10.6%;
    height: 90px;}
.new-bottom-services ul li a{      padding: 30px 36px 20px 14px;
    color: #fff;
    transition: all 0.5s ease;
    position: relative;
    display: grid;
    align-items: center;
    height: 100%;
    font-size: 15px;
    line-height: 19px;
    transform: skewY(10deg);}
.new-bottom-services ul li a:hover{text-decoration: none;}
/*.new-bottom-services ul li a:before{    content: "";
    position: absolute;
    left: 0;
    right: -1px;
    bottom: -11px;
    height: 18px;
    background: #fff;
    transform: skew(0, -4deg);}*/
.new-bottom-services ul li:nth-child(2){background: #4caf50}
.new-bottom-services ul li:nth-child(3){background: #f99400}
.new-bottom-services ul li:nth-child(4){background: #e1ca00}
.new-bottom-services ul li:nth-child(5){background: #f0f}
.new-bottom-services ul li:nth-child(6){background: #622f03}
.new-bottom-services ul li:nth-child(7){background: #7fd8ff}
.new-bottom-services ul li:nth-child(8){background: #007abf}
.new-bottom-services ul li:nth-child(9){background: #03d5b8}
.new-bottom-services ul li:nth-child(10){background: #333}
.new-bottom-services ul li:nth-child(11){background: #555}
.new-bottom-services ul li:hover{margin-top: 7px;text-decoration: none;}



/*Alert pop css start here*/
.alert-pop .menu-item,
.alert-pop .menu-open-button {
   background: #EEEEEE;
   border-radius: 100%;
   width: 80px;
   height: 80px;
   margin-left: -40px;
   position: absolute;
   color: #FFFFFF;
   text-align: center;
   line-height: 80px;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-transition: -webkit-transform ease-out 200ms;
   transition: -webkit-transform ease-out 200ms;
   transition: transform ease-out 200ms;
   transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.alert-pop .menu-open {
   display: none;
}

.alert-pop .lines {
   width: 25px;
   height: 3px;
   background: #596778;
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -12.5px;
   margin-top: -1.5px;
   -webkit-transition: -webkit-transform 200ms;
   transition: -webkit-transform 200ms;
   transition: transform 200ms;
   transition: transform 200ms, -webkit-transform 200ms;
   display: none;
}

.alert-pop .line-1 {
   -webkit-transform: translate3d(0, -8px, 0);
   transform: translate3d(0, -8px, 0);
}

.alert-pop .line-2 {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.alert-pop .line-3 {
   -webkit-transform: translate3d(0, 8px, 0);
   transform: translate3d(0, 8px, 0);
}
.alert-pop .menu-open:checked + .menu-open-button .lines{display: block;}
.alert-pop .menu-open:checked + .menu-open-button .alert-span{display: none;}
.alert-pop .menu-open:checked + .menu-open-button .line-1 {
   -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
   transform: translate3d(0, 0, 0) rotate(45deg);
}

.alert-pop .menu-open:checked + .menu-open-button .line-2 {
   -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
   transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.alert-pop .menu-open:checked + .menu-open-button .line-3 {
   -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
   transform: translate3d(0, 0, 0) rotate(-45deg);
}

.alert-pop .menu {
   margin: auto;
   position: fixed;
   top: 0;
   bottom: 0;
   right: 0;
   width: 80px;
   height: 80px;
   text-align: center;
   box-sizing: border-box;
   font-size: 26px;
   z-index: 99;
}

.alert-pop .menu-open-button{font-size: 14px;color: #d11500}
/* .menu-item {
   transition: all 0.1s ease 0s;
} */

.alert-pop .menu-item:hover {
   background: #EEEEEE;
   color: #3290B1;
}

.alert-pop .menu-item:nth-child(3) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.alert-pop .menu-item:nth-child(4) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.alert-pop .menu-item:nth-child(5) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.alert-pop .menu-item:nth-child(6) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.alert-pop .menu-item:nth-child(7) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.alert-pop .menu-item:nth-child(8) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.alert-pop .menu-item:nth-child(9) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.alert-pop .menu-open-button {
   z-index: 2;
   -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
   transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
   -webkit-transition-duration: 400ms;
   transition-duration: 400ms;
   -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
   transform: scale(1.1, 1.1) translate3d(0, 0, 0);
   cursor: pointer;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
}

.alert-pop .menu-open-button:hover {
   -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
   transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.alert-pop .menu-open:checked + .menu-open-button {
   -webkit-transition-timing-function: linear;
   transition-timing-function: linear;
   -webkit-transition-duration: 200ms;
   transition-duration: 200ms;
   -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
   transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.alert-pop .menu-open:checked ~ .menu-item {
   -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
   transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.alert-pop .menu-open:checked ~ .menu-item:nth-child(3) {
   transition-duration: 180ms;
   -webkit-transition-duration: 180ms;
   -webkit-transform: translate3d(0.08361px, -104.99997px, 0);
   transform: translate3d(0.08361px, -104.99997px, 0);
}

.alert-pop .menu-open:checked ~ .menu-item:nth-child(4) {
   transition-duration: 280ms;
   -webkit-transition-duration: 280ms;
   -webkit-transform: translate3d(90.9466px, -52.47586px, 0);
   transform: translate3d(90.9466px, -52.47586px, 0);
   display: none;
}

.alert-pop .menu-open:checked ~ .menu-item:nth-child(5) {
   transition-duration: 380ms;
   -webkit-transition-duration: 380ms;
   -webkit-transform: translate3d(90.9466px, 52.47586px, 0);
   transform: translate3d(90.9466px, 52.47586px, 0);
   display: none;
}

.alert-pop .menu-open:checked ~ .menu-item:nth-child(6) {
   transition-duration: 480ms;
   -webkit-transition-duration: 480ms;
   -webkit-transform: translate3d(0.08361px, 104.99997px, 0);
   transform: translate3d(0.08361px, 104.99997px, 0);
}

.alert-pop .menu-open:checked ~ .menu-item:nth-child(7) {
   transition-duration: 580ms;
   -webkit-transition-duration: 580ms;
   -webkit-transform: translate3d(-90.86291px, 52.62064px, 0);
   transform: translate3d(-90.86291px, 52.62064px, 0);
}

.alert-pop .menu-open:checked ~ .menu-item:nth-child(8) {
   transition-duration: 680ms;
   -webkit-transition-duration: 680ms;
   -webkit-transform: translate3d(-91.03006px, -52.33095px, 0);
   transform: translate3d(-91.03006px, -52.33095px, 0);
}

.alert-pop .menu-open:checked ~ .menu-item:nth-child(9) {
   transition-duration: 780ms;
   -webkit-transition-duration: 780ms;
   -webkit-transform: translate3d(-0.25084px, -104.9997px, 0);
   transform: translate3d(-0.25084px, -104.9997px, 0);
}

.alert-pop .blue {
   background-color: #669AE1;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

.alert-pop .blue:hover {
   color: #669AE1;
   text-shadow: none;
}

.alert-pop .green {
   background-color: #70CC72;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

.alert-pop .green:hover {
   color: #70CC72;
   text-shadow: none;
}

.alert-pop .red {
   background-color: #FE4365;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

.alert-pop .red:hover {
   color: #FE4365;
   text-shadow: none;
}

.alert-pop .purple {
   background-color: #C49CDE;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

.alert-pop .purple:hover {
   color: #C49CDE;
   text-shadow: none;
}

.alert-pop .orange {
   background-color: #FC913A;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

.alert-pop .orange:hover {
   color: #FC913A;
   text-shadow: none;
}

.alert-pop .lightblue {
   background-color: #62C2E4;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

.alert-pop .lightblue:hover {
   color: #62C2E4;
   text-shadow: none;
}

.alert-pop .credit {
   margin: 24px 20px 120px 0;
   text-align: right;
   color: #EEEEEE;
}

.alert-pop .credit a {
   padding: 8px 0;
   color: #C49CDE;
   text-decoration: none;
   transition: all 0.3s ease 0s;
}

.alert-pop .credit a:hover {
   text-decoration: underline;
}
/*Alert pop css end here*/
.responsive-table table,table,.responsive-table table tr th, .responsive-table table tr td ,table tr th,table tr td{
    font-size: 15px;
    border:1px solid #808080;
    line-height: 26px;
    font-weight: 400;
    text-align: center;
}
.responsive-table table> tbody > tr:nth-of-type(odd),table> tbody > tr:nth-of-type(odd) {
    background: #ddeef7;
}
.responsive-table table tr th, table tr th {
    background: #254260;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
p{font-size: 16px;
    line-height: 26px;}
.listing ul{padding:0;margin:0 0 15px 0}
.listing ul li{    list-style: none;
  font-size: 16px;
    line-height: 26px;
    padding: 3px 0 3px 14px;
    position: relative;}
  .listing ul li a{    color: #0075bd;}
.listing ul li:before{    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 10px;
    background: #a94442;}

.heading2{    font-weight: bold;
    font-size: 22px;
    padding: 0 0 13px 0;
    margin: 0 0 20px 0;
    position: relative;
    color: #102b8d;}
.heading2:before{content: "";
    background: #f68a43;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 130px;}
.Jurisdiction-flex {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    margin-top: 35px;
}
.Jurisdiction-content {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 15px;
}
.Jurisdiction-img {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 15px;
}
.Jurisdiction-content p {
    font-size: 16px;
    line-height: 24px;
}
.Jurisdiction-content ol {
    margin: 0 0 20px 15px;
    padding: 0;
}
.Jurisdiction-content ol li {
    font-size: 16px;
    text-align: justify;
    padding: 4px 0;
}
.ft-box.footer-sociallink ul{    display: flex;
    flex-wrap: wrap;}
.ft-box.footer-sociallink ul li{margin-right: 10px;}
.ft-box.footer-sociallink ul li a{display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 5px 0;}
.ft-btm p{margin-bottom: 0}
.ft-box.footer-sociallink ul li a.ftr-facebook{background: #3a589b}
.ft-box.footer-sociallink ul li a.ftr-twitter{background: #1cb7eb}
.ft-box.footer-sociallink ul li a.ftr-youtube{background: #c60404}
.ft-box.footer-sociallink ul li a.ftr-linkedin{background: #007ab9}
.ft-box.footer-contactus ul{}
.ft-box.footer-contactus ul li{margin-bottom: 15px;}
.ft-box.footer-contactus ul li span{    position: relative;
    padding-left: 39px;
    display: inline-block;}
.ft-box.footer-contactus ul li span i{    color: #8d949b;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 26px;}
.middle-header{padding-left: 110px;}
.nav-arrow{position: absolute;
    left: 50px;
    top: 40px;
    cursor: pointer;
    height: 50px;
    padding: 9px 0;}
.nav-arrow span{    position: relative;
    width: 40px;
    display: inline-block;
    height: 5px;
    background: #2b259e;
    border-radius: 10px;}
 
.nav-arrow span:before,.nav-arrow span:after{    content: "";
    height: 5px;
    position: absolute;
    right: 0;
    width: 30px;
    background: #3c00a0;
    border-radius: 10px;}
.nav-arrow span:before{top: -15px}
.nav-arrow span:after{top: 15px;}
.close-nav.nav-arrow span{    transform: rotate(40deg);}
.close-nav.nav-arrow span:before{transform: rotate(90deg);
    width: 40px;
    top: 0px;}
.close-nav.nav-arrow span:after{display: none;}  

.home-sec-2,.home-sec-3{margin-top: 60px;}
.border-top{border-top: 1px solid #ddd}
.home-sec-2 .col-md-12.text-center .heading2,.home-sec-3 .col-md-12.text-center .heading2{display: inline-block;margin-top: 60px;margin-bottom: 30px;}
.home-sec-2 .col-md-12.text-center .heading2:before,.home-sec-3 .col-md-12.text-center .heading2:before,.home-sec-6 .col-md-12.text-center .heading2:before{    transform: translate(-50%, 0);
    left: 50%;}
.commissionerate-hover{    position: absolute;
    left: 15px;
    cursor: pointer;
    right: 15px;
    bottom: 0;
    max-height: 50px;
    transition: all 0.9s  ease;
    overflow: hidden;}
.home-sec-2 .col-md-3:hover .commissionerate-hover,.home-sec-3 .col-md-3:hover .commissionerate-hover,.home-sec-6 .col-md-6:hover .commissionerate-hover{max-height: 300px;height: 100%;}
.home-sec-2 .col-md-3:hover .commissionerate-hover p,.home-sec-3 .col-md-3:hover .commissionerate-hover p,.home-sec-6 .col-md-6:hover .commissionerate-hover p{display: block;}
.commissionerate-hover .heading3{font-size: 18px;
    font-weight: 600;
    padding: 15px 10px;
    color: #fff;
    text-align: center;
    margin: 0;}
.commissionerate-hover .listing ul{    padding-left: 15px;}
.commissionerate-hover .listing ul li{    font-size: 15px;
    padding: 2px 0 2px 15px;
    line-height: 20px;
    color: #fff;}
.commissionerate-hover .listing ul li:before{background: #fff}
.commissionerate-hover p{margin:0;padding:0 10px;color: #fff;display: none;line-height: 22px;font-size: 16px;text-align: justify;}
.home-sec-3{background: #111b4a;padding-bottom: 60px;}
.home-sec-3 .col-md-12.text-center .heading2{color: #fff}
.home-sec-4{margin-top: 60px;}
.home-sec-4 .col-md-4{margin-bottom: 30px;}
.home-sec-4 .fulwidth{box-shadow: 0 0 15px 1px rgba(0,0,0,0.3);
    padding: 20px;
    height: 100%;}
  .home-sec-4 .fulwidth p{margin-bottom: 0;padding: 0;text-align: justify;}
.home-sec-5{background: #d4e8f8 url(../images/home-blue-bg.png);
    padding: 40px 0;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 40px;}
.home-sec-5 .whats-new{background: #374898;padding:35px;}
.home-sec-5 .whats-new .heading2{color: #fff;}
.home-sec-5 .whats-new .heading2,.home-sec-5 .whitebox .heading2{    display: flex;
    justify-content: space-between;}
.home-sec-5 .whats-new .heading2 i,.home-sec-5 .whats-new ul,.home-sec-5 .whitebox .heading2 i{color: #54abf5}
.home-sec-5 .whats-new ul,.home-sec-5 .whitebox ul{margin:0;padding:0;}
.home-sec-5 .background-image .whitebox .search-blufentry{    display: flex;
    justify-content: center;
    flex-wrap: wrap;}
.home-sec-5 .background-image .whitebox .search-blufentry .home-sec-5-content{flex: 0 0 100%;
    max-width:100%;
    padding: 0 0 0 0px;}
.home-sec-5 .background-image .whitebox .search-blufentry .home-sec-5-content p{color: #fff;text-align: center;}
.home-sec-5 .whitebox .search-blufentry img{width: 80px;
    height: auto;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(233deg) brightness(110%) contrast(101%);
    margin-bottom: 15px;
    margin-top: 0px;}
.home-sec-5 .whats-new ul li,.home-sec-5 .whitebox ul li{    color: #fff;
    position: relative;
    padding: 5px 0 5px 16px;
    font-size: 15px;}
.home-sec-5 .whats-new ul li:before,.home-sec-5 .whitebox ul li:before{    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 13px;
    background: #fff;}
.home-sec-5 marquee{height: 279px;}
.home-sec-5 .whitebox{display: block;padding: 35px;background: inherit;box-shadow: 0 0 20px 1px rgba(0,0,0,0.3);height: 100%;}


.home-sec-6,.home-sec-7{margin-top: 60px;}
.home-sec-7{position: relative;background: rgba(17,27,74,.9);padding:60px 0;overflow: hidden;}
.home-sec-7 .home-sec-7bg{width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 0;
    bottom: 0;
    object-fit: cover;}
.home-sec-7 .heading2{color: #fff}
.home-sec-7 .item p{color: #fff;
    margin: 0;
    padding: 20px 0 0 0;
    font-size: 14px;
    line-height: 17px;}
.home-vd-gallery iframe{width: 100%;height: 180px}
.home-sec-7 .owl-nav{    position: absolute;
    right: 0;
    top: -54px;
    width: auto;}
.home-sec-7 .owl-nav button{width: 31px;
    height: 31px;
    border-radius: 50%;
    position: relative;
    margin-left: 10px;
    background: rgba(255,255,255,0.4) !important;}
.home-sec-7 .owl-nav button:hover{background: #3298ef !important}
.home-sec-7 .owl-nav button.owl-prev span{    transform: translate(-50%, -50%) rotate(180deg);
    margin-top: -2px;}
.home-sec-7 .owl-nav button span{background: url(..//images/gallery-arrow.png);
    width: 17px;
    height: 17px;
    position: absolute;
    background-repeat: no-repeat;
    margin-top: 2px;
    font-size: 0px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);}
.home-sec-7 .owl-dots{display: none;}
.hose-map-sec{    margin-bottom: 60px;
    display: inline-block;
    width: 100%;}
.hose-map-sec iframe{width: 100%;height: 500px;}
.hose-map-sec img{width: 100%;}
/*nav css start here*/
.home-slider{margin-top: 132px;}
.update-header{    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    box-shadow: 0 0 20px 1px rgba(0,0,0,0.5);
    background: #fff;}
.mainnav{position: absolute;
    left: 0;
    right: 0;
    top: 120px;
    background: #c9e2f6;
    max-height: 0px;
    overflow: hidden;
    visibility: hidden;
    transition: all 0.5s ease;
    z-index: 999;}
.mainnav.active-nav{max-height: 500px;overflow: 1;visibility: visible;}
.mainnav .container{max-width: 100%;padding:0 25px;}
.mainnav .dropdown-list ul{position: fixed;
    left: 0;
    right: 0;
    padding:25px;
    max-height: 0px;
    visibility: hidden;
    transition: all 0.5s ease;
    opacity: 0;
    border-top: 5px solid #fff;
    background: #1d044c;}
.mainnav ul{    justify-content: unset;padding:20px 0;}
.mainnav ul li{    flex: 0 0 12.50%;
      padding: 0px 2px;
    max-width: 12.50%;}
.mainnav ul li a{    padding: 15px 5px;
    display: inline-block;
    background: #16134b;
    width: 100%;
    border: 1px solid #fff;
    text-align: center;
    transition: all 0.5s ease;
    font-size: 14px;
    color: #fff;}
.mainnav ul li a i{display: inline-block;width: 100%;font-size: 30px;margin-bottom: 15px;}
.mainnav ul li:hover a{background: #fff;color: #16134b;text-decoration: none;}
.mainnav .dropdown-list ul li{max-width: unset;flex: unset;padding:0 5px;}
.mainnav .dropdown-list ul li a{    background: #c4e2f8;padding: 15px;
    color: #26004d;}
.mainnav .dropdown-list ul li a:hover{background: #fff;text-decoration:none;color: #26004d}
.mainnav .dropdown-list:hover ul{visibility: visible;opacity: 1;max-height: 500px;} 

/*nav css end here*/
.inner-content{margin-bottom: 50px;}
.search-blufentry span{    display: inline-block;
    width:330px;
    position: relative;
    margin-bottom: 15px;}
.search-blufentry input{ padding: 10px 50px 10px 10px;
    display: inline-block;
    width: 100%;
    border: 1px solid #3e3d9a;
    color: #3e3d9a;
    font-size: 14px;
    margin-bottom: 15px;
    border-radius: 3px;}

.search-blufentry input[type="date"]{    width: 100%;
    padding: 10px;}
    .search-blufentry span .submit-box{ width: 50px;
    background: #3e3d9a;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 7px 3px;
    border: 0;    display: inline-block;
    width: 100px;
    margin-top: 10px;}
.search-blufentry span button{
    float: right;
    background: #3e3d9a;
    text-align: center;
    color: #fff;
    font-size: 17px;
    padding:10px 25px;
    border: 0;}
.search-blufentry ul li{list-style: none;}
.galler-box1 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.galerybox ul{margin: 0;padding: 0;}
.galler-box1 ul li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 10px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    cursor: pointer;
    height: 200px;
}
.galler-box1 ul li .galery-hover {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -100%;
    background: rgba(31,65,98, 0.8);
    transition: all 0.5s ease;
    color: #fff;
    font-size: 16px;
    padding: 19px 15px;
}
.galler-box1 ul li:hover .galery-hover {
    bottom: 0;
}
.right-section .content-shadow p{text-align: justify;}
.alert-form ul{    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;}
.alert-form ul li{     flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
    list-style: none;
    margin-bottom: 20px;}
.alert-form ul li label{width:100%;font-weight: 600;font-size: 14px;}
.alert-form ul li input,.alert-form ul li select,.alert-form ul li textarea{    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 9px 10px;
    border: 1px solid #38499980;
    font-size: 14px;}
.btn.submitbtn{    color: #fff;
    background: #3298ef;
    padding: 12px 25px;
    font-size: 14px;
    display: inline-block;
    margin-top: 20px;
    transition: all 0.5s ease;
    border-radius: 5px;}
.btn.submitbtn:hover{background: #0662b1}
/*........................Nitin Css Start......................*/
.home-sec-5 .whitebox{position: absolute;left: 15px;cursor: pointer;right: 15px;bottom: 104px;transition: all 0.9s ease;overflow: hidden;}
.home-sec-5 .whitebox .heading2{color: #fff;}
.home-sec-5 .whitebox .heading2:before{background-color:#fbb237;}
.home-sec-5 .whitebox{background:rgb(48 96 185 / 80%)}
.home-sec-5 .whitebox ul li{color: #fff}
.home-sec-5 .whitebox ul li:before{background: #fff}
.home-sec-5 .whitebox.whitebox2{background:rgb(86 144 205 / 80%);height: 346px;text-align: center;}
.home-sec-5 .whitebox .heading2 i.fas{color:#fff;}
.background-image{width: 100%;
    height: 100%;
    display: block;
    margin-top: 126px;}
.background-image img{height: 60%;
    width: 100%;
    display: inline-block;}
/*........................Nitin Css Close......................*/
.form-popup .modal-header{border: 0;
    padding: 20px 20px 0 20px;}
.form-popup .modal-body{    padding: 0 30px;}
.form-popup .modal-body ul{    padding: 0;
    margin: 0;}
.form-popup .modal-body ul li{    list-style: none;
    margin-bottom: 20px;}
.form-popup .modal-body ul li label{    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;}
.form-popup .modal-body ul li input{display: inline-block;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #ddd;}
.form-popup .modal-footer{    border: 0;
    justify-content: center;
    padding: 0;
    margin-bottom: 25px;}
.form-popup .modal-footer button,.form-popup .modal-body ul li input[type="submit"]{display: inline-block;
    width: auto;
    padding: 10px 25px;
    background: #3e3d9a;
    color: #fff;
    border-radius: 5px;
    border: 0;}
.form-popup .modal-footer button:hover,.form-popup .modal-body ul li input[type="submit"]:hover{background-color: #0069d9;
    border-color: #0062cc;}
.alert-form ul.box3listing li{flex: 0 0 33.33%;
    max-width: 33.33%;}
.alert-form ul li input:disabled{background: #aeb5d580}
.alert-form .heading3{    font-size: 15px;
    padding: 10px 15px;
    background: #ddeef7;
    position: relative;
    display: inline-block;
    margin-top: 20px;
    font-weight: 600;}
.alert-form .heading3:before{content: "";
    position: absolute;
    top: 0px;
    right: -37px;
    margin-left: 0;
    border-width: 19px;
    border-style: solid;
    border-color: transparent transparent transparent #ddeef7;
    bottom: 0;}
.form-popup .modal-dialog{    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    width: 500px;}