:root {
            --e-global-color-rishi1: #3e3c3c;
            --e-global-color-rishi2: #1b1919;
            --e-global-color-rishi3: #0583f2;
            --e-global-color-rishi4: #0554f2;
            --e-global-color-rishi5: #ffffff;
            --e-global-color-rishi6: #e6f3fe;
            --e-global-color-rishi7: #edf7ff;
            --e-global-color-rishi8: #F9FBFE;
        }

        .custom_addon .input-group-addon input[type=radio],
        .table-data {
            -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            position: relative;
            display: inline-block
        }

        .table_horizontal {
            border: 0;
            padding: 15px;
            width: 100%;
            background: #fff;
            border-radius: 1px
        }

        .table_horizontal input {
            display: inline-block;
            height: 30px;
            width: 100%;
            padding: 0 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            border: 0 solid #ccc
        }

        .table-data {
            border-radius: 5px;
            padding: 8px 0;
            -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            background: #fff;
            disply: block;
            width: 100%
        }

        .custom_addon .input-group-addon input[type=radio]:focus,
        .table_horizontal input:focus {
            outline: 0
        }

        .table-data .btn-mobile {
            margin-bottom: 5px
        }

        @media screen and (max-width:767px) {
            .table-data .btn-mobile {
                border-radius: 50% !important;
                padding: 3px 7px;
                margin-bottom: 2px
            }

            .btn-mobile-text {
                padding: 1px 3px;
                font-size: 13px !important
            }
        }

        .btn-mobile {
            border-radius: 50% !important;
            padding: 3px 7px
        }

        @media screen and (min-width:767px) {
            .table-data .btn-mobile {
                padding: 3px 7px
            }

            .btn-mobile-text {
                padding: 1px 3px;
                font-size: 13px !important
            }
        }

        @media (max-width :500px) {
            .horizontalbar {
                height: 100px;
                text-align: left
            }

            .horizontalbar>div {
                float: left !important
            }
        }

        .horizontalbar p {
            position: relative;
            margin-top: 5px;
            display: inline-block
        }

        .horizontalbar p span,
        .red {
            color: red
        }

        .heading {
            margin-bottom: 0;
            padding-left: 10px
        }

        .heading .breadcrumb {
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
            margin: 0;
            font-size: 12px;
            background: #fff
        }

        .heading .breadcrumb li:first-child a {
            color: #212121
        }

        .btn,
        .form-control,
        .input-group-addon {
            font-size: 15px;
            font-family: 'Open Sans', sans-serif;
            font-weight: light;
            border-radius: 1px !important;
            -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17)
        }

        .input-group-addon.primary {
            color: #fff;
            background-color: #3276b1;
            border-color: #285e8e
        }

        .input-group-addon.success {
            color: #fff;
            background-color: #5cb85c;
            border-color: #4cae4c
        }

        .input-group-addon.info {
            color: #fff;
            background-color: #39b3d7;
            border-color: #269abc
        }

        .input-group-addon.warning {
            color: #fff;
            background-color: #f0ad4e;
            border-color: #eea236
        }

        .input-group-addon.danger {
            color: #fff;
            background-color: #d9534f;
            border-color: #d43f3a
        }

        .custom_addon .input-group-addon {
            background: 0 0;
            border: 0;
            padding: 0 0 0 5px;
            height: auto;
            font-size: 20px;
            box-shadow: none;
            -webkit-box-shadow: none;
            color: #06f
        }

        .custom_addon .input-group-addon input[type=radio],
        .data-table {
            -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17)
        }

        .custom_addon .input-group-addon input[type=radio] {
            height: 30px;
            width: 30px;
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            appearance: none;
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid rgba(0, 0, 0, .17);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            transition: box-shadow .8s
        }

        .modal-header-success,
        .modal-header-warning {
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px
        }

        .modal-header-danger,
        .modal-header-success,
        .modal-header-warning {
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            padding: 9px 15px;
            border-bottom: 1px solid #eee;
            color: #fff
        }

        .input-group-addon input[type=radio]:checked::before {
            content: "✔";
            top: -1px;
            left: -1px;
            height: 31px;
            width: 31px;
            background: #fff;
            position: absolute;
            color: #06f;
            text-align: center;
            font-size: 20px;
            line-height: 30px;
            border-radius: 50%;
            font-weight: 700;
            opacity: 99
        }

        .modal-header-success {
            background-color: #5cb85c;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
        }

        .modal-header-warning {
            background-color: #f0ad4e;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
        }

        .modal-header-danger {
            background-color: #d9534f;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
        }

        .modal-header-info {
            color: #fff;
            padding: 9px 15px;
            border-bottom: 1px solid #eee;
            background-color: #5bc0de;
            -webkit-border-top-left-radius: 0px;
            -webkit-border-top-right-radius: 0px;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-topright: 0px;
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .modal-header-primary {
            color: #fff;
            padding: 9px 15px;
            border-bottom: 1px solid #eee;
            background-color: #428bca;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
        }

        .data-table,
        .panel-default>.panel-heading,
        .white-bg {
            background: #fff
        }

        .data-table {
            -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            border: 0;
            padding: 10px
        }

        .fileUpload {
            position: relative;
            overflow: hidden;
            margin: 10px
        }

        .fileUpload input.upload {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            padding: 0;
            font-size: 20px;
            cursor: pointer;
            opacity: 0
        }

        .form-group,
        .panel {
            margin-bottom: 2px
        }

        .gallery_delete {
            height: 200px;
            overflow: hidden
        }

        .gallery_delete img {
            transition: .3s
        }

        .gallery_delete .delete {
            position: absolute;
            color: #fff;
            top: 10%;
            right: 10%;
            padding: 3px 6px;
            background: #06f;
            border-radius: 50%;
            opacity: 0;
            transform: scale(3);
            transition: .8s
        }

        .gallery_delete:hover .delete {
            transform: scale(1);
            opacity: 1
        }

        .gallery_delete:hover img {
            transform: scale(.9)
        }

        .list-group-horizontal .list-group-item {
            display: inline-block;
            padding: 5px 10px;
            margin-left: 0 !important;
            -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
            margin: 10px 0 0 -4px
        }

        .list-group-horizontal .list-group-item:first-child {
            border-top-right-radius: 0;
            border-bottom-left-radius: 4px
        }

        .list-group-horizontal .list-group-item:last-child {
            border-top-right-radius: 4px;
            border-bottom-left-radius: 0
        }

        .box-shadow {
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
        }

        .ng-enter {
            animation: .5s ease-in fadeIn
        }

        .green {
            color: green
        }

        .black {
            color: #000
        }

        .grey {
            color: grey
        }

        .blue {
            color: #06f
        }

        .brown {
            color: brown
        }

        .yellow {
            color: #ff0
        }

        .orange {
            color: orange
        }

        .pink {
            color: pink
        }

        /* city services */

        .p-section {
            background-color: #ffffff;
            padding: 40px;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            margin-top: 30px;
            border: 1px solid #eaeaea;
            margin-bottom: 20px;
        }

        .section-title {
            font-size: 32px;
            font-weight: 700;
            color: black;
            margin-bottom: 25px;
            text-align: center;
            text-transform: capitalize;
            position: relative;
            padding-bottom: 15px;
        }

        .section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background: #dc3545;
        }

        .para-black {
            color: #4a4a4a;
            font-size: 16px;
            line-height: 1.8;
            margin-bottom: 20px;
            font-family: 'Roboto', sans-serif;
        }

        strong {
            color: #2c3e50;
            font-weight: 600;
        }

        .highlight-box {
            background-color: #f8f9fa;
            border-left: 4px solid #e21b22;
            border-radius: 4px;
        }

        .sub-title {
            font-size: 22px;
            font-weight: 600;
            color: #2c3e50;
            margin: 25px 0 15px;
            position: relative;
            padding-left: 15px;
        }

        .sub-title:before {
            content: '';
            position: absolute;
            left: 0;
            top: 5px;
            height: 20px;
            width: 5px;
            background: #e21b22;
            border-radius: 3px;
        }

        .cta-section {
            background-color: #e21b22;
            border-radius: 8px;
        }

        .cta-title {
            color: #ffffff;
            font-size: 24px;
            font-weight: 600;
        }

        .highlight-text {
            color: #3498db;
            font-weight: 600;
            background-color: #f8f9fa;
            padding: 2px 6px;
            border-radius: 4px;
        }

        .cta-section .para-black {
            color: #ffffff;
        }

        .cta-section .highlight-text {
            color: #2c3e50;
            background-color: #ffffff;
        }

        @media (max-width: 768px) {
            .p-section {
                padding: 25px;
            }

            .section-title {
                font-size: 28px;
            }
        }

        .img-div {
            height: 200px;
        }

        .img-div img {
            height: 200px !important;
            object-fit: cover;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        .wpcf7-form p,
        .wpcf7-form label {
            font-size: 14px;
        }

        ul li a {
            text-decoration: none !important;
        }

        ul li address {
            text-decoration: none !important;
        }

        ul {
            list-style-type: none !important;
        }

        .faq-section {
            padding: 4rem 0;
            background: #d3fcff3d;
            min-height: 100vh;
        }

        .faq-container {
            max-width: 1200px;
        }

        .faq-title {
            font-size: clamp(1.8rem, 4vw, 2.5rem);
            font-weight: 700;
            color: #000;
            margin-bottom: 2rem;
            text-align: center;
        }

        .accordion-item {
            margin-bottom: 1rem;
            border: none;
            border-radius: 8px !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            background: #fff;
        }

        .accordion-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .accordion-button {
            font-size: clamp(1.1rem, 2.5vw, 1.3rem);
            font-weight: 600;
            color: #000;
            background: #fff;
            border-radius: 8px !important;
            padding: 1rem 1.5rem;
        }

        .accordion-button:not(.collapsed) {
            color: #000;
            background: #f8f9fa;
            box-shadow: none;
        }

        .accordion-button:focus {
            box-shadow: none;
            border-color: transparent;
            background: #47BDFF;
        }

        .accordion-button:hover {
            background: #47BDFF;
        }

        .accordion-body {
            font-size: clamp(0.9rem, 2vw, 1rem);
            color: #333;
            line-height: 1.6;
            padding: 1rem 1.5rem;
        }

        .faq-image {
            max-width: 100%;
            height: auto;
            border-radius: 12px;
            transition: transform 0.3s ease;
        }

        .faq-image:hover {
            transform: scale(1.02);
        }

        @media (max-width: 767px) {
            .accordion-item {
                padding: 0.5rem;
            }

            .faq-image {
                margin-top: 2rem;
            }
        }

        .section-title,
        .section-header {
            text-align: center;
            margin-bottom: 2rem;
            padding: 2rem 0;
        }

        .section-title h3,
        .section-header h2 {
            font-size: 2rem;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 0.5rem;
        }

        .section-title p,
        .section-header p {
            font-size: 1.1rem;
            color: #666;
        }

        .service-card {
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            padding: 1.5rem;
            /* margin-bottom: 1.5rem; */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            text-align: center;
            height: 252px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .feature-box,
        .feature-card {
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            padding: 1.5rem;
            margin-bottom: 1.5rem;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            text-align: center;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .feature-card:hover,
        .feature-box:hover,
        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        .feature-icon,
        .service-icon {
            font-size: 2.5rem;
            color: #3498db;
            margin-bottom: 1rem;
        }

        .feature-card span,
        .feature-box span,
        .service-card span {
            font-size: 1.25rem;
            font-weight: 600;
            color: #2c3e50;
            display: block;
            margin-bottom: 0.75rem;
        }

        .feature-card p,
        .feature-box p,
        .service-card p {
            font-size: 1rem;
            color: #666;
            margin: 0;
            flex-grow: 1;
        }

        .service-card a {
            text-decoration: none;
            color: #2c3e50;
            transition: color 0.3s ease;
        }

        .service-card a:hover {
            color: #3498db;
        }

        .services-section {
            padding: 3rem 0;
        }

        .pt-5 {
            padding-top: 3rem;
        }

        /* Responsive Design */
        @media (max-width: 992px) {

            .section-title h3,
            .section-header h2 {
                font-size: 1.75rem;
            }

            .feature-card,
            .feature-box,
            .service-card {
                padding: 1.25rem;
            }

            .feature-icon,
            .service-icon {
                font-size: 2rem;
            }
        }

        @media (max-width: 768px) {

            .section-title h3,
            .section-header h2 {
                font-size: 1.5rem;
            }

            .feature-card,
            .feature-box,
            .service-card {
                margin-bottom: 1rem;
            }

            .col-lg-3,
            .col-md-4 {
                margin-bottom: 1rem;
            }
        }

        @media (max-width: 576px) {

            .section-title h3,
            .section-header h2 {
                font-size: 1.25rem;
            }

            .section-title p,
            .section-header p {
                font-size: 0.9rem;
            }

            .feature-card span,
            .feature-box span,
            .service-card span {
                font-size: 1.1rem;
            }

            .feature-card p,
            .feature-box p,
            .service-card p {
                font-size: 0.9rem;
            }

            .feature-icon,
            .service-icon {
                font-size: 1.75rem;
            }
        }

        .about-section {
            padding: 40px 0;
            background: #f8f9fa;
        }

        .about-content {
            max-width: 500px;
            padding: 20px;
        }

        .about-subtitle {
            font-size: 24px;
            font-weight: bold;
            color: #007bff;
            margin-bottom: 10px;
        }

        .about-title {
            font-size: 28px;
            font-weight: 600;
            display: block;
            margin-bottom: 15px;
        }

        .about-text {
            font-size: 16px;
            color: #6c757d;
            margin-bottom: 20px;
        }

        .about-btn {
            background: #007bff;
            color: #fff;
            padding: 8px 20px;
            border-radius: 20px;
            text-decoration: none;
        }

        .about-btn:hover {
            background: #0056b3;
        }

        .video-container {
            position: relative;
            padding-bottom: 56.25%;
            /* 16:9 Aspect Ratio */
            height: 0;
        }

        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        @media (max-width: 768px) {
            .about-content {
                text-align: center;
            }
        }

        .counter-title {
            color: #000;
            font-size: 25px;
            font-style: italic;
        }

        .counter-title span,
        .icon {
            color: #000;
            font-size: 30px;
            font-weight: 700;
        }

        /* Minimal styling for numbers section */
        .numbers-container {
            background: #fff;
            padding: 40px 0;
            text-align: center;
        }

        .number-item {
            padding: 20px;
        }

        .number-value {
            font-size: 2.5rem;
            font-weight: bold;
            color: #333;
        }

        .number-label {
            font-size: 1rem;
            color: #666;
            margin-top: 10px;
        }

        /* Minimal styling for clients section */
        .clients-container {
            padding: 60px 0;
            background: #f9f9f9;
        }

        .section-title {
            font-size: 1.8rem;
            color: #333;
            margin-bottom: 10px;
        }

        .section-subtitle {
            font-size: 1.2rem;
            color: #444;
            margin-bottom: 15px;
        }

        .section-description {
            color: #666;
            margin-bottom: 30px;
        }

        .client-logo {
            max-width: 100%;
            height: auto;
            padding: 20px;
            transition: filter 0.3s ease;
        }

        .client-logo:hover {
            filter: grayscale(0%);
        }

        .client-col {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .city_list a {
            text-decoration: none;
        }

        .city_item {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .city_link {
            text-decoration: none;
            display: block;
            position: relative;
            height: 100%;
        }

        .city_background {
            width: 100%;
            height: 225px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            transition: transform 0.5s ease-in-out;
        }

        .city_overlay {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 50px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #6cc4e5 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.4s ease-in-out;
        }

        .city_name {
            font-size: 22px;
            color: #fff;
            transition: all 0.4s ease-in-out;
            transform: translateY(0);
            opacity: 1;
            text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5);
        }