/* * {
    font-family: 'Nunito', sans-serif;
} */

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

    body {
        /* font-family: 'Poppins', sans-serif;   */
        font-family: 'Rubik', sans-serif !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        /* font-family: 'Poppins', sans-serif; */
        font-family: 'Rubik', sans-serif !important;
    }

    p {
        font-size: 15px !important;
    }

    a {
        text-decoration-line: none;
        -moz-text-decoration-line: none;
    }

    html {
        scroll-behavior: smooth;
    }

    ul {
        list-style-type: none;
        /* padding-left: 0; */
        margin-bottom: 0;
    }

    /* color variable */

    :root {
        --yellow: #ffff8f;
    }

    :root {
        --seagreen: #177f88;
    }

    :root {
        --white: #fff;
    }

    :root {
        --black: #000;
    }

    /* Top header start */

    .top-header {
        background-color: var(--yellow);
        color: var(--black);
        border-bottom: 1px solid var(--black);
    }

    .top-header .row {
        align-items: center;
    }

    .top-header .left {
        padding: 6px 0;
    }

    .top-header .left span {
        font-size: 13px;
        font-weight: 700;
        margin-right: 8px;
    }

    .top-header .left span:last-of-type {
        margin-right: 0;
    }

    .top-header .right {
        /* display: flex;
    justify-content:flex-start;
    align-items: center; */
        padding: 6px 0;
    }

    .top-header .right a {
        color: var(--black);
    }

    .top-header .right span {
        font-size: 13px;
        font-weight: 700;

    }

    .top-header .right .right-first {
        /* padding-right: 15px; */
    }

    .top-header .right .right-second,
    .right-third,
    .right-forth {
        padding: 0 5px;
    }

    .top-header .right .right-fifth {
        padding-left: 15px;
    }

    .top-header .right .right-first,
    .right-second,
    .right-third,
    .right-forth {
        border-right: 1px solid var(--black);
        /* width: max-content; */
    }

    .top-header .right .right-second button {
        width: 14px;
        height: 14px;
        border: 1px solid var(--black);
        margin-left: 5px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

    .top-header .right .right-second button:first-of-type {
        background-color: var(--white);
    }

    .top-header .right .right-second button:last-of-type {
        background-color: var(--black);
    }

    .top-header .right .right-forth button {
        background-color: transparent;
        color: var(--black);
        font-size: 13px;
        font-weight: 700;
        border: none;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

    .top-header .right .right-forth button:first-child {
        padding: 1px 9px;
    }

    .top-header .right .right-forth button:nth-child(2) {
        padding: 3px 4px;
    }

    .top-header .right .right-forth button:last-child {
        padding: 3px 5px;
    }

    .top-header .right .right-forth button.active {
        background-color: var(--black);
        color: var(--white);
    }

    .top-header .right .right-fifth button {
        color: var(--black);
        background-color: transparent;
        font-size: 13px;
        font-weight: 700;
        border: none;
        padding: 0;
    }

    .top-header .right .right-fifth button:first-of-type {
        margin-right: 5px;
    }

    /* Top header end */

    /* Middle header start */

    .middle-header {
        padding: 15px 0;
        background-color: var(--yellow);
        background-image: url("../img/grass_yellow.png");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center bottom;
    }

    .middle-header .row {
        align-items: center;
    }

    .middle-header .left {
        display: flex;
    }

    .middle-header .left .logo {
        margin-right: 10px;
        width: 57px;
    }

    .middle-header .left .logo img {
        width: 100%;
    }

    .middle-header .left .logo_desc h2 {
        font-family: 'Oswald', sans-serif !important;
        color: #223169;
        font-size: 27px;
        font-weight: 600;
        margin-bottom: 6px;
    }

    .archive-newslist {
        list-style-type: none;
        /* padding-left: 20px !important; */
    }

    .archive-newslist li::before {
        content: "\f0a4";
        font-family: "Font Awesome 5 Free";
        border: 1px solid #177f88;
        padding: 5px;
        border-radius: 50px;
        color: #177f88;
        background: #ffff8f;
        box-shadow: 0px 0px 3px #000;
        margin-right: 10px;
        height: 28px;
        width: 28px;
        display: flex;
        align-items: center;
    }

    .archive-newslist li a {
        color: #000 !important;
        text-transform: capitalize !important;
    }

    .archive-newslist li {
        margin-bottom: 8px;
        background-color: antiquewhite;
        padding: 10px;
        display: flex;
    }

    .latest-newslist {
        list-style-type: none;
    }

    .latest-newslist li::before {
        content: "\f0a4";
        font-family: "Font Awesome 5 Free";
        border: 1px solid #177f88;
        padding: 5px;
        border-radius: 50px;
        color: #177f88;
        background: #ffff8f;
        box-shadow: 0px 0px 3px #000;
        margin-right: 10px;
        height: 28px;
        width: 28px;
        display: flex;
        align-items: center;
    }

    .latest-newslist li a {
        color: #000 !important;
        text-transform: capitalize !important;
    }

    .latest-newslist li {
        margin-bottom: 8px;
        background-color: antiquewhite;
        padding: 10px;
        /* display: flex; */
    }

    /* .archive-newslist li::marker{
  background-color: #177f88 !important;
} */
    .middle-header .left .logo_desc p {
        font-family: 'Oswald', sans-serif !important;
        color: #223169;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 0;
        white-space: nowrap;
        /* letter-spacing: 2px; */
    }

    /* .advertisement ul li{
    padding-bottom: 13px;
} */
    .middle-header .right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .middle-header .right .search {
        margin-right: 20px;
    }

    .middle-header .right .search {
        position: relative;
    }

    .middle-header .right .search input {
        background-color: #fff;
        border: 2px solid #ccc;
        font-size: 14px;
        padding: 7px 20px;
        width: 100%;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    .fa-magnifying-glass:before,
    .fa-search:before {
        color: #fff !important;
        font-size: 13px;
    }

    .middle-header .right .search button {
        position: absolute;
        top: 5.2%;
        right: 3px;
        background-color: #177f88;
        color: var(--black);
        padding: 5px 11px;
        border: none;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

    .jconfirm-buttons .btn:nth-child(1) {
        background-color: #177F88 !important;
        color: #fff !important;
    }

    .jconfirm-buttons .btn:nth-child(2) {
        background-color: #c94d4d !important;
        color: #fff !important;
    }

    .jconfirm-box {
        border-left: 8px solid #177F88;
    }

    .middle-header .right .search input:focus {
        outline: none;
    }

    /* .middle-header .right .air_quality {
    margin-right: 20px;
} */

    .middle-header .right .air_quality a {
        font-size: 13px;
        font-weight: 700;
        border: 2px solid var(--seagreen);
        padding: 6px 8px;
        background-color: transparent;
        color: var(--seagreen);
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .middle-header .right .air_quality a:hover {
        background-color: var(--seagreen);
        color: var(--white);
    }

    .middle-header .right .social {
        display: flex;
        align-items: center;
    }

    .middle-header .right .social ul li {
        display: inline-block;
    }

    .middle-header .right .social ul li a {
        font-size: 25px;
        color: var(--black);
        margin-right: 10px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .middle-header .right .social ul li:first-child a {
        color: #3b5998;
    }

    .middle-header .right .social ul li:nth-child(2) a {
        color: #1DA1F2;
    }

    .middle-header .right .social ul li:last-child a {
        color: #962fbf;
        margin-right: 0;
    }

    /* Middle header end */

    /* Bottom header start */

    .bottom-header {
        background-color: var(--seagreen);
    }

    /* Right navbar design start */

    .bottom-header ul li {
        display: inline-block;
    }

    .bottom-header ul li a {
        display: block;
        color: #f9f9f9;
        padding: 10px 15px;
    }

    .bottom-header li.dropdown {
        position: relative;
    }

    .bottom-header li.dropdown:last-child ul.dropdown-menu ul.dropdown-menu {
        right: 100%;
        left: auto;
    }

    .bottom-header ul.dropdown-menu {
        position: absolute;
        padding: 0;
        background-color: var(--seagreen);
        border: none;
        border-top: 4px solid var(--yellow);
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .bottom-header ul.dropdown-menu li {
        display: block;
        white-space: nowrap;
        width: 100%;
    }

    .bottom-header ul.dropdown-menu ul.dropdown-menu {
        left: 100%;
        top: 0;
    }

    .bottom-header ul.dropdown-menu {
        display: none;
    }

    .bottom-header .right .nav {
        justify-content: flex-end;
    }

    .bottom-header .right .dropdown-menu li a {
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        padding: 10px 10px !important;
    }

    .bottom-header .right .dropdown-menu li a:hover {
        background-color: var(--yellow);
        color: var(--black);
    }

    .bottom-header .right nav li a {
        font-size: 14px;
        font-weight: 600;
    }

    .bottom-header .right nav li:first-child a {
        padding-left: 0;
    }

    .bottom-header .right nav li:last-child a {
        padding-right: 0;
    }

    .bottom-header .right nav li a span:first-of-type {
        margin-right: 5px;
        font-size: 10px;
    }

    .bottom-header .right nav li a span:last-of-type {
        margin-left: 5px;
        font-size: 10px;
    }

    /* Right navbar design end */

    /* Bottom header end */

    /* Fixed header start */

    header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 9;
        box-shadow: 0 0 10px var(--black);
        transition: 0.9s ease-in-out;
        -webkit-transition: 0.9s ease-in-out;
        -moz-transition: 0.9s ease-in-out;
        -ms-transition: 0.9s ease-in-out;
        -o-transition: 0.9s ease-in-out;
    }

    header.fixed .top-header {
        display: none;
    }

    header.fixed .middle-header {
        display: none;
    }

    header.fixed .top-header .right .right-fifth button {
        font-size: 13px;
    }

    header.fixed .top-header .right .right-forth button {
        font-size: 13px;
    }

    header.fixed .top-header .right span {
        font-size: 13px;
    }

    header.fixed .top-header .left span {
        font-size: 13px;
    }

    header.fixed .top-header .right .right-forth button:first-child {
        padding: 1px 6px;
        font-size: 12px;
    }

    header.fixed .top-header .left {
        padding: 3px 0;
    }

    header.fixed .top-header .right {
        padding: 3px 0;
    }

    header.fixed .middle-header {
        padding: 10px 0;
    }

    header.fixed .middle-header .left .logo {
        width: 50px;
    }

    header.fixed .middle-header .left .logo_desc h2 {
        font-size: 27px;
        margin-bottom: 2px;
        line-height: 26px;
    }

    header.fixed .middle-header .left .logo_desc p {
        font-size: 10px;
    }

    header.fixed .middle-header .right .social ul li a {
        font-size: 22px;
    }

    header.fixed .middle-header .right .search input {
        font-size: 13px;
        padding: 4px 20px;
    }

    header.fixed .middle-header .right .search button {
        padding: 5px 9px;
        font-size: 14px;
    }

    header.fixed .middle-header .right .air_quality a {
        padding: 4px 8px;
    }

    header.fixed .mobile-menu-icon ul li {
        height: 3px;
    }

    /* Fixed header end */

    /* Banner start */

    .carousel-control-prev,
    .carousel-control-next {
        opacity: 1;
        width: unset;
    }

    .carousel-control-prev:hover,
    .carousel-control-next:hover {
        opacity: 1;
    }

    .carousel-control-prev .carousel-control-prev-icon,
    .carousel-control-next .carousel-control-next-icon {
        padding: 20px 10px;
        background-color: var(--seagreen);
        width: 1.5rem;
        height: 1.5rem;
    }

    .carousel-control-next .carousel-control-next-icon:hover {
        background-color: var(--seagreen);
    }


    /* Banner end */

    /* E-services start */

    .e-services {
        background-image: url("../img/e-services_background.jpg");
        background-repeat: no-repeat;
        background-size: 100%;
        padding-top: 40px;
        padding-bottom: 30px;
        background-position: center center;
    }

    .services_title {
        margin-bottom: 20px;
    }

    .services_title h3 {
        color: var(--seagreen);
        font-size: 26px;
        font-weight: 700;
        border-left: 6px solid var(--black);
        margin-bottom: 0;
        line-height: 25px;
        padding-left: 10px;
    }

    .services_box {
        position: relative;
        padding: 10px 15px;
        text-align: center;
        cursor: pointer;
        box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
        background-color: #f7f7f7;
        min-height: 95px;
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.4s;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -ms-transition: 0.4s;
        -o-transition: 0.4s;
    }

    .hvr-underline-from-center {
        /*background-color: #f7f7f7!important; */
        background-color: #dcdcffb3 !important;
        color: var(--white) !important;
        border: 3px solid var(--seagreen);
    }

    .services_box:hover {}

    .hvr-underline-from-center:before {
        background-color: #fff !important;
        height: 7px !important;
    }

    .services_box .top img {
        width: 30%;
        display: none;
    }

    .services_box .bottom h6 {
        color: #022b2e;
        font-size: 16px;
        line-height: 28px;
        /* text-transform: capitalize; */
        font-weight: bold;
    }

    .services_box:hover .top img {
        filter: drop-shadow(2px 4px 6px var(--black));
        -webkit-filter: drop-shadow(2px 4px 6px var(--black));
    }


    /* 5 */
    .btn-5 {
        width: 100%;
        padding: 4px;
        border: none;
        background: #9edef8 !important;

        /* -webkit-animation-name: color-transition;
	animation-name: color-transition;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;  */
    }

    .btn-5:before,
    .btn-5:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 3px;
        width: 0;
        background: #177f88;
        box-shadow:
            -1px -1px 5px 0px #fff,
            7px 7px 20px 0px #0003,
            4px 4px 5px 0px #0002;
        transition: 400ms ease all;
    }

    .btn-5:after {
        right: inherit;
        top: inherit;
        left: 0;
        bottom: 0;
    }

    .btn-5:hover:before,
    .btn-5:hover:after {
        width: 100%;
        transition: 800ms ease all;
    }





    @-webkit-keyframes color-transition {
        0% {
            background: linear-gradient(35deg, rgb(223 224 245) 0, rgb(255 255 255) 100%);
        }

        15% {
            background: linear-gradient(35deg, rgb(223 237 245) 0, rgb(255 255 255) 100%);
        }

        30% {
            background: linear-gradient(35deg, rgb(223 245 237) 0, rgb(255 255 255) 100%);
        }

        45% {
            background: linear-gradient(35deg, rgb(237 245 223) 0, rgb(255 255 255) 100%);
        }

        60% {
            background: linear-gradient(35deg, rgb(242 233 229) 0, rgb(255 255 255) 100%);
        }

        75% {
            background: linear-gradient(35deg, rgb(221 215 215) 0, rgb(255 255 255) 100%);
        }

        90% {
            background: linear-gradient(35deg, rgb(221 240 242) 0, rgb(255 255 255) 100%);
        }

        100% {
            background: linear-gradient(35deg, rgb(171 248 255) 0, rgb(255 255 255) 100%);
        }
    }



    @keyframes color-transition {
        0% {
            background: linear-gradient(35deg, rgb(223 224 245) 0, rgb(255 255 255) 100%);
        }

        15% {
            background: linear-gradient(35deg, rgb(223 237 245) 0, rgb(255 255 255) 100%);
        }

        30% {
            background: linear-gradient(35deg, rgb(223 245 237) 0, rgb(255 255 255) 100%);
        }

        45% {
            background: linear-gradient(35deg, rgb(237 245 223) 0, rgb(255 255 255) 100%);
        }

        60% {
            background: linear-gradient(35deg, rgb(242 233 229) 0, rgb(255 255 255) 100%);
        }

        75% {
            background: linear-gradient(35deg, rgb(221 215 215) 0, rgb(255 255 255) 100%);
        }

        90% {
            background: linear-gradient(35deg, rgb(221 240 242) 0, rgb(255 255 255) 100%);
        }

        100% {
            background: linear-gradient(35deg, rgb(171 248 255) 0, rgb(255 255 255) 100%);
        }
    }



    .btn-5:hover {
        background: #ffffff !important;
        box-shadow: none;
    }

    /*
.services_box:hover .bottom h6 {
    color: var(--white);
}
*/

    /* E-services end */


    /* E-services end */

    /* Other services start */

    .other_services {
        background-image: url("../img/other_services_background.png");
        background-repeat: no-repeat;
        background-size: 100%;
        padding-top: 10px;
        /* border-bottom: 2px solid #c7c7c7; */
    }

    /* Other services end */

    /* Locate nearby places start */

    .locate_nearby {
        padding: 30px 0;
        background-color: var(--yellow);
        background-image: url(../img/grass_yellow.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .locate_nearby .locate_nearby_total {
        padding-left: 10%;
    }

    .locate_nearby .locate_nearby_title {
        margin-bottom: 30px;
    }

    .locate_nearby .locate_nearby_title h3 {
        color: var(--seagreen);
        font-size: 26px;
        font-weight: 700;
        border-left: 6px solid var(--black);
        margin-bottom: 0;
        line-height: 25px;
        padding-left: 10px;
    }

    .locate_nearby .locate_nearby_title h6 {
        color: var(--black);
        padding-left: 19px;
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 0;
    }

    .locate_nearby_desc .tab-content {
        height: 100%;
    }

    .locate_nearby_desc .tab-content .tab-pane {
        height: 100%;
    }

    .locate_nearby_desc .nav-link {
        background-color: transparent;
        color: var(--seagreen);
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 10px;
        padding: 6px 8px;
        border: 2px solid var(--seagreen);
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
    }

    .locate_nearby_desc .nav-link.active {
        background-color: var(--seagreen);
        color: var(--white);

    }

    .v_tab .submenulink a.nav-link {
        border-color: var(--maroon) !important;
        background-color: rgb(240, 240, 240);
        color: var(--maroon);

    }


    .locate_nearby_desc .nav-link {
        position: relative;
    }

    .locate_nearby_desc .nav-link.has-child-facility {
        padding-right: 15px;
    }

    .locate_nearby_desc .nav-link i {
        position: absolute;
        right: 15px;
        font-size: 18px;
        top: 50%;
        transform: translateY(-50%);
    }

    .locate_nearby_desc .tab-content td {
        vertical-align: middle;
    }

    /* Locate nearby places end */

    /* Helpful information start */

    .helpful_info {
        background-color: #f7f7f7;
        /* background-image: url("../img/grass_yellow.png");
    background-repeat: no-repeat;
    background-size: cover; */
        padding: 40px 0;
    }

    .helpful_info .helpful_info_title {
        margin-bottom: 30px;
    }

    .helpful_info .helpful_info_title h3 {
        color: var(--seagreen);
        font-size: 26px;
        font-weight: 700;
        border-left: 6px solid var(--black);
        margin-bottom: 0;
        line-height: 25px;
        padding-left: 10px;
    }

    .helpful_info .helpful_info_desc .nav-tabs {
        width: 100%;
        border-bottom: 5px solid var(--seagreen);
    }

    .helpful_info .helpful_info_desc .nav-tabs .nav-item {
        width: 16.37%;
    }

    .helpful_info .helpful_info_desc .nav-tabs .nav-link {
        color: var(--black);
        border-top: none;
        border-bottom: 40px solid #cce8fe;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        padding: 0;
        margin-bottom: 0;
        height: 0;
        width: 100%;
        background-color: transparent;
        font-weight: 700;
    }

    .helpful_info .helpful_info_desc .nav-tabs .nav-link span {
        display: block;
        margin-top: 5%;
    }

    .helpful_info .helpful_info_desc .nav-tabs .nav-link:first-child {
        margin-left: 10px;
    }

    .helpful_info .helpful_info_desc .nav-tabs .nav-link.active {
        color: var(--white);
        border-bottom: 40px solid var(--seagreen);
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
    }

    .helpful_info .helpful_info_desc .tab-content {
        min-height: 460px;
        max-height: 460px;
        overflow-y: auto;
        background-color: var(--white);
        box-shadow: 0 1px 8px #0000007a;
        padding: 45px;
    }

    .helpful_info .helpful_info_desc .tab-content h6 {
        display: inline-block;
        color: var(--black);
        border-bottom: 3px solid var(--seagreen);
        padding-bottom: 5px;
        font-weight: 600;
    }

    .helpful_info .helpful_info_desc .tab-content .tender-sec ul li {
        color: var(--seagreen);
        font-size: 14px;
        font-weight: 700;
        padding-left: 5px;
        padding-top: 17px;
        padding-bottom: 17px;
        border-bottom: 1px solid var(--seagreen);
        position: relative;
    }

    .helpful_info .helpful_info_desc .tab-content .tender-sec ul li:last-child {
        border-bottom: none;
    }

    /* .helpful_info .helpful_info_desc .tab-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 30%;
    width: 8px;
    height: 8px;
    background-color: var(--seagreen);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
} */
    .helpful_info .helpful_info_desc .tab-content ul {
        list-style-type: disclosure-closed !important;
        padding-left: 20px;
    }

    .helpful_info .helpful_info_desc .tab-content ul li:last-child {
        margin-bottom: 0;
    }

    .helpful_info .helpful_info_desc .tab-content ul li div span {
        background-color: #000;
        color: #f6f708;
        font-size: 13px;
        padding: 3px 4px;
        border-radius: 4px;
    }



    /* Helpful information end */

    /* News start */

    .news_section {
        display: flex;
    }

    .news_section .left {
        width: 15%;
        background-color: var(--seagreen);
        color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
    }

    .news_section .left h3 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .news_section .right {
        width: 85%;
        background: #cce8fe;
        color: var(--black);
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
    }

    .news_section .right:hover ul li {
        animation-play-state: paused;
    }

    .news_section .right ul li {
        position: relative;
        font-size: 15px;
        font-weight: 700;
        display: inline-block;
        margin: 0 30px;
        animation: animate 10s linear infinite;
        -webkit-animation: animate 10s linear infinite;
    }

    .news_section .right ul li::after {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        top: 20%;
        right: -40px;
        background-color: var(--black);
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

    @keyframes animate {
        100% {
            transform: translate(-100%, 0);
            -webkit-transform: translate(-100%, 0);
            -moz-transform: translate(-100%, 0);
            -ms-transform: translate(-100%, 0);
            -o-transform: translate(-100%, 0);
        }
    }

    /* News end */

    /* Our partner logo start */

    .our_partner_logo {
        background-color: var(--seagreen);
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .our_partner_logo .wraper {
        padding: 0px 57px;
    }

    .our_partner_logo .owl-prev,
    .our_partner_logo .owl-next {
        background-color: var(--seagreen) !important;
        color: var(--white) !important;
        width: 25px;
        height: 25px;
        border-radius: 50px !important;
        ;
        -webkit-border-radius: 50px !important;
        -moz-border-radius: 50px !important;
        -ms-border-radius: 50px !important;
        -o-border-radius: 50px !important;
    }

    .our_partner_logo .owl-prev {
        position: absolute;
        left: -62px;
        top: 30%;
    }

    .our_partner_logo .owl-next {
        position: absolute;
        right: -62px;
        top: 30%;
    }

    /* Our partner logo end */

    /* Footer start */

    .top_footer {
        background-image: url("../img/top_footer_background.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        padding: 50px 0 40px 0;
        margin-top: 10px !important;
    }

    .top_footer .email_phone {
        background-color: var(--white);
        width: 50%;
        margin: auto;
        padding: 30px 0;
        border-radius: 50px;
        box-shadow: 0 10px 0 #363d42;
        display: flex;
        border: 2px solid #363d42;
    }

    .top_footer .email_phone .email {
        width: 50%;
    }

    .top_footer .email_phone .email .top {
        text-align: center;
        position: relative;
    }

    .top_footer .email_phone .email .top .icon {
        display: inline-block;
        background-color: #363d42;
        color: var(--white);
        position: absolute;
        top: -50px;
        font-size: 26px;
        padding: 7px 14px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .top_footer .email_phone .email .top .icon:hover {
        background-color: var(--seagreen);
    }

    .top_footer .email_phone .email .bottom h6 {
        text-align: center;
        color: var(--black);
        font-size: 17px;
        margin-top: 30px;
        margin-bottom: 0;
    }

    .top_footer .email_phone .email .bottom h6 a {
        color: var(--black);
        font-weight: 600;
    }

    .top_footer .email_phone .email .bottom h6 a:hover {
        color: var(--seagreen);
    }

    .top_footer .email_phone .phone {
        width: 50%;
    }

    .top_footer .email_phone .phone .top {
        text-align: center;
        position: relative;
    }

    .top_footer .email_phone .phone .top .icon {
        display: inline-block;
        background-color: #363d42;
        color: var(--white);
        position: absolute;
        top: -50px;
        font-size: 26px;
        padding: 7px 14px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .top_footer .email_phone .phone .top .icon:hover {
        background-color: var(--seagreen);
    }

    .top_footer .email_phone .phone .bottom h6 {
        text-align: center;
        color: var(--black);
        font-size: 17px;
        margin-top: 30px;
        margin-bottom: 0;
    }

    .top_footer .email_phone .phone .bottom h6 a {
        color: var(--black);
        font-weight: 600;
    }

    .top_footer .email_phone .phone .bottom h6 a:hover {
        color: var(--seagreen);
    }

    .top_footer .footer_links {
        text-align: center;
        padding-top: 40px;
    }

    .top_footer .footer_links ul li {
        display: inline-block;
        padding: 0 20px;
        border-right: 2px solid var(--white);
    }

    .top_footer .footer_links ul li a {
        color: var(--white);
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        position: relative;
    }

    .top_footer .footer_links ul li a:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -3px;
        width: 0;
        height: 2px;
        background-color: var(--white);
        transition: 0.6s;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
    }

    .top_footer .footer_links ul li a:hover::after {
        width: 100%;
    }

    .top_footer .footer_links ul li:last-child a {
        border-right: none;
    }

    .top_footer .visitor_last_update {
        width: 50%;
        margin: auto;
        padding-top: 30px;
    }

    .top_footer .visitor_last_update .left h6 {
        text-align: center;
        color: var(--white);
        font-size: 13px;
        margin-bottom: 0;
    }

    .top_footer .visitor_last_update .right h6 {
        text-align: center;
        color: var(--white);
        font-size: 13px;
        margin-bottom: 0;
    }

    .bottom_footer {
        background-color: var(--black);
        color: var(--white);
        padding: 10px 0;
    }

    .bottom_footer .left {
        border-right: 1px solid var(--black);
    }

    .bottom_footer .left h6 {
        font-size: 13px;
        margin-bottom: 0;
    }

    .bottom_footer .right h6 {
        font-size: 13px;
        text-align: right;
        margin-bottom: 0;
    }

    .bottom_footer .right h6 a {
        color: var(--white);
    }

    .bottom_footer .right h6 a:hover {
        color: var(--yellow);
    }

    /* Footer end */

    /* Back to top start */

    #button {
        display: inline-block;
        background-color: var(--seagreen);
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 4px;
        position: fixed;
        bottom: 30px;
        right: 100px;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        -webkit-border-radius: 100%;
        transition: background-color .3s, opacity .5s, visibility .5s;
        -webkit-transition: background-color .3s, opacity .5s, visibility .5s;
        -moz-transition: background-color .3s, opacity .5s, visibility .5s;
        -ms-transition: background-color .3s, opacity .5s, visibility .5s;
        -o-transition: background-color .3s, opacity .5s, visibility .5s;
    }

    #button::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 1.4em;
        line-height: 35px;
        color: #fff;
    }

    #button:hover {
        cursor: pointer;
        background-color: #333;
    }

    #button:active {
        background-color: #555;
    }

    #button.show {
        opacity: 1;
        visibility: visible;
    }

    /* Back to top end */

    /* Theme change start */
    /* *****************************************************************************************dark-theme***************************************************************************************** */
    body.dark-theme {
        background-color: var(--black);
        color: yellow;
    }

    body.dark-theme * {
        color: yellow !important;
    }

    body.dark-theme .top-header {
        background-color: var(--black);
    }

    body.dark-theme .logo_desc h2 {
        color: var(--black) !important;
    }

    body.dark-theme .logo_desc p {
        color: var(--black) !important;
    }

    body.dark-theme .bottom-header {
        background-color: var(--black);
    }

    body.dark-theme .bottom-header ul.dropdown-menu {
        background-color: var(--black);
    }

    body.dark-theme .middle-header .right .search button {
        background-color: var(--black);
    }

    body.dark-theme .notification_services .services .desc .box {
        background-color: var(--seagreen);
    }

    body.dark-theme .notification_services .services .desc .box .top {
        border-color: var(--white);
    }

    body.dark-theme .notification_services .services .desc .box .top img {
        filter: invert(1);
        -webkit-filter: invert(1);
    }

    body.dark-theme .notification_services .notification .desc {
        background-color: var(--black);
    }

    body.dark-theme .quick_links_tender .new_tender .new_tender_release .desc {
        background-color: var(--black);
    }

    body.dark-theme .quick_links_tender .quick_links .quick_links_desc .box {
        background-color: var(--black);
    }

    body.dark-theme .quick_links_tender .quick_links .quick_links_desc .box .left .left_hover {
        border-left-color: #fff;
        border-right-color: #fff;
    }

    body.dark-theme .gallery {
        background-image: none;
        background-color: var(--black);
        /* border: 1px solid var(--seagreen); */
    }

    body.dark-theme .gallery .gallery_desc .nav .nav-item .nav-link {
        background-color: var(--black);
    }

    body.dark-theme .gallery .gallery_desc .nav .nav-item .nav-link.active {
        background-color: var(--seagreen);
    }

    body.dark-theme .facilities {
        background-image: none;
        background-color: var(--black);
        border: 1px solid var(--seagreen);
    }

    body.dark-theme .facilities_desc .box {
        background-color: var(--seagreen);
    }

    body.dark-theme .top_footer .email_phone {
        background-color: var(--black);
    }

    body.dark-theme .welcome_to_nkda {
        background-image: none;
        background-color: var(--black);
        border: 1px solid var(--seagreen);
    }

    body.dark-theme .title_desc .desc a {
        background-color: var(--seagreen);
    }

    body.dark-theme .news_section {
        border-top: 1px solid yellow;
        border-bottom: 1px solid yellow;
    }

    body.dark-theme .news_section .right {
        background-color: gray;
    }

    body.dark-theme .bottom-header .right .dropdown-menu li a:hover {
        background-color: white;
        color: #000 !important;
    }

    body.dark-theme .bottom-header .right .dropdown-menu li a:hover i {
        color: var(--black) !important;
    }

    body.dark-theme .map_address .address {
        background-color: #000000de;
    }

    body.dark-theme #video_gallery .vid-wrapper i {
        background-color: var(--black);
    }

    body.dark-theme .top-header .right .right-second button:first-of-type {
        border-color: white;
    }

    body.dark-theme .top-header .right .right-second button:last-of-type {
        border-color: yellow;
    }

    body.dark-theme .middle-header .right .air_quality a {
        padding: 4px 8px;
        color: var(--black) !important;
        border-color: var(--black);
    }

    body.dark-theme .middle-header .right .air_quality a:hover {
        background-color: transparent;
    }

    body.dark-theme .middle-header .right .social ul li a i {
        color: var(--black) !important;
    }

    body.dark-theme .bottom-header ul.dropdown-menu {
        border-color: yellow;
    }

    body.dark-theme .carousel-control-prev .carousel-control-prev-icon,
    body.dark-theme .carousel-control-next .carousel-control-next-icon {
        background-color: var(--black);
    }

    body.dark-theme .e-services {
        filter: invert(1);
        -webkit-filter: invert(1);
    }

    body.dark-theme .services_title h3 {
        color: blue !important;
    }

    body.dark-theme .services_box {
        box-shadow: 0 0 10px #a3a2a27a;
        background-color: #fff;
    }

    body.dark-theme .services_box .bottom h6 {
        color: blue !important;
    }

    body.dark-theme .services_box:hover .top img {
        filter: drop-shadow(2px 4px 6px #e4e4e4);
        -webkit-filter: drop-shadow(2px 4px 6px #e4e4e4);
    }

    body.dark-theme .other_services {
        filter: invert(1);
        -webkit-filter: invert(1);
    }

    body.dark-theme .locate_nearby_desc .nav-link {
        border-color: #000;
        color: #000 !important;
    }

    body.dark-theme .top_footer .left h5 {
        border-color: yellow;
    }

    body.dark-theme .locate_nearby_desc .nav-link.active {
        background-color: #000;
        color: yellow !important;
    }

    body.dark-theme .locate_nearby .locate_nearby_title h3 {
        color: #000 !important;
    }

    body.dark-theme .locate_nearby .locate_nearby_title h6 {
        color: #000 !important;
    }

    body.dark-theme .top_footer .footer_links ul li {
        border-color: yellow;
    }

    body.dark-theme .top_footer .footer_links ul li a:after {
        background-color: yellow;
    }

    body.dark-theme .bottom_footer .left {
        border-color: yellow;
    }

    body.dark-theme .top_footer .email_phone .email .top .icon:hover {
        background-color: yellow;
    }

    body.dark-theme .top_footer .email_phone .email .top .icon:hover i {
        color: #000 !important;
    }

    body.dark-theme .top_footer .email_phone .phone .top .icon:hover {
        background-color: yellow;
    }

    body.dark-theme .top_footer .email_phone .phone .top .icon:hover i {
        color: #000 !important;
    }

    body.dark-theme .top-header .right .right-forth button.active {
        background-color: yellow;
        color: #000 !important;
    }

    body.dark-theme .our_partner_logo .owl-prev,
    body.dark-theme .our_partner_logo .owl-next {
        background-color: yellow !important;
    }

    body.dark-theme .our_partner_logo .owl-prev span,
    body.dark-theme .our_partner_logo .owl-next span {
        color: #000 !important;
    }

    body.dark-theme .news_section .left {
        background-color: #000;
    }

    body.dark-theme .helpful_info .helpful_info_title h3 {
        color: #000 !important;
    }

    body.dark-theme .helpful_info .helpful_info_desc .tab-content {
        background-color: #000;
    }

    body.dark-theme .helpful_info .helpful_info_desc .tab-content h6 {
        border-color: #fff;
    }

    body.dark-theme .helpful_info .helpful_info_desc .tab-content ul li::before {
        background-color: #fff;
    }

    body.dark-theme .helpful_info .helpful_info_desc .nav-tabs {
        border-color: yellow;
    }

    body.dark-theme .helpful_info .helpful_info_desc .nav-tabs .nav-link {
        border-block-color: grey;
    }

    body.dark-theme .helpful_info .helpful_info_desc .nav-tabs .nav-link.active {
        border-bottom-color: #000;
    }

    body.dark-theme .helpful_info .helpful_info_desc .nav-tabs .nav-link.active span {
        color: yellow !important;
    }

    body.dark-theme div.dataTables_wrapper div.dataTables_length select {
        background-color: #000;
    }

    body.dark-theme div.dataTables_wrapper div.dataTables_filter input[type="search"] {
        color: #000 !important;
    }

    body.dark-theme .dataTables_wrapper .paginate_button {
        background-color: #000;
    }

    body.dark-theme .dataTables_wrapper .paginate_button.current {
        border-color: yellow;
        background-color: yellow;
        color: #000 !important;
    }

    body.dark-theme .aqua-card {
        background-color: #9c9595 !important;
    }

    body.dark-theme .top_footer .left .links a::after {
        background-color: yellow;
    }

    body.dark-theme .anti-card {
        background-color: #9c9595 !important;
    }

    body.dark-theme .aliceblue-card {
        background-color: #9c9595 !important;
    }

    body.dark-theme .yellowgreen-card {
        background-color: #9c9595 !important;
    }

    body.dark-theme .redsn .col-lg-5.col-12 {
        background-color: #9c9595;
    }

    body.dark-theme .nav-item .contact-tab1.active {
        background: #9c9595 !important;
    }

    body.dark-theme .nav-item .contact-tab1 {
        border: 1px solid #ffff00 !important;
    }

    body.dark-theme #myTab .nav-link {
        color: #ffff00 !important;
    }

    body.dark-theme .custom-round-btn {
        background-color: #9c9595;
    }

    body.dark-theme .border-bottom {
        border-bottom: 1px solid #ffff00 !important;
    }

    /* *****************************************************************************************dark-theme***************************************************************************************** */
    /* Theme change end */

    /* About us start */

    .page_title h2 {
        color: var(--seagreen);
        font-size: 26px;
        font-weight: 700;
        border-left: 6px solid var(--black);
        margin-bottom: 0;
        line-height: 25px;
        padding-left: 10px;
        /* text-transform: capitalize; */

    }


    .page_title hr {
        background-color: var(--black);
        opacity: 1;
    }

    .page_content .left,
    .page_content .right {
        height: 100%;
    }

    .page_content .left img,
    .page_content .right img {
        width: 100%;
        height: 100%;
    }

    .content_desc {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .content_desc h3 {
        color: var(--seagreen);
        font-weight: 700;
        font-size: 25px;
        border-left: 3px solid var(--black);
        padding-left: 6px;
    }

    .content_desc .middle {
        margin: 30px 0;
    }

    .content_desc .middle img {
        width: 100%;
    }

    /* About us end */

    /* Statutes act start */

    .dataTables_wrapper {
        font-size: 14px;
    }

    .dataTables_wrapper .paginate_button {
        padding: 6px 12px;
        border: 1px solid #dee2e6;
        background-color: #fff;
        cursor: pointer;
    }

    .dataTables_wrapper .paginate_button.disabled {
        color: #6c757d;
        cursor: unset;
    }

    .dataTables_wrapper .paginate_button.current {
        background-color: var(--seagreen);
        border-color: var(--seagreen);
        color: #fff;
    }

    .dataTables_wrapper thead {
        background-color: var(--seagreen);
        color: var(--white);
    }

    thead {
        background-color: var(--seagreen);
        color: var(--white);
        vertical-align: middle !important;
    }

    table {
        border: 1px solid #dcdcdc;
        font-size: 14px;
        width: 100%;
        border-collapse: collapse;

    }

    .page_title h3 {
        font-size: 22px;
        font-weight: 600;
        color: var(--seagreen);
        border-left: 3px solid var(--black);
        padding-left: 6px;
    }

    .page_title p,
    .page_title li {
        color: var(--black);
    }

    /* Statutes act end */

    /* Map and address start */

    .map_address {
        position: relative;
    }

    .map_address .map {
        line-height: 0;
    }

    .map_address .map iframe {
        height: 395px;
    }

    .map_address .address {
        position: absolute;
        top: 0;
        right: 2%;
        background-color: #115381de;
        color: var(--white);
        padding: 30px;
        width: 40%;
        text-align: center;
    }

    .map_address .address h5 {
        font-size: 24px;
        font-weight: 300;
        line-height: 30px;
        color: #fff !important;
    }

    .map_address .address h6 {
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        margin-bottom: 0;
    }

    .map_address .address hr {
        border: 1px solid var(--white);
        opacity: 1;
        margin: 25px auto;
    }

    /* Map and address end */

    /* Footer new css start */

    .top_footer .left h5 {
        font-size: 17px;
        color: var(--white);
        margin-bottom: 0;
        border-bottom: 2px solid var(--white);
        display: inline-block;
        line-height: 25px;
    }

    .top_footer .left .icon_details {
        display: flex;
        color: var(--white);
        margin-top: 25px;
    }

    .top_footer .left .icon_details .icon {
        margin-right: 15px;
    }

    .top_footer .left .icon_details .icon i {
        font-size: 18px;
    }

    .top_footer .left .icon_details .details p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        color: yellow;
        font-weight: 600;
    }

    .top_footer .left .icon_details .details span {
        display: inline-block;
        font-size: 14px;
    }

    .top_footer .left .icon_details .contact_details span {
        line-height: 24px;
    }

    .top_footer .left .links {
        margin-top: 25px;
    }

    .top_footer .left .links a {
        display: inline-block;
        color: var(--white);
        font-size: 14px;
        margin-bottom: 5px;
        position: relative;
    }

    .top_footer .left .links a::after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        height: 2px;
        width: 0;
        background-color: var(--white);
        transition: 0.4s;
    }

    .top_footer .left .links a:hover::after {
        width: 100%;
    }

    .top_footer .left .visits {
        margin-top: 25px;
    }

    .top_footer .left .visits {
        width: 42%;
    }

    .top_footer .left .visits img {
        width: 100%;
    }

    .top_footer .left .last_update {
        margin-top: 10px;
    }

    .top_footer .left .last_update_title {
        margin-top: 25px;
    }

    .top_footer .left .last_update span {
        color: var(--white);
        font-size: 14px;
    }

    /* ************************************BOX-ANIMATION***************************************** */
    /* 5 */
    .btn-5 {
        width: 100%;
        padding: 4px;
        border: none;
        background: linear-gradient(35deg, rgb(182, 185, 233) 0, rgb(255 255 255) 100%);

        /* -webkit-animation-name: color-transition;
	animation-name: color-transition;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;  */
    }

    .btn-5:before,
    .btn-5:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 3px;
        width: 0;
        background: #177f88;
        box-shadow:
            -1px -1px 5px 0px #fff,
            7px 7px 20px 0px #0003,
            4px 4px 5px 0px #0002;
        transition: 400ms ease all;
    }

    .btn-5:after {
        right: inherit;
        top: inherit;
        left: 0;
        bottom: 0;
    }

    .btn-5:hover:before,
    .btn-5:hover:after {
        width: 100%;
        transition: 800ms ease all;
    }





    /* @-webkit-keyframes color-transition {
	0% {
		background: linear-gradient(35deg, rgb(223 224 245) 0, rgb(255 255 255) 100%);
	}
	15% {
		background: linear-gradient(35deg, rgb(223 237 245) 0, rgb(255 255 255) 100%);
	}
	30% {
		background: linear-gradient(35deg, rgb(223 245 237) 0, rgb(255 255 255) 100%);
	}
	45% {
		background: linear-gradient(35deg, rgb(237 245 223) 0, rgb(255 255 255) 100%);
	}
	60% {
		background: linear-gradient(35deg, rgb(242 233 229) 0, rgb(255 255 255) 100%);
	}
	75% {
		background: linear-gradient(35deg, rgb(221 215 215) 0, rgb(255 255 255) 100%);
	}
	90% {
		background: linear-gradient(35deg, rgb(221 240 242) 0, rgb(255 255 255) 100%);
	}
	100% {
		background: linear-gradient(35deg, rgb(171 248 255) 0, rgb(255 255 255) 100%);
	}
}



@keyframes color-transition {
	0% {
		background: linear-gradient(35deg, rgb(223 224 245) 0, rgb(255 255 255) 100%);
	}
	15% {
		background: linear-gradient(35deg, rgb(223 237 245) 0, rgb(255 255 255) 100%);
	}
	30% {
		background: linear-gradient(35deg, rgb(223 245 237) 0, rgb(255 255 255) 100%);
	}
	45% {
		background: linear-gradient(35deg, rgb(237 245 223) 0, rgb(255 255 255) 100%);
	}
	60% {
		background: linear-gradient(35deg, rgb(242 233 229) 0, rgb(255 255 255) 100%);
	}
	75% {
		background: linear-gradient(35deg, rgb(221 215 215) 0, rgb(255 255 255) 100%);
	}
	90% {
		background: linear-gradient(35deg, rgb(221 240 242) 0, rgb(255 255 255) 100%);
	}
	100% {
		background: linear-gradient(35deg, rgb(171 248 255) 0, rgb(255 255 255) 100%);
	}
} */



    .btn-5:hover {
        background: #ffffff !important;
        box-shadow: none;
    }

    /*
.services_box:hover .bottom h6 {
    color: var(--white);
}
*/

    /* E-services end */

    /* Other services start */

    .other_services {
        background-image: url("../img/other_services_background.png");
        background-repeat: no-repeat;
        background-size: 100%;
        padding-top: 10px;
        /* border-bottom: 2px solid #c7c7c7; */
    }

    /* Other services end */

    /* ************************************END-BOX-ANIMATION***************************************** */

    /* ***************************************************************start*************************************************************************** */
    .right-arrow::before {
        content: "\f0a4";
        font-family: "Font Awesome 5 Free";
        border: 1px solid #177f88;
        padding: 5px;
        border-radius: 50px;
        color: #177f88;
        background: #ffff8f;
        box-shadow: 0px 0px 3px #000;
        margin-right: 10px;
    }

    .bjp {
        background-color: #faebd7;
        padding: 10px 9px;
    }

    .bjp p {
        margin: 0 !important;
        text-transform: capitalize;
    }

    .Case-Study ul {
        list-style-type: disclosure-closed;
        padding-left: 20px;
    }

    .Case-Study ul li::marker {
        color: #177f88;
    }

    .Case-Study .accordion-body {
        height: 400px;
        overflow: auto;
    }

    .page_content .container h3 {

        color: #2d3e7e;
    }

    /* .accordion-button::after{
    background: url();
} */
    .dataTables_wrapper {
        padding-bottom: 10px !important;
    }

    .accordion-collapse .collapse .show {
        background-color: #177f88;
    }

    .new-town-towards-a-zero-waste-city .container .t-h h4 {
        font-size: 16px;
        background: #f7f6f6;
        padding: 14px;
        margin-top: 25px;
        border: 1px dashed #dadada;
        color: #177f88;
        line-height: 27px;

    }

    .new-town-towards-a-zero-waste-city .card .t-img {

        background-color: #fff;
        padding: 29px 0px;
        /* margin-bottom: 20px; */
        width: 35%;
    }

    .new-town-towards-a-zero-waste-city .card .t-img img {
        width: 100%;
        margin-right: 11px;
        height: 205px;
        object-fit: contain;
        /* border-radius: 50%;
    border: 4px solid #ffff8f; */
    }

    .new-town-towards-a-zero-waste-city .card .t-img-2 {
        width: 50% !important;
    }

    .new-town-towards-a-zero-waste-city .card .d-img p {
        margin: 5px 0px;
        font-size: 15px !important;
        display: flex;
    }

    .new-town-towards-a-zero-waste-city .card {

        flex-direction: row !important;
    }

    .new-town-towards-a-zero-waste-city .card .card-body {
        padding-left: 35px;
    }

    #main_nav .navbar-nav.p-3.p-md-0.menu-main-list .nav-item:nth-child(5) .dropdown-menu.mega-menu.p-3 .row .col-lg-3.col-12:nth-child(2) {

        margin-top: 25px;
    }

    .new-town-towards-a-zero-waste-city .card .d-img p span img {
        width: 28px;
        margin-right: 12px;
    }

    .page_content .container .bg {
        display: flex;
        justify-content: space-between;
        background: url(https://nkda.websteptech.co.uk/storage/files/page-bg.png) no-repeat;
        background-size: cover;
        margin-top: 12px;
    }

    .page_content .container .bg li {
        width: 50%;
        text-align: center;
        border-right: 2px solid #fff;
        padding: 40px;
        /* background-color:#f0f8ff; */
        /* border: 1px solid #000; */
    }

    .page_content .container ul li div img {
        width: 150px;
    }

    .page_content .container ul li h5 {
        padding-top: 10px;
        font-size: 20px !important;
        color: #429604;
        margin-bottom: 20px;
    }

    .page_content .container ul li p img {
        width: 30px;
    }

    .page_content .container .t-img li p img {
        /* width:100%; */
        /* height: 100%; */
    }

    .page_content .container ul li p {
        font-size: 14px;
        font-weight: 800;
        text-align: center;
        line-height: 28px;
        border-bottom: 1px solid #fff;
        padding: 4px 0;
    }

    .b-text p {
        text-align: right;
    }


    .Mosquito h2 {
        font-weight: 500 !important;
        font-family: 'Roboto' !important;
        line-height: 1.4em !important;
        margin: 0 0 0.4em 0 !important;
        padding: 0 !important;
        color: #1f7094 !important;
    }

    .Mosquito h4 {
        font-size: 1.4em !important;
        font-weight: 500;
        line-height: 1.8em;
        margin: 0 0 0.4em 0;
        padding: 0;
        color: #07529b !important;
        text-align: left;
        border: none !important;
        padding: 0 !important;
        background-color: #fff !important;
        text-align: left !important;
        margin: 0 !important;
        font-size: 15px !important;
    }

    .page_content .fw-bold li a {
        text-decoration: none !important;
    }

    .page_content .fever_banner a img {
        width: 42px !important;
    }

    .page_content .Dengue-Latest-leaflet-new a img {
        width: 80px !important;
    }

    .p-30 {
        padding: 30px !important;
        border: #9b9b9b 1px dashed !important;
        line-height: 100px;
    }

    .page_content.p-30 a {
        line-height: 87px !important;
        list-style-type: none !important;
        text-decoration: none !important;
    }

    .page_content.p-30 li {
        list-style-type: none !important;
    }

    .page_content.bg-gray {
        background-color: #dddd !important;
    }

    .page_content #mytbale tr td {
        font-size: 13px !important;
        /* font-weight: 500 !important; */
    }

    .page_content .fill {
        font-size: 15px !important;
    }

    .page_content .fill img {
        width: 20px !important;
        height: 20px !important;
    }

    .page_content.fill a {
        text-decoration: none !important;
    }

    .page_content .container .fw-bold li {
        width: 100% !important;
        text-align: left !important;
        border-right: none !important;
        padding: 2px !important;
    }

    .p-30li a {
        line-height: 100px;
    }

    .date-section h4 {
        font-size: 15px !important;
        background: #fff !important;
        padding: 0px !important;
        margin-top: 0px !important;
        border: none !important;
        color: #000 !important;
        line-height: 27px;
        text-align: left !important;
        font-weight: bold;
        padding-left: 12px !important;
    }

    .accordion-button {
        font-size: 14px !important;
    }

    .accordion-button:not(.collapsed) {
        background-color: #177f88;
        color: #fff !important;
    }

    .accordion-button:not(.collapsed)::after,
    .accordion-button:hover::after {
        /* filter: invert(1); */
        filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(13%) hue-rotate(358deg) brightness(102%) contrast(105%);
    }

    .accordion-item {
        /* margin-bottom: 12px !important;
    border: 2px solid #177f88; */

    }

    .gallery_desc .nav .nav-item .nav-link.active .FAQ .accordion-item ul::before {
        content: "\f192";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        color: #177f88;
        margin-right: 5px;
        font-size: 14px;
    }

    .gallery_desc .nav .nav-item .nav-link.active {
        background-color: var(--seagreen);
        color: var(--white);
    }

    .gallery_desc .nav .nav-item .nav-link {
        border: 1px solid var(--seagreen);
        color: var(--maroon);
        margin: 0 20px;
        padding: 8px 14px;
        font-size: 16px;
        font-weight: 600;
    }

    #accordionFaq .accordion-body p {
        font-size: 15px !important;
        margin-bottom: 5px;
    }

    #accordionFaq .accordion-body p:last-child {
        margin-bottom: 0;
    }

    .accordion-body p:last-child {
        margin-bottom: 0;
    }

    .home .top_footer {
        margin-top: 0px !important;
    }

    .FAQ .accordion-item p {
        margin: 0 !important;
    }

    #data_table_length {
        float: left;
        margin-bottom: 20px !important;
    }

    #data_table_paginate {
        margin-top: 23px !important;
    }

    #data_table_info {
        float: left;
    }

    .breadcrumb a:first-child {
        min-height: 36px !important;
        display: flex;
        align-items: center;
    }


    .water-test-report-of-action-area-i-and-ii-newtown p a {
        padding-left: 24px !important;
    }

    .water-test-report-of-action-area-i-and-ii-newtown .contact-details {
        min-height: 113px !important;
    }

    .page_content .downlod-img p a::before {
        position: absolute;
        top: 0;
        left: 0;
        font-family: "FontAwesome";
        content: "\f019";
        color: #177f88 !important;
        line-height: 17px !important;
    }

    .indentulstyle {
        list-style-type: disc !important;
        padding-left: 18px;
    }

    .indentulstyle li {
        font-size: 16px !important;
    }

    /* table.dataTable.nowrap th{
    white-space: unset !important;
  } */
    /* .page_content .box2{
    padding: 30px !important;
    border: #9b9b9b 1px dashed !important;
  } */
    /* .form-table table{
    width: 50% !important;
  } */
    /* .page_content .pet-dog p{
    margin: 0 !important;
  } */
    .page_content .pet-dog table {
        background-color: #f2f2f2;
    }

    /* .page_content .pet-dog p strong{
    text-decoration: underline;
    margin-top:20px;
  } */
    .grden-green-pic-area .garden-pic img {
        width: 100% !important;
        height: 270px;
        object-fit: cover;
        padding: 20px 4px;
    }

    .grden-green-pic-area li {
        display: flex;

    }

    .garden-pic-2 img {
        width: 100%;
        height: 460px;
        padding-top: 20px;
        object-fit: none;
        object-position: 12% 31%;
    }

    .grden-green-pic-area li h6 {
        display: flex;
        justify-content: left !important;
    }

    .grden-green-pic-area li h5 strong {
        color: #000 !important;
    }

    .text-sky-blue h3 {
        color: #177f88 !important;
    }

    .bg-sky {
        background-color: #f0f8ff;
    }

    .advertisement ol li {
        padding: 5px;
        /* list-style-type: disc !important; */
    }

    .parks-and-gardens .card .box2 img {
        width: 100% !important;
        height: 225px !important;
    }

    .parks-and-gardens .card .box2 {
        /* padding: 20px; */
    }

    .parks-and-gardens .card .box2:nth-child(1) {
        height: 100px;
    }

    /* .parks-and-gardens .card .box2:nth-child(2){
    text-align: center;
  } */
    .parks-and-gardens .card {
        margin-top: 12px;
        margin-bottom: 12px;
        background-color: #f0f8ff;
    }

    .traffic-signaling-system .card p {
        font-size: 15px;
        padding-bottom: 3px;
    }

    /* .traffic-signaling-system .card{
    margin-bottom: 40px;
  } */
    .traffic-signaling-system .card img {
        height: 240px !important;
        width: 100% !important;
        object-fit: cover;
    }

    .beautification-and-plantation .card {
        padding: 15px;
        margin-bottom: 20px;
        background-color: #f8f8f8 !important;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .beautification-and-plantation .card p {
        font-size: 15px !important;
    }

    .beautification-and-plantation .card img {
        width: 100%;
        height: 160px;
        object-fit: cover;
    }

    .beautification-and-plantation .card .card-body {
        height: 100% !important;
    }

    .community-market ol li {
        font-size: 15px !important;
        padding: 4px;
    }

    /* .community-market ol li strong{
    font-weight: 800;
  } */
    .community-toilet p {
        font-size: 15px;

    }

    .demolition-waste img {
        width: auto !important;
        height: auto !important;
    }

    .demolition-waste p {
        font-size: 15px;
        margin: 5px !important;
    }

    .about-background ul {
        padding-left: 10px;
        padding-bottom: 10px;

    }

    .about-background ul li {
        list-style-type: disc;
        margin-left: 20px;
    }

    .about-background p {
        font-size: 15px !important;
    }

    .community-marketv ol {
        margin: 0 !important;
    }

    .community-toilet table tbody tr td {
        padding: 20px !important;
    }

    .PlanningArea .card {
        height: 234px !important;
    }

    .authority table tr:nth-child(1) {
        color: #fff !important;
    }

    .authority h5 {
        color: #177f88 !important;
    }

    .authority table td {
        font-weight: 400 !important;
    }

    /* .engineering-running-works ul li::before{
    content: "\f192";
    font-family: "Font Awesome 5 Free";
     font-weight: 700;
     color: #177f88;
     margin-right: 5px;
     font-size: 14px;
   }
   .engineering-running-works ul li{
    list-style-type: ;
   }
    */
    .green-verges-notice img {
        width: 570px;
        height: auto !important;
    }

    .water-test-report p {
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 28px;

    }

    #example_length {
        float: left;
    }

    #example_info {
        float: left;
    }

    #example_paginate {
        margin-top: 20px !important;
    }

    .engineering-completed ul li {
        padding: 4px !important;
    }

    .engineering-running-works ul li {
        padding: 3px !important;
    }

    .adoption-of-new-town-green-verges table td .modal-body img {
        width: 100%;
    }

    .adoption-of-new-town-green-verges table td .modal-body {
        padding-top: 0px !important;
    }

    .adoption-of-new-town-green-verges table td .modal-header {
        border-bottom: none !important;
        padding: 3px 3px !important;
    }

    #arearecord table tbody tr td {
        padding: 15px;
        border-right: 1px solid #dddd;
    }

    #arearecord table thead tr th {
        padding: 15px;
        border-right: 1px solid #dddd;
    }

    #arearecord div a {
        padding: 9px 50px;
        background: #198754;
        color: #fff;
        border-radius: 6px;
    }

    #arearecord div {
        text-align: center;
        margin-top: 32px;
    }

    #arearecord h3 {
        margin-top: 25px;
        font-size: 25px !important;
    }

    .mosquito-repellent p img {
        width: 100%;
    }

    .page_content .container.mosquito-repellent .bg-sky p #collapseExample {
        margin-left: 0px !important;
        cursor: pointer;
    }

    .mosquito-repellent .bg-light {
        /* background-color: #177f88 !important; */
        color: #177f88 !important;
        border: 1px solid #000;
        min-height: 93px !important;
    }

    .mosquito-repellent img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mosquito-repellent .bg-sky a {
        cursor: pointer !important;
        color: #00565e !important;
    }

    .mosquito-repellent .bg-light a {
        color: #fff !important;
    }

    .mosquito-repellent .bk h5 {
        color: #fff !important;
    }

    .last-button a {
        color: #fff !important;
        font-size: 13px !important;
    }

    .last-button img {
        width: 20px !important;
    }

    /* .statutes-regulations .paging_simple_numbers{
    position: absolute;
    right:55px;
    bottom: -91px;
   } */
    /* display: flex;
    justify-content: center; */


    /* Gallery start */

    #photo_gallery.gallery {
        background-image: url("../img/gallery_background1.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        padding: 40px 0;
    }

    .mr-1 {
        margin-right: 5px !important;
    }

    .mr-1 strong p {
        font-size: 16px !important;
    }

    #photo_gallery.gallery .gallery_title h3 {
        color: var(--seagreen);
        font-size: 26px;
        font-weight: 700;
        border-left: 6px solid var(--black);
        margin-bottom: 0;
        line-height: 25px;
        padding-left: 10px;
    }

    #photo_gallery.gallery .gallery_title {
        /* margin-bottom: 30px; */
    }

    #photo_gallery.gallery .gallery_title h5 {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 0;
        color: var(--black);
        text-align: center;
    }

    #photo_gallery.gallery .gallery_desc .nav {
        padding-right: 0;
        justify-content: center;
    }

    #photo_gallery.gallery .gallery_desc .nav .nav-item .nav-link {
        border: 1px solid var(--seagreen);
        color: var(--maroon);
        margin: 0 20px;
        padding: 8px 14px;
        font-size: 16px;
        font-weight: 600;
    }

    #photo_gallery.gallery .gallery_desc .nav .nav-item .nav-link.active {
        background-color: var(--seagreen);
        color: var(--white);
    }

    #photo_gallery.gallery .gallery_desc .photo img {
        width: 100%;
    }

    /* Photo gallery lightbox start */
    #photo_gallery .img-wrapper {
        position: relative;
        margin-top: 24px;
        cursor: pointer;
        border: 5px solid #177f88;
        height: 226px;
    }

    #photo_gallery .img-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .pl-0 {
        padding-left: 0 !important;
    }

    .pr-0 {
        padding-right: 0 !important;
    }

    #photo_gallery .img-overlay {
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
    }

    #photo_gallery .img-overlay i {
        color: #fff;
        font-size: 3em;
    }

    #photo_gallery #overlay {
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 999;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }

    #photo_gallery #overlay img {
        margin: 0;
        width: 60%;
        height: auto;
        object-fit: contain;
        padding: 5%;
    }

    @media screen and (min-width: 768px) {
        #photo_gallery #overlay img {
            width: 40%;
        }
    }

    @media screen and (min-width: 1200px) {
        #photo_gallery #overlay img {
            width: 40%;
        }
    }

    #photo_gallery #nextButton {
        color: #fff;
        font-size: 2em;
        transition: opacity 0.8s;
    }

    #photo_gallery #nextButton:hover {
        opacity: 0.7;
    }

    @media screen and (min-width: 768px) {
        #photo_gallery #nextButton {
            font-size: 3em;
        }
    }

    #photo_gallery #prevButton {
        color: #fff;
        font-size: 2em;
        transition: opacity 0.8s;
    }

    #photo_gallery #prevButton:hover {
        opacity: 0.7;
    }

    @media screen and (min-width: 768px) {
        #photo_gallery #prevButton {
            font-size: 3em;
        }
    }

    #photo_gallery #exitButton {
        color: #fff;
        font-size: 2em;
        transition: opacity 0.8s;
        position: absolute;
        top: 15px;
        right: 15px;
    }

    #photo_gallery #exitButton:hover {
        opacity: 0.7;
    }

    @media screen and (min-width: 768px) {
        #photo_gallery #exitButton {
            font-size: 3em;
        }
    }

    /* Photo gallery lightbox end */

    /* Video gallery lightbox start */
    #video_gallery .modal_custom {
        display: none;
        position: fixed;
        z-index: 9;
        padding-top: 70px;
        left: 50%;
        top: 50%;
        width: 100%;
        height: 100vh;
        overflow: auto;
        background-color: #000000bf;
        transform: translate(-50%, -50%);
    }

    #video_gallery .modal-content_custom {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 0;
        width: 80%;
        max-width: 830px;
        border: 10px solid #fff;
    }

    #video_gallery .close {
        color: white;
        position: absolute;
        top: 10px;
        right: 25px;
        font-size: 35px;
        font-weight: bold;
    }

    #video_gallery .close:hover,
    #video_gallery .close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }

    #video_gallery .mySlides {
        display: none;
        line-height: 0;
    }

    #video_gallery .cursor {
        cursor: pointer;
    }

    #video_gallery .prev,
    #video_gallery .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
    }

    #video_gallery .next {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    #video_gallery .prev:hover,
    #video_gallery .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    #video_gallery .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
    }

    #video_gallery img {
        /* margin-bottom: -4px; */
    }

    #video_gallery .caption-container {
        text-align: center;
        background-color: black;
        padding: 2px 16px;
        color: white;
    }

    #video_gallery .demo {
        opacity: 0.6;
    }

    #video_gallery .active,
    #video_gallery .demo:hover {
        opacity: 1;
    }

    #video_gallery img.hover-shadow {
        transition: 0.3s;
    }

    #video_gallery .hover-shadow:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    #video_gallery .vid-wrapper {
        margin-top: 24px;
        position: relative;
        /* border: 5px solid #177f88; */
    }

    #video_gallery .vid-wrapper iframe {
        border: 5px solid #177F88;
    }

    #video_gallery .vid-wrapper i {
        position: absolute;
        top: 40%;
        left: 45%;
        font-size: 30px;
        color: var(--maroon);
        background-color: var(--white);
        padding: 6px;
        border-radius: 100%;
        border: 1px solid var(--seagreen);
        cursor: pointer;
    }

    .fa-circle-play:before,
    .fa-play-circle:before {
        color: #177f88;
    }

    #video_gallery .vid-wrapper img {
        opacity: 0.9;
    }

    /* Video gallery lightbox end */

    #photo_gallery.gallery .gallery_view_more {
        text-align: center;
        margin-top: 40px;
    }

    #photo_gallery.gallery .gallery_view_more a {
        display: inline-block;
        padding: 10px 30px;
        background-color: var(--seagreen);
        color: var(--white);
        font-size: 14px;
        font-weight: 700;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
    }

    #photo_gallery.gallery .gallery_view_more a i {
        margin-left: 10px;
    }

    hr {
        margin: 6px 0 !important;
    }

    .breadcrumb_section {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .maintenance-of-street-light .card h3 {
        color: #fff;
        text-align: left;
        font-size: 18px !important;
        margin: 0 !important;

    }

    .maintenance-of-street-light .card h4,
    h5 {
        color: #177f88;
    }

    .maintenance-of-street-light .card h4 {
        font-weight: 600;
        font-size: 18px !important;
    }

    .maintenance-of-street-light .card h5 {
        font-size: 17px;
        font-weight: 600;
    }

    .maintenance-of-street-light .card {
        min-height: 361px !important;
    }

    .maintenance-of-street-light .card p {
        margin: 0 !important;
    }

    .maintenance-of-street-light .card {
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
    }

    .maintenance-of-street-light .card .card-body {
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        padding: 1rem 2rem !important;
    }

    .maintenance-of-street-light .card .card-header {
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
        padding: 1rem 2rem !important;
    }

    hr:not([size]) {
        height: 0 !important;
    }

    .email-icon::before {
        content: "\f0e0";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        color: #177f88;
        padding-right: 10px;
    }

    .contact-icon::before {
        content: "\f095";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        color: #177f88;
        padding-right: 10px;
    }

    .man-icon::before {
        content: "\f007";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        color: #177f88;
        padding-right: 10px;
    }

    .date-icon::before {
        content: "\f073";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        color: #177f88;
        padding-right: 10px;
    }

    .Technical-Person .card .card-body p {
        margin: 4px 0 !important;
    }

    .time-icon::before {
        content: "\f017";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        color: #177f88;
        padding-right: 10px;
    }

    .location-icon::before {
        content: "\f3c5";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        color: #177f88;
        padding-right: 10px;
    }

    .bk {
        background: #177f88;
        padding: 15px;
        color: #fff;
        border-left: 5px solid #c1d568;
        text-transform: capitalize;
    }

    .bk h6 {
        margin: 0 !important;
    }

    .Maintenance-of-road p {
        margin: 0 !important;
    }

    .Maintenance-of-road .contact-details {
        min-height: 127px !important;
    }

    .collection-and-disposal-of-solid-waste p {
        margin: 0 !important;
    }

    .collection-and-disposal-of-solid-waste p {
        font-size: 15px !important;
    }

    .collection-and-disposal-of-solid-waste .card .card-body {
        min-height: 122px !important;
        background-color: #177f88;
        color: #fff !important;
    }

    .collection-and-disposal-of-solid-waste .card img {
        height: 267px !important;
    }

    .collection-and-disposal-of-solid-waste .bk {
        /* margin-left: 10px !important; */
    }

    .traffic-signaling-system .card {
        /* background-color: #177f88 !important; */
        /* color: #fff !important; */
        min-height: 316px !important;
        display: flex;
        /* align-items: center; */
        justify-content: center;

        flex-direction: column;
    }

    .traffic-signaling-system p {
        margin: 0 !important;
    }

    /* .Organic-Garden p::before{
    content:"\f0a4";
    font-family: "Font Awesome 5 Free";
    border: 1px solid #177f88;
    padding: 5px;
    border-radius: 50px;
    color: #177f88;
    background: #ffff8f;
    box-shadow: 0px 0px 3px #000;
    margin-right: 10px;
   
} */
    .Organic-Garden h6 a {
        color: #fff !important;
    }

    .Organic-Garden h6 {
        margin-bottom: 4px !important;
    }

    .Organic-Garden h6 a::after {
        content: "\f1c1";
        font-family: "Font Awesome 5 Free";
    }

    .Organic-Garden .contact-details p {
        margin: 2px 0 !important;
    }

    .Organic-Garden .contact-details {
        min-height: 114px !important;
    }

    /* *****************************contact-us page***************************** */
    .contact-wrap {
        background: #e8edf0;
    }

    .nkda-contact-form .under h5:after {
        content: "";
        position: absolute;
        left: 2px;
        bottom: -16px;
        width: 40%;
        height: 8px;
        background-color: var(--black);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-size: 1rem 1rem;
    }

    /* Contact page css */

    .nkda-contact-form label {
        margin-bottom: 12px;
    }

    .nkda-contact-form .form-group {
        padding: 10px;
        padding-left: 0;
    }

    .nkda-contact-form .title h5 {
        font-size: 28px;
        position: relative;
        display: inline-block;
        color: #177f88;
        margin-bottom: 30px;
    }

    .custom-round-btn {

        background-color: #177f88;
    }

    .nkda-contact-form .title h5 span {
        color: var(--blue);
        font-weight: 700;
    }

    .nkda-contact-form .title h5:after {
        content: "";
        position: absolute;
        left: 2px;
        bottom: -16px;
        width: 40%;
        height: 8px;
        background-color: var(--black);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-size: 1rem 1rem;
    }

    .demol-heading-2 {
        background: #177f88;
        color: #fff;
        padding: 5px;
        border-left: 5px solid #c1d568;
    }

    .demol-heading-2 h5 {
        color: #fff;
    }

    #plotpremise1_length {
        float: left;
    }

    #Housing_Complex_length {
        float: left;
    }

    #plotpremise1_info {
        float: left;
    }

    /* #Housing_Complex_filter{
    margin-top: 25px;
} */
    #plotpremise1_paginate {
        margin-top: 20px;
    }

    #Housing_Complex_info {
        float: left;
    }

    #Housing_Complex_paginate {
        margin-top: 20px;
    }

    .dataTables_wrapper table th {
        text-align: left !important;
        font-weight: 400;
    }

    #occupancypartial_length {
        float: left;
    }

    .dataTables_length {
        float: left;
    }

    #occupancyfull_info {
        float: left;
    }

    .dataTables_info {
        float: left;
    }

    #occupancypartial_paginate {
        margin-top: 21px !important;
    }

    #tradelicense_paginate {
        margin-top: 21px !important;
    }

    #occupancyfull_paginate {
        margin-top: 21px !important;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        margin-top: 21px !important;
    }

    .gallery_view_more a {
        display: inline-block;
        padding: 10px 30px;
        background-color: var(--seagreen);
        color: var(--white);
        font-size: 14px;
        font-weight: 700;
        border-radius: 50px;
        -webkit-border-radius: 50px;
    }

    .helpful_info .gallery_view_more {
        margin-top: 15px !important;
        /* margin-left: 20px; */
    }

    .custom-round-btn a {
        display: inline-block;
        padding: 10px 30px;
        background-color: var(--maroon);
        color: var(--white);
        font-size: 14px;
        font-weight: 700;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
    }

    .custom-round-btn input[type="submit"] {
        display: inline-block;
        padding: 10px 40px 10px 30px;
        background-color: var(--maroon);
        color: var(--white);
        font-size: 14px;
        font-weight: 700;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border: none;
    }

    .custom-round-btn {
        position: relative;
    }

    .custom-round-btn-icon {
        position: absolute;
        top: 12px;
        right: 15px;
        color: #fff;
    }



    .contact-wrap {
        background: #e8edf0;
    }

    .dbox p {
        margin-bottom: 0;
        font-size: 18px;
    }

    .dbox p span {
        font-weight: 500;
        color: #000;
    }

    .dbox p a {
        color: #177f88;
    }

    .dbox .icon {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #177f88;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .dbox .icon span {
        font-size: 24px;
        color: #fff;
    }

    .dbox .text {
        width: 100%;
        font-size: 20px;
    }

    .contactForm .form-control {
        border: none;
    }


    #contactForm .error {
        color: red;
        font-size: 12px;
    }

    #message {
        resize: vertical;
    }

    #form-message-warning,
    #form-message-success {
        display: none;
    }

    #form-message-warning {
        color: red;
    }

    #form-message-success {
        color: #28a745;
        font-size: 18px;
        font-weight: 500;
    }

    .submitting {
        float: left;
        width: 100%;
        padding: 10px 0;
        display: none;
        font-size: 16px;
        font-weight: 500;
        color: #2553b8;
    }

    /*Address Section area */

    .address-sec {
        margin: 45px 0;
    }

    .address-sec h4 {
        font-weight: 700;
        color: var(--blue);
        margin-bottom: 30px;
    }

    .contact-details {
        background-color: #fef9f9;
        text-align: left;
        box-shadow: 0px 0px 8px #cbcbcb;
        padding: 15px 15px;
        margin-bottom: 20px;
        width: 94%;
        min-height: 162px;
    }

    #contact-map {
        padding-top: 45px;
    }

    .parent-area {
        display: flex;
        align-items: center;
    }

    .others-info p {
        margin-bottom: 0;
    }

    b {
        color: #223169;
        font-weight: 700;
    }

    .image-person img {
        min-height: 147px;
    }

    .b_tag b {
        display: inline-block;
        width: 300px;
    }

    .others-info .fa-phone {
        margin-right: 5px;
    }

    .others-info .fa-envelope {
        margin-right: 5px;
    }

    .mosquito-repellent-activity-undertaken-by-nkda .hvr-float-shadow .others-info {
        border: 1px dotted#177f88 !important;
        padding: 6px !important;

    }

    .mosquito-repellent-activity-undertaken-by-nkda .hvr-float-shadow.contact-details .others-info {
        min-height: 240px !important;
    }

    .mosquito-repellent-activity-undertaken-by-nkda .hvr-float-shadow .others-info ul {
        padding-left: 20px;
        list-style-type: disclosure-closed;
    }

    .mosquito-repellent-activity-undertaken-by-nkda .hvr-float-shadow .others-info .Gated-Housing p {
        font-size: 14px !important;
    }

    .mosquito-repellent-activity-undertaken-by-nkda .hvr-float-shadow .others-info .Gated-Housing h6 {
        position: relative;
    }

    .mosquito-repellent-activity-undertaken-by-nkda .hvr-float-shadow .others-info .Gated-Housing h6::before {
        content: "";
        height: 2px;
        width: 117px;
        color: #00565e;
        position: absolute;
        background-color: #00565e;
        bottom: -3px;
    }

    .mosquito-repellent-activity-undertaken-by-nkda .hvr-float-shadow .others-info .Gated-Housing-1 h6 {
        position: relative;
    }

    .mosquito-repellent-activity-undertaken-by-nkda .hvr-float-shadow .others-info .Gated-Housing-1 h6::before {
        content: "";
        height: 2px;
        width: 83px;
        color: #00565e;
        position: absolute;
        background-color: #00565e;
        bottom: -3px;
    }

    .mosquito-repellent-activity-undertaken-by-nkda .hvr-float-shadow .others-info ul::marker {
        color: #177f88;
    }

    .mosquito-repellent-activity-undertaken-by-nkda .d-f .contact-details {
        width: 100% !important;
        /* min-height: 252px; */
    }

    .post h5 {
        font-size: 16px;
        color: #177f88;
        font-weight: 700;
    }

    .others-info {
        font-size: 14px;
    }

    body.dark-theme .contact-details {
        background-color: #9c9595;
    }

    body.dark-theme .contact-wrap.w-100.p-md-5.p-4 {
        background-color: #000;
        border: 1px solid #223169;
    }

    @media only screen and (max-width: 1399px) {
        .image-person img {
            min-height: 147px;
        }

        .contact-details {
            min-height: 145px;
        }

        #v-pills-tab2 {
            margin-right: 0 !important;
        }

        .locate_nearby_desc .nav-link i {
            margin-right: 0;
        }

        .locate_nearby_desc .nav-link {
            font-size: 13px;
            line-height: 17px;
        }

        .locate_nearby_desc .nav-link i {
            right: 5px;
        }
    }

    /* >>>>>>>>>>>>>>>>>>>>card>>>>>>>>>>>>>>>>>>>>>>>> */

    .contact-details {
        background-color: #fef9f9;
        text-align: left;
        box-shadow: 0px 0px 8px #cbcbcb;
        padding: 15px 15px;
        margin-bottom: 20px;
        /* width: 94%; */
        min-height: 183px;
    }

    .deptshow .contact-details {
        width: 100%;
        height: 100%;
        min-height: auto;
        padding: 10px;
    }

    .deptshow h6 {
        font-size: 14px;
    }


    /* Zoom In #1 */
    /* .hover01 img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
    overflow: hidden;
}
.hover01:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
} */
    /* .collection-and-disposal-of-solid-waste .row{
    --bs-gutter-x:0 !important;
} */
    /* Gallery end */


    /* ***************************************************************end*************************************************************************** */


    /* Responsive */
    @media only screen and (max-width: 768px) {
        .top-header .right .right-first {
            padding-right: 0 !important;
        }

        .top-header .right .right-second {
            padding: 0px !important;
        }

        .right-third {
            padding: 0px;

        }

        .top-header .right .social ul li i {
            font-size: 16px !important;
        }

        .top-header .right .social ul li {
            padding-left: 4px !important;
            padding-right: 0 !important;
        }

        .top-header .right a {
            font-size: 12px !important;
            font-weight: 500 !important;
        }

        .top-header .right span {
            font-size: 12px !important;
            font-weight: 500 !important;
        }

        .top-header .right .right-second button {
            margin-left: 0px !important;
        }

        .top-header .right .right-forth button {
            font-weight: 500 !important;
        }

        .right-forth {
            padding: 0 !important;
        }

        .top-header .right .right-fifth {
            justify-content: center;
        }

        .middle-header .left {
            justify-content: center;
        }

        .middle-header .right {
            /* margin-top: 20px !important; */
        }

        .middle-header .right .search input {
            font-size: 11px !important;
        }

        .middle-header .right .air_quality {
            margin: 0px !important;
        }

        .top-header .left {
            display: none !important;
        }

        .top-header {
            padding: 4px;
        }

        .top-header .right .right-fifth {
            padding-left: 0px !important;
        }

        .helpful_info .helpful_info_desc .nav-tabs .nav-link span {
            font-size: 10px !important;
            margin-top: 14%;
        }

        .news_section .left {
            width: 30% !important;
        }

        .adoption-of-new-town-green-verges table tr td:nth-child(4)::before {
            top: 15% !important;
        }
    }






    @media only screen and (max-width: 1024px) {
        .middle-header .left .logo_desc h2 {
            font-size: 20px !important;
        }

        .middle-header .right .air_quality a {
            font-size: 12px !important;
        }

        .top-header .right .right-fifth {
            padding: 0 !important;
        }

        .helpful_info .helpful_info_desc .nav-tabs .nav-link span {
            margin-top: 10%;
            font-size: 14px;
        }

    }

    @media only screen and (max-width: 1366px) {
        .new-town-towards-a-zero-waste-city .card .t-img-2 {
            width: 59% !important;
        }
    }


    .yellow-card a {
        color: #000 !important;
    }

    .blue-card a {
        color: #000 !important;
    }

    .scroll-slider {
        height: 250px;
        overflow: auto;
    }

    .fixTableHead::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #177f88;
        background-color: #F5F5F5;

    }

    .fixTableHead::-webkit-scrollbar {
        width: 7px;
        background-color: #F5F5F5;
        border-radius: 15%;
    }

    .fixTableHead::-webkit-scrollbar-thumb {
        background-color: #177f88;
        border: 2px solid #177f88;

    }

    .deptshow .Gated-Housing p::-webkit-scrollbar-track,
    .deptshow ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #177f88;
        background-color: #F5F5F5;

    }

    .deptshow .Gated-Housing p::-webkit-scrollbar,
    .deptshow ul::-webkit-scrollbar {
        width: 7px;
        background-color: #F5F5F5;
        border-radius: 15%;
    }

    .deptshow .Gated-Housing p::-webkit-scrollbar-thumb,
    .deptshow ul::-webkit-scrollbar-thumb {
        background-color: #177f88;
        border: 2px solid #177f88;

    }

    .new-tab-open {
        cursor: pointer;
    }

    .pay-for-your-booking .card {
        width: 70%;
    }

    .adoption-of-new-town-green-verges table tr td:nth-child(4) {
        position: relative;
    }

    .adoption-of-new-town-green-verges table tr td:nth-child(4)::before {
        content: "\f3c5";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 18px;
        color: #00565e;
        cursor: pointer;
    }

    /* .adoption-of-new-town-green-verges table tr td:nth-child(5){
    position: relative;
} */
    /* .adoption-of-new-town-green-verges table tr td{
    content: "\f03e";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 18px;
    color: #00565e;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
} */
    .adoption-of-new-town-green-verges table tr td img {
        width: 20px;
        height: 20px;
    }

    .adoption-of-new-town-green-verges table tr td p {
        margin-bottom: 0 !important;
    }

    .enrollment-of-technical-person .bg-skyblue.card.mt-3 a {
        color: #fff !important;
    }

    .location-img {
        z-index: 999999;
        position: relative;
    }

    /***************************************************************************************** Responsive Small device *************************************************************************************************************************************/



    @media only screen and (max-width: 500px) {
        .pay-for-your-booking .card {
            width: 100%;
        }

        .top-header .right .right-second,
        .right-third,
        .right-forth {
            padding: 0 0px !important;
        }

        .Enrollment-of-Technical-Person2.container .row {
            --bs-gutter-x: 0 !important;
        }

        .av-auto {
            overflow: auto;
        }

        .down-user-man2 {

            align-items: flex-start;
            margin-top: 2rem !important;

        }

        #occpancy .flow-chat {
            margin-bottom: 25px;
        }

        #building_plan .flow-chat-next {
            padding: 20px !important;
        }

        .page_title h2 {
            font-size: 20px !important;
        }

        .page_sec-title h2 {
            font-size: 20px !important;
        }

        #water-connection .page_sec-title2:first-child h2 {
            font-size: 20px !important;
        }

        .purple-card span {
            font-size: 16px !important;
        }

        .yellow-card span {
            font-size: 16px !important;
        }

        .blue-card span {
            font-size: 16px !important;
        }

        .breadcrumb {
            display: none !important;
        }

        .new-town-towards-a-zero-waste-city .card {
            flex-direction: column !important;
        }

        .new-town-towards-a-zero-waste-city .card .t-img {
            width: 100% !important;
        }

        .time-line {
            padding: 15px !important;
        }

        .adoption-of-new-town-green-verges .mt-3.p-0.page_sec-title.row {
            overflow: auto !important;
            width: 100% !important;
        }

        .map_address .address {
            position: relative !important;
            width: 100% !important;
            right: 0 !important;
            margin: 15px 0px !important;
        }

        #ss {
            text-align: center;
        }

        .bg-deep-blue.card.example2.mycustomlink.p-3 {
            margin-top: 10px !important;
        }

        #myTab {
            margin-top: 15px !important;
        }

        .building-plan-sanction .center-img img {
            width: 100% !important;
            padding: 10px;
        }

        .assessment-and-property-tax .av-auto {
            overflow: auto !important;
        }

        /* .row{
        --bs-gutter-x: 0 !important;
    } */
        .page_sec-title {
            margin-top: 15px !important;
        }

        .Hierarchy img {
            width: 100%;
        }

        .garden-pic-2 img {

            object-fit: contain !important;
            height: auto !important;
        }

        .ag-courses_box {
            margin-bottom: 10px !important;
        }

        .video-popup.show-video .iframe-wrapper iframe {
            width: 334px !important;

        }

        .Population.bg-shadow.blue-card.card {
            margin-top: 1.5rem;
        }

        .navbar-nav.p-3.p-md-0.menu-main-list {
            overflow: auto !important;
            max-height: 50vh !important;
        }

        .middle-header .right .search button {
            padding: 5px 10px !important;
        }

        .breadcrumb a {
            font-size: 10px !important;
        }

        #water-connection .Enlistment-of-Trade2 .flow-chat-next {
            margin-top: 20px !important;
        }

        .middle-header .right .search input {
            padding: 10px 20px !important;
        }

        .middle-header .right .search input {
            font-size: 10px !important;
        }

        .d-ms-none {
            display: none !important;
        }

        .top-header .right .social ul li {
            padding-left: 0 !important;
        }

        .middle-header .right {
            margin-top: 0px !important;
        }

        .top-header .left {
            display: block !important;
        }

        .top-header .right .right-fifth {
            padding-left: 0 !important;

        }

        .top-header .right .right-first {
            padding-right: 0;
            display: none;
        }

        .right a {
            font-size: 10px !important;
        }

        .right .none {
            display: none !important;
        }

        .right-second {
            border-right: 1px solid #000;
        }

        .right-second span {
            display: none;
        }

        .right-forth {
            border-right: 0px;
        }

        .right-third {
            margin-top: 10px;
            display: none;
        }

        .right-forth {
            /* margin-top: 10px; */
            border-right: 1px solid #000;
        }

        .right-fifth {
            /* margin-top: 10px; */
        }

        .middle-header .left {
            justify-content: center;
            flex-wrap: wrap;
        }

        .iconn img {
            width: 90px !important
        }

        .helpful_info .helpful_info_desc .nav-tabs .nav-item {
            width: 100%;
        }

        .helpful_info .helpful_info_desc .nav-tabs .nav-link.active {
            border-left: 0;
            border-right: 0;
        }

        .helpful_info .helpful_info_desc .nav-tabs .nav-link {
            border-left: 0;
            border-right: 0;
            margin-bottom: 5px !important;
        }

        .helpful_info .helpful_info_desc .nav-tabs .nav-link:first-child {
            margin-left: 0 !important;
        }

        .helpful_info .helpful_info_desc .nav-tabs .nav-link span {
            margin-top: 3%;
        }

        .news_section .left {
            width: 46% !important;
        }

        .news_section .left h3 {
            font-size: 13px;
        }

        .top_footer .left .links ul li {
            padding-left: 29px;
        }


        .middle-header .right .search {
            margin-right: 0px !important;
            margin-top: 20px !important;
        }

        .middle-header .right .air_quality {

            margin-right: 0px !important;
            margin-top: 20px !important;
            text-align: center;
        }

        .middle-header .right .social {
            margin-top: 20px !important;
            justify-content: end !important;
            display: none !important;
        }

        .fa-twitter:before {
            font-size: 20px !important;
            margin: 10px;
        }

        .fa-facebook:before {
            font-size: 20px !important;
            margin: 10px;
        }

        .fa-instagram:before {
            font-size: 20px !important;
            margin: 10px;
        }

        .top-header .d-none {
            display: block !important;
        }

        .fa-facebook {
            color: #3b5998 !important;
        }

        .fa-twitter {
            color: #1DA1F2 !important;
        }

        .fa-instagram {
            color: #962fbf !important;
        }

        /*
    
    .top-header .right .right-first{
        padding-left: 0;
        text-align: center;
    } */
    }

    /* End-Responsive-small-device(AYAN) */


    .ag-courses_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    }

    .ag-courses_item {
        min-width: 100%;
        -ms-flex-preferred-size: calc(33.33333% - 30px);
        flex-basis: calc(33.33333% - 30px);

        /* margin: 0 15px 30px; */

        overflow: hidden;

        border-radius: 28px;
    }

    .ag-courses-item_link:hover {
        color: #ffff !important;
    }

    .ag-courses-item_link {
        display: block;
        padding: 30px 20px;
        background-color: #faebd7;

        overflow: hidden;

        position: relative;
    }

    .ag-courses-item_link:hover .ag-courses-item_title a {
        text-decoration: none;
        color: #FFF;
    }

    .ag-courses-item_link:hover .ag-courses-item_bg {
        -webkit-transform: scale(10);
        -ms-transform: scale(10);
        transform: scale(10);

    }

    .ag-courses-item_title {
        /* min-height: 87px;
            margin: 0 0 25px; */
        min-height: 72px;
        overflow: hidden;
        display: flex;
        align-items: center;
        font-weight: bold;
        /* font-size: 30px; */
        color: #FFF;

        z-index: 2;
        position: relative;
    }

    .ag-courses-item_title a {
        font-size: 15px !important;
        font-weight: initial !important;
        color: #000;
        transition: 0.4s;
    }

    /* .ag-courses-item_title a::after{
            content: "\f25a";
            font-family: "Font Awesome 5 Free";
           font-weight: 700;
           color: #177f88;
          padding-right: 10px;
          } */

    .ag-courses-item_date-box {
        font-size: 18px;
        color: #FFF;

        z-index: 2;
        position: relative;
    }

    .ag-courses-item_date {
        font-weight: bold;
        color: #177f88;

        -webkit-transition: color .5s ease;
        -o-transition: color .5s ease;
        transition: color .5s ease
    }

    .ag-courses-item_bg {
        height: 110px;
        width: 110px;
        background-color: #177f88;

        z-index: 1;
        position: absolute;
        top: -75px;
        right: -75px;

        border-radius: 50%;

        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .ag-courses_item:nth-child(2n) .ag-courses-item_bg {
        background-color: #3ecd5e;
    }

    .ag-courses_item:nth-child(3n) .ag-courses-item_bg {
        background-color: #e44002;
    }

    .ag-courses_item:nth-child(4n) .ag-courses-item_bg {
        background-color: #952aff;
    }

    .ag-courses_item:nth-child(5n) .ag-courses-item_bg {
        background-color: #cd3e94;
    }

    .ag-courses_item:nth-child(6n) .ag-courses-item_bg {
        background-color: #4c49ea;
    }

    .d-k {
        display: flex;
        justify-content: center;
        align-items: center;
    }


    @media only screen and (max-width: 979px) {
        .ag-courses_item {
            -ms-flex-preferred-size: calc(50% - 30px);
            flex-basis: calc(50% - 30px);
        }

        .ag-courses-item_title {
            font-size: 24px;
        }
    }

    @media only screen and (max-width: 767px) {
        .ag-format-container {
            width: 96%;
        }

        .search_button .toll-free {
            /* display: none !important; */
        }

        .pet-dog .bottom-card-section2.card-section.col-12.col-lg-6.col-md-6 {
            margin-top: 40px;
        }

        .pet-dog .mt-5.row {
            margin-top: 30px !important;
        }

        .button .contact-us-btn {
            padding: 7px 3px !important;
        }

    }

    @media only screen and (max-width: 639px) {
        .ag-courses_item {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        }

        .ag-courses-item_title {
            min-height: 72px;
            line-height: 1;

            font-size: 24px;
        }

        .ag-courses-item_link {
            padding: 22px 40px;
            margin-bottom: 15px !important;
        }

        .ag-courses-item_date-box {
            font-size: 16px;
        }
    }




    /* .top-header .right .social {
            display: flex;
            align-items: center;
        } */
    .top-header .right .social ul li:first-child a {
        color: #3b5998;
    }

    .top-header .right .social ul li:nth-child(2) a {
        color: #1DA1F2;
    }

    .top-header .right .social ul li:nth-child(3) a {
        color: #962fbf;
    }

    .top-header .right .social ul li i {
        font-size: 20px !important;
    }

    .top-header .right .social ul li {
        padding-left: 26PX !important;
    }

    /* .top-header .right .col-lg-3{
            width: 18% !important;
        } */
    @media only screen and (max-width: 768px) {
        .top-header .right .social ul li {
            padding-left: 20PX !important;
        }
    }

    @media only screen and (max-width: 500px) {
        .top-header .right .social ul li {
            padding-left: 0 !important;
        }

        #photo_gallery.gallery .gallery_desc .nav .nav-item .nav-link {
            margin-top: 15px;
        }

        .mosquito-repellent img {
            margin-bottom: 10px !important;
        }

        div.dataTables_wrapper div.dataTables_length,
        div.dataTables_wrapper div.dataTables_filter,
        div.dataTables_wrapper div.dataTables_info,
        div.dataTables_wrapper div.dataTables_paginate {
            text-align: center;
            width: 100%;
            padding-bottom: 10px;
        }

        #sanctonRule_wrapper {
            overflow: auto;
            width: 100%;
        }

        .dataTables_info {
            display: contents;
        }

        #water-connection .flow-chat-next {
            margin-top: 14px;
        }

        #water-connection .time-line {
            padding: 23px 19px !important;
        }

        #water-connection .time-line-det {
            margin-top: 10px !important;
            padding: 15px !important;
        }
    }


    /* birth-day-section */

    .Birth-Death-Registratio2 .Birth-Death {
        position: relative;
    }

    .Birth-Death-Registratio2 .Birth-Death img {
        width: 100% !important;
    }

    .Birth-Death-Registratio2 .downlod-user {
        width: 543px;
        height: 76px;
        background-color: #177f88;
        position: absolute;
        left: 0;
        bottom: 0;
        box-shadow: 0px -3px 9px rgba(0, 0, 0, 0.25);
    }

    .Birth-Death-Registratio2 .downlod-user h4 {
        color: #fff;
        padding-left: 10px !important;
        text-decoration: none !important;
    }

    .Birth-Death-Registratio2 .downlod-user a {
        text-decoration: none !important;
    }

    .Birth-Death-Registratio2 .downlod-user::after {
        content: "";
        background-color: #177f88;
        width: 150px;
        height: 76px;
        position: absolute;
        right: -63px;
        transform: skew(55deg, 0deg);

        bottom: 0;
        box-shadow: 5px 0px 1px 0px rgba(0, 0, 0, 0.25);
    }

    .Birth-Death-Registratio2 .Download-User-Manual {
        position: relative;
        top: 27%;
    }

    .Birth-Death-Registratio2 .registration-of-BIRTH p {
        font-size: 20px !important;
        font-weight: 500;
        color: #000 !important;

    }

    .registration-of-BIRTH p {
        font-size: 25px !important;
        font-weight: 500;
        color: #000 !important;

    }

    .Birth-Death-Registratio2 a {
        color: #000 !important;
    }

    .Birth-Death-Registratio2 .Download-User-Manual a {
        color: #fff !important;
    }

    .Birth-Death-Registratio2 .Birth-Death-contact h3 {
        color: #177F88;
        font-weight: 700 !important;
        font-size: 24px !important;

    }

    .Birth-Death-Registratio2 .Birth-Death-contact p {
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #000 !important;
    }

    .Birth-Death-Registratio2 .cc {
        position: relative;

    }

    .Birth-Death-Registratio2 .cc p {
        padding-left: 24px;
    }

    .Birth-Death-Registratio2 .cc p::before {
        content: "";
        width: 10px;
        height: 10px;
        background-color: #000;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 5px;
        margin-left: 12px;
    }



    /* end-birth-day-section */

    /* water-connction */
    #water-connection .flow-chat-next {
        border: 1px solid #177f88;
    }

    /* water-connction-end */

    /* .assessment-and-property-tax-2 */
    .assessment-and-property-tax-2 .card {
        min-height: 125px;
        background-color: #00A5E3 !important;
        /* padding: 37px !important; */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .assessment-and-property-tax-2 {
        background-image: url(https://nkda.websteptech.co.uk/storage/files/microsoftteams-image-20.png);
        /* min-height: 100vh; */
        background-repeat: no-repeat;
        background-size: cover;
        padding: 70px !important;
    }

    .assessment-and-property-tax-2 a {
        color: #000 !important;
        text-decoration: none !important;
    }

    .assessment-and-property-tax-2 h5 {
        color: #000 !important;
    }

    /* .assessment-and-property-tax-2 */

    .example2 {
        cursor: pointer;
    }

    .right .air_quality a {
        font-size: 13px;
        font-weight: 700;
        border: 2px solid yellow;
        padding: 6px 8px;
        background-color: transparent;
        color: yellow;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        /* margin-left: 30px; */
    }

    /* @media (max-width: 991px) {
  .tab-content>.tab-pane {
    display: block;
    opacity: 1;
  }
} */

    .nav-item .contact-tab1.active {
        background: #177f88 !important;
        color: #fff !important;
    }

    .nav-item .contact-tab1 {
        border: 1px solid #177f88 !important;
        color: #000 !important;
        padding: 10px 40px;
    }

    .details h6 {
        margin-top: 10px;
    }



    .details h6 a {
        color: yellow !important;
    }



    .details h6 a:hover {
        color: #fff !important;
    }

    .jconfirm-title {
        color: #177F88 !important;
    }




    /* ******************** AYAN KUMAR JANA ************************************** */

    /* Homepage banner slider caption start */
    #carouselExampleIndicators .carousel-item .container {
        display: none;
    }

    .carousel-item {
        transition: transform .7s ease-in-out;
    }

    #carouselExampleIndicators .carousel-item .bannertext {
        position: absolute;
        bottom: -40px;
        font-size: 25px !important;
        text-transform: uppercase;
        color: #ffff8f;
        background-color: #000000b5;
        padding: 0px 15px;
        margin-bottom: 0;
        text-shadow: 2px 2px #000;
        animation: fadeInDown 0.2s both;
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0.5;
        }

        100% {
            opacity: 0;
        }
    }

    #carouselExampleIndicators .carousel-item.active .bannertext {
        animation: fadeInUp 0.9s both 0.9s;
    }

    @keyframes fadeInUp {
        from {
            transform: translate3d(0, 40px, 0)
        }

        to {
            transform: translate3d(0, -100px, 0);
            opacity: 1
        }
    }

    @media only screen and (max-width: 1399px) {
        #carouselExampleIndicators .carousel-item .bannertext {
            font-size: 21px !important;
        }
    }

    /* Homepage banner slider caption end */

    /* DARK-THEME */
    body.dark-theme h2 {
        color: #ffff !important;
    }

    body.dark-theme h3 {
        color: #ffff !important;
    }

    body.dark-theme .yellow-card {
        background-color: #9c9595 !important;
    }

    body.dark-theme .allot_stall {
        background-color: #675d5d !important;
    }

    body.dark-theme .flow-chat-next {
        background: #675d5d;
    }

    body.dark-theme .page_sec-title h2 {
        border-left: 6px solid #ffff !important;
    }

    body.dark-theme .blue-card {
        background-color: #9c9595 !important;
    }

    body.dark-theme .accordion .accordion-item {
        border-color: #ffff00;
    }

    body.dark-theme .page_sec-title2 h2 {
        border-left: 6px solid #ffff;
    }

    body.dark-theme .fa-house:before {
        color: #ffff !important;
    }

    body.dark-theme .Birth-Death-contact p {
        color: #ffff00 !important;
    }

    body.dark-theme .Birth-Death-Registratio2 .downlod-user {
        background-color: #9c9595 !important;
    }

    body.dark-theme .Birth-Death-Registratio2 .downlod-user::after {
        background-color: #9c9595 !important;
    }

    body.dark-theme .Birth-Death-Registratio2 .Birth-Death-contact h3 {
        border-left: 6px solid #ffff !important;
        color: #ffff !important;
    }

    body.dark-theme .Birth-Death-Registratio2 a {
        color: #ffff !important;
    }

    body.dark-theme #Assessment-Property .flow-chat-next {
        border: 1px solid #ffff00;
    }

    body.dark-theme .accordion-button:not(.collapsed) {
        color: #ffff00 !important;
    }

    body.dark-theme #water-connection .time-line-det h6 {
        color: #ffff !important;
    }

    body.dark-theme #water-connection .enlist-plum h4 {
        color: #ffff !important;
    }

    body.dark-theme .page_title h2 {
        border-left: 6px solid #ffff !important;
        color: #ffff !important;
    }

    body.dark-theme #Assessment-Property #nav-tab .nav-link {
        border: 1px solid #ff0 !important;
    }

    body.dark-theme #Assessment-Property .mt-5.row.tabb .col-12 {
        border: 1px solid #ff0 !important;
    }

    .b-t {
        background: #f8f8f8;
    }

    body.dark-theme #Assessment-Property #nav-tab .nav-link.active {
        background-color: #675d5d !important;
        border-bottom: 1px solid #675d5d !important;
        border-top: 1px solid #675d5d !important;
    }

    body.dark-theme .bg-sky-new {
        background-color: #9c9595 !important;
    }

    body.dark-them .maintenance-of-street-light .card {
        border: 1px solid #ff0 !important;
    }

    body.dark-them .maintenance-of-street-light .related-notice::before {
        color: #ffff00 !important;
    }

    body.dark-them .advertisement2 {
        background: #675d5d !important;
    }

    body.dark-theme .navbar-nav li a {
        color: #ffff00 !important;
    }

    body.dark-theme .dropdown-menu {
        background-color: #000 !important;
    }

    body.dark-theme .navbar-nav li a:hover {
        color: #000 !important;
    }

    body.dark-theme .gallery_view_more a {
        background-color: #808080 !important;
    }

    body.dark-theme .accordion-body {
        background-color: #000 !important;
    }

    body.dark-theme .accordion-button:not(.collapsed) {
        background-color: #808080 !important;
    }

    body.dark-theme .helpful_info {
        background-color: #9c9595 !important;
    }

    body.dark-theme .accordion-button {
        background-color: #9c9595 !important;
    }

    body.dark-theme #photo_gallery.gallery {
        filter: invert(1);
    }

    body.dark-theme #photo_gallery.gallery .container {
        filter: invert(1);
    }

    body.dark-theme #photo_gallery.gallery .gallery_title h3 {
        border-left: 6px solid #ffff !important;
    }

    body.dark-theme #photo_gallery.gallery .gallery_view_more a {
        color: #ffff00 !important;
        /* filter: invert(1); */
    }

    body.dark-theme #photo_gallery #overlay {
        filter: invert(1);
    }

    body.dark-theme body.dark-theme .gallery {
        border: none !important;
    }

    body.dark-theme .our_partner_logo {
        background-color: #9c9595 !important;
    }

    body.dark-theme #photo_gallery.gallery .gallery_desc .nav .nav-item .nav-link.active {
        background-color: #9c9595 !important;
    }

    body.dark-theme #photo_gallery.gallery .gallery_desc .nav .nav-item .nav-link {
        border: 1px solid #9c9595;
    }

    body.dark-theme #photo_gallery.gallery .fa-circle-play:before,
    .fa-play-circle:before {
        color: #ffff00 !important;
    }

    body.dark-theme #photo_gallery .img-wrapper {
        border: 5px solid #ffff00;
    }

    body.dark-theme #video_gallery .vid-wrapper {
        border: 5px solid #ffff00;
    }

    body.dark-theme #video_gallery .vid-wrapper {
        border: 1px solid #000 !important;
    }

    body.dark-theme .bg-sky {
        background-color: #000 !important;
    }

    body.dark-theme .about-background h6 {
        background-color: #9c9595 !important;
        border-left: 5px solid #ffff00;
    }

    body.dark-theme .demol-heading-2 {
        background-color: #9c9595 !important;
    }

    body.dark-theme .bk {
        background-color: #9c9595 !important;
    }

    body.dark-theme .man-icon::before {
        color: #ffff00;
    }

    body.dark-theme .contact-icon::before {
        color: #ffff00;
    }

    body.dark-theme .Organic-Garden h6 a {
        color: #ffff00 !important;
    }

    body.dark-theme .ag-courses-item_link {
        background-color: #9c9595 !important;
    }

    body.dark-theme .ag-courses-item_bg {
        background-color: #93935d !important;
    }

    body.dark-theme .Mosquito h4 {
        color: #ffff00 !important;
        background-color: #000 !important;
    }

    body.dark-theme #button {
        background-color: #ffff00 !important;
    }

    body.dark-theme .email-icon::before {
        color: #ffff00 !important;
    }

    body.dark-theme #button::after {
        color: #000 !important;
    }

    body.dark-theme.date-icon::before {
        color: #ffff00 !important;
    }

    body.dark-theme .location-icon::before {
        color: #ffff00 !important;
    }

    body.dark-theme .time-icon::before {
        color: #ffff00 !important;
    }

    body.dark-theme .date-icon::before {
        color: #ffff00 !important;
    }

    body.dark-theme .charge-details {
        background-color: #9c9595;
    }

    body.dark-theme .charge-details .charge-rate {
        background-color: #000 !important;
        border: 5px solid #ffff00;
    }

    body.dark-theme .charge-rate::before {
        color: #ffff00 !important;
    }

    body.dark-theme .pet-dog h4 {
        background-color: #9c9595 !important;
    }

    body.dark-theme .pet-location-details {
        border-top: 2px solid #ffff00;
    }

    body.dark-theme .new-town-towards-a-zero-waste-city .container .t-h h4 {
        background: #000 !important;
    }

    body.dark-theme .new-town-towards-a-zero-waste-city .card .t-img {
        background-color: #000 !important;
    }

    body.dark-theme .date-section h4 {
        background-color: #ffff00 !important;
    }

    body.dark-theme .page_content .downlod-img p a::before {
        color: #ffff00 !important;
    }

    body.dark-theme .water-test-report p {
        color: #ffff00 !important;
    }

    body.dark-theme .contact-details {
        border: 1px solid #FFFF00 !important;
    }

    body.dark-theme .maintenance-of-street-light .card .card-body {
        background-color: #000 !important;
    }

    /* body.dark-theme .page_content h2 {
    background-color: #9c9595 !important;
} */
    body.dark-theme thead {
        background-color: #9c9595 !important;
    }

    body.dark-theme .time-line {
        background-color: #675d5d !important;
    }

    body.dark-theme .time-line h4 {
        color: #ffff00 !important;
    }

    body.dark-theme #building_plan .card-section a {
        color: #ffff00 !important;
    }

    body.dark-theme .Enlistment-of-Trade2 .card-section.bottom-card-section .card {
        background-color: #9c9595 !important;
    }

    body.dark-theme #occpancy .flow-chat-next {
        background-color: #675d5d !important;
    }

    body.dark-theme #occpancy .water-connection span {
        color: #ffff00 !important;
    }

    body.dark-theme .demolition-waste-Procedure {
        background-color: #675d5d !important;
        border: 1px solid #ff0 !important;
    }

    body.dark-theme .Enlistment-of-Trade2 .card-section.bottom-card-section2 .card {
        background-color: #9c9595 !important;
    }

    body.dark-theme #occpancy .flow-chat-next {
        border: #ffff00 !important;
    }

    body.dark-theme #water-connection .Ferrule-size .table {
        border-color: #ff0 !important;
    }

    body.dark-theme #water-connection .Ferrule-size .table thead tr td {
        background-color: #675d5d !important;
    }

    body.dark-theme #water-connection .water-connection span {
        color: #ffff00 !important;
    }

    body.dark-theme .jconfirm .jconfirm-box {
        background-color: #675d5d !important;
    }

    body.dark-theme .jconfirm-buttons .btn:nth-child(1) {
        background-color: #ffff00 !important;
        color: #000 !important;
    }

    body.dark-theme .jconfirm-box {
        border-left: 8px solid #ffff !important;
    }

    body.dark-theme .jconfirm-title {
        color: #ffff !important;
    }

    body.dark-theme #water-connection .flow-chat-next {
        background-color: #675d5d !important;
        border: 1px solid #ff0 !important;
    }

    body.dark-theme .purple-card {
        background-color: #9c9595 !important;
    }

    body.dark-theme #building_plan .water-connection span {
        color: #ffff00 !important;
    }

    body.dark-theme .collection-and-disposal-of-solid-waste .card .card-body {
        background-color: #9c9595 !important;
    }

    body.dark-theme .bg-sk {
        background-color: #000 !important;
    }

    body.dark-theme .parks-and-gardens .card-park .box2 h5 {
        background-color: #9c9595 !important;
    }

    body.dark-theme .parks-and-gardens .card-park .box2 {
        background-color: #9c9595 !important;
    }

    body.dark-theme .park-garden-address {
        background-color: #000 !important;
    }

    body.dark-theme .traffic-signaling-system .bg-sky {
        border: 1px dotted #ffff00 !important;
    }

    body.dark-theme .beautification-and-plantation .card {
        background-color: #9c9595 !important;
    }

    body.dark-theme .community-toilet .bg-sk .community-toilet-det {
        background-color: #000 !important;
    }

    body.dark-theme .community-toilet .card .card-header.bg-sky-new .card-body {
        background-color: #000 !important;
    }

    body.dark-theme .address-icon::before {
        color: #ffff00;
    }

    body.dark-theme .breadcrumb a:after {
        background-color: #9c9595;
    }

    /* body.dark-theme .breadcrumb a{
    background-color: #9c9595;
} */
    body.dark-theme .breadcrumb a:first-child {
        background-color: #9c9595 !important;
    }

    body.dark-theme .advertisement2 {
        background-color: #000;
        border: 1px solid #ff0;
    }

    body.dark-theme .community-toilet-2 {
        background-color: #000;
        border: 1px solid #ff0;
    }

    body.dark-theme .breadcrumb a.active {
        background-color: #645e5e !important;
    }

    body.dark-theme .breadcrumb a:last-child {
        color: #ffff !important;
    }

    body.dark-theme .Record-of-Title-of-Land .card span {
        color: #ffff00 !important;
    }

    body.dark-theme .web-gis .card .card-body {
        background-color: #9c9595 !important;
    }

    body.dark-theme .authority .table tbody tr:nth-child(1) td {
        background-color: #9c9595 !important;
    }

    body.dark-theme .authority h5 {
        color: #ffff00 !important;
    }

    body.dark-theme .b-t {
        background-color: #645e5e !important;
    }

    body.dark-theme .community-market2 {
        background-color: #675d5d !important;
        border: 1px solid #ff0 !important;
    }

    .page_content.ptt.pbb .card-body {
        border-radius: 0 0 50px 50px;
    }

    body.dark-theme .page_content.ptt.pbb .card-body {
        background-color: #000;
        ;
    }

    body.dark-theme .page_content.ptt.pbb .card-body .form-control {
        background-color: #000;
    }

    body.dark-theme #message-input {
        background-color: #000;
    }

    body.dark-theme #message-input::placeholder {
        color: yellow;
    }

    /* END_DARK-THEME */
    .helpful_info .tab-content::-webkit-scrollbar-track,
    #v-pills-tab2::-webkit-scrollbar-track,
    .v_tab_content .table-responsive::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
        border-radius: 10px;
    }

    .helpful_info .tab-content::-webkit-scrollbar,
    #v-pills-tab2::-webkit-scrollbar,
    .v_tab_content .table-responsive::-webkit-scrollbar {
        width: 8px;
        background-color: #F5F5F5;
    }

    .helpful_info .tab-content::-webkit-scrollbar-thumb,
    #v-pills-tab2::-webkit-scrollbar-thumb,
    .v_tab_content .table-responsive::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #177f88;
    }

    /* warter-connction */
    /* #water-connection .flow-chat-next{
    min-height: 367px;
 }
 #water-connection .flow-chat{
    position: relative;
    min-height: 367px;
 }
 #water-connection .flow-chat-img-2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
 } */
    /* #water-connection .flow-chat-img-2 img{
    width: 100% !important;
 } */

    .Enlistment-of-Trade2 .flow-chat-next {
        padding: 31px !important;
    }

    .Enlistment-of-Trade2 .id-proof p::before {
        content: "";
        position: absolute;
        height: 5px;
        width: 5px;
        transform: skew(-50deg, 50deg);
        background: #FFC20E;
        left: -21px;
        top: 7px;

    }

    .Enlistment-of-Trade2 .id-proof p {
        margin-left: 30px;
        position: relative;
        font-size: 15px !important;
        font-weight: 500 !important;
    }

    .Enlistment-of-Trade2 .card-section.bottom-card-section .card {
        background: #DBBFFF !important;

    }

    .Enlistment-of-Trade2 .card-section.bottom-card-section2 .card {
        background: #00A5E3 !important;


    }

    .Enlistment-of-Trade2 .card-section.bottom-card-section2 .card .water-connection span {
        font-weight: 700 !important;
        font-size: 20px !important;
    }

    #water-connection .Enlistment-of-Trade2 .card p {
        line-height: 24px !important;
    }

    #water-connection .Enlistment-of-Trade2 .card p {
        font-size: 16px !important;
    }

    #water-connection .card-section:nth-child(1) .card img {
        width: 60px;
    }

    @media screen and (max-width: 1900px) {
        #water-connection .Enlistment-of-Trade2 .water-connection span {
            font-size: 17px !important;
            font-weight: 700 !important;
        }
    }

    @media screen and (max-width: 1400px) {
        #water-connection .Enlistment-of-Trade2 .flow-chat-next {
            padding: 14px 17px !important;
        }

        .locate_nearby_desc .nav-link.active i {
            font-size: 13px;
        }

        .locate_nearby_desc .nav-link i {
            font-size: 14px;
        }

        .location_details img {
            height: 280px;
        }
    }

    .rc-anchor-normal .rc-anchor-content {
        width: 152px !important;
    }

    .contact-us #rc-anchor-container {
        max-width: 240px !important;
        margin-top: 16px !important;
    }

    .rc-anchor-logo-img-portrait {
        background-size: 21px !important;
    }

    /* @media screen and (max-width: 1399px){
    .capcha-section {
        flex-direction: column;
        align-items: flex-start !important;
    }
} */
    .capcha-section {
        margin-top: 15px;
    }

    @media only screen and (max-width: 991px) {
        .capcha-section .col-lg-6:last-child {
            margin-top: 20px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1399px) {
        .capcha-section {
            flex-direction: column;
            align-items: flex-start !important;
        }

        .capcha-section .col-lg-6:last-child {
            width: max-content;
            margin-top: 20px;
        }
    }

    @media screen and (max-width: 1400px) {
        .Enrollment-of-Technical-Person2 .flow-chat {
            padding: 50px !important;
        }
    }

    #water-connection #Person2 .flow-chat {
        padding: 44px;
    }

    .bg-skyblue {
        background-color: #177F88 !important;
    }

    .Technical-Person-Details-card .card {
        min-height: 67px !important;
    }

    /* .Technical-Person-Details-card .card p{
    padding: 10px !important;
} */
    .bg-purpel {
        background: #DBBFFF !important;

    }

    .bg-deep-blue {
        background-color: #00A5E3 !important;
    }

    .text-bold {
        font-weight: 600 !important;
        font-size: 17px !important;
        line-height: 20px;
        color: #000 !important;
    }

    .bg-purpel p {
        color: #000 !important;
        margin: 0 !important;

    }

    .bg-purpel {
        cursor: pointer;
    }

    .mosquito-repellent .contact-details.hvr-float-shadow .other-info1 {
        min-height: auto !important;
    }

    .bg-deep-blue p {
        margin: 0 !important;
    }

    /* .Enrollment-of-Technical-Person2 .card p{
     font-size: 18px !important;
} */
    .ml-33 {
        margin-left: 33px !important;
    }

    footer .top_footer .row .col-lg-3:nth-child(2) .left .right.mt-3 {
        display: none;
    }

    .water-connection .flow-chat.text-center {
        background-color: #177f88;
        padding: 20px 0 30px 0;
        border-radius: 8px;
    }

    #Assessment-Property #nav-tab {
        border-top: 1px solid #177f88;
        border-bottom: 1px solid #177f88;
    }

    #Assessment-Property #nav-tab.mb-4 {
        margin-bottom: 0 !important;
    }

    #Assessment-Property #nav-tabContent {
        padding: 24px 10px 10px 10px;
        background-color: #177f8814;
    }

    #Assessment-Property .card-section.col-12.col-lg-6.col-md-6:first-child .card.p-3 {
        background-color: #FFC20E;
    }

    #Assessment-Property .card-section.col-12.col-lg-6.col-md-6:last-child .card.p-3 {
        background-color: #3fcaff;
        height: 100%;
        justify-content: center;
    }

    #Assessment-Property .card-section .card.p-3 a {
        color: #000;
        font-weight: 600;
    }

    #Assessment-Property .align-items-center.col-sm-8.d-flex.justify-content-center.water-connection span {
        font-size: 20px;
    }

    #Assessment-Property #nav-tab .nav-link {
        color: #177f88;
    }

    #Assessment-Property #nav-tab .nav-link {
        color: #177f88;
        width: 16.66%;
        text-align: center;
        border-radius: 0;
    }

    #Assessment-Property #nav-tab .nav-link.active {
        background-color: #177f88;
        color: #fff;
        border-bottom: 1px solid #177f88;
        border-top: 1px solid #177f88;

    }

    #occpancy .time-line h4 {
        color: #177f88;
    }

    #occpancy .time-line .down-user-man2 p a {
        color: #000;
    }

    #Assessment-Property .flow-chat.text-center {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .yellow-card {
        background-color: #FFC20E !important;
    }

    .yellow-card span {
        font-size: 20px;
        font-weight: 600;
    }

    .blue-card {
        background-color: #00A5E3 !important;
    }

    .blue-card span {
        font-size: 20px;
        font-weight: 600;
    }

    .purple-card {
        background-color: #DBBFFF !important;

    }

    .Record-of-Title-of-Land .card p {
        font-size: 16px;
    }

    .Record-of-Title-of-Land .card span {
        font-size: 20px;
        font-weight: 500;
        color: #000 !important;
    }

    .accordion .accordion-body ul li,
    .tab-class .tab-content ul li {
        position: relative;
    }

    .tab-class .tab-content ul {
        background: transparent;
    }

    .tab-class .tab-content ul li {
        border: 0;
    }

    .tab-class .tab-content ul li:before {
        content: "";
        position: absolute;
        height: 5px;
        width: 5px;
        transform: skew(-50deg, 50deg);
        background: #FFC20E;
        left: -20px;
        top: 7px;
    }

    .accordion .accordion-body ul li::before {
        content: "";
        position: absolute;
        height: 7px;
        width: 7px;
        transform: skew(-50deg, 50deg);
        background: #FFC20E;
        left: -20px;
        top: 7px;
    }

    .time-line h4 {
        color: #177f88 !important;
    }

    .txt-sky {
        color: #177f88 !important;
    }

    .yellow-box p:before {
        content: "";
        position: absolute;
        height: 5px;
        width: 5px;
        transform: skew(-50deg, 50deg);
        background: #FFC20E;
        left: 7px;
        top: 7px;
    }

    .yellow-box2 li::before {
        content: "";
        position: absolute;
        height: 6px;
        width: 6px;
        transform: skew(-50deg, 50deg);
        background: #FFC20E;
        left: -19px;
        top: 7px;
    }

    .yellow-box2 li {
        position: relative;
    }

    .yellow-box p {
        position: relative;
        padding-left: 25px;
    }

    .community-toilet-2 {
        background: #F7F7F7;
        border-radius: 10px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 20px;
        border: 1px solid #177f88;
    }

    .community-toilet-2 p {
        margin-bottom: 3px !important;
    }

    .community-market2 {
        background: #F7F7F7;
        border-radius: 10px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 20px;
        border: 1px solid #177f88;
    }

    .advertisement2 {
        background: #F7F7F7;
        border-radius: 10px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 20px;
        border: 1px solid #177f88;
    }

    .services-related2 {
        background: #F7F7F7;
        border-radius: 10px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 20px;
        border: 1px solid #177f88;
    }

    .advertisement2 ul li {
        padding-bottom: 3px !important;
    }

    .demolition-waste-Procedure {
        background: #F7F7F7;
        border-radius: 10px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 20px;
        border: 1px solid #177f88;
    }

    .direction_img {
        filter: brightness(0) saturate(100%) invert(40%) sepia(19%) saturate(3439%) hue-rotate(147deg) brightness(86%) contrast(82%);
        display: block;
        margin: auto;
    }


    /* nkda-profile */
    .nkda-profile .bg-shadow {
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    }

    .nkda-profile .f-600 p {
        font-weight: 600 !important;
    }

    .nkda-profile .card p {
        margin-bottom: 8px !important;
    }

    .nkda-profile .page_title h4 {
        color: #000;
        font-size: 20px;
        font-weight: 700;
        /* border-left: 5px solid #000; */
        padding-left: 10px;
        background-color: transparent;
        margin: 0 !important;
        position: relative;
    }

    .nkda-profile .page_title {
        padding: 15px 15px 0 15px !important;
    }

    .nkda-profile .Population {
        min-height: 306px !important;
    }

    .nkda-profile .Population2 {
        min-height: 195px !important;
    }

    .nkda-profile .card-body {
        padding-left: 30px !important;
    }

    .nkda-profile table {
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    }

    @media screen and (min-width: 1400px) {
        .nkda-profile .Population {
            min-height: 286px !important;
        }
    }

    .highlight-link {
        color: #177f88 !important;
    }

    .aqua-card {
        background-color: #7fffd4 !important;
    }

    .anti-card {
        background-color: #faebd7 !important;
    }

    .aliceblue-card {
        background-color: aliceblue !important;
    }

    .yellowgreen-card {
        background-color: #f5f5f5 !important;
    }

    .o-v-auto {
        max-width: 100%;
        overflow-x: auto;
    }

    @media only screen and (max-width: 500px) {
        .tabb .nav-tabs .nav-item {
            width: 100% !important;
        }

        body.dark-theme .bg-dark-blue2 {
            background-color: #9c9595 !important;
        }

        .Breed-charge {
            margin-top: 10PX !important;
        }

        #Assessment-Property #nav-tab .nav-link {
            border-radius: 0 !important;
            margin-bottom: 10px !important;
        }

        .Birth-Death-Registratio2 .downlod-user {
            display: none !important;
        }

        .yellow-card,
        .blue-card {
            margin-bottom: 10px;
        }

    }

    .bg-dark-blue2 {
        background-color: #00565e;
        padding: 10px;
        margin-top: 5px;
    }

    .bg-dark-blue2 h4 a {
        color: #ffff !important;
    }

    #mosquito-repellent-collapse-section {
        background-color: #f0f8ff;
    }

    @media only screen and (min-width: 500px) {
        .bg-dark-blue2 {
            display: none !important;
        }

    }

    .card-b {
        position: unset !important;
        background-color: transparent !important;

    }

    .bg-sky.card.p-4.pb-0 p:first-child {
        display: inline;
    }

    #mosquito-repellent-collapse-btn {
        color: #177f88 !important;
        cursor: pointer;
    }

    .colorhints .clleft {
        position: relative !important;
        margin-left: 20px;
        font-weight: 600;
        color: #9c27b0;
    }

    .colorhints .clleft span::before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background-color: #9c27b0;
        left: -24px;
        top: 4px;
        border-radius: 50%;
        animation: pulse 2s infinite;
    }

    .colorhints .clright {
        position: relative;
        margin-left: 50px;
        font-weight: 600;
        color: #e65100;
    }

    .colorhints .clright span::before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background-color: #e65100;
        left: -28px;
        top: 4px;
        border-radius: 50%;
        animation: pulse 1s infinite;
    }

    .fa-times:before {
        position: relative;
        left: 0 !important;
        line-height: 30px;
    }

    .clright span:hover::before {
        animation: none;
    }

    @-webkit-keyframes pulse {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
        }

        70% {
            -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
        }

        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        }
    }

    @keyframes pulse {
        0% {
            -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.9);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.9);
        }

        70% {
            -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
        }

        100% {
            -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        }
    }

    @media only screen and (min-width: 500px) {
        .navbar .navbar-nav .nav-item:nth-child(3) .dropdown-menu {
            min-width: max-content !important;
        }

        .navbar .navbar-nav .nav-item:nth-child(4) .dropdown-menu {
            min-width: max-content !important;
        }

    }



    @media only screen and (max-width: 500px) {
        .navbar .navbar-nav .nav-item:nth-child(3) .dropdown-menu {
            min-width: unset !important;
        }

        .navbar .navbar-nav .nav-item:nth-child(4) .dropdown-menu {
            min-width: unset !important;
        }

        .navbar-nav.p-3.p-md-0.menu-main-list li .submenu.dropdown-menu {
            width: unset !important;
        }

        .map .text-center img {
            width: 100%;
        }

    }

    .f-t-s .col-md-6.f-600 p span {
        font-size: 15px !important;
        font-weight: 400 !important;
    }

    .response .alert.alert-success {
        width: 50%;
        margin: auto;
    }

    .response .response-table {
        width: 50%;
        margin: auto;
        margin-top: 10px;
    }

    .response-btn .action-button {
        width: 100px;
        background: #2098ce;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 25px;
        cursor: pointer;
        padding: 10px 15px;
        margin: 10px 5px;
    }

    .response-btn .action-button:hover,
    .response-btn .action-button:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #2098ce;
        background: #177f88;
    }

    #arearecord table tbody tr td p {
        margin-bottom: 0;
    }

    #arearecord table tbody tr td {
        padding: 5px 0;
    }

    #arearecord table tbody tr th {
        padding: 5px 0 5px 20px;
    }

    #arearecord .infotbl {
        box-shadow: 0 0 4px #00000063;
        border-radius: 4px;
        background-color: #177f880f;
    }

    #arearecord h3 {
        font-size: 18px !important;
    }

    #arearecord table tbody tr:first-child th {
        padding-top: 10px;
    }

    #arearecord table tbody tr:last-child th {
        padding-bottom: 10px;
    }

    #arearecord table tbody tr:first-child td {
        padding-top: 10px;
    }

    #arearecord table tbody tr:last-child td {
        padding-bottom: 10px;
    }

    /* #1fed7d */
    .left.middle .icon_details .details .text-danger {
        color: #1fed7d !important;
    }

    .Record-of-Title-of-Land .p-4.time-line {
        min-height: 246px !important;
    }

    .accordion-button:hover {
        background-color: #177f88 !important;
        color: #fff !important;
        transition: 2s;
    }


    .card.Breed-charge {
        box-shadow: 0px 0px 8px #cbcbcb !important;
    }

    .pet-dog .card {
        box-shadow: 0px 0px 8px #cbcbcb !important;

    }

    .Breed-charge .circle-header {
        height: 100px;
        width: 100px;
        border-radius: 50%;
        background-color: #ffd861;
        position: relative;
        margin: 0 auto;
    }

    .Breed-charge .circle-header h5 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 21px;
        color: #fff !important;
        margin: 0;
    }

    .Breed-charge .circle-header h5 span::before {
        content: "\e1bc";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        left: -12px;
        top: 4px;
        font-size: 15px !important;
    }

    .br-2 {
        border: 2px solid #fff;
        padding: 46px;
        border-radius: 50%;
        top: 2%;
        position: absolute;
        left: 2%;
    }

    .borde-r h5 {
        position: relative;
    }

    .borde-r {
        position: relative;
    }

    .circle-right::before {
        content: "\f058";
        font-family: "Font Awesome 5 Free";
        font-weight: 100;
        position: absolute;
        left: 26px;
        color: #177f88 !important;

    }

    .circle-right p {
        text-align: justify;
        margin-left: 25px;
    }

    .bg-green-1 {
        background-color: #03a84e !important;
    }

    .bg-purple-1 {
        background-color: #a26bf9 !important;
    }

    .bg-blue-1 {
        background-color: #1b44db !important;
    }

    .Breed-charge.card.p-4.b-y {
        border: 1px solid #ffd861 !important;
        background-color: #ffd86133 !important;
    }

    .Breed-charge.card.p-4.b-g {
        border: 1px solid #03a84e !important;
        background-color: #03a84e2b !important;
    }

    .Breed-charge.card.p-4.b-p {
        border: 1px solid #a26bf9 !important;
        background-color: #a26bf940 !important;
    }

    .Breed-charge.card.p-4.b-b {
        border: 1px solid #1b44db !important;
        background-color: #1b44db21 !important;
    }

    .Breed-charge.card.p-4 {
        min-height: 342px !important;
    }

    /* .Breed-charge.b-y.card.p-4::before{
     
} */
    .contact-halpline-img img {
        position: absolute;
        top: 40px;
        right: 0;
    }

    .redsn .col-lg-5.col-12 {
        position: relative;
    }

    .grievance .flow-chat {
        background-color: #00565e;
        border-radius: 10px;
    }

    .assessment-and-property-tax #Assessment-Property .btm-card span {
        font-size: 20px;
        font-weight: bold;
    }

    .assessment-and-property-tax #Assessment-Property .btm-card a {
        font-weight: 500 !important;
        font-size: 17px !important;
    }

    .accordion-body {
        padding: 15px !important;
    }

    .occupancy-completion-certificate .accordion-body ul {
        padding-left: 0 !important;
    }

    .fixTableHead {
        overflow: auto;
        height: 210px;
    }

    .fixTableHead thead tr th {
        position: sticky;
        top: -3px;
        z-index: 99999 !important;
        background-color: #00565e;
    }

    .location_details {
        margin-bottom: 15px;
    }

    .location_details img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .location_details p {
        margin-bottom: 0;
        height: 45px;
    }



    /* **************************************************************** */

    #grren_photo_gallery.gallery {
        background-image: url("../img/gallery_background1.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        padding: 40px 0;
    }

    #grren_photo_gallery.gallery .gallery_title h3 {
        color: var(--seagreen);
        font-size: 26px;
        font-weight: 700;
        border-left: 6px solid var(--black);
        margin-bottom: 0;
        line-height: 25px;
        padding-left: 10px;
    }

    #grren_photo_gallery.gallery .gallery_title {
        /* margin-bottom: 30px; */
    }

    #grren_photo_gallery.gallery .gallery_title h5 {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 0;
        color: var(--black);
        text-align: center;
    }

    #grren_photo_gallery.gallery .gallery_desc .nav {
        padding-right: 0;
        justify-content: center;
    }

    #grren_photo_gallery.gallery .gallery_desc .nav .nav-item .nav-link {
        border: 1px solid var(--seagreen);
        color: var(--maroon);
        margin: 0 20px;
        padding: 8px 14px;
        font-size: 16px;
        font-weight: 600;
    }

    #grren_photo_gallery.gallery .gallery_desc .nav .nav-item .nav-link.active {
        background-color: var(--seagreen);
        color: var(--white);
    }

    #grren_photo_gallery.gallery .gallery_desc .photo img {
        width: 100%;
    }

    /* Photo gallery lightbox start */
    #grren_photo_gallery .img-wrapper {
        position: relative;
        /* margin-top: 24px; */
        cursor: pointer;
        /* border: 5px solid #177f88;
    height: 226px; */
    }

    #grren_photo_gallery .img-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #grren_photo_gallery .img-overlay {
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
    }

    #grren_photo_gallery .img-overlay i {
        color: #fff;
        font-size: 3em;
    }

    #grren_photo_gallery #overlaynew {
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 999;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }

    #grren_photo_gallery #overlaynew img {
        margin: 0;
        width: 80%;
        height: auto;
        object-fit: contain;
        padding: 5%;
    }

    @media screen and (min-width: 768px) {
        #grren_photo_gallery #overlaynew img {
            width: 60%;
        }
    }

    @media screen and (min-width: 1200px) {
        #grren_photo_gallery #overlaynew img {
            width: 80%;
        }
    }

    #grren_photo_gallery #nextButton {
        color: #fff;
        font-size: 2em;
        transition: opacity 0.8s;
    }

    #grren_photo_gallery #nextButton:hover {
        opacity: 0.7;
    }

    @media screen and (min-width: 768px) {
        #grren_photo_gallery #nextButton {
            font-size: 3em;
        }
    }

    #grren_photo_gallery #prevButton {
        color: #fff;
        font-size: 2em;
        transition: opacity 0.8s;
    }

    #grren_photo_gallery #prevButton:hover {
        opacity: 0.7;
    }

    @media screen and (min-width: 768px) {
        #grren_photo_gallery #prevButton {
            font-size: 3em;
        }
    }

    #grren_photo_gallery #exitButton {
        color: #fff;
        font-size: 2em;
        transition: opacity 0.8s;
        position: absolute;
        top: 15px;
        right: 15px;
    }

    #grren_photo_gallery #exitButton:hover {
        opacity: 0.7;
    }

    @media screen and (min-width: 768px) {
        #grren_photo_gallery #exitButton {
            font-size: 3em;
        }
    }

    /* Photo gallery lightbox end */
    .privacy-policy .bg-sky.card.mb-4.p-4 p {
        text-align: justify;
    }

    /* .iconn img{
    width: 40px;
    height: 40px;
} */
    .iconn img {
        width: 150px;
        height: auto;
    }

    .toll-number p {
        margin-bottom: 0px;
        margin-top: 10px;
        font-weight: 600;
        color: #00565e;
    }

    .purple-card a {
        color: #000;
    }

    .purple-card span {
        font-size: 20px;
        font-weight: 600;
    }





    /* Mosquito gallery start */
    .mosquito-lightbox .row>.column {
        padding: 0 8px;
    }

    .mosquito-lightbox .row:after {
        content: "";
        display: table;
        clear: both;
    }

    .mosquito-lightbox .column {
        float: left;
        width: 16.5%;
    }

    .mosquito-lightbox .modal {
        display: none;
        position: fixed;
        z-index: 9;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: black;
        padding-top: 15px;
    }

    .mosquito-lightbox .modal-content {
        position: relative;
        background-color: transparent;
        margin: auto;
        padding: 0;
        width: 90%;
        max-width: 1200px;
    }

    .mosquito-lightbox .close {
        color: white;
        position: absolute;
        top: 10px;
        right: 25px;
        font-size: 35px;
        font-weight: bold;
    }

    .mosquito-lightbox .close:hover,
    .mosquito-lightbox .close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }

    .mosquito-lightbox .mySlides {
        display: none;
        height: 60vh;
    }

    .mosquito-lightbox .mySlides img {
        object-fit: contain;
    }

    .mosquito-lightbox .prev,
    .mosquito-lightbox .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
    }

    .mosquito-repellent .bg-sky .mosquito-lightbox a {
        color: #fff !important;
    }

    .mosquito-lightbox .next {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    .mosquito-lightbox .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
    }

    .mosquito-lightbox .caption-container {
        text-align: center;
        background-color: black;
        padding: 2px 16px;
        color: white;
    }

    .mosquito-lightbox img.demo {
        opacity: 0.6;
    }

    .mosquito-lightbox .active,
    .mosquito-lightbox .demo:hover {
        opacity: 1;
    }

    .mosquito-lightbox img.hover-shadow {
        transition: 0.3s;
    }

    .mosquito-lightbox .hover-shadow:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .mosquito-lightbox img {
        width: 100%;
        height: 100%;
    }

    .mosquito-lightbox .row .column:nth-child(1) {
        background-color: #fff;
    }

    .mosquito-lightbox .row .column:nth-child(2) {
        background-color: #fff;
    }

    .mosquito-lightbox .row .column:nth-child(3) {
        background-color: #fff;
    }

    .mosquito-lightbox .row .column:nth-child(4) {
        background-color: #fff;
    }

    .mosquito-lightbox .row .column:nth-child(5) {
        background-color: #fff;
    }

    .mosquito-lightbox .row .column:nth-child(6) {
        background-color: #fff;
    }

    .mosquito-lightbox .modal-content {
        display: block;
    }

    .mosquito-lightbox #myModaln .column {
        height: 200px;
    }

    .adoption-of-new-town-green-verges .p-4.page_sec-title.row p {
        text-align: justify;
    }

    .Hierarchy .page_content {
        padding-bottom: 30px;
    }

    .Hierarchy .page_content .nb-2 img {
        height: auto !important;
        max-width: 100% !important;
    }

    .wtlay a {
        background-color: #00565e;
        color: #fff;
        font-size: 14px;
        padding: 8px 14px;
        border-radius: 5px;
    }

    .wtlay a:hover {
        color: #fff;
    }

    .wtmet img {
        width: 40px !important;
        height: 32px !important;
    }

    .wtmet a {
        background-color: #177f88 !important;
        color: #fff !important;
        padding: 5px 18px !important;
        display: inline-block;
        font-size: 16px !important;
    }

    .wtmet a::after {
        display: none;
    }


    /* 29/04/2024 */


    .tab-class {
        margin-bottom: 40px;
    }


    .tab-class ul.nav {
        min-width: 310px;
        background: #00565e;
        flex-direction: column;
        height: 100% !important;
        margin-bottom: 0 !important;
    }

    .deptshow ul {
        padding-left: 0;
        height: auto !important;
        min-width: 100%;
        background: transparent;
        max-height: 105px;
        overflow-y: auto;
    }

    .deptshow ul li {
        border: 0 !important;
    }

    .deptshow .Gated-Housing p {
        max-height: 124px;
        overflow-y: auto;
    }

    .deptshow .col-lg-6 {
        margin-bottom: 20px;
    }

    .tab-class ul li {
        border: 1px solid #044248;
        border-right: 0;
    }

    .tab-class ul li a {
        font-family: 'Rubik', sans-serif !important;
        padding: 12px 15px !important;
        font-size: 14px;
        font-weight: 600;
        display: block;
    }

    .tab-class ul li a.active {
        background-color: #fff;
        position: relative;
    }

    .tab-class ul li a.active:after {
        content: "";
        background: url(../images/right-arrow.png);
        width: 20px;
        height: 33px;
        position: absolute;
        right: -19px;
        background-color: #fff;
        top: 50%;
        transform: translateY(-50%);
        background-size: 82%;
        background-repeat: no-repeat;
    }

    .tab-class ul li a.active span {
        color: #00565E !important;
    }

    .tab-class .tab-content {
        padding: 25px 15px 25px 20px;
        border: 1px solid #00565E;
        width: 100%;
    }

    .tab-class .tab-content .text-start {
        width: 100%;
    }

    /* .highlighted_text{
    background-color: var(--yellow);
   
    padding: 5px 15px;
} */

    .highlighted_text p {
        color: #044248;
        font-size: 17px !important;
        word-spacing: 2px;
        margin-bottom: 0;
        font-weight: 500;
    }

    .highlighted_text p a {
        color: #fff;
        background: #044248;
        padding: 5px 15px;
        display: inline-block;
        margin-right: 6px;
        border: 1px solid #044248;
        transition: 0.3s all ease-in-out;
    }

    .highlighted_text p a:hover {
        background: #fff;
        color: #044248;
    }

    .highlighted_text p a i {
        margin-left: 6px;
    }

    .tab-class .tab-content h3,
    .disaster-management h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        color: #00565E;

    }

    .disaster-img img {
        height: 100%;
    }

    #accordionFaq .accordion-body ul {
        background: transparent;
        padding: 0 0 0 19px;
        max-width: 100%;
        list-style-type: disc;

    }

    #accordionFaq .accordion-item {
        border: 0;
        border-radius: 0 0 25px 25px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.46);
        margin-bottom: 20px;
        background-color: transparent !important;
    }

    #accordionFaq .accordion-body ul li::before {
        width: 0;
        height: 0;
    }

    #accordionFaq .accordion-button {
        font-size: 16px !important;
        font-weight: 400;
    }

    #accordionFaq .accordion-button:focus {
        border: 0;
        box-shadow: none;
    }

    #accordionFaq .accordion-button:not(.collapsed),
    #accordionFaq .accordion-button:hover {
        color: #177f88 !important;
        background-color: transparent !important;
        position: relative;
    }

    /* #accordionFaq span.circle {
    display: block;
    width: 40px;
    height: 40px;
    background: #00565e !important;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
} */


    #accordionFaq .accordion-button::before {
        content: '';
        width: 35px;
        height: 35px;
        background: #177f88;
        border-radius: 50%;
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    #accordionFaq .accordion-button::after {
        /* position: absolute;
    right: -56px;
    z-index: 1;
    top: 58%; */
        filter: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(1313%) hue-rotate(165deg) brightness(117%) contrast(100%) !important;
        /* transform: translateY(-50%);
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: #fff;
    background-image: none;
    line-height: 12px; */

    }


    /* #accordionFaq .accordion-button:not(.collapsed)::after {
    content: "\f077";
} */

    #accordionFaq .accordion_title {
        position: relative;
        /* padding-bottom: 10px; */
    }

    #accordionFaq .accordion-button {
        position: relative;
        /* top: 12px; */
        padding: 15px 22px 15px 15px;
    }

    #accordionFaq .accordion-collapse {
        border-top: 1px solid #177f88;
    }

    /* 
#accordionFaq .accordion_title h2{
    width: 91%;
} */

    #accordionFaq .accordion-body ul li {
        border: 0;
    }

    #accordionFaq .accordion-button:not(.collapsed),
    #accordionFaq .accordion-button {
        background-color: transparent !important;
        box-shadow: none;
    }

    /* .tab-class .tab-content  .dataTables_wrapper{
    max-width: 760px;
} */

    .tab-class .tab-content .Technicalp th {
        vertical-align: middle;
    }

    .tab-class .accordion-body ul {
        background: transparent;
    }

    .tab-class .accordion-body ul li {
        border: 0;
    }


    /* 30/04/2024 */

    .v_tab {
        border-bottom: 0;
    }

    .v_tab li {
        text-align: center;
        margin-right: 10px;
    }

    .v_tab .nav-link:focus,
    .v_tab .nav-link,
    .v_tab .nav-link:hover {
        border-color: var(--seagreen) !important;
    }

    .v_tab .dropdown-menu>li:hover>.submenu,
    .v_tab .dropdown:hover>.dropdown-menu {
        visibility: hidden;
    }

    .v_tab ul.dropdown-menu.show {
        visibility: visible !important;
        width: 100%;
        border: 0;
        padding: 0;
    }

    .v_tab ul.dropdown-menu.show li a {
        color: #fff;
    }

    ul.nested_tab button.nav-link {
        border-radius: 0;
    }

    ul.nested_tab .nav-item .nav-link {
        border: 1px solid var(--seagreen);
        color: var(--maroon);
        margin: 0 20px;
        padding: 8px 14px;
        font-size: 16px;
        font-weight: 600;
    }

    ul.nested_tab .nav-item .nav-link.active {
        background-color: var(--seagreen);
        color: var(--white);
    }

    ul.nested_tab .nav-item .nav-link {
        border: 1px solid var(--seagreen);
        color: var(--maroon);
        margin: 0 20px 0 0;
        padding: 8px 35px;
        font-size: 16px;
        font-weight: 600;
        background-color: rgb(240, 240, 240);
    }

    .v_tab_content {
        padding: 15px;
        background-color: #fff;
        border: 1px solid #ccc;
    }

    .v_tab_content iframe {
        width: 100%;
    }

    .v_tab_content .table-responsive {
        max-height: 376px;
    }

    .nested-tab-content {
        padding-top: 15px;
        height: auto !important;
    }

    .nested-tab-content .tab-pane {
        height: auto !important;
    }

    #v-pills-tab2 {
        max-height: 468px;
        overflow-y: auto;
    }


    .contacttab,
    .contact_table {
        max-height: 605px;
        overflow-y: auto;
    }

    .contacttab button {
        width: 100%;
    }

    .contacttab::-webkit-scrollbar-track,
    .contact_table::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #177f88;
        background-color: #F5F5F5;

    }

    .contacttab::-webkit-scrollbar,
    .contact_table::-webkit-scrollbar {
        width: 7px;
        background-color: #F5F5F5;
        border-radius: 15%;
    }

    .contacttab::-webkit-scrollbar-thumb,
    .contact_table::-webkit-scrollbar-thumb {
        background-color: #177f88;
        border: 2px solid #177f88;

    }


    .v_tab ul.dropdown-menu.show li a.dropdown-item {
        padding: 8px 16px;
    }

    .v_tab ul.dropdown-menu.show li a.dropdown-item:hover {
        background-color: #fff !important;
    }

    .v_tab ul.dropdown-menu.show li a.dropdown-item.active {
        background-color: #fff;
        color: #000;
    }

    .dettbl-custom {
        padding-left: 0;
        padding-right: 0;
    }


    .table p {
        margin-bottom: 0;
        font-size: 14px !important;
    }

    .dept_table>:not(caption)>*>* {
        border-bottom-width: 0;
    }

    .dept_table thead strong,
    .dept_table thead th,
    .no-footer.table thead td,
    .no-footer.table thead td strong {
        font-weight: 400;
    }

    .inner-table td {
        padding: 2px 5px;
        line-height: 17px;
    }

    .dept_table thead td,
    .dept_table thead th {
        vertical-align: middle;
    }

    #Housing_Complex td img {
        width: 30px;
    }

    #Assessment-Property .card,
    .inner_col_card {
        height: 100%;
    }

    span.acctn {
        width: 94%;
    }

    #Assessment-Property .card-section .card.p-3 a span {
        font-size: 17px !important;
    }

    #Assessment-Property .card .col-10 {
        padding: 0;
    }

    #Assessment-Property .card p {
        margin-bottom: 0;
    }

    .conversion_table td {
        padding: 12px;
        text-align: center;
    }

    .conversion_table td:first-child {
        padding-right: 0;
    }

    .table_inner_card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
    }

    .table_inner_card a {
        padding-right: 10px;
    }

    .table_inner_card img {
        width: 50px;
    }

    .nested_table {
        margin-bottom: 12px;
    }

    .nested_table table td {
        border: 0 !important;
        padding: 8px 15px;
        border-right: 1px solid !important;
    }

    .nested_table table td:nth-child(2n) {
        border-right: 0 !important;
    }

    .half_col {
        width: 50%;
        text-align: center;
    }

    .yellow-card p {
        margin-bottom: 0;
        line-height: 20px;
    }

    .veterinary_downlod {
        text-align: center;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .veterinary_downlod img {
        margin-left: 10px;
    }

    #accordionFaq .accordion-body a span {
        /* color: #044248 !important;
        font-weight: 600; */
    }

    #water-connection .water-connection p {
        line-height: 17px;
    }

    #water-connection .water-connection span {
        font-size: 17px !important;
        line-height: 20px;
        display: block;
        margin-top: 10px;
    }

    #menuitem_402 .dropdown-toggle::after,
    #menuitem_403 .dropdown-toggle::after {
        display: none;
    }

    #menuitem_402,
    #menuitem_403 {
        background: url(../img/new-animated-gif-icon.gif) no-repeat scroll left top;
        background-size: 30px;
    }




    #getopt {
        font-size: 11px !important;
        padding: 5px;
    }

    #booking_payment input[type='submit'] {
        border: 0px;
        background: #177f88;
        color: #fff;
    }

    #booking_payment input[type='submit']:hover {
        border: 0px;
        background: #000;
        color: #fff;
    }

    #booking-form .err_msg {
        width: 100%;
    }

    @media screen and (max-width: 1399px) {
        /* #accordionFaq .accordion_title h2 {
        width: 88%;
    } */

        #accordionFaq .accordion-button::after {
            right: -62px;
        }

        #accordionFaq span.circle {
            right: 22px;
        }

        .location_details p {
            height: 68px;
        }

        .registration-of-BIRTH p {
            font-size: 17px !important;
            line-height: 20px;
        }
    }

    @media screen and (max-width: 1024px) {
        .tab-class .tab-content .dataTables_wrapper {
            max-width: 580px;
        }

    }

    /*********************Parnika*******************************/
    .feature-box {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fcfff0;
    }

    .feature-box h3 {
        font-size: 1.125rem;
        margin-bottom: 0;
        color: #00707a;
        min-height: 45px;
    }

    .feature-box .contact-us-btn {
        background-color: transparent;
        color: #177f88;
        border-radius: 20px;
        font-size: 14px;
        padding: 7px 13px;
        border: 2px solid #177f88;
        font-weight: 600;
        transition: 0.4s;
        display: inline-block;
    }