/********** Template CSS **********/
            
             :root {
                --primary: #D81324;
                --secondary: #0B2154;
                --light: #F2F2F2;
                --dark: #111111;
            }
            
            .fw-medium {
                font-weight: 600 !important;
            }
            
            .back-to-top {
                position: fixed;
                display: none;
                right: 45px;
                bottom: 45px;
                z-index: 99;
            }
            .bg-t{background: #f4f4f4 !important;}
            .bi-arrow-up::before {
                padding-top: 13px;
            }
            /*** Spinner ***/
            
            #spinner {
                opacity: 0;
                visibility: hidden;
                transition: opacity .5s ease-out, visibility 0s linear .5s;
                z-index: 99999;
            }
            
            #spinner.show {
                transition: opacity .5s ease-out, visibility 0s linear 0s;
                visibility: visible;
                opacity: 1;
            }
            /*** Button ***/
            
          .back-img {
                background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../photo/Power-lines-slow-10.gif);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .btn {
                font-weight: 500;
                text-transform: uppercase;
                transition: .5s;
            }
            
            .btn.btn-primary,
            .btn.btn-secondary {
                color: #FFFFFF;
            }
            
            .btn-square {
                width: 38px;
                height: 38px;
            }
            
            .btn-sm-square {
                width: 32px;
                height: 32px;
            }
            
            .btn-lg-square {
                width: 48px;
                height: 48px;
            }
            
            .btn-square,
            .btn-sm-square,
            .btn-lg-square {
                padding: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: normal;
                border-radius: 2px;
            }
            /*** Navbar ***/
            
            .navbar .dropdown-toggle::after {
                border: none;
                content: "\f107";
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                vertical-align: middle;
                margin-left: 8px;
            }
            
            .navbar-light .navbar-nav .nav-link {
                margin-right: 30px;
                padding: 25px 0;
                color: #FFFFFF;
                font-size: 15px;
                text-transform: uppercase;
                outline: none;
            }
            
            .navbar-light .navbar-nav .nav-link:hover,
            .navbar-light .navbar-nav .nav-link.active {
                color: var(--primary);
            }
            
            @media (max-width: 991.98px) {
                .navbar-light .navbar-nav .nav-link {
                    margin-right: 0;
                    padding: 10px 0;
                }
                .navbar-light .navbar-nav {
                    border-top: 1px solid #EEEEEE;
                }
            }
            
            .navbar-light .navbar-brand,
            .navbar-light a.btn {
                height: 75px;
            }
            
            .navbar-light .navbar-nav .nav-link {
                color: var(--dark);
                font-weight: 500;
            }
            
            .navbar-light.sticky-top {
                top: -100px;
                transition: .5s;
            }
            
            @media (min-width: 992px) {
                .navbar .nav-item .dropdown-menu {
                    display: block;
                    border: none;
                    margin-top: 0;
                    top: 150%;
                    opacity: 0;
                    visibility: hidden;
                    transition: .5s;
                }
                .navbar .nav-item:hover .dropdown-menu {
                    top: 100%;
                    visibility: visible;
                    transition: .5s;
                    opacity: 1;
                }
            }
            /*** Header ***/
            
            .carousel-caption {
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgb(0 0 0 / 70%);
                z-index: 1;
            }
            
            .carousel-control-prev,
            .carousel-control-next {
                width: 10%;
            }
            
            .carousel-control-prev-icon,
            .carousel-control-next-icon {
                width: 3rem;
                height: 3rem;
                display: none;
            }
            
            .top-wtsapp .fa-whatsapp:before {
                font-size: 25px;
            }
            
            @media (max-width: 768px) {
                #header-carousel .carousel-item {
                    position: relative;
                    min-height: 450px;
                }
                #header-carousel .carousel-item img {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            
            .page-header {
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
            }
            
            .page-header-inner {
                background: rgba(0, 0, 0, .7);
            }
            
            .breadcrumb-item+.breadcrumb-item::before {
                color: var(--light);
            }
            
            .formheadding {
                font-size: 1.88rem !important;
            }
            
            @media (max-width:939px) {}
            /* ===========================popup-form======================= */
            
            .modal-dialog {
                max-width: 350px;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .modal {
                top: 100px;
            }
            
            .modal-content {
                height: 350px;
                border: none;
                border-radius: 10px;
                outline: 0;
                margin: 10px;
                background-color: var(--primary);
            }
            
            .modal-header {
                background: #fff;
                border-bottom: none;
                background-color: var(--primary);
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }
            
            .modal-title {
                color: white;
            }
            
            .btn-primary {
                border: none;
            }
            
            button:focus {
                outline: none;
            }
            /* Ensuring the modal is always centered on smaller screens */
            
            @media (max-width: 600px) {
                .modal-dialog {
                    margin: 30px auto;
                }
            }
            
            .Enquiry-form-heading {
                font-size: 1.68rem;
            }
            
            .Enquiry-form .row>* {
                margin-top: 0px;
            }
            
            .modal-header-1 {
                padding: 10px 10px;
            }
            
            .close {
                color: #fff;
                float: right;
                border: none;
                background-color: #d81324;
                font-size: 28px;
                font-weight: bold;
            }
            /* ===========================popup-form======================= */
            /*** Facts ***/
            
            .fact {
                background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../img/);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
            }
            /*** Service ***/
            
            .service .nav .nav-link {
                background: var(--light);
                transition: .5s;
            }
            
            .service .nav .nav-link.active {
                background: var(--primary);
            }
            
            .service .nav .nav-link.active h4 {
                color: #FFFFFF !important;
            }
            
            ul.custom-bullets {
                list-style: none;
                /* Removes default bullets */
                padding: 0;
                margin: 0;
            }
            
            ul.custom-bullets li {
                padding-left: 20px;
                margin-bottom: 10px;
                position: relative;
            }
            
            ul.custom-bullets li::before {
                content: "•";
                color: black;
                font-size: 20px;
                position: absolute;
                left: 0;
                top: 0;
            }
            /*** Booking ***/
            
            .booking {
                background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../img/carousel-bg-2.jpg) center center no-repeat;
                background-size: cover;
            }
            
            .bootstrap-datetimepicker-widget.bottom {
                top: auto !important;
            }
            
            .bootstrap-datetimepicker-widget .table * {
                border-bottom-width: 0px;
            }
            
            .bootstrap-datetimepicker-widget .table th {
                font-weight: 500;
            }
            
            .bootstrap-datetimepicker-widget.dropdown-menu {
                padding: 10px;
                border-radius: 2px;
            }
            
            .bootstrap-datetimepicker-widget table td.active,
            .bootstrap-datetimepicker-widget table td.active:hover {
                background: var(--primary);
            }
            
            .bootstrap-datetimepicker-widget table td.today::before {
                border-bottom-color: var(--primary);
            }
            /*** Team ***/
            
            .team-item .team-overlay {
                display: flex;
                align-items: center;
                justify-content: center;
                background: var(--primary);
                transform: scale(0);
                transition: .5s;
            }
            
            .team-item:hover .team-overlay {
                transform: scale(1);
            }
            
            .team-item .team-overlay .btn {
                color: var(--primary);
                background: #FFFFFF;
            }
            
            .team-item .team-overlay .btn:hover {
                color: #FFFFFF;
                background: var(--secondary)
            }
            /*** Testimonial ***/
            
            .cursor {
                cursor: pointer;
            }
            
            .testimonial-carousel .owl-item .testimonial-text,
            .testimonial-carousel .owl-item.center .testimonial-text * {
                transition: .5s;
            }
            
            .testimonial-carousel .owl-item.center .testimonial-text {
                background: var(--primary) !important;
            }
            
            .testimonial-carousel .owl-item.center .testimonial-text * {
                color: #FFFFFF !important;
            }
            
            .testimonial-carousel .owl-dots {
                margin-top: 24px;
                display: flex;
                align-items: flex-end;
                justify-content: center;
            }
            
            .testimonial-carousel .owl-dot {
                position: relative;
                display: inline-block;
                margin: 0 5px;
                width: 15px;
                height: 15px;
                border: 1px solid #CCCCCC;
                transition: .5s;
            }
            
            .testimonial-carousel .owl-dot.active {
                background: var(--primary);
                border-color: var(--primary);
            }
            /*** Footer ***/
            
            .footer {
                background: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), url(../img/New\ Project.png) center center no-repeat;
                /* background: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), url(../img/New\ Project.png) center center no-repeat; */
                background-size: cover;
            }
            
            .footer .btn.btn-social {
                margin-right: 5px;
                width: 35px;
                height: 35px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--light);
                border: 1px solid #FFFFFF;
                border-radius: 35px;
                transition: .3s;
            }
            
            .footer .btn.btn-social:hover {
                color: var(--primary);
            }
            
            .footer .btn.btn-link {
                display: block;
                margin-bottom: 5px;
                padding: 0;
                text-align: left;
                color: #FFFFFF;
                font-size: 15px;
                font-weight: normal;
                text-transform: capitalize;
                transition: .3s;
            }
            
            .footer .btn.btn-link::before {
                position: relative;
                content: "\f105";
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                margin-right: 10px;
            }
            
            .footer .btn.btn-link:hover {
                letter-spacing: 1px;
                box-shadow: none;
                text-decoration: none;
            }
            
            .footer .copyright {
                padding: 25px 0;
                font-size: 15px;
                border-top: 1px solid rgba(256, 256, 256, .1);
            }
            
            .footer .copyright a {
                color: var(--light);
            }
            
            .footer .footer-menu a {
                margin-right: 15px;
                padding-right: 15px;
                border-right: 1px solid rgba(255, 255, 255, .3);
            }
            
            .footer .footer-menu a:last-child {
                margin-right: 0;
                padding-right: 0;
                border-right: none;
            }
            
            .btn:focus {
                box-shadow: none;
                text-decoration: none;
            }
            
            .btn-link:hover {
                text-decoration: none;
            }
            
            .fixed-buttons {
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                display: flex;
                justify-content: space-around;
                background-color: #fff;
                box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
                z-index: 1000;
            }
            
            .fixed-buttons a {
                text-align: center;
                flex: 1;
                padding: 10px;
                font-size: 18px;
                color: #fff;
                text-decoration: none;
            }
            
            .fixed-buttons .call-btn {
                background-color: #28a745;
            }
            
            .fixed-buttons .chat-btn {
                background-color: #007bff;
            }
            /* ***********client************ */
            
            .logo-slider {
                overflow: hidden;
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
            }
            
            .logo-slider .logo-slide-track {
                display: flex;
                animation: scroll 10s linear infinite;
            }
            
            .slide1 {
                /*width: 110px;*/
                /*height: 100px;*/
                display: flex;
                align-items: center;
                justify-content: center;
                margin-inline: 10px;
            }
            
            .slide1 img {
                width: 100%;
                height: auto;
                border: 1px solid var(--primary);
            }
            
            @keyframes scroll {
                0% {
                    transform: translateX(0);
                }
                100% {
                    transform: translateX(calc(-250px * 4));
                    /* Adjust the number 4 to half the total number of slides */
                }
            }
            /* Responsive adjustments */
            
            @media (max-width: 1200px) {
                .slide1 {
                    width: 200px;
                    height: 160px;
                }
            }
            
            @media (max-width: 992px) {
                .slide1 {
                    width: 150px;
                    height: 120px;
                }
            }
            /* ************client end***** */
            
            @media (max-width:550px) {
                .testimonial-item h5 {
                    font-size: 0.8rem;
                }
                .testimonial-carousel .owl-dot {
                    width: 10px;
                    height: 10px;
                }
                p {
                    font-size: 14px;
                }
                ul.custom-bullets {
                    font-size: 14px;
                }
                .footer .btn.btn-link {
                    font-size: 14px;
                }
                .Enquiry-form-heading {
                    font-size: 1.3rem;
                }
                .carousel-control-prev-icon,
                .carousel-control-next-icon {
                    width: 1.6rem;
                    height: 1.6rem;
                    display: none;
                }
                .small-text {
                    font-size: 0.8rem;
                }
            }
            /*Our Satisfied Clients*/
            
            .containerfl {
                max-width: 100%;
                margin: 40px auto 0;
                text-align: center;
            }
            
            .container__img-holder {
                max-width: 100%;
                /*display: inline-block;*/
                vertical-align: top;
                margin-bottom: 20px;
                /* margin-left: 16px; */
                cursor: pointer;
                 border: solid 1px red;
            }
            
            .containerfl .container__img-holder:nth-child(3n+1) {
                margin-left: 0;
            }
            
            .container__img-holder img {
                width: 100%;
                height: 420px;
                display: block;
            }
            /* Popup Styling */
            
            .img-popup {
                position: fixed;
                top: 10px;
                right: 0;
                bottom: 0;
                left: 0;
                background: rgba(255, 255, 255, .5);
                display: flex;
                justify-content: center;
                align-items: center;
                display: none;
            }
            
            .img-popup img {
                max-width: 360px;
                width: 100%;
                opacity: 0;
                border: solid 1px;
                transform: translateY(-100px);
                -webkit-transform: translateY(-100px);
                -moz-transform: translateY(-100px);
                -ms-transform: translateY(-100px);
                -o-transform: translateY(-100px);
            }
            
            .close-btn {
                width: 35px;
                height: 30px;
                display: flex;
                justify-content: center;
                flex-direction: column;
                position: absolute;
                top: 70px;
                right: 480px;
                background: yellow;
                cursor: pointer;
            }
            
            .close-btn .bar {
                height: 4px;
                background: #333;
            }
            
            .close-btn .bar:nth-child(1) {
                transform: rotate(45deg);
            }
            
            .close-btn .bar:nth-child(2) {
                transform: translateY(-4px) rotate(-45deg);
            }
            
            .opened {
                display: flex;
            }
            
            .opened img {
                animation: animatepopup 1s ease-in-out .8s;
                -webkit-animation: animatepopup .3s ease-in-out forwards;
            }
            
            @keyframes animatepopup {
                to {
                    opacity: 1;
                    transform: translateY(0);
                    -webkit-transform: translateY(0);
                    -moz-transform: translateY(0);
                    -ms-transform: translateY(0);
                    -o-transform: translateY(0);
                }
            }
            
            @media screen and (max-width: 880px) {
                .containerfl .container__img-holder:nth-child(3n+1) {
                    margin-left: 16px;
                }
            }
            
            @media screen and (max-width: 768px) {
                .img-popup img {
                    max-width: 361px;
                    width: 76%;
                }
                .close-btn {
                    width: 24px;
                    height: 24px;
                    display: flex;
                    justify-content: center;
                    flex-direction: column;
                    position: absolute;
                    top: 73px;
                    right: 47px;
                    background: yellow;
                    cursor: pointer;
                }
            }

 * {
            box-sizing: border-box;
        }
       
        .container-one {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            padding: 20px;
        }
        .card {
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            margin: 10px;
            width: 300px;
            transition: transform 0.2s;
        }
        .card:hover {
            transform: scale(1.05);
        }
        .card img {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            width: 100%;
            height: auto;
        }
        .card-content {
            padding: 20px;
        }
        .card-title {
            font-size: 1.1em;
            margin-bottom: 10px;
        }
        .card-description {
            font-size: 1em;
            color: #666;
        }
        @media (max-width: 768px) {
            .card {
                width: 100%;
            }
        }