@charset "utf-8";
/* CSS Document */
@font-face{font-family:'robotobold';src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'robotoregular';src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'robotolight';src: url('../fonts/roboto-light-webfont.woff2') format('woff2'), url('../fonts/roboto-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'robotomedium';src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'roboto_condensedbold';src: url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'roboto_condensedlight';src: url('../fonts/robotocondensed-light-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-light-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'roboto_condensedregular';src: url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'robotothin';src: url('../fonts/roboto-thin-webfont.woff2') format('woff2'), url('../fonts/roboto-thin-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
/* ____________ */
@font-face{font-family:'open_sansbold';src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'open_sanslight';src: url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'open_sansregular';src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'open_sanssemibold';src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff');font-weight:normal;font-style:normal}
/* ____________ */

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

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


@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("./Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff2") format("woff2"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal
}


@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family:"Flaticon";
        src: url("../fonts/Flaticon.svg#Flaticon") format("svg")
    }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: "Flaticon";
    font-style: normal
}

html{scroll-behavior:smooth}
body{font-family:"robotoregular";font-weight:500;padding:0;margin:0;font-size:14px}
.top-header ul li.dropdown a{font-family:'robotomedium'}
.brand-text h4, .card-box .desc-sec .title, .news-box ul li a{font-family:'robotobold';font-weight:600}
.brand-text .sub-brand-txt{font-family:'open_sansbold'}
.logo-sec-wraper .right-logo-text h4{font-family:'open_sanslight'}
.nav-wraper .custom-nav li a{font-family:'open_sansregular'}
.title-sec h4, .title-sec h5, .park-zonal-area .box .details-sec .title, .notification-box .title, .news-box .title, .chairman-box .desc-sec .name, .card-horizontal-vertical .desc-sec2 .name{font-family:'roboto_condensedbold'}
.title-sec h4 .sub-title, .chairman-box .desc-sec .name .gov, .card-horizontal-vertical .desc-sec2 .name .gov{font-family:'roboto_condensedregular';font-weight:500}
.just-launched-sec .card-box .title{font-family:'robotoregular';font-weight:500}


.quick-btn {display:inline-block;border:1px solid #F4F4F4;border-radius:5px;color:#000;background:#F4F4F4;font-size: 1em;padding:8px 22px}
.transprnt-btn{border:1px solid #ccc;background:transparent;padding:3px 19px} 
.yellow-btn{background:#F99A0C}
.quick-btn{transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;border-radius:4px;position:relative;overflow:hidden}
.quick-btn:before{left:-20px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.quick-btn:after{right:-20px;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}
.quick-btn:before, .quick-btn:after{position:absolute;top:50%;content:"";width:20px;height:20px;background-color:#F99A0C;border-radius:50%}
.quick-btn:after, .quick-btn:before{z-index:-1;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s}
.quick-btn:hover{color:#000;z-index:1}
.yellow-btn:hover{color:#fff;z-index:1}
.quick-btn:hover:before{-webkit-animation:criss-cross-left 0.8s both;animation:criss-cross-left 0.8s both;-webkit-animation-direction:alternate;animation-direction:alternate}
.quick-btn:hover:after{-webkit-animation:criss-cross-right 0.8s both;animation:criss-cross-right 0.8s both;-webkit-animation-direction:alternate;animation-direction:alternate}
.yellow-btn:before, .yellow-btn:after{background-color:#251288}
@keyframes criss-cross-left {
    0%{left:-20px}
    50% {left:50%;width:20px;height:20px}
    100%{left:50%;width:375px;height:375px}
}
@keyframes criss-cross-right {
    0%{right:-20px}
    50%{right:50%;width:20px;height:20px}
    100%{right:50%;width:375px;height:375px}
}
a:hover{text-decoration:none}
/* preloader css Start */
.loading *{display:none}
.dots-loader:not(:required) {opacity:1;overflow:hidden;position:absolute;left:50%;top:50%;margin-left:-4px;margin-top:-4px;text-indent:-9999px;display:inline-block;width:8px;height:8px;background:transparent;border-radius:100%;box-shadow:#b15ac5 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;animation:dots-loader 5s infinite ease-in-out;transform-origin:50% 50%;transform:scale(1);transition:.3s all}
@keyframes dots-loader {  
0%{box-shadow:#F27A0C -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px}
8.33%{box-shadow:#F27A0C 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px}
16.67%{box-shadow:#F27A0C 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px}
25%{box-shadow:#F27A0C -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px 14px 0 7px, #44aaee -14px 14px 0 7px}
33.33%{box-shadow:#F27A0C -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee -14px -14px 0 7px}
41.67%{box-shadow:#F27A0C 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee 14px -14px 0 7px}
50%{box-shadow:#F27A0C 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee 14px -14px 0 7px}
58.33%{box-shadow:#F27A0C -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee 14px -14px 0 7px}
66.67%{box-shadow:#F27A0C -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #092E85 -14px -14px 0 7px, #44aaee 14px -14px 0 7px}
75%{box-shadow:#F27A0C 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px -14px 0 7px, #44aaee 14px -14px 0 7px}
83.33%{box-shadow:#F27A0C 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee 14px 14px 0 7px}
91.67%{box-shadow:#F27A0C -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px}
100%{box-shadow:#F27A0C -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #092E85 14px 14px 0 7px, #44aaee -14px 14px 0 7px}
}
.loaded .dots-loader{opacity:0;z-index:-1;pointer-events:none;transform:scale(0)}
/* preloader css End */
/* Top Header css Start */
.top-header{background: #fff;padding:0;border-bottom:1px solid #f6cfd7}
.top-header ul li:last-child{border:none;padding-right:0}
.top-header ul{display:flex;margin-bottom:0;padding-left:0;align-items:center;justify-content:end}
.top-header ul li{padding:0 12px;line-height: normal;display:flex;border-right:1px solid #000;line-height:12px}
.top-header ul li.login-btn {padding: 0;}
.top-header ul li.lang-select{border-right: none;}
.top-header ul li a{color: #000;font-size: 0.857em;padding: 2px 0;}
.top-header ul li:first-child a{padding:4px 0}
.custom-lang-select {font-size: 0.857em;padding: 0;border: none;color: #000;background: transparent;height: fit-content !important}
.top-header ul li a:hover {color: #495057;}
.top-left-nav ul{justify-content:flex-start}
li.text-size a{padding-right:9px}
li.text-size a:last-child{padding-right:0}
li.login-btn a{color: #D21137!important;font-size: 1em!important;padding: 4px 15px !important;background: #FEF3F6 !important;}
.top-left-nav{display:flex}
.top-header ul li a.whitebg{background: #fff;color: #fff;border: 1px solid #000;padding: 0px 3px;width: 18px;height: 18px;display: block;margin: auto;font-size:0!important}
.top-header ul li a.blackbg{background: #000;color: #000;padding: 0px 3px;width: 18px;height: 18px;display: block;margin: auto;margin-top: 5px;font-size:0!important}
li.login-btn a:hover, li.login-btn a:focus{background: linear-gradient(61deg, rgba(9,46,133,1) 16%, rgba(231,81,9,1) 84%, rgb(248 84 0) 100%);}
.drop-w{width: 38px;min-width: 38px;}
.drop-w a{padding:8px 0px!important;text-align:center}
.dropdown:hover > .dropdown-menu{display:block;margin-top:-2px}
.top-header .top-right-nav li{border-right: 1px solid #e7e7e7;}
.s_map{width:20px}
.top-header .top-left-nav ul li a{padding:0}
.top-header ul li.dropdown a{font-size:14px}
.top-header ul li a i.fa.fa-search{font-size: 10px;}
.top-header ul li:first-child{padding-left:0}
.top-header ul li.lang-select select#edit-lang-dropdown-select {
    font-size: 12px;
    padding: 0;
    /* border: none; */
    color: #000;
    background: transparent;
    height: fit-content !important;
}
/* Top Header css End */
/* Logo Section Header css Start */
.logo-sec-wraper{padding:10px 0}
a.logo-align{text-decoration:none;display:flex;align-items:center}
a.logo-emblem img{width:40px;margin-right:20px}
.brand-text h4{padding-left:10px;font-size: 1.571em;color:#000;line-height:normal;text-transform:uppercase;margin-bottom:0}
.brand-text .sub-brand-txt{font-size: 1.571em;color:#000;padding-left:10px;margin:0;padding-top:3px;text-transform:uppercase}
a.logo-align .brand-img img{width:65px}
.logo-sec-wraper .right-logo-text h4{margin:0 0 9px;font-size: 1.55em;font-style:italic;text-align:left;color:#000}
.logo-sec-wraper .right-logo-text .right-sub-head{margin:0;font-size:1.3em;font-style:italic;text-align:left;font-family:'open_sanslight';color:#484848;font-weight:200}
.logo-sec-wraper .logo-sec{display:flex;align-items:center}
ul{list-style-type:none;padding:0;margin:0}
.logo-sec-wraper .right-logo-area ul{display:flex;align-items:center;justify-content:space-evenly}
.logo-sec-wraper .right-logo-area ul li img{width:100%}
.logo-sec-wraper .row{align-items:center}
/* Logo Section Header css End */
/* Main Menu Section Header css Start */
ul.nice-menu-right ul{left:0;top:43px}
ul.nice-menu ul li { width: 200px;}
ul.nice-menu li{background-color:#1A1F98!important;}
.main-menu-wraper{background:#1A1F98;z-index: 1;position: relative;}
.nav-wraper .custom-nav li a.active , .nav-wraper .custom-nav li a:hover{background:linear-gradient(90deg, #EA224A 0%, #FA7909 100%);color:#fff}
ul.sf-menu span.nolink.active, ul.sf-menu span.nolink:hover{background:#F27A0C;color:#fff;color:#000}
.nav-wraper .custom-nav .sub-menu li:hover a {color:#F27A0C}
nav.navbar{padding:0}
.custom-nav li{padding:0;position:relative}
.nav-wraper .custom-nav li a{font-size: 1.142em;color:#fff;padding:10.5px 25px!important;display:inline-block}
.main-menu-area{align-items:center;display:flex;justify-content:start}
.nav-wraper .custom-nav li.menuparent:after{color:#fff;content:"\f067";font-family:"Font Awesome 5 Free";font-weight:900;font-size:10px;position:absolute;right:5px;top:16px}
.nav-wraper .custom-nav li .sub-menu li a{font-size:14px;padding:10.5px 25px!important;width:100%}
.left-men{margin-left:15px}
/* Main Menu Section Header css End */
/* SubMenu Start */
.sub-menu{position:absolute;top:45px;z-index:9999;width:203px;background:#1a1f98;list-style:none;padding:0px 0px;height:0;opacity:0;visibility:hidden;border-bottom-right-radius:10px;box-shadow:0px 0px 9px 0px rgb(213 213 213);border-bottom-left-radius:10px}
.nav-wraper .custom-nav li .sub-menu a:after{display:none}
.nav-wraper .custom-nav li:hover>.sub-menu{height:auto;opacity:1;visibility:visible;transition:ease-in-out 1s}
.sub-menu .item-list .sub-menu {left: 203px;top: 7px;}
.nav-wraper .custom-nav li.menuparent .sub-menu .sub-menu{top:0}
.sub-menu li a{color:#fff!important}
.sub-menu li{border-bottom:1px solid #ccc}
.sub-menu li:last-child{border-bottom:none}
.sub-menu li:hover{background:linear-gradient(90deg, #EA224A 0%, #FA7909 100%)}
.sub-menu li:hover > a{color:#fff!important}
.nav-wraper .custom-nav .sub-menu li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px}
.sub-menu li:last-child:hover{ border-bottom-right-radius:10px;border-bottom-left-radius:10px}
/* SubMenu End  */
/* Banner Section CSS Start */
.banner-sec .carousel a.carousel-control-prev, .banner-sec .carousel a.carousel-control-next{width:30px;height:30px;background:#1a1f98;padding:8px;border-radius:100%;display:flex;align-items:center;justify-content:center;opacity:1;left:0;right:0;bottom:0;top:0}
.banner-sec .carousel a.carousel-control-prev{left:initial;right:50px}
.banner-sec .carousel a.carousel-control-next{right:15px;left:initial}
.banner-sec .carousel-item img{width:100%; height:100%;}
.planing-slider .carousel-item img{width:100%;height:395px;object-fit:cover}
.carousel-control-next-icon, .carousel-control-prev-icon{width:15px;height:15px;background-size:85%}
.banner-sec .carousel-item .quick-btn{color:#ffffff;background:linear-gradient(90deg, #EA224A 0%, #FA7909 100%);position:absolute;bottom:73px;border:0;padding:10px 25px}
.banner-sec .carousel-item .quick-btn:before, .banner-sec .carousel-item .quick-btn:after{background-color:#D21137}
.banner-sec .carousel-item .quick-btn:hover{color:#ffffff}
.banner-sec .carousel-item p{margin:0}
/* -----  */
.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}
.carousel-fade  .carousel-item.active, .carousel-fade  .carousel-item-next.carousel-item-left, .carousel-fade  .carousel-item-prev.carousel-item-right{opacity:1}
.carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-right{opacity:0}
.carousel-fade  .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-prev{transform:translateX(0);transform:translate3d(0, 0, 0)}
/* ------  */
/* Banner Section CSS End */
/* AT YOUR SERVICE Section CSS Start */
a.menu-toggle {
    display: none;
}
h1.page-title {
    padding: 0 0 10px;
}
.breadcrumb ol{padding: 10px 0;}
.title-sec h4 {
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-bottom: 0px;
    margin-bottom: 25px;
    color: #000;
    font-size: 1.714em;
    text-transform: uppercase;
}
.title-sec h4:after, h1.page-title:after {
    content: '';
    position: initial;
    height: 3px;
    background: linear-gradient(90deg, #EA224A 0%, #FA7909 100%);
    width: 45px;
    display: block;
    margin-top: 5px!important;
}
.your-service-sec {
    background: #F8F8F8;
    padding: 0px 0 30px;
}
.your-service-sec .title-sec {
    text-align: center;
}
.your-service-sec .title-sec h4 {
    font-size: 1.714em;
    text-align: center;
    border-bottom: 1px solid #dddddd;
}
.your-service-sec .title-sec h4::after {
    margin: auto;
	margin-bottom: -2px;
}
.yourservice-box {
    box-shadow: 0px 3px 6px #00000029;
    padding: 30px 0;
    position: relative;
    /* margin-top: -50px; */
    z-index: 999;
    background: #fff;
	top: 15px;
}
.yourservice-box:after {
    content: '';
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #EA224A 0%, #FA7909 100%);
    position: absolute;
    bottom: 0;
}
.service-item {
    display: flex;
    justify-content: space-between;
}
.service-item li {
    position: relative;
	width:20%;
}
.service-item li:after {content: '';width: 1px;height: 30px;background: #e8e8e8;position: absolute;top: 0;bottom: 0;right:-3.5px;margin: auto;}
.service-item li:last-child:after{display:none}
.service-item li a {
    text-align: center;
}
.service-item li a .icon-box {
    height: 50px;
    width: 50px;
    display: block;
    margin: auto;
    background: url(../images/services-icon.png);
    background-repeat: no-repeat;
	transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
}
.service-item li a .icon-box.a{background-position:0 0}
.service-item li a .icon-box.b{background-position:0 -92px}
.service-item li a .icon-box.c{background-position:0 -178px}
.service-item li a .icon-box.d{background-position:0 -273px}
.service-item li a .icon-box.e{background-position:0 -368px}
.service-item li a .icon-box.f{background-position:0 -456px}
.service-item li a .icon-box.g{background-position:0 -559px}
.service-item li a .icon-box.h{background-position:0 -653px}
.service-item li a:hover .icon-box.a{background-position:-68px 0}
.service-item li a:hover .icon-box.b{background-position:-68px -92px}
.service-item li a:hover .icon-box.c{background-position:-68px -178px}
.service-item li a:hover .icon-box.d{background-position:-68px -273px}
.service-item li a:hover .icon-box.e{background-position:-68px -368px}
.service-item li a:hover .icon-box.f{background-position:-68px -456px}
.service-item li a:hover .icon-box.g{background-position:-68px -559px}
.service-item li a:hover .icon-box.h{background-position:-68px -653px}
.service-item li a .title {
    font-size: 1em;
    color: #000;
    margin: 7px 13px 0;
    min-height: 35px;
    margin-bottom: 4px;
    line-height: 22px;
}
.service-item li a:hover .title {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 3px;
    color: #D21137;
}
.owl-dots {
    display: none;
}
.owl-nav {
    margin: 0 !important;
}
.owl-nav button {
    width: 30px;
    height: 30px;
    background: #fff !important;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 100% !important;
	position: absolute;
    top: 0;
    bottom: 20%;
	margin: auto !important;
	color: #D2D2D2!important;
}
.yourservice-box  button.owl-prev {
    left: -15px;
}
.yourservice-box button.owl-next {
    right: -15px;
}
.owl-nav button span {
    font-size: 24px;
    line-height: 0;
}
.owl-nav button:hover {
    background: linear-gradient(90deg, #EA224A 0%, #FA7909 100%) !important;
    color: #fff !important;
}
button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
/* AT YOUR SERVICE Section CSS End */
/* WELCOME Section CSS Start */
.welcome-sec {
    padding: 15px 0 60px;
    background: #f8f8f8;
}
.about-sec {
    border-right: 2px dashed #70707021;
    padding-right: 30px;
}
.view-all {
    color: #888888;
    font-size: 1.142em;
    text-decoration: underline;
    position: relative;
    padding-right: 37px;
    transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
}
.park-zonal-area .box .details-sec .view-all {
    display: none;
}
.about-sec .view-all:before {
    top: 3px;
}
.view-all:hover:before {
    right: -3px;
}
.view-all:hover:after {
    right: 0px;
}
.view-all:hover {
    text-decoration: underline;
    text-decoration-thickness: 3px;
    color: #D21137;
}
.view-all:after {
    content: '';
    width: 25px;
    height: 2px;
    background: #D21137;
    position: absolute;
    right: 3px;
    top: 0;
    bottom: -3px;
    margin: auto;
	transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
}
.view-all:before {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 0;
    top: 2px;
    color: #D21137;
    font-weight: 600;
	font-size: 14px;
	transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
}
p {
    font-size: 1.142em;
    line-height: 24px;
    margin-bottom: 16px;
}
.about-sec p {
    margin-bottom: 25px;
    line-height: 1.714em;
}
.key-highlights-sec .card-sec {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.card-box {
    background: #F3F3F3;
    box-shadow: 0px 0px 10px #D2D2D2;
    border: 1px solid #EBEBEB;
    overflow: hidden;
	margin: 10px 7.5px;
	width: 100%;
}
.card-box .img-sec {
    overflow: hidden;
}
.card-box:hover .img-sec img {
    transform: scale(1.13);
}
.card-box .img-sec img {
    transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
    width: 100%;
	height: 200px;
    object-fit: cover;
}
.card-box .desc-sec .title {
    font-size: 1.142em;
    color: #000;
    display: block;
    padding: 25px 15px 25px;
}
.just-launched-sec .card-box .title a {
    color: #000;
}
.card-box:hover .desc-sec .title {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 3px;
}
.card-box .desc-sec .title {
    display: flex;
    justify-content: space-between;
}
.card-box .desc-sec .title .view-all:before {
    top: 4px;
	color: #888888;
	color: #888888;
}
.card-box .desc-sec .title .view-all::after {
    background: #888888;
}
.key-highlights-sec button.owl-prev {
    left: -15px;
}
.key-highlights-sec button.owl-next {
    right: -15px;
}
.key-highlights-sec button{width:40px;height:40px;}
.key-highlights-sec .owl-nav button span {
    font-size: 28px;
    line-height: 20px;
}
.key-highlights-sec .all.view-all {
    position: absolute;
    right: 15px;
    top: 12px;
}
.key-highlights-sec .all.view-all:before {
    top: 4px;
}
/* WELCOME Section CSS End */
/* JUST LAUNCHED Section CSS Start */
.just-launched-sec {
    padding: 60px 0 30px;
}
.just-launched-sec .title-sec {
    text-align: center;
}
.just-launched-sec .title-sec h4:after {
    right: 0;
    margin: auto;
}
.just-launched-sec .card-box {
    margin: 0;
    box-shadow: 0px 0px 40px #D2D2D2;
    background: #fff;
	margin-bottom: 30px;
}
.just-launched-sec .card-box .title {
    font-size: 1em;
    padding: 10px 10px 12px;
    min-height: 64px;
    align-items: center;
}
/* JUST LAUNCHED Section CSS End */
/* ZONAL PLANS Section CSS Start */
.zonal-plans-sec {
    background: #F8F8F8;
	position: relative;
}
.zonal-plans-sec:before {
    content: '';
    width: 57%;
    height: 100%;
    background: linear-gradient(180deg, #EA224A 0%, #FA7909 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.park-zonal-area {
    margin: 60px 0;
    box-shadow: 0px 0px 40px #0000001A;
    background: #fff;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.park-zonal-area .box {
    display: flex;
    justify-content: space-between;
    width: 33.333333%;
    height: 201px;
}
.park-zonal-area .box .img-sec {
    width: 50%;
	overflow: hidden;
}
.park-zonal-area .box .img-sec img {
    width: 100%;
    height: 100%;
	transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
	object-fit: cover;
    object-position: top center;
}
.park-zonal-area .box:hover .img-sec img {
    transform: scale(1.13);
}
.park-zonal-area .box .details-sec {
    width: 50%;
    padding: 20px;
	display: flex;
    flex-direction: column;
    align-items: start;
}
.park-zonal-area .box .details-sec img {
    display: block;
    margin-bottom: 25px;
}
.park-zonal-area .box:nth-child(4) .details-sec img {
    width: 56px;
}
.park-zonal-area .box .details-sec .title {
    font-size: .875em;
    color: #000;
    flex-grow: 1;
    padding-right: 10px;
}
.park-zonal-area .box:hover .details-sec .title {
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 3px;
}
.view-all-btn {
    width: 100%;
    text-align: right;
}
.view-all-btn .view-all:before {
    color: #888888;
}
.view-all-btn .view-all::after {
    background: #888888;
	bottom: -2px;
}

.zonal-plans-area {
    background: #FFFCF5 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 40px #0000001A;
    padding: 30px;
	position: relative;
}
.zonal-plans-area:after {
    content: '';
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #EA224A 0%, #FA7909 100%);
    box-shadow: 0px 3px 6px #00000029;
    position: absolute;
    bottom: 0;
    left: 0;
}
.title-sec h5 {
    font-size: 1em;
    margin-bottom: 8px;
}
.zonal-plans-area .img-sec {
    overflow: hidden;
}
.zonal-plans-area .img-sec img {
    width: 100%;
    height: 100%;
	transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
}
.zonal-plans-area:hover .img-sec img {
    transform: scale(1.13);
}
.zonal-plans-area .desc-sec {
    padding: 30px 0 0;
}
.zonal-plans-area .desc-sec .title {
    font-size: 1.142em;
    color: #000;
    line-height: 24px;
}
.zonal-plans-area .desc-sec .title a {
    display: block;
    text-decoration: underline;
	color: #1A1F97;
}
.zonal-plans-area:hover .desc-sec .title a{
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 3px;
}
/* ZONAL PLANS Section CSS End */
/* NOTIFICATIONS & TENDERS Section CSS Start */
.notification-sec {
    padding: 40px;
    background: #fff;
}
.notification-box {
    background: #f3f3f3;
    height: 100%;
	min-height:550px;
}
.notification-box ul {
    min-height: 440px;
}
.notification-box .title {
    background: #1A1F98 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000029;
    text-align: center;
    font-size: 1.285em;
    padding: 11px;
    text-transform: uppercase;
	color: #fff;
}
.notification-box ul li a {
    font-size: 1.142em;
    color: #000;
    display: flex;
    padding: 5px 0;
    font-style: normal;
    /*  border-bottom: 1px solid #e2e2e2; */
}
.notification-box .item-list li {
	border-bottom: 1px solid #e2e2e2;
	font-style: italic;
	font-size: 14px;
	color: #D21137;
	margin: 0;
    padding: 0 15px 5px;
}
.notification-box ul li a:hover{color:#D21137}
.notification-box ul li a img {
    height: fit-content;
    margin-right: 15px;
    margin-top: 5px;
}
.btn-area {
    display: flex;
    padding: 20px 30px 20px 30px;
    align-items: center;
    justify-content: space-between;
	/* border-top: 1px solid #e2e2e2; */
}
button.btnPause {
	background: transparent;
    color: #888888;
    font-size: 14px;
    font-style: italic;
    border: 0;
    padding: 0;
	cursor: pointer;
}
button.btnPause:hover {
    color: #E22C47;
}
button.btnPause i {
    color: #E22C47;
	    margin-left: 5px;
}
.btn-area .view-all {
    font-size: 1em;
}
/* NOTIFICATIONS & TENDERS Section CSS End */
/* DEPARTMENT Section CSS Start */
.department-sec {
    background: #F2EFE9;
    padding: 40px 0 0;
}
.title-sec h4 .sub-title {
    margin-left: 15px;
    padding-left: 15px;
	position:relative;
}
.title-sec h4 .sub-title:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1px;
    height: 22px;
    background: #70707033;
}

.department-chart-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.department-chart-item li {
    width: 12%;
	margin-bottom: 45px;
}
.department-chart-item li .icon-bg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px dashed #C9C9C9;
    display: block;
    padding: 35px 30px;
	transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s; 
}
.department-chart-item li a:hover .icon-bg {
    background: #0D1161 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 40px #0D11610F;
    border: 1px solid #0D1161;
}
.department-chart-item li .icon-box {
    height: 44px;
    width: 44px;
    display: block;
    margin: auto;
    background: url(../images/deparment-icon.png);
    background-repeat: no-repeat;
	transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s; 
}
.department-chart-item li .icon-box.a{background-position:-5px 0}
.department-chart-item li .icon-box.b{background-position:-5px -80px}
.department-chart-item li .icon-box.c{background-position:-5px -160px}
.department-chart-item li .icon-box.d{background-position:-5px -241px}
.department-chart-item li .icon-box.e{background-position:-5px -322px}
.department-chart-item li .icon-box.f{background-position:-5px -403px}
.department-chart-item li .icon-box.g{background-position:-5px -483px}
.department-chart-item li .icon-box.h{background-position:-5px -563px}
.department-chart-item li .icon-box.i{background-position:-5px -644px}
.department-chart-item li .icon-box.j{background-position:-5px -725px}
.department-chart-item li .icon-box.k{background-position:-5px -810px}
.department-chart-item li .icon-box.l{background-position:-5px -893px}
.department-chart-item li .icon-box.m{background-position:-5px -974px}
.department-chart-item li .icon-box.n{background-position:-5px -1054px}
.department-chart-item li .icon-box.o{background-position:-5px -1135px}
.department-chart-item li .icon-box.p{background-position:-5px -1217px}
.department-chart-item li a:hover .icon-box.a{background-position:-71px 0}
.department-chart-item li a:hover .icon-box.b{background-position:-71px -80px}
.department-chart-item li a:hover .icon-box.c{background-position:-71px -160px}
.department-chart-item li a:hover .icon-box.d{background-position:-71px -241px}
.department-chart-item li a:hover .icon-box.e{background-position:-71px -322px}
.department-chart-item li a:hover .icon-box.f{background-position:-71px -403px}
.department-chart-item li a:hover .icon-box.g{background-position:-71px -483px}
.department-chart-item li a:hover .icon-box.h{background-position:-71px -563px}
.department-chart-item li a:hover .icon-box.i{background-position:-71px -644px}
.department-chart-item li a:hover .icon-box.j{background-position:-71px -725px}
.department-chart-item li a:hover .icon-box.k{background-position:-71px -810px}
.department-chart-item li a:hover .icon-box.l{background-position:-71px -893px}
.department-chart-item li a:hover .icon-box.m{background-position:-71px -974px}
.department-chart-item li a:hover .icon-box.n{background-position:-71px -1054px}
.department-chart-item li a:hover .icon-box.o{background-position:-71px -1135px}
.department-chart-item li a:hover .icon-box.p{background-position:-71px -1217px}
.department-chart-item li .title {
    font-size: 1em;
    color: #000;
    text-align: center;
    margin: 8px 0 0;
}
.department-chart-item li a:hover .title{
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 3px;
}
.department-sec .view-all {
    position: absolute;
    right: 110px;
    top: 2px;
    font-size: 14px;
}
.department-sec button.owl-prev {
    top: -18% !important;
    bottom: initial;
    right: 40px;
}
.department-sec .owl-nav button span {
    line-height: 22px;
}
.department-sec button.owl-next {
    top: -18% !important;
    bottom: initial;
    right: 0;
}
/* DEPARTMENT Section CSS End */
/* ANNOUNCEMENT Section CSS Start */
.announcement-sec {
    background: #f2efe9;
	padding: 10px 0 50px;
}
.announcement-sec .container .row {
    background: #fff;
    margin: 0;
    padding: 30px 15px;
}
.announcement-sec .notification-box {
    background: #ffffff;
}
.announcement-sec .notification-box ul li a {
    padding: 20px 0px 20px 0px;
}
.announcement-sec .btn-area {
    padding: 20px 0px 20px 0px;
}
/* ANNOUNCEMENT Section CSS End */
/* NEWS Section CSS Start */
.news-sec {
    position: relative;
	padding: 50px 0 0;
}
.news-sec:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #f2efe9;
    position: absolute;
    top: 0;
    left: 0;
	z-index: -1;
}
.news-sec:after {
    content: '';
    width: 100%;
    height: 20%;
    /* background: #251288; */
    position: absolute;
    bottom: 0;
    left: 0;
	z-index: -1;
}
.news-sec .container-fluid .row {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000029;
    margin: 0;
    padding: 15px 0;
}
.news-box ul li a {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
    display: block;
}
.news-box ul li a img {
    width: 100%;
    margin-top: 10px;
}
.news-box ul li .desc {
    font-size: 14px;
    color: #000;
    margin-bottom: 0px;
}
.news-box ul li .date {
    font-size: 12px;
    color: #888888;
    font-style: italic;
    margin-bottom: 0px;
}
.news-box .title {
    border-bottom: 1px solid #fbd6dc;
    margin-bottom: 15px;
}
.news-box .title .bg {
    font-size: 1.142em;
    background: #111111;
    color: #fff;
    width: fit-content;
    padding: 6px 14px;
    display: block;
}
.news-box .btn-area {
    padding: 20px 0px 20px 0px;
}
.news-box {
    border-right: 2px dashed #70707021;
    padding-right: 15px;
}
.news-sec iframe {
    width: 100%;
    height: 310px;
    object-fit: cover;
    object-position: top center;
}
.social-title h4 {
    font-size: 18px;
}
.social-title h4 img {
    width: auto;
    margin-right: 3px;
	margin-top: -3px;
}
.social-title h4 {
    font-size: 1.285em;
}
.frame-box img {
    width: 100%;
    height: 100%;
    border: 1px solid #F1DDDD;
}
/* NEWS Section CSS End */
/* Quick Links Section CSS Start */
.quick-links-sec {
    background: #251288;
    padding: 40px 0 10px;
}
.quick-links-sec ul {
    margin-bottom: 30px !important;
    margin: 0;
}
.quick-links-sec .quick-title, .quick-links-sec h2 {
    font-size: 1.142em;
    color: #fff;
    font-style: italic;
    margin-bottom: 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ffffff4f;
    font-family: 'robotobold';
}
.quick-links-sec ul li a {
    font-size: 1em;
    color: #fff;
    border-bottom: 1px dashed #ffffff4f;
    display: block;
    padding: 5px 0;
    width: 85%;
    transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
}
.quick-links-sec ul li a:hover {
    padding-left: 15px;
    color: #ffffff;
}
.quick-links-sec ul li:last-child a {
    border-bottom: 0;
}
.quick-links-sec ul li a.is-active {
    color: #fff;
    padding-left: 15px;
    font-style: italic;
}
/* Quick Links Section CSS End */
/* Gray Bg Bottom Slider css Start */
.gray-bg{padding:30px 0 30px;background:#f5f5f5}
.gray-bg .owl-item{background:#e9e9e9}
.gray-bg img{width:auto!important;margin:auto}
/* Gray Bg Bottom Slider css End */
/* Footer Top Section css Start */
.footer-top-sec{background:#fff;padding:20px 0;position:relative}
.footer-top-sec:before{content:'';width:100%;height:3px;background:linear-gradient(90deg, #EA224A 0%, #FA7909 100%);position:absolute;top:0;left:0}
.footer-top-sec ul{padding:0;margin: 0;}
.footer-top-sec ul li:first-child {padding-left: 0;}
.footer-top-sec ul li{display:inline-block;margin-bottom:10px;padding:0 8px;border-right: 1px solid #00000030;line-height:1}
.footer-top-sec ul li a{color:#000;font-size: 1em;text-decoration:none}
.footer-top-sec ul li a:hover{color:#E22C47}
.footer-top-sec ul li:last-child{border:0}
.visitor-sec p{font-size:14px}
.visitor-sec p{color:#000;margin:0;text-align:right}
.copyright-sec p{margin-bottom:0;color:#000}
.copyright-sec{padding-right:0}
.visitor-sec ul li {
    font-size: 1em;
}
/* Footer Top Section css End */

/* Breadcrum Section css Start */
.breadcrum-area {
    background: #efefef;
}
.breadcrum-area nav.breadcrumb {
    padding: 0;
    margin: 0;
    background: #ffffff00;
}
.breadcrum-area ol.breadcrumb {
    margin: 0;
    background: transparent;
	width: 100%;
	padding: .75rem 0rem;
}
.breadcrum-area .breadcrumb li.breadcrumb-item {
    color: #E22C47;
    font-size: 0.857em;
}
.breadcrum-area .breadcrumb li.breadcrumb-item a {
    color: #000;
    font-size: 12px;
}
.jumbotron {
    background: #F7F7F7;
    padding:0;
	margin:0 0 15px;
    text-align: center;
}
.jumbotron .border-box{
    border-bottom: 2px solid #e9e9e9;
	padding: 15px 0;
}
/* Breadcrum Section css End */
/* About Page css Start */
.main-inner-sec {
    padding: 40px 0;
}
.main-inner-sec .title-sec h4, h1.page-title {
    font-weight: 600;
    position: relative;
    display: block;
    padding-bottom:0px;
    margin-bottom: 25px;
    color: #000;
    font-size: 1.714em;
    text-transform: uppercase;
    font-family: 'roboto_condensedbold';
}
.chairman-box {
    box-shadow: 0px 0px 40px #0000001A;
    border: 1px solid #EBEBEB;
    background: #fff;
    /* height: auto!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}
.chairman-box .desc-sec {
    padding: 20px;
}
.chairman-box .role {
    font-size: 1.142em;
    font-style: italic;
    color: #000;
    margin-bottom: 3px;
    display: inline-block;
}
.chairman-box .name {
    font-size: 1.428em;
    color: #000;
    margin-bottom: 15px;
}
.chairman-box .name .gov {
    font-size: 0.600em;
    display: block;
}
.chairman-box .add-details li {
    display: flex;
    font-size: 11px;
    position: relative;
    border-top: 1px solid #eaeaea;
    padding: 15px 0;
    overflow-wrap: anywhere;
}
.chairman-box .add-details li img {
    margin-right: 15px;
    height: fit-content;
}
.chairman-box .add-details li:before {
    content: '';
    width: 1px;
    height: 15px;
    background: #e2e2e2;
    position: absolute;
    top: 19px;
    left: 25px;
}
.chairman-box .details {
    font-size: 1em;
    color: #000;
    margin-bottom: 15px;
}
.card-horizontal {
    display: flex;
	border: 1px solid #CCCCCC;
	margin-bottom: 30px;
	margin-top: 60px;
}
.card-horizontal .name {
    margin-bottom: 5px;
}
.card-horizontal .name .gov{
    display: inline-block;
}
.card-horizontal .img-sec img {
    height: 340px !important;
    object-position: bottom center;
}
.card-horizontal-vertical .img-sec img {
    height: 185px!important;
    object-position: top center;
}
.card-horizontal-vertical .details {
    margin-bottom: 0;
}
.card-horizontal .add-details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	justify-content: space-between;
}
.card-horizontal .add-details li:first-child {
    width: 100%;
}
.card-horizontal .add-details li {
    width: 49%;
	padding: 7px 0;
}
.card-horizontal .add-details li:last-child {
    justify-content: end;
}
.card-horizontal .add-details li:before {
    height: 0px;
}
.card-horizontal .add-details li img {
    margin-right: 10px;
}
.card-horizontal .add-details li:last-child::before {
    height: 22px;
    left: -3px;
    top: 8px;
}
.chairman-box .img-sec img {
    width: 100%;
    height: auto;
}
.card-horizontal .img-sec {
    width: 41%;
}
.card-horizontal .desc-sec {
    width: 59%;
}
.card-horizontal-vertical {
    display: flex;
    flex-wrap: wrap;
	border: 1px solid #CCCCCC;
}
.card-horizontal-vertical .img-sec {
    width: 40%;
}
.card-horizontal-vertical .desc-sec {
    width: 60%;
}
.card-horizontal-vertical .desc-sec2 {
    padding: 15px 20px 0px;
	border-top: 1px solid #CCCCCC;
}
.card-horizontal-vertical .desc-sec2 .name .gov {
    display: inline-block;
}
.card-horizontal-vertical .add-details li {
    padding: 8px 0;
}
.card-horizontal-vertical .add-details li:before {
    content: '';
    width: 1px;
    height: 15px;
    background: #e2e2e2;
    position: absolute;
    top: 11px;
    left: 25px;
}
.small-chairman-box .chairman-box {
    display: block;
	border: 1px solid #CCCCCC;
}
.small-chairman-box .chairman-box .desc-sec {
    display: block;
}
.chairman-box:nth-child(1) {
    height: 100%;
}
.chairman-box.card-horizontal {
    height: auto;
}
.small-chairman-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: flex-start;
    /* margin-top: 30px; */
    gap: 17px;
    margin-bottom: 30px;
}
.small-chairman-box .items {
    margin-bottom: 0px;
}
.small-chairman-box .chairman-box .img-sec {
    border-bottom: 1px solid #CCCCCC;
    display: block;
	padding-top: 10px;
}
.small-chairman-box .chairman-box .img-sec img {
    display: block;
    margin: auto;
    width: auto;
    height: 104px;
}
.small-chairman-box .chairman-box .name {
    font-size: 1.142em;
    margin: 0;
}
.small-chairman-box .chairman-box .role {
    font-size: 0.857em;
    margin-bottom: 10px;
}
.small-chairman-box .chairman-box .desc-sec {
    padding: 15px;
}
.small-chairman-box .chairman-box .add-details li {
    padding: 8px 0;
}
.small-chairman-box .chairman-box .add-details li::before {
    top: 10px;
}
.download-telephone-directory {
    display: block !important;
    background: #1A1F98;
    padding: 10px;
    height: fit-content;
}
.download-telephone-directory:hover {
    background: linear-gradient(90deg, #EA224A 0%, #FA7909 100%);
}
.download-telephone-directory a {
    border: 1px dashed #FFFFFF30;
    display: flex;
    color: #fff;
    padding: 10px;
	font-size: 13px;
    font-style: italic;
	align-items: center;
}
.download-telephone-directory a i {
    font-size: 18px;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 5px;
    margin-right: 8px;
    height: fit-content;
}
.chairman-box .img-sec {
    overflow: hidden;
}
.chairman-box .img-sec img {
    transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
    width: 100%;
    object-fit: cover;
}
.chairman-box:hover .img-sec img {
    transform: scale(1.13);
}
/* About Page css End */
/* Inner Page css Start */
.list-sec {
    margin-bottom: 15px;
}
.list-sec li {
	font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    padding-left: 15px;
    display: flex;
}
.list-sec li:before {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	padding-right: 10px;
	color: #D21137;
}
.table-responsive {
    box-shadow: 0 0 15px 0px #00000024;
    margin-bottom: 15px;
}
table {
    width: 100% !important;
    margin-bottom: 0 !important;
}
table thead {
    color: #D21137;
    background: #fff;
}
table th {
    white-space: nowrap;
}
table th, table td {
    padding: 1rem !important;
    vertical-align: top !important;
    font-size: 1em;
    border: 1px solid #dee2e6;
}
table td p {
    margin: 0;
    font-size: 14px;
    line-height: normal;
}
tbody tr:nth-child(odd) {
    background-color: #ecf5fa;
}
form .quick-btn {
    padding-top: 6px;
    padding-bottom: 6px;
}
/* Inner Page css End */


@media (max-width: 767px){
    /* Top Header Section CSS Start */
    .top-header .top-left-nav{justify-content:center;margin:5px 0}
    .top-header .top-right-nav ul li{padding:0 4px;display:inline-block;margin:5px 0}
    .top-header li.login-btn a{display:inline-block}
    .top-header .top-right-nav ul{display:inline-block;text-align:center}
	/* Logo Section CSS Start */
	.logo-sec-wraper{padding:15px 0}
	.logo-sec-wraper .logo-sec{margin-bottom:15px;align-items:center;justify-content:center}
	a.logo-emblem img{margin-right:5px}
	.brand-text h4{font-size:16px}
	.brand-text .sub-brand-txt{font-size:16px;padding-top:0px}
	.logo-sec-wraper .right-logo-area ul{justify-content:center;margin-bottom:15px}
	.logo-sec-wraper .right-logo-area ul li+li{margin-left:15px}
	.logo-sec-wraper .right-logo-text h4{text-align:center}
	.logo-sec-wraper .right-logo-text .right-sub-head{text-align:center}
	.brand-text{width:182px}
	.logo-sec-wraper .right-logo-text h4{font-size:1.2em;margin:0 0 7px}
	.logo-sec-wraper .right-logo-text .right-sub-head{font-size:1.2em}
	/* Main Menu Section CSS Start */
	.main-menu-wraper .nav-wraper{width:100%;padding:5px 0}
	.main-menu-wraper .navbar-toggler{color:rgb(0 0 0);border-color:#D21137;font-size:1em;padding:0.25rem 0.5rem;background:#fff}
	.main-menu-wraper .navbar-collapse{margin-top:15px}
	.nav-wraper .custom-nav li a{padding:10px 15px!important;display:block}
	.sub-menu{position:initial;width:100%}
	.nav-wraper .custom-nav li .sub-menu li a{padding:10px 15px!important}
	.custom-nav li{float:initial!important}
	/* Banner Section CSS Start */
	.banner-sec .carousel-item img{height:100%}
	.yourservice-box{box-shadow:0px 0px 6px #00000029;padding:15px 0;margin-top:15px}
	.yourservice-box button.owl-prev{left:-7px}
	.yourservice-box button.owl-next{right:-7px}
	.your-service-sec{padding:0px 0 15px}
	.banner-sec .carousel a.carousel-control-prev, .banner-sec .carousel a.carousel-control-next{width:30px!important;height:30px!important}
	.banner-sec .carousel a.carousel-control-prev, .banner-sec .carousel a.carousel-control-next{margin-top: -10.5%!important}
	.banner-sec .carousel a.carousel-control-prev{left:initial!important}
	.banner-sec .carousel a.carousel-control-next{right:4%!important}
	.banner-sec .carousel-item .quick-btn{bottom:10px;padding:5px 10px}
	.carousel-indicators{bottom:21px!important;width:fit-content;margin:auto}
	.carousel-indicators li{width:10px!important;height:10px!important;margin:0 2px!important}
	/* Welcome Section CSS Start */
	.welcome-sec{padding:15px 0 30px}
	.about-sec{border-right:0px dashed #70707021;padding-right:0px;margin-bottom:30px}
	.title-sec h4, h1.title.page-title{margin-bottom:15px;font-size:18px}
	.about-sec p{margin-bottom:15px}
	.about-sec .view-all:before{top:3px}
	.key-highlights-sec button.owl-prev{left:-7px}
	.key-highlights-sec button.owl-next{right:-7px}
	.card-box .desc-sec .title{padding:15px 15px 15px}
	.card-box{margin:0px 0px 10px}
	/* JUST LAUNCHED Section CSS Start */
	.just-launched-sec{padding:30px 0 15px}
	.just-launched-sec .card-box{margin-bottom:15px}
	.card-box .img-sec img{height:auto}
	/* ZONAL PLANS Section CSS Start */
	.zonal-plans-sec{padding:30px 0}
	.zonal-plans-sec:before{width:100%}
	.park-zonal-area{margin:0px 0 30px}
	.park-zonal-area .box{width:100%}
	.park-zonal-area .box .details-sec img{width:auto}
	.park-zonal-area button.owl-prev{left:-7px}
	.park-zonal-area button.owl-next{right:-7px}
	.zonal-plans-area{padding:15px}
	.zonal-plans-area .img-sec img{height:auto}
	/* NOTIFICATIONS & TENDERS Section CSS Start */
	.notification-sec{padding:30px 0}
	.notification-box ul li a {padding:5px 1.5em 5px 0px}
	.btn-area{padding:15px 15px 15px 15px}
	.notification-box{min-height:auto;margin-bottom:15px}
	.notification-box ul{min-height:auto}
	.news-sec:after{bottom:-1px}
	/* DEPARTMENT Section CSS Start */
	.department-sec{padding:30px 0 15px}
	.department-sec .view-all{position:relative;right:initial;top:0;margin-bottom:15px}
	.owl-carousel .owl-nav.disabled{display:block}
	.department-chart-item li{width:31%;margin-bottom:20px}
	.news-sec .frame-box, .news-sec .news-box{margin-bottom:20px}
	.news-sec .fb_iframe_widget, .news-sec span, .news-sec iframe{width:100%!important;height: 100%!important}
	.footer-top-sec ul{text-align:center}
	.copyright-sec p {text-align:center;margin-bottom:15px}
	.gray-bg img{width:100%!important}
	.news-box .title span{width:fit-content!important}
	.quick-links-sec ul{margin-bottom:15px!important;margin:0}
	/* Owl Carousel Next & Prev Button CSS Start */
	.owl-nav .owl-prev{left:-7px!important}
	.owl-nav .owl-next{right:-7px!important}
	/* About Us Page CSS Start */
	.card-horizontal{margin-bottom:15px;margin-top:15px;flex-wrap:wrap}
	.card-horizontal .img-sec{width:100%}
	.card-horizontal .desc-sec{width:100%}
	.card-horizontal-vertical{margin-bottom:15px}
	.small-chairman-box{margin-top:15px;grid-template-columns:1fr}
	.download-telephone-directory{width:100%!important}
	.download-telephone-directory a{align-items:center;justify-content:center}
	.chairman-box .desc-sec{padding:10px}
	.small-chairman-box .chairman-box .desc-sec{padding:10px}
	.small-chairman-box .chairman-box .name{font-size:14px}
	.chairman-box .add-details li{font-size:12px}
	.card-horizontal-vertical .desc-sec2{padding:10px 10px 0px}
	.chairman-box .name{font-size:18px}
	.chairman-box .role{font-size:14px}
	.chairman-box .details{font-size:12px}
	.card-horizontal .img-sec img{height:auto!important}
	.card-horizontal-vertical .img-sec img{height:auto!important}
	/* Planning Department Pages CSS Start */
	.heading-second{font-size:18px!important}
	.heading-second:after{bottom:-5px!important}
	.img_card .row{grid-template-columns:1fr!important}
	.planing-slider .carousel-control-prev-icon, .planing-slider .carousel-control-next-icon{height:35px!important;width:35px!important}
	.planing-slider span.carousel-control-prev-icon:before, .planing-slider span.carousel-control-next-icon:before{font-size:1.6em!important;line-height:35px!important}
	/* Accounts(Finance) Pages CSS Start */
	.importantlinkcontainer ul{padding:0 15px!important}
	.importantlinkcontainer li{width:100%!important}
	.importantlinkcontainer li a span{width:75%!important}
	/* Login Page CSS Start */
	#block-ddatheme-local-tasks nav>ul{max-width:100%!important}
	#user-login-form, #user-pass{width:100%!important;padding:15px!important}
	.captcha__element #edit-captcha-image-wrapper{flex:100%!important;width:100%!important;max-width:100%!important;display:block!important}
	.captcha__element #edit-captcha-image-wrapper img{height:auto!important;width:100%!important}
	.captcha__element .reload-captcha-wrapper{margin:1rem auto 0!important;display:block;width:fit-content}
	.user-login-form .captcha__element .form-item-captcha-response{flex:100%!important;width:100%!important;max-width:100%!important;margin-top:0px!important}
	#user-login-form #edit-submit, #user-pass #edit-submit{width:100%!important}
	/* Inner Pages CSS Start */
	.midinnerarea .accordion .card a{margin-bottom:0px!important}
	.view-filters .form--inline.clearfix .js-form-item, .view-filters .form--inline.clearfix .form-actions{margin-top:0;width:100%}
	.view-filters .form--inline.clearfix{margin-bottom:0px!important;display:block}
	table th, table td{padding:.63rem!important}
	.view-filters .form--inline.clearfix input.form-text, .view-filters .form--inline.clearfix select{width:100%}
	.midinnerarea{min-height:auto!important}
	.p-bg{height:auto!important;min-height:auto!important}
	.p-bg.prsecdot.p-pr p a{word-wrap:break-word}
	.col-xs-6Square{max-width:100%;min-height:340px!important;margin-bottom:15px!important}	
	.media .col-12.col-sm-12.col-md-12{padding:0!important}
	.view-id-landscape .view-header{position:initial!important;width:100%!important;margin-bottom:20px!important}
	.view-id-landscape .views_slideshow_cycle_main{height:auto!important}
	.land .view-id-landscape .views_slideshow_cycle_teaser_section{height:250px!important}
	.land .view-id-landscape .views_slideshow_cycle_teaser_section img{height:250px!important}	
	.view-id-landscape_masterplan .view-header{position:initial!important;width:100%!important;margin-bottom:20px!important}
	.view-id-landscape_masterplan .views_slideshow_cycle_main{height:auto!important}
	.land .view-id-landscape_masterplan .views_slideshow_cycle_teaser_section{height:250px!important}
	.land .view-id-landscape_masterplan .views_slideshow_cycle_teaser_section img{height:250px!important}	
	#panel_holder{position:initial!important;width:100%!important;margin-bottom:15px!important}
	#slideshow.fullscreen{height:350px!important}
	#img-landmark img{width:100%!important;margin:0!important}
	.block-views-blockyamuna-cover-page-block-1 #views_slideshow_cycle_main_yamuna_cover_page-block_1{margin-bottom:15px}
	.view-display-id-page_21 .views-col{width:100%!important;max-width:100%!important;min-height:100%!important;height:100%!important}
	.view-id-landscape.view-display-id-page_25 a img.image-style-large{width:70%!important}
	.planing-slider .carousel-item img {height: 100%}
	#planing-slider .carousel-caption{display:block!important;position:initial!important}
	.img-content{width:100%!important}
	.view-online-public-service.view-id-online_public_service .views-field-nothing{width:160px!important;max-width:160px!important;min-width:160px!important}
	.contentarea .commonul{padding:0 0px 0 0px!important}
	.inner-home-title-area{position:initial!important;margin-bottom:25px}
	.online-service ul{margin-top:15px!important}
	.service-item{flex-wrap:wrap}
	.service-item li{width:50%}
	.key-highlights-sec .card-sec{flex-wrap:wrap}
	.node--type-just-launched .field--name-field-upload-images{grid-template-columns:1fr!important;margin:0 0 30px!important}
}

@media screen and (max-width: 991px) and (min-width: 768px){
    /* Top Header Section CSS Start */
    .top-header ul li{padding:0 8px;}
    /* Logo Section CSS Start */
	.logo-sec-wraper{padding:15px 0}
	a.logo-emblem img{margin-right:10px}
	a.logo-align .brand-img img{width:60px}
	.brand-text h4{font-size:16px}
	.brand-text .sub-brand-txt{font-size:16px;padding-top:0px}
	.logo-sec-wraper .right-logo-text h4{font-size:18px;}
	/* Main Menu Section CSS Start */
	.main-menu-wraper .nav-wraper{width:100%;padding:5px 0}
	.main-menu-wraper .navbar-toggler{color:rgb(0 0 0);border-color:#D21137;font-size:1em;padding:0.25rem 0.5rem;background:#fff}
	.main-menu-wraper .navbar-collapse{margin-top:15px}
	.nav-wraper .custom-nav li a{padding:10px 15px!important;display:block}
	.sub-menu{position:initial;width:100%}
	.nav-wraper .custom-nav li .sub-menu li a{padding:10px 15px!important}
	.custom-nav li{float:initial!important}
	/* Banner Section CSS Start */
	.banner-sec .carousel-item img{height:100%}
	.banner-sec .carousel-item .quick-btn{bottom:55px;padding:5px 15px}
	.carousel-indicators{bottom:63px!important}
	.banner-sec .carousel a.carousel-control-prev, .banner-sec .carousel a.carousel-control-next{margin-top: -11%!important}
	/* Welcome Section CSS Start */
	.welcome-sec{padding:0px 0 30px}
	.about-sec{padding-right:15px}
	.title-sec h4, h1.page-title{font-size:18px}
	.about-sec p{margin-bottom:15px;font-size:14px}
	.about-sec .view-all:before{top:2.5px}
	.key-highlights-sec .all.view-all:before{top:3px}
	.your-service-sec .title-sec h4::after{top:31px!important}
	.card-box .desc-sec .title .view-all:before{top:3px}
	/* JUST LAUNCHED Section CSS Start */
	.just-launched-sec{padding:30px 0 0px}
	/* ZONAL PLANS Section CSS Start */
	.zonal-plans-sec{padding:30px 0}
	.zonal-plans-sec:before{width:100%}
	.park-zonal-area{margin:0px 0 30px}	
	.park-zonal-area .box{height:180px}
	.park-zonal-area .box .img-sec img{object-fit:cover}
	.park-zonal-area .box .details-sec{padding:15px}
	.park-zonal-area .box .details-sec img{width:auto;margin-bottom:15px}
	.park-zonal-area .box .details-sec .title{font-size:12px;padding-right:0px}
	.zonal-plans-area{padding:15px}
	.zonal-plans-area .img-sec img{height:auto}
	.zonal-plans-area .desc-sec{padding:15px 0 0}
	/* NOTIFICATIONS & TENDERS Section CSS Start */
	.notification-sec{padding:30px 0}
	.notification-box ul li a {padding:15px 0px 15px 0px}
	.btn-area{padding:15px 15px 15px 15px}
	.department-chart-item li{width:24%;margin-bottom:30px}
	.news-sec .frame-box, .news-sec .news-box{margin-bottom:20px}
	.news-sec .fb_iframe_widget, .news-sec span, .news-sec iframe{width:100%!important;height: 100%!important}
	.news-box .title span{width:fit-content!important}
	.notification-box{min-height:580px;margin-bottom:15px}
	.notification-box ul{min-height:466px}
	/* Owl Carousel Next & Prev Button CSS Start */
	.owl-nav .owl-prev{left:-7px!important}
	.owl-nav .owl-next{right:-7px!important}
	/* About Us Page CSS Start */
	.chairman-box .name{font-size:18px}	
	.small-chairman-box .chairman-box .name{font-size:14px}
	.chairman-box .add-details li{font-size:12px}
	.small-chairman-box{margin-top:15px;grid-template-columns:1fr 1fr 1fr}
	.card-horizontal{margin-top:30px}
	.card-horizontal-vertical .img-sec{width:100%}
	.card-horizontal-vertical .desc-sec{width:100%}
	.chairman-box .desc-sec{padding:15px}
	.small-chairman-box .chairman-box .desc-sec{padding:10px}
	.card-horizontal-vertical .desc-sec2{padding:15px 15px 0px}
	.card-horizontal-vertical .desc-sec2 .name .gov{display:block}
	.card-horizontal .img-sec img{height:auto!important}
	.card-horizontal-vertical .img-sec img{height:auto!important}
	/* Planning Department Pages CSS Start */
	.img_card .row{grid-template-columns:1fr 1fr!important}
	/* Accounts(Finance) Pages CSS Start */
	.importantlinkcontainer ul{padding:0 15px!important}
	.importantlinkcontainer li{width:48.97%!important}
	.importantlinkcontainer li a span{width:80%!important}
	/* Login Page CSS Start */
	#block-ddatheme-local-tasks nav>ul{max-width:80%!important}
	#user-login-form, #user-pass{width:80%!important}
	/* Inner Pages CSS Start */
	.view-filters .form--inline.clearfix input.form-text, .view-filters .form--inline.clearfix select{width:100%}
	.p-bg{height:360px!important;min-height:360px!important}
	.p-bg.prsecdot.p-pr p a{word-wrap:break-word}
	.land .view-id-landscape .view-header{left:-30px}
	.land .view-id-landscape_masterplan .view-header{left:-30px}
	#panel_holder{left:0px!important}
	.block-views-blockyamuna-cover-page-block-1 #views_slideshow_cycle_main_yamuna_cover_page-block_1{margin-bottom:15px}
	.col-xs-6Square{max-width:100%!important;min-height:340px!important;margin-bottom:15px!important}
	.media .masterplan img.rs.desaturate{height:330px!important}
	.media .project-item img.rs.desaturate{width:50%!important}
	.planing-slider .carousel-item img {height: 100%}
	.inner-home-title-area{position:initial!important;margin-bottom:25px}
	.card-box .img-sec img{height:140px}
	.card-box .desc-sec .title{font-size:13px;padding:17px 15px 15px}
	.node--type-just-launched .field--name-field-upload-images{grid-template-columns:1fr 1fr!important;margin:0 0 30px!important}
	/* Contact Us Page css Start By Manoj 04-07-2025 */
	.contact-details{gap:30px!important;flex-direction:column!important;flex-wrap:wrap!important}
	.contact-details>div{width:100%!important;border-right:0px solid #dfdfdf!important}
	.card-body .contact-details>div table{width:100%!important}
	/* Contact Us Page css End By Manoj 04-07-2025 */
}
@media screen and (max-width: 1199px) and (min-width: 992px){
   .banner-sec .carousel-item img{height:100%}
   .banner-sec .carousel a.carousel-control-prev, .banner-sec .carousel a.carousel-control-next{margin-top: -10.4%!important}
   .welcome-sec{padding:0px 0 30px}
   .just-launched-sec{padding:30px 0 10px}
   .park-zonal-area{margin:30px 0}
   .notification-sec{padding:30px}
   .department-sec{padding:30px 0}
   .department-chart-item li{width:24%;margin-bottom:30px}
   .chairman-box .desc-sec{padding:10px}
   .small-chairman-box .chairman-box .desc-sec{padding:10px}
   .chairman-box .add-details li{font-size:12px}
   .img_card .row{grid-template-columns:1fr 1fr 1fr!important}
	.importantlinkcontainer ul{padding:0 15px!important}
	.importantlinkcontainer li{width:32.2%!important}
	.importantlinkcontainer li a span{width:75%!important}
	.p-bg{height:540px!important;min-height:540px!important}
	.p-bg.prsecdot.p-pr p a{word-wrap:break-word}
	.land .view-id-landscape .view-header{left:-30px}
	.land .view-id-landscape_masterplan .view-header{left:-30px}
	#panel_holder{left:0px!important}
}

@media only screen and (max-width: 1430px){
    .container-fluid{max-width:1300px!important}
}
.container-fluid{width:100%;padding:0 15px;max-width:1430px;margin:0 auto}

/*New CSS for inner pages 29-04-2024 */
.bg-employe:hover {
    background-image: linear-gradient(to right,#aa6cc3,#9363c0,#795abd,#5a53ba,#2d4cb6);
    transition: .4s;
    margin-top: -15px
}

.bg-employe h3 {
    font-size: 1.357em;
}
.bg-employe:hover .more-read {
    background: #f6ab36
}

.bg-employe {
    background: #3353b8;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: .4s;
    padding: 15px;
    color: #fff;
    margin-bottom: 20px;
}
.bg-employe.tck {
    height: 150px;
    border-radius: 6px
}


.bg-employe a {
    color: #fff;
    font-size: 0.736em;
    padding-top: 14px;
    text-transform: capitalize;
}

.titlearea {
    text-align: center;
    width: 100%;
    padding-bottom: 55px;
    padding-top: 55px;
    /* background: rgb(246,246,246); */
}
.heading-second {
    font-size: 24px;
    position: relative;
    margin-bottom: 30px;
    font-family: 'robotobold';
}

.heading-second:after {
    content: url(../images/titleareaafter.jpg);
    position: absolute;
    bottom: 0;
    width: 113px;
    height: 7px;
    left: calc(50% - 56px);
}

.planing-slider {
    width: 100%;
}

.planing-slider {
    width: 100%;
    background-image: linear-gradient(to right,#03a9f4 ,#cddc39);
}


#planing-slider .carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    width: 100%
}

.planing-slider .carousel-caption a {
    color: #fff;
    background-color: rgba(26,31,50,.63);
    padding: 5px 10px
}

.importantlinkcontainer, .importantlinkcontainer ul {
    width: 100%
}

.importantlinkcontainer {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center
}
.importantlinkcontainer ul{
	margin: 0;
    padding: 0;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;	
    justify-content: center;
	text-align: left;
}
.importantlinkcontainer li {
    display: inline-block;
    width: 19.078%;
    transition: all ease-in .4s
}

.importantlinkcontainer li a {
    display: block;
    background: rgb(244,242,242);
    border-radius: 2px;
    padding: 20px 0px 20px 15px;
    float: left;
    width: 100%;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.importantlinkcontainer li a span {
    border-radius: 25px 0 0 25px;
    padding: 15px 15px;
    display: block;
    width: 70%;
    float: right;
    font-size: .72rem
}

.importantlinkcontainer li a:hover, .importantlinkcontainer li a:focus {
    background: #2f4fb4;
    color: rgb(255,255,255)
}

.importantlinkcontainer li a:hover:before, .importantlinkcontainer li a span:hover, .importantlinkcontainer li a:focus:before {
    color: rgb(255,255,255)!important
}

.importantlinkcontainer li a:before {
    font-size: 2.8rem;
    margin-top: 0px;
    display: inline-block;
    margin-left: 0px;
    transition: all ease-in .4s
}

.importantlinkcontainer li a:hover:before, .importantlinkcontainer li a:focus:before {
    margin-top: 0px
}

.importantlinkcontainer li a span {
}

.importantlinkcontainer li:nth-child(1) a:before {
    color: #18b8eb
}

.importantlinkcontainer li:nth-child(2) a:before {
    color: #3194b0
}

.importantlinkcontainer li:nth-child(3) a:before {
    color: #15b8c7
}

.importantlinkcontainer li:nth-child(4) a:before {
    color: #46979e
}

.importantlinkcontainer li:nth-child(5) a:before {
    color: #0885ad
}

.importantlinkcontainer li:nth-child(6) a:before {
    color: #2fa6cc
}

.importantlinkcontainer li:nth-child(7) a:before {
    color: #076a73
}

.importantlinkcontainer li:nth-child(8) a:before {
    color: #0f7f9e
}

.importantlinkcontainer li:nth-child(9) a:before {
    color: #0f7f9e
}

.importantlinkcontainer li:nth-child(10) a:before {
    color: #183942
}
h4.org-chart a {
    color: black;
}
/*New CSS for inner pages 29-04-2024 */
/*Department Listing */
.view-id-departments.view-display-id-page_1 .views-col a {
    background: #1A1F98;
    display: block;
    padding: 3px;
    color: #fff;
    text-align: center;
    font-size: 14px
}

.view-id-departments.titlearea p {
    text-align: justify
}

.view-id-departments .view-display-id-page_1 .bg-employe a {
    display: inline-block
}

.view-id-departments.view-display-id-page_1 .views-col img {
    max-width: 100%;
    height: auto;
    border: 2px solid #1A1F98;
}
/*Department Listing end */

/*New CSS for inner rb pages 15-05-2024 */

#block-ddatheme-content .list-sec{list-style-type:none;padding:0;margin:0}
#block-ddatheme-content .list-sec li{padding:0px 10px;list-style:none;border:1px solid lightgray;margin-bottom:10px}
#block-ddatheme-content .list-sec li:before{content:'\F13E';font-family:"Material Design Icons";padding-right:5px;font-size:.85em;color:#d73c37; margin-top: 6px;}
#block-ddatheme-content .list-sec li:hover{border-color:#d63c37}
#block-ddatheme-content .list-sec li a{font-size:0.938em;color:#000;display:inline-block;width:96%;padding:7px 0}
#block-ddatheme-content .list-sec li a:hover{text-decoration:underline;color:#d73c37}


 .view-grouping-header {
    font-size: 16px;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    text-decoration-line: underline;
    text-underline-position: from-font;
}
.view-grouping .view-grouping-content .view-grouping-header {
    text-align: left !important;
    font-size: 16px !important;
    margin-bottom: 10px !important;
    font-weight: bold !important;
    text-decoration-line: none !important;
}
 .customdatatable caption {
    color: #fff;
    background: #1a1f98;
    padding: 10px 15px; caption-side: top;
}
 .form--inline{display: flex;    margin-top: 10px;}

.view-filters .js-form-type-select label {font-size: 1.142em;color: #000;}
.view-filters .js-form-type-select select{outline: 0px;  height: 40px;
   padding: 0.6rem 0.75rem; font-size: 1em; line-height: 1.5; border: 1px solid #ced4da; border-radius: 6px;  margin: 0 0 15px 0;}
   .view-filters .form-submit{
       background: #F99A0C!important;
       display: inline-block;
       border: 1px solid #F4F4F4;
       border-radius: 5px;
       color: #000;
       font-size: 1em;
       padding: 8px 22px;
       }
   .view-filters .form-submit:hover{background-color:#1A1F98!important;color:#fff!important; border:1px solid #1A1F98!important}



   .js-form-type-textfield label {font-size: 16px; color: #000;font-weight:600}
.js-form-type-textfield input{outline: 0px;  height: 40px; display: inline-block;
   padding: 0.6rem 0.75rem; font-size: 1em; line-height: 1.5; border: 1px solid #ced4da; border-radius: 6px;  margin: 0 0 15px 0;}

   /* Pagination css Start */
	ul.pager__items.js-pager__items{display:flex;text-align:center;margin-top:15px;justify-content:center;padding:0;flex-wrap:wrap}
	ul.pager__items.js-pager__items li{display:inline-block;margin:5px 2px; padding: 0px;}
	ul.pager__items.js-pager__items li:last-child{margin-right:0}
	ul.pager__items.js-pager__items li.is-active a{background:#000524!important;color:#fff!important;border-color:#000524!important}
	ul.pager__items.js-pager__items li a:hover{background:#dee2e6;color:#000}
	ul.pager__items.js-pager__items li a{border:1px solid #dee2e6;background:#f27a0c00;color:#000;display:block;text-align:center;line-height:1;text-decoration:none;transition:.4s;-webkit-transition:.4s;padding:8px 15px}
	.inner-container ul.pager__items.js-pager__items li:before{content: none;}
	/* Pagination css End */

    /*New CSS for inner rb pages 15-05-2024 */
	.view-empty {
    margin: 10px 0;
    display: inline-block;
}

.outlinebt {
    border: 1px solid rgba(255,255,255,.5);
    color: rgb(255,255,255);
    position: relative;
    background: #1a1f3285
}

.orangebt {
    border: 1px solid #1A1F98;
    color: rgb(0,0,0);
    background: #1A1F98;
    position: relative;
    font-size: 1em;
    padding: 7px 15px;
    display: inline-block;
}

.orangebt {color:#fff !important;}
.orangebt:hover{color:#fff !important; text-decoration: underline !important;}
.orangebt:hover, .orangebt:focus {
    color: rgb(0,0,0);
    opacity: .9
}
.sitemap ul ul {
    margin: 0;
    display: block
}

.sitemap ul {
    padding-left: 1.5rem!important
}

.sitemap li:before {
    content: '\F13E';
    font-family: "Material Design Icons";
    padding-right: 10px;
    font-size: .85rem;
    color: #2c4bb5
}

.sitemap li a {
    font-family: 'robotoregular';
    font-size: .86rem;
    line-height: 1.5rem;
    color: #2c4bb5
}

.sitemap li {
    display: block;
    font-family: 'robotoregular';
    font-size: .86rem;
    line-height: 1.5rem;
    color: #0d0d0d
}
.sitemap li span {
    color: #2c4bb5
}


/* 24-05-2024 */
.accordion .btn-link {
    font-weight: 400;
    color: #000;
    background-color: transparent;
}

.accordion .card-header {padding: 1px 10px;}
.accordion .card{margin-bottom: 6px;}
.accordion .btn {text-align: left;  white-space: normal;}

.region-left-menu .block-menu ul {
    background: #152196;
    padding: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.region-left-menu .block-menu ul li {
    padding: 10px 10px 10px 20px;
    border-bottom: 1px dashed #3851eb;
}

.region-left-menu .block-menu ul li a {
    color: #ffffff;
}

.region-left-menu .block-menu ul li a:hover {
    color: #ec8836;
}

.region-left-menu .block-menu ul li.menu-item.menu-item--active-trail {
    background: #f18b31;
}
.region-left-menu .block-menu ul li .is-active:hover{color:#000!important}
.leftmenu .block-menu ul {
    background: #152196;
    padding: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.leftmenu .block-menu ul li {
    padding: 10px 10px 10px 20px;
    border-bottom: 1px dashed #3851eb;
}

.leftmenu .block-menu ul li a {
    color: #ffffff;
}

.leftmenu .block-menu ul li a:hover {
    color: #ec8836;
}

.leftmenu .block-menu ul li.menu-item.menu-item--active-trail {
    background: #f18b31;
}
.leftmenu .block-menu ul li .is-active:hover{color:#000!important}
.view .view-footer {margin-top: 20px;}
.headingtitleee a {
    color: #000;
    font-size: 28px;
}

.importantlinkcontainer li:nth-child(1) a:before {
    content: '\f100'
}
.importantlinkcontainer li:nth-child(2) a:before {
    content: '\f102'
}
.importantlinkcontainer li:nth-child(3) a:before {
    content: '\f103'
}
.importantlinkcontainer li:nth-child(4) a:before {
    content: '\f105'
}
.importantlinkcontainer li:nth-child(5) a:before {
    content: '\f104'
}
.importantlinkcontainer li:nth-child(6) a:before {
    content: '\f106'
}
.importantlinkcontainer li:nth-child(8) a:before {
    content: '\f107'
}
.importantlinkcontainer li:nth-child(7) a:before {
    content: '\f109'
}
.importantlinkcontainer li:nth-child(9) a:before {
    content: '\f10b'
}
.importantlinkcontainer li:nth-child(10) a:before {
    content: '\f109'
}
.importantlinkcontainer li:nth-child(11) a:before {
    content: '\f106'
}
.importantlinkcontainer li:nth-child(12)>a:before {
    content: '\f105'
}
.importantlinkcontainer li:nth-child(13)>a:before {
    content: '\f7bf';
    font-family: 'Material Design Icons'
}
.importantlinkcontainer li:nth-child(14)>a:before {
    content: '\f10a'!important
}
.importantlinkcontainer li:nth-child(15) a:before {
    content: '\f106'
}
.importantlinkcontainer li:nth-child(16)>a:before {
    content: '\f18e';
    font-family: 'Material Design Icons'
}

.plans-sec {
    width: 100%;
    background: url(../images/master.jpg)
}

.plans-sec-inner {
    background: rgb(0 0 0 / 80%);
    padding: 40px 20px 20px
}
.img_card .row {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
}
.masterplan-wrap {
    display: flex;
    background: #ececec;
    min-height: 120px;
    padding: 10px 0;
    cursor: pointer;
    margin-bottom: 0px;
    align-items: center
}

.masterplan-wrap:hover {
    background: #2f4fb4;
    -webkit-transition: ease .8s;
    transition: ease .8s;
    color: #fff
}

.masterplan-wrap img {
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.masterplan-wrap:hover img {
    width: 110px;
    height: 110px;
    border: none
}
.planwrap-left {
    width: 40%
}
.planwrap-left img {
    width: 97px;
    height: 97px;
    margin-left: 5px;
    border: 1px solid #ccc;
    padding: 2px;
	object-fit: cover;
}
.planwrap-right {
    width: 60%;
    padding: 15px 15px;
    background: #2f4fb4;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px
}

.planwrap-right h3 {
    font-size: .8rem;
    margin: 0
}

.planwrap-right ul {
    width: 100%
}

.planwrap-right ul li a {
    display: inline-block;
    width: 100%;
    color: #333;
    font-size: .9rem
}

.planwrap-right ul li a:before {
    content: '\F054';
    font-family: "Material Design Icons";
    margin-right: 10px;
    margin-top: 2px
}

.planwrap-right a,.planwrap-right a:hover {
    color: #fff
}

.planing-slider .carousel-control-prev-icon, .planing-slider .carousel-control-next-icon {
    opacity: .9!important;
    background-image: none!important;
    height: 50px;
    width: 50px;
    background: #1a1f32
}
.planing-slider .carousel-control-next, .planing-slider .carousel-control-prev {
    opacity: 9!important
}
.planing-slider .carousel-control-next, .planing-slider .carousel-control-prev {
    opacity: 9!important
}

.planing-slider span.carousel-control-next-icon:before {
    content: '\F142';
    font-family: "Material Design Icons";
    font-size: 2.86em;
    line-height: 50px
}

.planing-slider span.carousel-control-prev-icon:before {
    content: '\F141';
    font-family: "Material Design Icons";
    font-size: 2.86em;
    line-height: 50px
}

.planing-slider .carousel-caption a {
    color: #fff;
    background-color: rgba(26,31,50,.63);
    padding: 5px 10px
}
.textplan {
    text-decoration: none;
    color: #fff
}
.view-important-links {
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,80%);
    padding: 9px;
    margin-top: 0px;
    margin-bottom: 20px
}
.view-important-links p a {
    font-size: 14px;
    color: #000
}

.contentarea ul.commonul li a:before {font-family: "Font Awesome 5 Free";}
.contentarea ul.commonul li a:before {
    content: "\f061";
    font-weight: 700;
    font-size: 11px;
    padding-right: 8px;
    color: #2b4ab6;
    float: left;
    position: absolute;
    left: -14px;
    z-index: 1;
	    top: 7px;
}

.contentarea .commonul {
    padding: 0 10px 0 16px;
    margin-bottom: 15px
}

.contentarea ul.commonul li {
    position: relative;
}

.contentarea ul.commonul li a {
    display: inline-block;
    padding: 3px 5px 3px 7px;
    width: 100%;
    line-height: 1.5!important;
}
.contentarea ul.commonul li, .contentarea ul.commonul li a {
    line-height: 30px;
    font-size: .9rem;
	left: 15px;
}
.contentarea ul.commonul li a:hover {
    color: #D21137
}

.modalconent.landpoolpop a {
    position: absolute;
    top: -10px;
    right: 5px;
    font-size: 24px;
    color: #000;
    border: 1px solid #000;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 1;
    box-shadow: 3px 3px grey
}

.modalconent.landpoolpop a:hover {
    background: red;
    color: #fff
}

.modalconent.landpoolpop {
    padding: 20px 0!important
}
.block-views-blocknew-home-banner-block-1 .carousel a.carousel-control-prev, .block-views-blocknew-home-banner-block-1 .carousel a.carousel-control-next{margin-top:-7.5%}
/* 10-06-24 start */

.mainnaviarea li > a:before, .importantlinkcontainer li a:before {
    font-family: "Flaticon";
    font-size: .95rem;
    margin-right: 16px;
}.importantlinkcontainer li a:before {
    font-size: 2.8rem;
    margin-top: 0px;
    display: inline-block;
    margin-left: 0px;
    transition: all ease-in .4s;
}.importantlinkcontainer li a:before {
    color: rgb(0, 0, 0) !important;
} 
/* 10-06-24 End */


/* 10-06-24 start */
.mainnaviarea li > a:before, .importantlinkcontainer li a:before {font-family: "Flaticon";font-size: .95rem;margin-right: 16px;}
.importantlinkcontainer li a:before {font-size: 2.8rem;margin-top: 0px;display: inline-block;margin-left: 0px;transition: all ease-in .4s;}
.importantlinkcontainer li a:before {} 
.leftmenu .block-menu ul{list-style: none;}
.leftmenu li a {padding-top: 10px;padding-bottom: 10px;color: rgb(255 255 255);}
.leftmenu li a {font-size: .9rem;line-height: 1.4rem;color: rgb(40, 71, 177);display: block;position: relative;padding-left: 15px;transition: all ease-in .4s;}
.leftmenu .block-menu ul li {padding: 0;}
.leftmenu .block-menu ul {padding: 0;}
.leftmenu li a:hover {background: #f18b31;color: #fff !important;}
button.navbar-toggler:before, .bannerarea .carousel-caption .readmore:after, .owl-prev:before, .owl-next:before, .chairman p:after, .orangebt:after, .newscontainer a:after, .tab-content .viewall:after, .photogallery .httext .viewall:after, .onlinedepartment .headingtext:before, .onlinedepartments li a:before, .viewgradient:before, .employeenotice .nav-tabs .nav-link.active:before, .leftmenu li a:before, .pdficon:before {font-family: "Material Design Icons";}
.leftmenu li a:before {content: '\F13E';}
/* --- Inner Home Page Title Start  */
.inner-home-breif {position: relative;/* background: #ccc; */}
.inner-home-title-area {position: absolute;top: 40%;left: 0;right: 0;}
.inner-home-title-area .inner-home-title h5 {margin: 0;font-size: 23px;color: #1a1f98;font-family: 'roboto_condensedbold';position: relative;}
.inner-home-title-area .inner-home-title {width: 25%;}
.inner-home-title-area .inner-home-title h5:before { content: '';position: absolute;bottom: -25%;left: 0;height: 3px;background: #1a1f98;width: 50px;}
.inner-home-title-area .inner-home-title h5:after {content: '';position: absolute;bottom: -25%;left: 0;height: 1px;background: #c3c3c3;width: 100%;}
ul.nice-menu{margin-left:0}
/* 10-06-24 End */
#block-ddatheme-visitors ul {text-align: end !important;}
.row.publicrelation {
    margin: 40px 0
}

.p-bg {
    background: #3353b8;
    padding: 15px;
    height: 405px;
    min-height: 405px;
    margin-bottom: 30px
}

.p-bg p {
    font-size: 14px;
    margin: 6px 10px;
    color: #fff;
    position: relative
}

.prsecdot p:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fd0;
    left: -13px;
    top: 6px
}

.p-bg span {
    text-align: left;
    font-size: 18px;
    padding: 8px 0;
    display: block;
    color: #fff;
    font-weight: 700;
    position: relative;
    margin-bottom: 15px
}

.p-bg span:before {
    height: 2px;
    content: '';
    position: absolute;
    width: 30px;
    background: #fd0;
    bottom: 0
}
.p-bg.prsecdot.p-pr p a {
    color: white;
    text-decoration-line: underline;
}


#block-ddatheme-personnel .menu-item--expanded ul.menu {display:none}
#block-ddatheme-personnel li.menu-item.menu-item--collapsed {list-style: none;}
#block-ddatheme-personnel li.menu-item.menu-item--expanded.menu-item--active-trail {list-style: none;}

/* landscape start  */
h2.innerpagetitle {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    margin-top: 15px;
    text-align: center;
    color: #000;
    padding: 20px 15px;
    letter-spacing: 0px!important
}

ul.nav.nav-pills.coustam li {
    background: rgb(245,193,46);
    margin: 5px;
    text-align: center;
    padding: 0 10px 3px
}

ul.nav.nav-pills.coustam li a:hover {
    text-decoration: underline
}
ul.nav.nav-pills.coustam {
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: flex-end;
}
ul.nav.nav-pills.coustam li a {
    letter-spacing: 2px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px
}
ul.nav.nav-pills.coustam li a:hover {
    text-decoration: underline
}
.tab-content.landescape {
    padding: 0;
}
.yellowbdr-page .absolute-content {
    border: 4px solid #f5c12e
}

.yellowbdr-page .col-lg-5Col {
    border: 0!important;
}
.landescape .col-xs-6Square {
    min-height: 240px;
}
.absolute-content {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden
}
.table-cell {
    display: table-cell;
    vertical-align: middle
}
.table-cell a {
    text-decoration: none;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    padding-right: 24px
}

.col-xs-6Square {
    position: relative;
    min-height: 439px;
    padding: 0;
    float: left;
    margin: 0
}
.landescape .project-name {
    padding: 10px;
    font-size: 1em;
    min-height: 65px;
    display: flex;
    justify-content: center;
    align-items: center
}
.project-name,.project-location,.project-date {
    position: absolute;
    color: #000;
    z-index: 4000;
    width: 100%;
    height: auto;
    background: #bdc77b59;
    font-weight: bolder;
    padding: 20px 80px;
    top: 36%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1.5em;
    text-align: center;
    text-decoration: none
}
.table-cell img.desaturate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}
.table-cell img {
    width: 70%;
    height: auto;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 2s ease-out;
    -o-transition: 1s ease;
    transition: 1s ease
}
.table {
    display: table;
    height: 100%;
    width: 100%
}

.table-cell:hover img.desaturate {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25,1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}
.landescape img.rs.desaturate {
    height: 270px;
}
img.rs.desaturate {
    width: 100%;
    height: 439px;
    object-fit: cover;
}

/* landscape end  */

/* urban start  */
.inner-img-wraper {
    display: inline-block;
    width: 100%;
    background: #fbfbfb;
    padding: 20px;
    margin-top: 15px;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%)
}
.img-section-right img {
    padding: 2px;
    background: #f4f4f4;
    border: 4px solid #1a1f32
}
.contentarea p {
    text-align: initial!important;
}
p.subheading {
    font-size:16px;
    color: #000;
    line-height: normal;
    position: relative;
    margin-bottom: 20px;
    display: block;
}

p.subheading:after {
    content: '';
    background: linear-gradient(90deg, #EA224A 0%, #FA7909 100%);
    left: 0;
    bottom: -5px;
    width: 40px;
    height: 3px;
    position: absolute
}
.simple-listing {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    font-size: .9rem;
    padding-left: 15px;
}
.simple-listing li {
    position: relative;
    margin-bottom: 7px;
    line-height: 30px;
}
.simple-listing li:before {
    content: "\f061";
    font-weight: 700;
    font-size: 11px;
    padding-right: 8px;
    color: #2b4ab6;
    position: absolute;
    left: -15px;
    z-index: 1;
    font-family: "Font Awesome 5 Free";
    top: 0
}
.page-node-215 .img-content {
    width: 78%
}


.img-content {
    float: left;
    width: 74%;
    margin-right: 15px
}

.accordion .card img {
    margin: 10px;
    border: 2px solid #fd5622;
    height: auto;
    max-width: 100%;
    transition: .4s
}

.accordion .card img:hover {
    margin-top: -5px;
    transition: .4s
}
/* urban end  */

/* Owl Carousel Next & Prev Button CSS Start 17-06-2024 */
.owl-nav .owl-prev, .owl-nav .owl-next{width:30px;height:30px;background:#fff!important;box-shadow:0px 0px 6px #00000029;border-radius:100%!important;position:absolute;top:0;bottom:20%;margin:auto!important;color:#D2D2D2!important;font-size:0px!important;transition:all .5s ease-in-out;display:flex!important;align-items:center;justify-content:center}
.owl-nav .owl-prev{left:-15px}
.owl-nav .owl-next{right:-15px}
.owl-nav .owl-prev:before, .owl-nav .owl-next:before{font-family:"Font Awesome 5 Free";font-size:16px;font-weight:600}
.owl-nav .owl-prev:before{content:"\f104";color: #000;}
.owl-nav .owl-next:before{content:"\f105";color: #000;}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover{background:linear-gradient(90deg, #EA224A 0%, #FA7909 100%)!important;color:#fff!important}
#key_highlights_slider .owl-nav .owl-prev, #key_highlights_slider .owl-nav .owl-next{width:40px;height:40px;}
#key_highlights_slider .card-box .desc-sec .title .view-all:before{top:3px}
.view-id-who_s_who.view-display-id-block_1 .col-md-12.col-lg-12{padding:0}
 #gov_bottom_slider .owl-nav .owl-prev, #gov_bottom_slider .owl-nav .owl-next {bottom:0}
 /*-------------------*/
.midinnerarea .accordion .card a{display:inline-block;font-weight:100}
.midinnerarea .accordion .card img{margin:0 2px 0 5px;border:0}
.midinnerarea .accordion .card span.filetext{font-size:10px;color:gray;font-weight:100}
.view-filters .form--inline.clearfix{display:flex;align-items:end;margin-bottom:15px;flex-wrap:wrap}
.view-filters .form--inline.clearfix .js-form-item, .view-filters .form--inline.clearfix .form-actions{margin-bottom:10px}
.view-filters .form--inline.clearfix input, .view-filters .form--inline.clearfix select{margin:0;height:40px;border-radius:5px;background:#fff}
.view-filters .form--inline.clearfix select option{background:#fff}
a{color:#1a1f98}
.view-id-landpooling_popup{position:relative}
.view-id-landpooling_popup img{width:100%;height:100%}
.headingtitleee{display:none}
/* Owl Carousel Next & Prev Button CSS End 17-06-2024 */
/* Landmark Greens Page CSS Start 20-06-2024 */
#backtoLandscape {
    margin-bottom: 15px;
    margin-left: 0px;
    margin-top: 18px;
}
#backtoLandscape a i {
    margin-right: 5px;
}
#backtoLandscape {
    color: #ccc;
}
#backtoLandscape a:link, #backtoLandscape a:visited, #backtoLandscape a:active {
    color: #1a1f32;
    padding: 7px 15px;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
	background: rgba(240, 183, 6, 1);
    display: inline-block;
	    transition: all .4s ease-in-out;
}
#backtoLandscape a:hover {
    background: #1a1f98;
    color: #fff;
}
#panel_holder {
    bottom: 0;
    position: absolute;
    left: -15px;
    top: 24%;
    width: 26%;
    z-index: 99;
    height: 30%;
}
.panel_holder2 {
    height: 55% !important;
    overflow: auto;
}

.panel_holder2 {
    top: 15% !important;
}
.panel_holder2 .panelInner {
    background: #ffffffb5;
}
.panelInner {
    background: #ffffff96;
    height: auto;
    border: 3px solid #8080808a;
}
.title_cont8278 {
    background: #6da100;
    padding: 15px;
    margin: 0;
}
#panel_holder .tab-content {
    background: 0 0 !important;
	padding: 0 30px;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .21);
}
ul.menu {
    margin-left: 0;
}
.menu-item {
    margin: 0;
    padding-top: 0em;
}
#panel_holder ul li a {
    border-bottom: 2px solid #ecebebc7;
    line-height: 18px;
    margin-bottom: 0;
    font-size: 14px;
    color: #000;
    width: 100%;
    display: block;
    padding: 10px 0;
}
#slideshow.fullscreen {
    width: 100%;
    height: 625px;
    margin: 0;
    padding: 0;
    margin-bottom: 16px;
    overflow: hidden;
	    position: relative;
}
.fullscreen2 {
    border: 5px solid #8080808a;
    text-align: center;
}
#slideshow .img-wrapper.active {
    z-index: 10;
}
.img-wrapper {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    z-index: 8;
    background-size: cover;
    background-position: center center;
}
.land {
    background-position: 215px 129px;
}
#img-landmark img.custom-mapping {
    width: auto;
    height: auto;
    text-align: center;
    position: absolute;
    right: 0;
}
#img-landmark img {
    width: 41%;
    margin: 30px auto;
    height: auto;
    display: block;
}
.land .page-title {
    display: none;
}
/* Landmark Greens Page CSS End 20-06-2024 */
/* Landscape Masterplan Page CSS Start 20-06-2024 */
p.roletitle {
    margin-left: 10px;
    font-size: 18px !important;
    font-weight: 600;
    margin-top: 10px;
}
.view-id-landscape_masterplan .view-header {
    top: 70px;
    width: 28%;
    z-index: 111;
    position: absolute;
    left: -50px;
    border: 3px solid #8080808a;
}
.view-id-landscape_masterplan .tab-content {
    background: rgb(255 255 255 / 63%);
    height: 400px;
    min-height: 450px;
    overflow-y: scroll;
	padding: 0;
}
.view-id-landscape_masterplan .tab-content p {
    margin: 0;
    padding-left: 15px;
}

.legendtitle.masterplangreen {
    background: rgb(146, 212, 0) !important;
    color: #000;
	font-size: 1rem;
}
.view-id-landscape_masterplan .view-header p:nth-child(3) {
    padding-left: 16px;
}
.contentarea p {
    font-size: 1em;
    line-height: 1.5rem;
}
.view-id-landscape_masterplan .views_slideshow_cycle_main {
    height: 570px;
}
.view-id-landscape_masterplan .views_slideshow_cycle_teaser_section {
    width: 100% !important;
    height: 600px !important;
}
.view-id-landscape_masterplan .views_slideshow_cycle_slide {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.view-id-landscape_masterplan .views_slideshow_cycle_teaser_section img {
    width: 100% !important;
    height: 580px !important;
    object-fit: cover;
}
.views-slideshow-controls-bottom.clearfix {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
	background: lightgray;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets {
    margin: 0;
	padding: 5px 0;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
    color: #fff;
}
.view-id-landscape_masterplan {
    margin-top: 10px;
    position: relative;
    border: 5px solid #8080808a;
}
.legendtitle {
    text-transform: uppercase;
    background: #9cd097;
	color: #000;
    font-weight: 700;
    padding: 10px 15px;
}
.arrowlist-withoutanchor li {
    padding-left: 10px;
}
.view-id-landscape_masterplan .tab-content .tab-pane {
    width: 98%;
}
/* Landscape Masterplan Page CSS End 20-06-2024 */
/* Landscape Page CSS Start 20-06-2024 */
.view-id-landscape {
    margin-top: 10px;
    position: relative;
    border: 5px solid #8080808a;
}
.view-id-landscape .view-header {
    top: 70px;
    width: 28%;
    z-index: 111;
    position: absolute;
    left: -50px;
    border: 3px solid #8080808a;
}
.view-id-landscape .tab-content {
    background: rgba(255, 255, 255, .63);
    height: 400px;
    min-height: 450px;
    overflow-y: scroll;
	padding: 0;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .21);
}
.view-id-landscape .view-header p:nth-child(1) {
    margin-bottom: 7px;
}
.view-id-landscape .view-header p {
    margin-bottom: 8px;
    padding-left: 7px;
}
.view-id-landscape .views_slideshow_cycle_main {
    height: 570px;
}
.view-id-landscape .views_slideshow_cycle_teaser_section {
    width: 100% !important;
    height: 600px !important;
}
.view-id-landscape .views_slideshow_cycle_slide {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.view-id-landscape .views_slideshow_cycle_teaser_section img {
    width: 100% !important;
    height: 530px !important;
	object-fit: cover;
}
.view-display-id-page_23 .legendtitle {
    background: #6da100;
    font-size: 1rem;
}
.title_cont8340 {
    background: #9ecf98;
    padding: 15px;
    margin: 0;
}
.title_cont8590 {
    background: #9cd097;
    padding: 15px;
    margin: 0;
}
.title_cont8406, .title_cont8573, .title_cont8580, .title_cont8591, .title_cont8593, .title_cont8592, .title_cont8594 {
    background: #20adff;
    padding: 15px;
    margin: 0;
}
.menu-item--expanded::marker {
    content: "";
}
#tabOne li.menu-item.menu-item--expanded {
    position: relative;
}
#tabOne .menu-item--expanded ul.menu {
    background: #dadada;
}
.menu-item--expanded ul.menu {
    display: none;
}
#tabOne .menu-item--expanded:hover ul.menu {
    display: block;
    transition: .4s;
	background: #bbb;
    padding-left: 4px;
}
li.menu-item.menu-item--expanded .menu li a {
    padding-left: 15px !important;
	position: relative;
}
li.menu-item.menu-item--expanded .menu li a:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #20adff;
    border-radius: 50%;
    left: 0;
    top: 15px;
}
#tabOne li.menu-item.menu-item--expanded>a:after {
    position: absolute;
    content: '+';
    top: 12px;
    right: 0;
    font-size: 18px;
}
.block-views-blockyamuna-cover-page-block-1 #views_slideshow_cycle_main_yamuna_cover_page-block_1 {
    border: 5px solid #0f8294;
}
.block-views-blockyamuna-cover-page-block-1 #views_slideshow_cycle_main_yamuna_cover_page-block_1 #views_slideshow_cycle_teaser_section_yamuna_cover_page-block_1 {
    width: 100% !important;
}
.block-views-blockyamuna-cover-page-block-1 #views_slideshow_cycle_main_yamuna_cover_page-block_1 #views_slideshow_cycle_teaser_section_yamuna_cover_page-block_1 .views_slideshow_cycle_slide {
    width: 100% !important;
}
.block-views-blockyamuna-cover-page-block-1 #views_slideshow_cycle_main_yamuna_cover_page-block_1 #views_slideshow_cycle_teaser_section_yamuna_cover_page-block_1 .views_slideshow_cycle_slide img {
    width: 100%;
    object-fit: cover;
}
.media .masterplan .col-lg-6Col {
    border: 5px solid #0f8294;
}
.project img.rs.desaturate {
    height: inherit !important;
}
.media .masterplan img.rs.desaturate {
    width: 100% !important;
    margin: 0 !important;
    height: 430px;
    object-fit: cover;
}
.project .isotope-item:first-child .table-cell img.desaturate, .yamuna .isotope-item:first-child .table-cell img.desaturate, .projectmasterplan .isotope-item:first-child .table-cell img.desaturate {
    filter: grayscale(0%);
}
.table-cell:hover img.desaturate {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25, 1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.media .biodiversity .col-lg-5Col {
    border: 5px solid #2e7730 !important;
}
.biodiversitydesign ul.nav.nav-pills.coustam li {
    background: #275D27;
}
.title_cont8274 {
    background: #C78F00;
    padding: 15px;
    margin: 0;
}
.title_cont8280 {
    background: #a18ffe;
    padding: 15px;
    margin: 0;
}
.legendtitle.consultancy {
    background: rgb(161, 143, 255) !important;
}
.media .masterplan .col-lg-5Col {
    border: 5px solid #275D27;
}
.tab-content {
    background: rgb(255, 255, 255);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .21);
    padding: 0;
}
.title_cont8494 {
    background: #b2fe22;
    padding: 15px;
    margin: 0;
}
.view-id-landscape_masterplan .legendtitle {
    background: #b2fe22;
    font-size: 1rem;
}
.title_cont8502 {
    background: #060;
    padding: 15px;
    margin: 0;
    color: #fff;
}
.title_cont8509 {
    background: #3b3e45;
    padding: 15px;
    margin: 0;
    color: #fff;
}
.title_cont8528 {
    background: #fcaa85;
    padding: 15px;
    margin: 0;
}
.title_cont8544 {
    background: #b04500;
    padding: 15px;
    margin: 0;
    color: #fff;
}
.media .biodiversity .col-lg-5Col .project-name, .project-location, .project-date {
    background: #2e773085 !important;
}
.media .col-lg-5Col .project-name.label {
    background: #00000021 !important;
    position: absolute;
    right: 0 !important;
    bottom: 0 !important;
    top: inherit !important;
    font-size: 15px;
    padding: 0;
}
.media .col-lg-5Col .project-name.label a {
    color: #1273d8;
    text-transform: inherit;
    display: block;
    padding: 0;
}
.title_cont8339 {
    background: #8b0003;
    padding: 15px;
    margin: 0;
    color: #fff;
}
.legendtitle.projectmaking {
    background: rgb(133, 0, 0) !important;
}
.col-lg-5Col {
    border: 5px solid rgb(245, 193, 46);
}
.media img.rs.desaturate {
    margin: auto;
    display: block;
}
.view-display-id-page_21 .views-col {
    border: 4px solid #f1d30c;
    min-height: 355px;
    height: 330px;
    margin: 0;
    overflow: hidden;
    margin-bottom: 10px;
}
.view-display-id-page_21 .views-col img {
    max-width: 100%;
    height: auto;
}
.view-id-landscape.view-display-id-page_25 img.image-style-large {
    width: 30% !important;
    height: auto !important;
    margin: auto !important;
    display: block;
}
/* Landscape Page CSS End 20-06-2024 */

/* Landpooling Popup CSS start */
#modal {
    position: fixed;
    font-family: Arial,Helvetica,sans-serif;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 99999;
    height: 100%;
    width: 100%
}
#modal .modalconent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    width: auto;
    padding: 30px !important;
    text-align: justify;
    border: 4px solid rgb(17,20,144);
}
.modalconent.landpoolpop a {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 24px;
    color: #000;
    border: 1px solid #000;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 1;
    box-shadow: 3px 3px grey;
}
.modalconent.landpoolpop a:hover {
    background: red;
    color: #fff;
}

.tod-popup-overlay{
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background: rgba(0,0,0,.75);
    z-index: 999999;
}

.tod-popup-box{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    /* Desktop size - bada karne ke liye ye zaroori hai */
    width: clamp(700px, 80vw, 1300px);

    max-width: 95vw;
    max-height: 92vh;
    background: #fff;
    border: 4px solid #111490;
    padding: 12px;
    box-sizing: border-box;
}

/* Image */
.tod-popup-box img{
    display: block;
    width: 100%;
    height: auto;
    max-height: 88vh;
    object-fit: contain;
}

/* Close button */
.tod-popup-close{
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 28px;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(0,0,0,.35);
    z-index: 100;
}

.tod-popup-close:hover{
    background: #d10000;
    color: #fff;
}

/* ===========================
   Tablet
=========================== */
@media (max-width:991px){
    .tod-popup-overlay{
        padding:15px;
    }
    .tod-popup-box{
        width:95vw;
        max-width:95vw;
        max-height:90vh;
        padding:10px;
    }
    .tod-popup-box img{
        width:100%;
        max-height:85vh;
    }
}

/* ===========================
   Mobile
=========================== */
@media (max-width:576px){
    .tod-popup-overlay{
        padding:10px;
    }
    .tod-popup-box{
        width:98vw;
        max-width:98vw;
        max-height:95vh;
        padding:8px;
        border-width:2px;
    }
    .tod-popup-box img{
        width:100%;
        max-height:90vh;
    }
    .tod-popup-close{
        width:30px;
        height:30px;
        line-height:30px;
        font-size:22px;
        top:-10px;
        right:-10px;
    }
}
a:empty {
    display: none !important;
}
.midinnerarea {
    min-height: 400px;
}
.view-online-public-service.view-id-online_public_service .views-field-nothing {
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}
.order-margin p {
    margin: 0;
    padding: 3px 5px 3px 7px;
}
.arrowlist-withoutanchor {
    padding: 0 !important;
}
.arrowlist-withoutanchor li {
    padding: 0;
    left: 0 !important;
}
/* Landpooling Popup CSS end */
/* Project Links Page CSS Start */
.yamuna-design {
    border: 2px solid #2f4fb4;
    margin-bottom: 20px;
}
.yamuna-design img {
    border: 0;
    width: 100%;
}
.yamuna-design span {
    background: #2f4fb4;
    padding: 10px 0;
}
.yamuna-design span, .yamuna-design span a {
    display: block;
    text-align: center;
    color: #fff;
}
/* Project Links Page CSS end */
/* Login Page CSS Start */
#block-ddatheme-local-tasks nav>ul {
    margin: 0;
    width: 100%;
    max-width: 50%;
    text-align: left;
	margin: 0 auto;
}
#block-ddatheme-local-tasks .tabs a {
    padding: 0.8em 1.5em;
    color: rgb(0, 0, 0);
    font-weight: 600;
    text-transform: capitalize;
    transition: inherit;
    background: #e9e9e9;
}
#block-ddatheme-local-tasks li.is-active a {
    /* background: #ea224a; */
    background: #2c4bb5;
    color: rgb(255, 255, 255);
}

#user-login-form, #user-pass {
    width: 50%;
    margin: 0 auto;
    padding: 25px;
    /* background: linear-gradient(180deg, #EA224A 0%, #FA7909 100%); */
    background: linear-gradient(to top,#8068d5,#6e60cd,#5b59c5,#4652bd,#2c4bb5);
    border-radius: 0 0 5px 5px;
	color: #fff;
	margin-bottom: 30px;
}
#user-login-form label, #user-pass label {
    color: #fff;
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
#user-login-form .form-required:after, #user-pass .form-required:after {
    content: '*';
    background-image: none;
    margin: 0 0.2em;
    vertical-align: super;
    display: inline-block;
    width: 6px;
    height: 6px;
}
#user-login-form .captcha__title, #user-pass .captcha__title {
    color: #fff;
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
#user-login-form input, #user-pass input {
    outline: 0px;
    height: 40px;
    display: inline-block;
    padding: 0.6rem 0.75rem;
    font-size: 1em;
    line-height: 1.5;
    border: 1px solid #ffffff;
    border-radius: 0px;
    margin: 0 0 0px 0;
    width: 100%;
    background: transparent;
    color: #fff;
}
.captcha__description {
    margin-bottom: .75em;
    color: #fff;
}
#user-login-form #edit-submit, #user-pass #edit-submit {
    width: auto;
    padding: 0.6rem 1.75rem;
    background: #fff;
    color: #000;
    line-height: 0px;
	transition: all .4s ease-in-out;
}
#user-login-form #edit-submit:hover, #user-pass #edit-submit:hover {
    background: #ea224a;
    color: #fff;
    border-color: #ea224a;
}
.captcha__element {
    margin-bottom: 10px;
}
.captcha__element #edit-captcha-image-wrapper {
    flex: 43%;
    width: 43%;
    max-width: 43%;
    display: flex;
    align-items: center;
}
.captcha__element .form-item-captcha-response {
    flex: 54% !important;
    width: 54%;
    max-width: 54%;
    position: relative;
    margin-top: -32px !important;
}
.captcha__element  .reload-captcha-wrapper {
    margin-left: 19px;
}
.captcha__element #edit-captcha-image-wrapper img {
    height: 40px;
	margin: 0;
}
.captcha__element .reload-captcha-wrapper .reload-captcha {
    filter: invert(1);
    opacity: 1;
} 
/* Login Page CSS end */
/* ONLINE EMPLOYEE SERVICES & EMPLOYEE CORNER Page CSS Start */
.online-service ul{
    background: #ffffff;
	/* background: url(../images/employeecorner.jpg) no-repeat; */
    background-size: cover;
    padding: 0px 0px;
    box-shadow: 0 0 15px 0px #00000024;
    margin-top: 62px;
    border: 1px solid #dee2e6;
}
.online-service ul li:nth-child(2n) {
    background: #ecf5fa;
}
.online-service ul li {
    display: block;
    border-bottom: 1px dashed #cbcbcb;
    padding: 13.4px 15px 14px;
    margin: 0;
}
.online-service ul li:last-child {
    border-bottom: 0;
}
.online-service ul li a {
    display: flex;
    font-size: .875rem;
    color: #000000;
    line-height: 1.388rem;
    position: relative;
}
.online-service ul li a:before {
    content: '\F054';
    margin-right: 10px;
	font-family: "Material Design Icons";
}
.online-service ul li .sr-hh img {
    width: 15px;
    margin-left: 24px;
}
.online-service ul li .sr-hh {
    font-size: 12px;
    color: #000000;
    text-decoration-line: underline;
}
.online-service .view-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.online-service .view-footer p {
    font-size: 14px;
}
/* ONLINE EMPLOYEE SERVICES & EMPLOYEE CORNER Page CSS End */

.search-btn .fa-search{color: #fff;background: #1a1f98;padding: 4px 4px;}
/*    Logo Section Start Here   */
/* Top Header Search Box css Start */
.top-header .searchSection{position:relative;height:0}
.top-header #search-block-form{display:none;background:#fff;padding:15px 15px;position:absolute;right:14.5%;top:1px;transition:all 0.3s linear;z-index:999;border:1px solid #eee;box-shadow:3px 3px 8px rgb(0 0 0 / 15%);width:300px}
.top-header .search-block-form-ShowBox{display:block!important;transition:all 0.3s linear}
.top-header input#edit-keys{background-color:#fff;border:1px solid #c0c0c0;height: 13px;padding: 8px 8px;min-width: 177px;/* font-size: 0.875em; */border-radius:0px}
.top-header input#edit-submit{position:absolute;right:15px;border-radius:0px;background: #1a1f98;color:#fff;border:0;padding: 7.5px 5px;font-size:.85em;top:20px;height: 31px;width:23%}
.top-header input#edit-submit--2{position:absolute;right:20px;border-radius:0px;background: #1a1f98;color:#fff;border:0;padding: 7.5px 5px;font-size:.85em;top:15px;height: 31px;width:23%}
/* Top Header Search Box css End */
/* 04-09-24 start  */
.search-page-result .contentarea form#search-form label{font-size:1.142em;color:#000;}
.search-page-result .contentarea form#search-form input {outline: 0px;padding: 10px 10px;font-size: 1em;line-height: 1em;border:1px solid #ced4da;margin: 0;border-radius: 5px;background: #fff;}
.search-page-result .contentarea form#search-form input#edit-submit {background: #F99A0C !important;display: inline-block;border: 1px solid #F4F4F4;border-radius: 5px;color: #000;font-size: 1em;padding: 8px 22px;height: 40px;}
.search-page-result .contentarea form#search-form input#edit-submit:hover, .midinnerarea .contentarea form#search-form input#edit-submit:focus {background: #1A1F98!important;color: #fff;}
.search-page-result div#block-ddatheme-content .content {background-color: #fff;border: 1px solid rgba(0, 0, 0, .125);border-radius: .25rem;padding: 15px;margin-bottom: 30px;}
.search-page-result div#block-ddatheme-content .content .form-wrapper {margin-bottom: 17px !important;border-bottom: 1px solid #dfdfdf;padding-bottom: 15px;}
.search-page-result div#block-ddatheme-content .content h2 {font-size: 24px;margin-top: 10px;margin-bottom: 15px;font-family: 'robotomedium';}
.search-page-result .search-results .item-list {padding: 0 !important;}
.search-page-result .item-list .search-results {padding-left: 0;}
.search-page-result .item-list .search-results h3.search-result__title {font-size: 1.285em;color: #1a1f98;background: #cccccc73;padding: 7px;margin-bottom: 5px;border-radius: 5px;}
.search-page-result .item-list .search-results li {margin: 0;padding-left: 30px;position: relative;border-bottom: 1px dashed #cccccca3;margin-bottom: 15px;padding-bottom: 15px;}
.search-page-result .item-list .search-results li:before {content: '';position: absolute;top: 11px;left: 10px;border-top: 6px solid transparent;border-left: 6px solid #1a1f98;border-bottom: 6px solid transparent;}
.search-page-result .item-list .search-results li p{margin-bottom:4px;font-size: 1em;line-height:24px;}
.search-page-result .item-list .search-results li p:last-child{margin-bottom:0!important;}
.search-page-result .item-list .search-results h3.search-result__title a{color:#000;}
.search-page-result .item-list .search-results h3.search-result__title:hover a{color:#1a1f98;}
/* 04-09-24 End  */
/* 01-10-24 Start by ms */
.brand-text .sub-brand-txt-desc {
    font-size: 0.82em;
    color: gray;
    text-transform: capitalize;
    line-height: 16px;
    font-family: 'open_sansregular';
    padding-left: 10px;
}
.carousel-indicators {
    position: absolute;
    bottom: 75px;
}
.carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0 0 5px #0000009e;
}
.carousel-indicators li.active {
    background: linear-gradient(90deg, #EA224A 0%, #FA7909 100%);
}
/* 01-10-24 End by ms */
/* Dwarka Greens, Sec14- Dwarka Page css Start 09-10-24 by ms */
.node--type-just-launched .field--name-field-upload-images {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
	margin: 0 0 40px;
}
.node--type-just-launched .field--name-field-upload-images .field__item {
    background: #f7f7f7;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid  #e9e9e9;
    overflow: hidden;
}
.node--type-just-launched .field--name-field-upload-images .field__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    border-radius: 6px;
    transition: all .5s ease-in-out;
}
.node--type-just-launched .field--name-field-upload-images .field__item:hover {border-color: #1a1f98;}
.node--type-just-launched .field--name-field-upload-images .field__item:hover img {
    transform: scale(1.1);
}
/* Dwarka Greens, Sec14- Dwarka Page css Edn 09-10-24 by ms */


/* yash css start 15-10-2024  */
.bg_banner_pos {
    width: 100%;
    margin-top: -3rem;
    z-index: 0;
    position: relative;
    height: 100%;
    background-image: url(/sites/default/files/2024-10/banner_cu.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 6rem;
    padding-bottom: 3rem;
}

.bread_curm_remove_bg {
    background: transparent;
    z-index: 1;
    position: relative;
}

.bread_curm_remove_bg nav {
    background: white !important;
    display: inline-block;
    padding: 0 20px !important;
}

.importantlinkcontainer {
}

.importantlinkcontainer li a{
    background: #ffffff;
    border-radius: 15px;
    padding: 5px 20px;
    transition: 0.3s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: black;
}


.importantlinkcontainer li a:hover {
    background: linear-gradient(90deg, #EA224A 0%, #FA7909 100%);
    transition: 0.2s ease-in-out;
}
.main-menu-wraper {
    z-index: 1;
    position: relative;
}

.cust_top_sec .titlearea h1 {color: white;}

@media screen and (max-width: 767px){
    .cust_top_sec .titlearea h1 {margin-top:50px}
.bg_banner_pos {
    width: 100%;
    margin-top: -3rem;
    z-index: 0;
    position: relative;
    height: 100%;
    padding-top: 1rem;
    padding-bottom: 3rem;
    background-color: #2c4f70;
    background-image: url(/sites/default/files/2024-10/banner_cu.png), linear-gradient(to bottom, rgba(44, 79, 112, 0) 0%, #2c4f70 100%);
    background-size: auto;
    background-position: top;
    background-repeat: no-repeat;
}
/* Contact Us Page css Start By Manoj 04-07-2025 */
.contact-details{gap:30px!important;flex-direction:column!important;flex-wrap:wrap!important}
.contact-details>div{width:100%!important;border-right:0px solid #dfdfdf!important}
.card-body .contact-details>div table{width:100%!important}
/* Contact Us Page css End By Manoj 04-07-2025 */
}
@media screen and (min-width: 767px) and (max-width: 1200px){

    .bg_banner_pos {
        background-size: contain;
        background-image: url(/sites/default/files/2024-10/banner_cu.png), linear-gradient(to bottom, rgba(44, 79, 112, 0) 0%, #2c4f70 100%);
    }
}


.bg_banner_pos:after {
    content: "";
    background: #00000070;
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}
/* Edn yash css 15-10-2024  */

article.node--type-housing p.os-img1,article.node--type-housing p.os-img2 {
    overflow-x: scroll;
    overflow-y: hidden
}

article.node--type-housing .os-img1 img {
    max-width: initial;
    width: 1200px;
    height: auto;
}

article.node--type-housing .os-img2 img {
    max-width: initial;
    width: 1200px
}

.leftmenu .menu-item a.is-active {background: #f18b31;}

a.citizen-centric-services {
    text-align: center;
    text-shadow: rgb(15, 56, 138) 0px 3px, rgba(0, 0, 0, 0.2) 0px 10px 10px;
    box-shadow: rgb(138, 100, 180) 0px 0px 0px 5px, rgb(41, 73, 179) 0px 6px 0px 5px, rgba(0, 0, 0, 0.2) 0px 10px 5px 5px;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 30px;
    color: rgb(255, 255, 255);
    display: block;
    width: fit-content;
    border-radius: 100px 30px;
    background: rgb(51, 83, 184);
    padding: 10px;
}
.table-hd {
    height: 475px;
    display: block;
    width: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-hd:hover {cursor: pointer}
.contentarea ul.commonul li:before {
    content: "\f061";
    font-weight: 700;
    font-size: 11px;
    padding-right: 8px;
    color: #2b4ab6;
    float: left;
    position: absolute;
    left: -15px;
    z-index: 1
}
.contentarea ul.commonul li:before {
    font-family: "Font Awesome 5 Free"
    
}
.region-visitor-page .block-visitors-block li {color: #000}

/* .updates-area .inner-updates {display: flex;gap: 10px;}
.updates-area {background: #fff;box-shadow: 0px 4px 12px 0px #e3e4e7;padding: 20px 0;z-index: 1;position: relative;}
.updates-area .inner-updates .updates-content {overflow: hidden;}
.updates-area .inner-updates .updates-marquee{display: flex;white-space: nowrap;width: 100%;animation: scroll-left 30s linear infinite;align-items: center;}
.updates-area .inner-updates .updates-marquee .item {padding: 0 30px;text-decoration: none;color: black;font-size: 16px;position: relative;}
.updates-area .inner-updates .updates-marquee .item a {position: relative;padding-left: 20px;margin-right: 30px;font-size: 16px;color: #072f8d;}
.updates-area .inner-updates .updates-marquee .item a:before {content: '';position: absolute;left: 5px;top: 7px;height: 7px;width: 7px;background: #f23e3f;border-radius: 100%;padding: 0;}
.updates-area .inner-updates .updates-head {display: flex; align-items: center;gap: 20px;width: 18%;border-right: 1px solid #ccc;}
.updates-area .inner-updates .updates-head .play-pause-btn{line-height: 1;height: fit-content;border: 1px solid #61677a;color: #61677a;border-radius: 100%;padding: 5px 6px;font-size: 14px;background: #fff;}
.updates-area .inner-updates .updates-head .httxt {margin: 0;font-family: "Noto Serif";}
.updates-area .inner-updates .view-all-sec {width: 10%;text-align: right;}
.updates-area .inner-updates .view-all-sec .lnk-txt {color: #61677a;font-size: 16px;}
.updates-area .inner-updates .updates-content {width: 70%;}
.updates-area .inner-updates .updates-head .play-pause-btn:hover, .updates-area .inner-updates .updates-head .play-pause-btn:focus {background: #a45d60;color: #ffffff;border-color: #a45d60;}
@keyframes scroll-left {
	0% {transform: translateX(100%);}
	100% {transform: translateX(-50%);}
}
.updates-area .inner-updates .view-all-sec .lnk-txt:hover {color: #a45d60;}
.updates-area .inner-updates .updates-marquee .item a:hover {color: #a45d60;}
.updates-area .inner-updates .updates-marquee .item a:hover:before {background: #a45d60;}
.updates-area .inner-updates .updates-content .region-marquee-item , .updates-area .inner-updates .updates-content .block-views-blockmarquee-item-block-1, .updates-area .inner-updates .updates-content .block-views-blockmarquee-item-block-1 > div, .updates-area .inner-updates .updates-content .block-views-blockmarquee-item-block-1 .view-id-marquee_item , .updates-area .inner-updates .updates-content .block-views-blockmarquee-item-block-1 .view-id-marquee_item .view-content, .updates-area .inner-updates .updates-content .block-views-blockmarquee-item-block-1 .view-id-marquee_item .view-content .updates-marquee {
    height: 100%;
} */


 /* updates-marqee css start */
.updates-area .inner-updates {display: flex;gap: 10px;}
.updates-area {background: #fff;box-shadow: 0px 4px 9px 0px #eaecf1;padding: 15px 0;}
.updates-area .inner-updates .updates-content {overflow: hidden;}
.updates-area .inner-updates .updates-marquee{display: flex;white-space: nowrap;width: 100%;animation: scroll-left 100s linear infinite;}
.updates-area .inner-updates .updates-marquee .item {padding: 0 30px;text-decoration: none;color: black;font-size: 16px;position: relative;/*border-right: 1px solid #ccc;*/}
.updates-area .inner-updates .updates-marquee .item a {position: relative;padding-left: 20px;margin-right: 30px;font-size: 16px;color: #072f8d;}
.updates-area .inner-updates .updates-marquee .item a:before {content: '';position: absolute;left: 5px;top: 6px;height: 7px;width: 7px;background: #f23e3f;border-radius: 100%;padding: 0;}
.updates-area .inner-updates .updates-head {display: flex; align-items: center;gap: 20px;width: 15%;border-right: 1px solid #ccc;}
.updates-area .inner-updates .updates-head .play-pause-btn{line-height: 1;height: fit-content;border: 1px solid #747474;color: #747474;border-radius: 100%;padding: 5px 6px;font-size: 14px;}
.updates-area .inner-updates .updates-head .httxt{font-family: 'roboto_condensedbold'; font-size: 1.714em; margin: 0; font-weight: 600; padding-bottom: 0px; color: #000; text-transform: uppercase;}
.updates-area .inner-updates .view-all-sec {width: 10%;text-align: right;}
.updates-area .inner-updates .view-all-sec .lnk-txt {color: #f23e3f;font-size: 16px;}
.updates-area .inner-updates .updates-content {width: 77%;} 
.updates-area .inner-updates .updates-head .play-pause-btn:hover {border-color: #f23e3f;color: #f23e3f;}
@keyframes scroll-left {
	0% {transform: translateX(100%);}
	100% {transform: translateX(-400%);}
}
/* updates-marqee css End */ 
/* Contact Us Page css Start By Manoj 04-07-2025 */
.contact-details{display:flex;align-items:baseline;justify-content:space-between;gap:40px}
.contact-details>div{width:50%;border-right:1px solid #dfdfdf}
.contact-details>div .table-responsive{box-shadow:none;margin-bottom:0}
.contact-details>div table{width:90%!important}
.contact-details>div:last-child{border-right:0}
.contact-details>div thead{color:#000}
.contact-details>div th, .contact-details>div td{padding:6px!important}
.contact-details>div:last-child p:first-child{text-align:center!important}
.contact-details>div tbody tr:nth-child(odd){background-color:#fff!important}
/* Contact Us Page css End By Manoj 04-07-2025 */
.user-login-form legend.captcha__title.js-form-required.form-required {
    margin-bottom: 35px;
}

.user-login-form .form-item-captcha-response label.js-form-required.form-required {
    margin-top: 30px;
}

.page-node-21365 .card-box .desc-sec .title {font-size: 12px !important; font-weight: normal !important;}
.view-id-visitors.view-display-id-block_1 .view-header {text-align: right;}
.importantlinkcontainer li:nth-child(17) a:before {content: '\f100'}