/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    background: #F3F7FF;
}
img {
    max-width:100%;
}

/* Header style */

header {
    width: 100%;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}


/* Header inner container */
.header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Logo */
.logo img {
    height: 50px;
}

/* Navigation list */
.nav-list {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 35px;
    margin: 0;
    padding: 0;
}

    /* Navigation items */
    .nav-list li {
        position: relative;
        white-space: nowrap;
    }

    /* Nav links */
    .nav-list a {
        text-decoration: none;
        color: #0026ff;
        font-weight: 500;
        font-size: 16px;
        padding: 10px;
        display: inline-block;
        transition: 0.3s ease;
    }

        .nav-list a:hover {
            color: #ff6900;
            text-decoration: underline;
        }

/* 🔽 Dropdown arrow */
.has-dropdown > a::after {
    content: " ▼";
    font-size: 10px;
    margin-left: 5px;
    vertical-align: middle;
}

/* Dropdown menu */
.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 220px;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 8px 0;
    z-index: 100;
}

.has-dropdown:hover .submenu {
    display: block;
}


.submenu li {
    list-style: none;
}

.submenu a {
    display: block;
    padding: 12px 20px;
    font-size: 15px;
    color: #0026ff;
    white-space: nowrap;
    transition: 0.3s ease;
}

    .submenu a:hover {
        background-color: #f5f5f5;
        color: #ff6900;
        border-radius: 4px;
    }

/* 🔶 Contact Us styling */
.contact-link {
    color: #ff3c00;
    font-weight: 600;
}
/*mobile*/
/* Base */
body.nav-open {
    overflow: hidden;
}

/* Mobile Header */
.mobile-header {
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    background: #ffffffcc; /* keep translucent white */
    backdrop-filter: blur(10px);
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: 0.3s ease;
}

    .mobile-header.scrolled .mobile-toggle {
        background-color: #0026ff;
    }
.mobile-logo img {
    height: 45px;
}

/* Toggle Icon */
.mobile-toggle {
    width: 38px;
    height: 38px;
    background: #ffffff;
    backdrop-filter: blur(6px);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    z-index: 10000;
    transition: background 0.3s ease;
}

.mobile-header.scrolled .mobile-toggle span {
    background-color: #ffffff;
}
.mobile-toggle span {
    width: 20px;
    height: 2px;
    background: #0026ff;
    display: block;
    transition: 0.3s ease;
}

.mobile-toggle.open span:nth-child(1) {
    transform: rotate(45deg) translate(4px, 4px);
}

.mobile-toggle.open span:nth-child(2) {
    opacity: 0;
}

.mobile-toggle.open span:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
}

/* Mobile Menu */
.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: auto; /* ✅ full screen white */
    background: #ffffff;
    padding: 100px 30px 30px 30px; /* top padding so content doesn’t overlap toggle */
    transition: right 0.3s ease;
    z-index: 9998;
    overflow-y: auto;
}


    .mobile-menu.open {
        right: 0;
    }

.mobile-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .mobile-nav li {
        margin-bottom: 20px;
    }

    .mobile-nav a,
    .mobile-nav span {
        color: #0026ff;
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
        display: block;
    }

        .mobile-nav a:hover {
            color: #ff6900;
            text-decoration: underline;
        }

/* Dropdown Styles */
.mobile-dropdown > span::after {
    content: " ▼";
    font-size: 10px;
    margin-left: 5px;
}

.mobile-submenu {
    display: none;
    padding-left: 15px;
    margin-top: 10px;
}

.mobile-dropdown.open .mobile-submenu {
    display: block;
}




/*FOOTER SECTION*/

footer {
    background: #eaf0f8;
    /*   padding: 100px 0px;*/
    padding: 42px 0px;
    padding-bottom: 0px;
}

.footer-desktop {
    display:block;
}
.footer-top {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    margin-bottom: 45px;
    padding: 0 250px;
}


.footer-column {
    flex: 1 1 200px;
    min-width: 200px;
}

    .footer-column h4 {
        display: block;
        visibility: visible;
        color: #1f2a37;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 16px;
        line-height: 1.4;
    }

    .footer-column p {
        line-height: 1.6;
        font-size: 16px;
        color: #3a4a5b;
    }
    .footer-column a {
        line-height: 1.6;
        font-size: 16px;
        color: #3a4a5b;
        text-decoration:none;
    }
        .footer-column a:hover {
            color: #005BCC;
        }

        .footer-column.links ul {
            list-style: none;
        }

    .footer-column.links li {
        margin-bottom: 8px;
    }

    .footer-column.links a {
        font-size: 16px;
        text-decoration: none;
        color: #1f2a37;
        transition: color 0.2s;
    }


        .footer-column.links a:hover {
            color: #005bcc;
            
        }


    .footer-column.contact strong {
        display: block;
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 8px;
    }

.footer-bottom {
    border-top: 3px solid ;
    padding-top: 10px;
    display: flex;
    justify-content: space-around;
    font-size: 16px;
    color: #5a6c7a;
}
.footer-mobile {
    display:none;
}
/*++++++++++++first swipeer+++++++++++++++*/

.fullSwiper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .fullSwiper .swiper-wrapper {
        display: flex;
    }

    .fullSwiper .swiper-slide {
        width: 100%;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        flex-direction: column;
        text-align: center;
/*        padding: 20px;
        box-sizing: border-box;*/
    }

        .fullSwiper .swiper-slide img {
            width: 100%;
            height: auto;
            object-fit: cover;
            display: block;
        }

  .award-swiper-prev::after,
.award-button-next::after {
    display: none;
}

/* Custom navigation buttons */
.award-swiper-next,
.award-swiper-prev {
    position: absolute;
    top: 0;
    width: 35px;
    height: 100%;
    /*  transform: translateY(-50%);*/
    z-index: 20;
    cursor: pointer;
}

    .award-swiper-prev img,
    .award-swiper-next img {
        width: 150px;
        height: 634px;
        object-fit: contain;
    }

/* Button positions */
.award-swiper-prev {
    left: 0px;
}

.award-swiper-next {
    right: 0px;
}

    /* Pagination bullets */
    .fullSwiper .swiper-pagination-bullet {
        background: rgba(255, 255, 255, 0.5);
        opacity: 1;
    }

    .fullSwiper .swiper-pagination-bullet-active {
        background: #fff;
    }
.mobile {
    display: none;
}

/*mobile version*/
/* Mobile-small styles */


@media (max-width: 412px) {
    .mobile-swiper {
        display: block;
        width: 100vw;
        height: 70vh;
        overflow: hidden;
        position: relative;
    }

        .mobile-swiper .swiper-slide {
            width: 100%;
            height: 70vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .mobile-swiper .swiper-slide img {
                width: 100%;
                height: 70%;
                object-fit: cover;
/*                display: block;*/
            }

    .fill-swiper-prev::after,
    .fill-button-next::after {
        display: none;
    }

    /* Custom navigation buttons */
    .fill-swiper-next,
    .fill-swiper-prev {
        position: absolute;
        top: 0;
        width: 35px;
        height: 100%;
        /*  transform: translateY(-50%);*/
        z-index: 20;
        cursor: pointer;
    }

        .fill-swiper-prev img,
        .fill-swiper-next img {
            width: 150px;
            height: 411px;
            object-fit: contain;
        }

    /* Button positions */
    .fill-swiper-prev {
        left: 0px;
    }

    .fill-swiper-next {
        right: 0px;
    }

    
    .mobile-swiper .swiper-pagination-bullet {
        background: rgba(255, 255, 255, 0.5);
        opacity: 1;
    }

        .mobile-swiper .swiper-pagination-bullet-active {
            background: rgba(0,0,0,0.6);
        }
    .desktop {
        display: none;
    }


    .mobile

{
    display: block;
}
 
}




/*+++++++++ WHO WE ARE++++++++++++ */
.about-section {
    max-width: 1200px;
    width: 95%;
    margin: 80px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding: 0 20px;*/
    /*gap: 100px;*/
}

.image-wrapper {
    position: relative;
    width: 500px;
    height: auto;
    flex-shrink: 0;
}
.bg-image {
    position: absolute;
    top: -50px;
    left: -25px;
    width: 60%;
    z-index: 0;
    border-radius: 45px 0px 45px 0px;
}
.main-image {
    position: relative;
    z-index: 1;
    width: 80%;
    border-radius: 25px 0px 25px 0px;
    box-shadow: 5px 5px 15px 0px;
    transition: transform 0.3s ease;
}

    .main-image:hover {
        transform: scale(1.03);
    }

.text-content {
    max-width: 600px;
}

    .text-content h4 {
        font-weight: 600;
        color: #252525;
        margin-bottom: 10px;
    }

    .text-content h2 {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 20px;
        color: #1a1a1a;
        line-height: 1.4;
    }

    .text-content p {
        font-size: 16px;
        color: #444;
        line-height: 1.6;
        margin-bottom: 20px;
    }

.btn {
    display: inline-block;
    background-color: #0062ff;
    color: #fff;
    padding: 12px 25px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

    .btn:hover {
        background-color: #ff6900;
    }

    /*+++++++++++OUR SERVICES++++++++++*/
.services-section {
    padding: 60px 20px;
    text-align: center;
}

.section-title {
    font-size: 39px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #313C4D;
}

.services-grid {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.service-card {
   
    border-radius: 10px;
    text-align: center;
    padding: 0 10px 20px;
    width: 370px;
}

    .service-card img {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

    .service-card h3 {
        margin: 15px 0;
        font-size: 16px;
        font-weight: 600;
        color: #1a1a1a;
    }

.btn {
    display: inline-block;
    background-color: #0062ff;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    margin-top: 10px;
    transition: background-color 0.3s ease;
}

    .btn:hover {
        background-color: #ff6900;
    }
    /*+++++CONTACT++++++++++*/
.contact-wrapper {
    padding: 60px 40px;
    background-color: #f1f5fb;
}

.contact-section {
    background-color: #0057ff;
    border-radius: 20px;
    padding: 30px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    /*    gap:35px;*/
}

.contact-left {
    color: white;
    max-width: 500px;
    z-index: 2;
    margin-left: 280px;
}

    .contact-left h2 {
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 25px;
    }

    .contact-left p {
        font-size: 16px;
        margin-bottom: 70px;
        color: #dce9ff;
    }

.phone-box {
    background-color: white;
    color: #0057ff;
    font-weight: bold;
    padding: 12px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    transition: background-color 0.3s ease;
}

    .phone-box i {
        margin-right: 10px;
    }

    .phone-box:hover {
        background-color: #ff6900;
        color: #ffffff;
    }

.contact-right {
    position: relative;
    max-width: 550px;
    margin-top: 30px;
    margin-right: 250px;
}

.image-wrapper {
    position: relative;
    width: fit-content;
}

.bg-image2 {
    position: absolute;
    top: -38px;
    right: -25px;
    width: 60%;
    z-index: 0;
    border-radius: 0px 30px 0px 30px;
}

.main-image2 {
    position: relative;
    border-radius: 0px 25px 0px 25px;
    box-shadow: 5px 5px 10px 0px;
    height: auto;
    z-index: 2;
    display: block;
    transition: transform 0.4s ease;
}

    .main-image2:hover {
        transform: scale(1.05);
    }

  /*++++++++++OUR WORK+++++++*/
.mobile0-2 {
    display:none;
}
.desktop0-2 {
    display:block;
}
    .gallery-wrapper {
        max-width: 1200px;
        margin: 60px auto;
        padding: 0 20px;
    }

.gallery-title {
    text-align: center;
    font-size: 39px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #313C4D;
    
}

    .image-gallery {
        display: flex;
        gap: 20px;
    }


.masonry {
    column-count: 3;
    column-gap: 1rem;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    gap:20px;
}
    .card {
        position: relative;
        border-radius: 12px;
        overflow: hidden;
    }

        .card img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.4s ease;
        }
.masonry-item {
    break-inside: avoid;
    margin-bottom: 20px;
    background: #f0f0f0;
    border-radius: 8px;
}
    .overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity 0.4s ease;
    }

    .card:hover img {
        transform: scale(1.1);
    }

    .card:hover .overlay {
        opacity: 1;
    }

    .overlay h3 {
        font-size: 25px;
        color: #fff;
        text-align: center;
        padding: 0 10px;
    }

    .view-more-container {
        display: flex;
        justify-content: center;
        margin-top: 40px;
    }

    .btn-view-more {
        background: #005bcc;
        color: #fff;
        padding: 14px 30px;
        font-size: 16px;
        font-weight: 500;
        border-radius: 4px;
        text-decoration: none;
        transition: background 0.3s ease;
    }

        .btn-view-more:hover {
            background: #ff6900;
        }

    @media (max-width: 900px) {
        .image-gallery {
            flex-direction: column;
        }
    }

    /*++++++++++++HAPPY CLIENTS+++++++++*/
    /* Section */
    .testimonial-section {
        background: #f5f5f5;
        padding: 60px 20px;
    }

.testimonial-title {
    text-align: center;
    font-size: 41px;
    font-weight: 700;
    color: #313C4D;
    margin-bottom: 40px;
}

    /* Grid layout with precise rows */
    .testimonial-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(400px, 1fr));
        grid-auto-rows: auto;
        gap: 30px;
        max-width: 1300px;
        margin: 0 auto;
    }

    .testimonial-card.large {
        grid-column: 1 / -1;
    }

    /* Card styling */
    .testimonial-card {
        background: #005bcc;
        color: #fff;
        border-radius: 40px;
        padding: 30px 40px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    /* Text styles */
    .quote {
        font-size: 17px;
        font-style: italic;
        line-height: 1.7;
        margin-bottom: 25px;
    }

    .author {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .company {
        font-size: 15px;
        opacity: 0.9;
    }
    /* Center the author line and company name */
    .testimonial-card .author {
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    /* Centered yellow stars */
    .stars {
        font-size: 22px;
        color: gold;
        text-align: center;
        margin-top: 20px;
    }

    /* Responsive */
    @media (max-width: 800px) {
        .testimonial-grid {
            grid-template-columns: 1fr;
        }
    }
/*++++++++++++++++++++++ Awards & Certificates+++++++++++++++++++++++++*/

.award-swiper-prev::after,
.award-button-next::after {
    display: none;
}

/* Custom navigation buttons */
.award-swiper-next,
.award-swiper-prev {
    position: absolute;
    top: 0;
    width: 35px;
    height: 100%;
    /*  transform: translateY(-50%);*/
    z-index: 20;
    cursor: pointer;
}

    .award-swiper-prev img,
    .award-swiper-next img {
        width: 150px;
        height: 634px;
        object-fit: contain;
    }

/* Button positions */
.award-swiper-prev {
    left: 0px;
}

.award-swiper-next {
    right: 0px;
}



    /*++++++++++++++HERE TO HELP+++++++++++++*/
    .call-section {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #005bcc;
        color:#ddd;
        padding: 60px 20px;
        flex-wrap: wrap;
    }

    .call-images-group {
        position: relative;
        display: flex;
        align-items: center;
        margin-right: 90px;
    }

    .side-grey-image {
        width: 100px;
        height: auto;
        opacity: 0.5;
        margin-right: -60px; /* overlaps behind main image */
        z-index: 0;
    }

    .call-image-wrapper {
        position: relative;
        z-index: 1;
    }

.call-frame {
    width: 60%;
    height: 70%;
    background:#ddd;
    border-radius: 45px 0px 45px 0px;
    position: absolute;
    left: -28px;
    top: -28px;
    z-index: 1;
}

.call-image {
    width: 550px;
    height: 400px;
    object-fit: cover;
    position: relative;
    z-index: 2;
    transition-duration: 0.5s;
    border-radius: 25px 0px 25px 0px;
    color:rgba(0,0,0,0.6);
    box-shadow: 5px 5px 15px 0px;

}

        .call-image:hover {
            transform: scale(1.05);
        }

    .call-content {
        max-width: 400px;
    }

        .call-content h2 {
            font-size: 35px;
            font-weight: bold;
            margin-bottom: 60px;
            line-height: 1.4;
            text-align: left;
        }

    .call-button {
        display: inline-block;
        background: #fff;
        color: #005bcc;
        text-decoration: none;
        padding: 14px 24px;
        border-radius: 6px;
        font-size: 22px;
        font-weight: 750;
        transition: background 0.3s, color 0.3s;
    }

        .call-button:hover {
            background: #ff6900;
            color: #fff;
        }

    @media (max-width: 850px) {
        .call-section {
            flex-direction: column;
            padding: 40px 20px;
        }

        .call-images-group {
            margin-bottom: 30px;
            margin-right: 0;
        }
    }


    /*##############################ABOUT PAGE#########################################*/
.main3 {
    padding-top:94px;
}

    /*+++++ABOUT IMAGE+++++++*/
.mobile-only {
    display: none;
}
    .desktop1{
        display:block;
    }
.about-banner {
    width: 100%;
    overflow: hidden;
    
}

/* Styling for the image wrapper */
.about-img-wrapper {
    width: 100%;
    max-height: 450px;
    overflow: hidden;
}

/* Styling for the image */
.about-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}



    /*+++++++INTRO+++++++*/
    .intro-header {
        background-color: #f5f7fa;
        padding: 40px 20px;
        text-align: center;
    }

    .two-line-heading {
        display: inline-block;
        margin: 0;
        max-width: 900px; /* Adjust to prevent unintended wrapping */
        font-family: Arial, sans-serif;
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 1.5;
        color: #2b3a4a;
        white-space: normal;
        overflow-wrap: normal; /* Prevent automatic breaks except at <wbr> */
        word-break: normal;
    }




    /*Abhishek milinum contract*/
    .about-section3 {
        background-color: #0056FF;
        padding: 60px 20px;
    }

    .about-container3 {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 70px;
    }

    .about-image-group3 {
        position: relative;
        flex: 1;
        min-width: 100px;
    }

.decorative-bg3 {
    position: absolute;
    top: -8px;
    left: -10px;
    width: 90%;
    z-index: 0;
    border-radius: 30px 0px 30px 0px;
}



.decorative-bg img {
    display: none;
    width: 60%;
    height: 70%;
    object-fit: contain;
    border-radius: 25px 0px 25px 0px;
}

.main-img-wrapper3 {
    position: relative;
    z-index: 1;
    /*  border-radius: 20px;*/
    overflow: hidden;
    /*box-shadow: 0 10px 20px rgba(0,0,0,0.2);*/
    width: 90%;
    max-width: 500px; /* control max width */
    height: 500px;
    margin-top: 20px;
    margin-left: 20px;
    /* transition: transform 0.3s ease, box-shadow 0.3s ease;*/
    border-radius: 25px 0px 25px 0px;
    box-shadow: 5px 5px 15px 0px;
    transition: transform 0.3s ease;
}

        .main-img-wrapper3:hover {
            transform: scale(1.05);
            box-shadow: 0 15px 25px rgba(0,0,0,0.3);
        }

    .main-img-wrapper img3 {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .about-text {
        flex: 1;
        color: #FFF;
        font-family: Arial, sans-serif;
        font-size: 1.1rem;
        line-height: 1.6;
    }

        .about-text p {
            margin-top: 10px;
            margin-bottom: 25px;
        }

            .about-text p:last-child {
                margin-bottom: 0;
            }
    /*+++++PUMP ROOM+++++*/
    .detail-section {
        position: relative;
        background: url('images/background core.jpg') no-repeat center center;
        background-size: cover;
        color: #fff;
        padding: 80px 20px;
    }

        .detail-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background-color: rgba(0,0,0,0.6);
            z-index: 0;
        }

    .detail-container {
        position: relative;
        z-index: 1;
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
        gap: 40px;
    }

    .detail-text {
        flex: 1;
        text-align: left;
        font-family: Arial, sans-serif;
        font-size: 1.1rem;
        line-height: 1.6;
    }

        .detail-text p {
            margin-bottom: 20px;
        }

    .detail-image-group {
        position: relative;
        flex: 0 0 350px;
    }

.decorative-bg4 {
    position: absolute;
    top: -17px;
    right: -20px;
    width: 450px;
    height: 487px;
    z-index: 0;
    pointer-events: none;
    border-radius: 0px 25px 0px 0px;
}

.decorative-bg img4 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px 25px 0px 0px;
}

.main-img-wrapper4 {
    position: relative;
    z-index: 1;
    width: 540px;
    height: 540px;
    border-radius: 20px;
    overflow: hidden;
    border-radius: 0px 25px 0px 25px;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.main-img-wrapper img4 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    
}
    

.main-img-wrapper4:hover {
    transform: scale(1.05);
     color: rgba(0,0,0,0.6);
    
}

    /*+++++++OUR TEAM+++++++*/
    .team-title {
        padding: 40px 20px;
        background-color: transparent;
        text-align: center;
        justify-content: center;
        font-family: Arial, sans-serif;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.2;
        margin: 30px 12px;
        color: #2d3e50;
    }

    .about-section5 {
        max-width: 1200px;
        margin: 50px auto 90px; /* top/bottom spacing */
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .image-wrapper5 {
        position: relative;
        width: 500px;
        flex-shrink: 0;
    }

.bg-image5 {
    position: absolute;
    top: -30px;
    left: -30px;
    width: 85%;
    z-index: 0;
    border-radius: 45px 0px 45px 0px;
}

.main-image5 {
    position: relative;
    z-index: 1;
    width: 98%;
    border-radius: 25px 0px 25px 0px;
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5);
    transition: transform 0.3s ease;
}

        .main-image5:hover {
            transform: scale(1.03);
        }

    .mgmt-heading {
        font-family: Arial, sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.5;
        color: #2d3e50;
        margin-bottom: 34px;
        text-align: left;
    }

    .mgmt-text {
        font-family: Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #4a4a4a;
        margin-bottom: 20px;
    }

        .mgmt-text:last-child {
            margin-bottom: 0;
        }
    /*++++OUR POLICIES++++*/
    .policies-section {
        background-color: #f0f4fb;
        padding: 60px 20px;
        text-align: center;
    }

    .policies-title {
        font-family: Arial, sans-serif;
        font-size: 2rem;
        font-weight: 700;
        color: #2d3e50;
        margin-bottom: 40px;
    }

    .policies-container {
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
    }

    .policy-card {
        position: relative;
        width: 360px;
        height: 270px;
        border-radius: 24px;
        overflow: hidden;
        cursor: pointer;
    }

    /* Background container */
    .policy-bg {
        position: absolute;
        inset: 0;
        background-image: url('images/blue.jpg');
        background-size: cover;
        background-position: center;
        transition: background-image 0.3s ease;
    }

    /* On hover, background changes to black version */
    .policy-card:hover .policy-bg {
        background-image: url('images/black.jpg');
    }

    .policy-main-img {
        position: relative;
        width: 100%;
        height: 180px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
    }

        .policy-main-img img {
            width: 120px;
            transition: transform 0.3s ease;
        }

    .policy-card:hover .policy-main-img img {
        transform: scale(1.1);
    }

    .policy-label {
        position: relative;
        z-index: 1;
        font-family: Arial, sans-serif;
        font-size: 1.1rem;
        font-weight: 600;
        color: #fff;
        margin-top: 10px;
    }
        .policy-label a {
            text-decoration:none;
        }
        /*++++++ORGANISATION CHART++++++*/
        .org-chart-section {
            padding: 40px 20px;
            background-color: #f5f7fa; /* optional background */
            text-align: center;
        }

    .chart-title {
        font-family: Arial, sans-serif;
        font-size: 2rem;
        font-weight: bold;
        color: #2d3e50;
        margin-bottom: 20px;
    }

    .chart-image-wrapper {
        width: 100%;
        overflow: hidden;
    }

    .chart-image {
        display: block;
        width: 100%;
        max-width: 1200px; /* optional max to prevent extreme stretching */
        height: auto;
        margin: 0 auto;
        object-fit: contain;
    }
    /*++++++WHY CHOOSE US++++*/
    .choose-wrapper {
        padding: 60px 40px;
        background-color: #f1f5fb;
    }

.choose-section {
    background-color: #0057ff;
    border-radius: 20px;
    padding: 30px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    gap: 120px;
}

.text-left {
    color: white;
    max-width: 500px;
    z-index: 2;
}

    .text-left h2 {
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .text-left p {
        font-size: 17px;
        margin-bottom: 30px;
        color: #dce9ff;
        line-height: 30px;
    }




    .choose-right {
        position: relative;
        max-width: 550px;
        margin-top: 30px;
        /*    margin-right: 250px;*/
    }

    .image-wrapper6 {
        position: relative;
        width: fit-content;
    }

.bg-image6 {
    position: absolute;
    top: -25px; /* Shift upward */
    left: -25px; /* Shift to the left */
    width: 60%;
    z-index: 0;
    border-radius: 45px 0px 45px 0px;
}

.main-image6 {
    position: relative;
    /*  border-radius: 24px;*/
    max-width: 100%;
    height: auto;
    z-index: 2;
    display: block;
    /* transition: transform 0.4s ease;*/
    border-radius: 35px 0px 35px 0px;
    box-shadow: 5px 5px 15px 0px;
    transition: transform 0.3s ease;
}

        .main-image6:hover {
            transform: scale(1.05);
        }

    /*++++Clients++++*/
.clients-slider-section {
    max-width: 1300px;
    margin: 60px auto;
    padding: 0 15px;
    text-align: center;
}

.clients-slider-title {
    font-size: 34px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}


/* .clients-swiper {
     width: 100%;
     max-width: 1300px;
 }*/

Slides setup
.clients-swiper .swiper-wrapper {
    display: flex;
}




.clients-swiper .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border: 2px solid #555;
    border-radius: 8px;
    background: #fff;
    padding: 5px;
}

.clients-swiper {
    position: relative;
    overflow: visible;
}

.swiper-container {
    position: relative;
    overflow: visible;
}


/* Default Swiper arrows को छुपाएं */
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}

/* Custom navigation buttons */
.prev-btn,
.next-btn {
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
  /*  transform: translateY(-50%);*/
    z-index: 20;
    cursor: pointer;
}

    .prev-btn img,
    .next-btn img {
        width: 150px;
        height: 120px;
        object-fit: contain;
    }

/* Button positions */
.prev-btn {
    left: 0px;
}

.next-btn {
    right: 0px;
}

    /* Hover effect */
    /*.prev-btn:hover,
    .next-btn:hover {
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 50%;
    }*/

.clients-swiper .swiper-pagination {
    position: relative;
    bottom: 5px;
    left: 0;
    width: 100%;
    text-align: center;
}

.clients-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 3px;
    background: #ccc;
    opacity: 1;
}

.clients-swiper .swiper-pagination-bullet-active {
    background: #333;
}

.slider-outer {
    position: relative;
    padding: 0 25px;
}
   
    /*++++++++++++++++++++++++++++++++++++++++++++++SERVICESSSSSSS+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    /*++++services image+++++*/
.mobile-only2 {
    display: none;
}

.desktop2 {
    display: block;
}
.service-banner {
    width: 100%;
    overflow: hidden;
   
}

/* Styling for the image wrapper */
.service-img-wrapper {
    width: 100%;
    max-height: 450px;
    overflow: hidden;
}

/* Styling for the image */
.service-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

    /*+++++++++++++++++++++++++++++++++++++++++++++++ PHE WORKSSSS +++++++++++++++++++++++++++++++++++++++++++++++*/

    /*+++WORKS+++*/
.mobile-only3 {
    display: none;
}

.desktop3 {
    display: block;
}
.work-banner {
    width: 100%;
    overflow: hidden;
   
}

/* Styling for the image wrapper */
.work-img-wrapper {
    width: 100%;
    max-height: 450px;
    overflow: hidden;
}

/* Styling for the image */
.work-img {
    display: block;
     width: 100%;
    height: auto;
    object-fit: cover;
    
}
    /*<!---++++++++PHE WORKS IMAGES AND SECTION ALLL++++++--->*/
    .main-section8 {
        padding: 50px 20px;
        text-align: center;
        background-color: #fff;
    }

    .main-heading8 {
        font-size: 40px;
        color: #003366;
        margin-bottom: 40px;
    }

    .sub-block8 {
        margin-bottom: 60px;
    }

    .sub-heading8 {
        font-size: 30px;
        color: #333;
        margin-bottom: 30px;
    }

    .image-row8 {
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
    }

    .img-container8 {
        position: relative;
        width: 350px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
    }

.bg-img8 {
     position: absolute;
    width: 70%;
    height: 70%;
    object-fit: cover;
    z-index: 1;
    top: -40px;
    right: -20px;
   border-radius: 0px 30px 0px 30px;
    

}

.main-img8 {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 2;
    padding: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 0px 35px 0px 35px;
  /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
}

        /* 👇 Hover effect */
    .main-img8:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
            z-index: 3;
        }

    /*++++TEXT SECTION++++*/
    .coming-soon-section {
        background-color: #fff;
        padding: 60px 20px;
        text-align: center;
    }

    .coming-block {
        margin-bottom: 30px;
    }

        .coming-block h3 {
            font-size: 30px;
            color: #333;
            margin-bottom: 8px;
            font-weight: 580;
        }

        .coming-block p {
            font-size: 32px;
            color: #222;
            font-weight: 700;
            margin: 0;
        }

    .coming-soon-section hr {
        max-width: 400px;
        border: none;
        /*    border-top: 1px solid #ccc;*/
        margin: 30px auto;
    }

    /*+++++++++++++++++++++++++++++++++++++++++++++++++++++FIRE FIGHTINGGGGGGG+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    /*FIRE IMAGE*/
.mobile-only4 {
    display: none;
}

.desktop4 {
    display: block;
}
.fire-banner {
    width: 100%;
    overflow: hidden;
    
}

    .fire-img-wrapper {
        width: 100%;
        max-height: 450px;
        overflow: hidden;
    }

    .fire-img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }


    /*+++Fire Fighting Works++++*/
    .main-section9 {
        padding: 50px 20px;
        text-align: center;
        background-color: #fff;
    }

    .main-heading9 {
        font-size: 40px;
        color: #003366;
        margin-bottom: 40px;
    }

    .sub-block9 {
        margin-bottom: 60px;
    }

    .sub-heading9 {
        font-size: 30px;
        color: #333;
        margin-bottom: 30px;
    }

    .image-row9 {
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
    }

    .img-container9 {
        position: relative;
        width: 350px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
    }

    .bg-img9 {
        position: absolute;
        width: 70%;
        height: 70%;
        object-fit: cover;
        z-index: 1;
        top: -40px;
        right: -20px;
       border-radius: 45px 0px 45px 0px;
    }

.main-img9 {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 2;
    padding: 10px;
    border-radius: 0px 35px 0px 35px;
   /* box-shadow: 5px 5px 15px 0px;*/
    transition: transform 0.3s ease;
}

        /* 👇 Hover effect */
        .main-img9:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
            z-index: 3;
        }
    /*+++++++++++++++++++++++++++++++++++++++FIRE ALARMS FIGHTINGH+++++++++++++++++++++++++++++++++++++++++++++++++++*/
    /*FIRE ALARM IMAGE*/
.mobile-only5 {
    display: none;
}

.desktop5 {
    display: block;
}
.firealarm-banner {
    width: 100%;
    overflow: hidden;
   
}

    .firealarm-img-wrapper {
        width: 100%;
        max-height: 350px;
        overflow: hidden;
    }

    .firealarm-img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    /*++++++FIRE SYSTEM+++++*/
    .main-section10 {
        padding: 50px 20px;
        text-align: center;
        background-color: #fff;
    }

    .main-heading10 {
        font-size: 40px;
        color: #003366;
        margin-bottom: 40px;
    }

    .sub-block10 {
        margin-bottom: 60px;
    }

    .sub-heading10 {
        font-size: 30px;
        color: #333;
        margin-bottom: 30px;
    }

    .image-row10 {
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
    }

    .img-container10 {
        position: relative;
        width: 350px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
    }

.bg-img10 {
    position: absolute;
    width: 70%;
    height: 70%;
    object-fit: cover;
    z-index: 1;
    top: -60px;
    right: -30px;
    border-radius: 45px 0px 45px 0px;
}

.main-img10 {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 2;
    padding: 10px;
    border-radius: 0px 35px 0px 35px;
    /* box-shadow: 5px 5px 15px 0px;*/
    transition: transform 0.3s ease;
}

        /* 👇 Hover effect */
        .main-img10:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
            z-index: 3;
        }
    /*++++++fire alarms text section++++++*/
    .coming-soon-section2 {
        background-color: #fff;
        padding: 60px 20px;
        text-align: center;
    }

    .coming-block2 {
        margin-bottom: 30px;
    }

        .coming-block2 h3 {
            font-size: 40px;
            color: #333;
            margin-bottom: 14px;
            font-weight: 580;
        }

        .coming-block2 p {
            font-size: 37px;
            color: #222;
            font-weight: 700;
            margin: 0;
        }

    /*.coming-soon-section2 hr {
    max-width: 400px;
    border: none;*/
    /*    border-top: 1px solid #ccc;*/
    /*margin: 30px auto;
}*/

    /*+++++++++++++++++++++++++++++++++++++++++++++++CCTV CAMERA PAGE+++++++++++++++++++++++++++++++++++++++++++++++++++*/
    /*<!---CCTV IMAGE--->*/
.mobile-only6 {
    display: none;
}

.desktop6 {
    display: block;
}
.cctv-banner {
    width: 100%;
    overflow: hidden;
    
}

    .cctv-img-wrapper {
        width: 100%;
        max-height: 450px;
        overflow: hidden;
    }

    .cctv-img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    /*+++CCTV CONTENT++*/
    .main-section11 {
        padding: 50px 20px;
        text-align: center;
        background-color: #fff;
    }

    .main-heading11 {
        font-size: 40px;
        color: #003366;
        margin-bottom: 40px;
    }

    .sub-block11 {
        margin-bottom: 60px;
    }

    .sub-heading11 {
        font-size: 30px;
        color: #333;
        margin-bottom: 30px;
    }

    .image-row11 {
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
    }

    .img-container11 {
        position: relative;
        width: 350px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
    }

.bg-img11 {
    position: absolute;
    width: 70%;
    height: 70%;
    object-fit: cover;
    z-index: 1;
    top: -40px;
    right: -20px;
    border-radius: 45px 0px 45px 0px;
}

.main-img11 {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 2;
    padding: 10px;
    border-radius: 0px 35px 0px 35px;
    /*box-shadow: 5px 5px 15px 0px;*/
    transition: transform 0.3s ease;
}

        /* 👇 Hover effect */
        .main-img11:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
            z-index: 3;
        }
    /*#################################################    COMPLETED PROJECT     ###############################################*/
    /*<!---completed project IMAGE--->*/
.mobile-only7 {
    display: none;
}

.desktop7 {
    display: block;
}
.completedproject-banner {
    width: 100%;
    overflow: hidden;
   
}

    .completedproject-img-wrapper {
        width: 100%;
        max-height: 450px;
        overflow: hidden;
    }

    .completedproject-img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    /*Completed project all project image*/
    .completeproject {
        background-color: #fff;
        padding: 50px 20px;
    }

    .completeproject-container {
        /*    display: flex;*/
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
        /*    justify-content: center;
    flex-wrap: wrap;*/
    }

    .completeproject-column {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .completeproject-image-wrapper {
        position: relative;
        overflow: hidden;
        border-radius: 8px;
    }

        .completeproject-image-wrapper img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            transition: transform .4s ease;
            border-radius: 8px;
        }

.completeproject-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    background: rgba(0,0,0,.4);
    opacity: 0;
    pointer-events: none; /* don’t block hover while hidden */
    transition: opacity .3s ease-in-out;
}

    .completeproject-image-wrapper:hover img {
        transform: scale(1.05);
    }

.completeproject-image-wrapper:hover .completeproject-overlay, .completeproject-image-wrapper:focus .completeproject-overlay {
    opacity: 1;
    pointer-events: auto;
}

    /*.top-text,
.center-text,
.bottom-text {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin: 4px 0;*/ /* ✅ Less vertical spacing */
    /*}*/
    .overlay-text-top {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 5px 0;
    }

    .overlay-text-middle {
        font-size: 20px;
        font-weight: 200;
        margin-top: 30px;
        transition: 0.5s ease all;
    }

    .overlay-text-bottom {
        font-size: 21px;
        font-weight: 300;
        margin-top: 0px;
    }

    .completeproject-overlay:hover .overlay-text-middle {
        margin-top: 0px;
    }
    /* #####################################ONGOING PAGEEEEEEEEEEE##################################*/


    /*<!---ongoing project IMAGE--->*/
.mobile-only9 {
    display: none;
}

.desktop9 {
    display: block;
}

.ongoing-banner {
    width: 100%;
    overflow: hidden;
   
}

/* Wrapper for image size constrain */
.ongoing-img-wrapper {
    width: 100%;
    max-height: 450px;
    overflow: hidden;
}

/* Responsive image */
.ongoing-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
    /*Ongoing project all project image*/
    .ongoingproject {
        background-color: #fff;
        padding: 50px 20px;
    }

    .ongoingproject-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
    }

    .ongoingproject-column {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .ongoingproject-image-wrapper {
        position: relative;
        overflow: hidden;
        border-radius: 8px;
    }

       /* .ongoingproject-image-wrapper img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.4s ease;
            border-radius: 8px;
        }*/
        .ongoingproject-image-wrapper img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            transition: transform .4s ease;
            border-radius: 8px;
        }

   /* .ongoingproject-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.4); 
        align-items: center;
        color: #fff;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        opacity: 0;
        padding: 10px;
        transition: 0.3s ease-in-out;
    }*/
.ongoingproject-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    background: rgba(0,0,0,.4);
    opacity: 0;
    pointer-events: none; /* don’t block hover while hidden */
    transition: opacity .3s ease-in-out;
}


    .ongoingproject-image-wrapper:hover img {
        transform: scale(1.05);
    }

    /*.ongoingproject-image-wrapper:hover .ongoingproject-overlay {
        opacity: 1;
    }*/
.ongoingproject-image-wrapper:hover .ongoingproject-overlay {
    opacity: 1;
    pointer-events: auto;
}


    .overlay-text-top {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 5px 0;
    }

    .overlay-text-middle {
        font-size: 20px;
        font-weight: 200;
        margin-top: 30px;
        transition: 0.5s ease all;
    }

    .overlay-text-bottom {
        font-size: 21px;
        font-weight: 300;
        margin-top: 0px;
    }

    .ongoingproject-overlay:hover .overlay-text-middle {
        margin-top: 0px;
    }

    .project-tabs {
        text-align: center;
        margin-bottom: 20px;
    }

        .project-tabs button {
            background: #f1f1f1;
            border: none;
            padding: 10px 20px;
            margin: 0 5px;
            cursor: pointer;
            font-weight: 600;
        }

            .project-tabs button.active {
                background: #0052ff;
                color: #fff;
            }

            .project-tabs button:hover {
                background: #0026ff;
                color:#ffffff;
            }

    /*#########################################SITEIMAGE SECTION#########################################*/
    /*SITE HEAD IMAGE*/
.mobile-only11 {
    display: none;
}

.desktop11 {
    display: block;
}


/* Section */
.custom-slider-section {
    padding: 40px 20px;
    background-color: #f7f7f7;
    text-align: center;
}

.custom-slider-title {
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 600;
}

/* Swiper container */
.custom-swiper-container {
    max-width: 1200px;
    margin: auto;
    padding-bottom: 50px;
    position: relative;
    overflow: visible;
}

/* Individual slides */
.custom-slide {
    text-align: center;
    padding: 10px;
}

    .custom-slide img.custom-img {
        width: 92%;
        height: 250px;
        object-fit: cover;
        border-radius: 10px;
    }

/* Caption */
.custom-slide-caption {
    margin-top: 10px;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 30px;
}

/* Pagination dots overrides */

.custom-swiper-pagination {
    /* bottom: 0 !important;*/
    position: absolute;
    bottom: -10px;
    z-index: 10;
}

.swiper-pagination-bullet {
    
    background: #999;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #000;
   
}


/* Arrows */

.custom-swiper-prev::after,
.custom-button-next::after {
    display: none;
}

/* Custom navigation buttons */
.custom-swiper-next,
.custom-swiper-prev {
    position: absolute;
    top: 0;
    width: 24px;
    height: 100%;
    /*  transform: translateY(-50%);*/
    z-index: 20;
    cursor: pointer;
}

    .custom-swiper-prev img,
    .custom-swiper-next img {
        width: 150px;
        height: 268px;
        object-fit: contain;
    }

/* Button positions */
.custom-swiper-prev {
    left: 0px;
}

.custom-swiper-next {
    right: 0px;
}


  
/*+++++++++Aden Court, Matunga++++++++*/
.aden-section {
    background-color: #f3f6fc;
    padding: 60px 20px;
    text-align: center;
}

    .aden-heading {
        font-size: 28px;
        font-weight: 700;
        color: #1e1e1e;
        margin-bottom: 40px;
    }

    .aden-gallery {
        display: flex;
        justify-content: center;
        gap: 70px;
        flex-wrap: wrap;
    }

    .aden-item {
        max-width: 350px;
        flex: 1 1 300px;
    }

        .aden-item img {
            width: 110%;
            height: 250px;
            object-fit: cover;
            border-radius: 6px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

    .aden-caption {
        font-weight: 600;
        color: #333;
        margin-top: 10px;
        font-size: 20px;
    }
    /*+++ wadhwa 2 +++*/
    .fire-section {
        background-color: #f3f6fc;
        padding: 60px 20px;
        text-align: center;
    }

    .fire-heading {
        font-size: 28px;
        font-weight: 700;
        color: #1e1e1e;
        margin-bottom: 50px;
    }

    .fire-gallery {
        display: flex;
        justify-content: center;
        gap: 100px;
        flex-wrap: wrap;
    }

    .fire-item {
        width: 320px;
        flex-shrink: 0;
    }

        .fire-item img {
            width: 115%;
            height: 370px;
            object-fit: cover;
            border-radius: 5px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.08);
        }

    .fire-caption {
        font-weight: 700;
        color: #2e2e3a;
        margin-top: 12px;
        font-size: 28px;
        font-family: sans-serif;
    }
    /*+++++ Anatam +++++*/
    .anatam-section {
        background-color: #f3f6fc;
        padding: 100px 40px;
        text-align: center;
        font-family: 'Segoe UI', sans-serif;
    }

    .anatam-heading {
        font-size: 36px;
        font-weight: 700;
        color: #2d3651;
        margin-bottom: 80px;
    }

    .anatam-gallery {
        display: flex;
        justify-content: center;
        gap: 100px;
        flex-wrap: wrap;
    }

    .anatam-item {
        width: 600px;
        max-width: 100%;
    }

        .anatam-item img {
            width: 100%;
            height: 420px;
            object-fit: cover;
            border-radius: 8px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }

            .anatam-item img:hover {
                transform: scale(1.02);
            }

    .anatam-caption {
        margin-top: 16px;
        font-size: 30px;
        font-weight: 700;
        color: #2d3651;
    }

    /*+++++ Anatam222222222222 +++++*/
    .fireequip-section {
        background-color: #f3f6fc;
        padding: 100px 40px;
        text-align: center;
        font-family: 'Segoe UI', sans-serif;
    }

    .fireequip-wrapper {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 100px;
        flex-wrap: wrap;
    }

    .fireequip-item {
        width: 500px;
        max-width: 100%;
    }

        .fireequip-item img {
            width: 100%;
            height: 700px;
            object-fit: cover;
            border-radius: 8px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
            transition: transform 0.3s ease;
        }

            .fireequip-item img:hover {
                transform: scale(1.02);
            }

    .fireequip-caption {
        margin-top: 20px;
        font-size: 24px;
        font-weight: 700;
        color: #2d3651;
    }

    /*###############################################   CLIENTS   ##############################################*/
    /* CLIENTS MAIN HEADER IMAGE*/
.mobile-only12 {
    display: none;
}

.desktop12 {
    display: block;
}

.client-banner {
    width: 100%;
    overflow: hidden;
    
}

    .client-img-wrapper {
        width: 100%;
        max-height: 450px;
        overflow: hidden;
    }

    .client-img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    /*++++List of Major Clients++++*/

.major-section {
    padding: 80px 40px;
    background-color: #f4f8ff;
    text-align: center;
    font-family: 'Segoe UI', sans-serif;
}
.major-container {
    max-width: 1200px; /* ya jo width aap chahte hain */
    margin: 0 auto;
    padding: 0 20px; /* optional side padding */
}

.major-title {
    font-size: 54px;
    font-weight: 700;
    color: #313C4D;
    margin-bottom: 50px;
}

.major-wrapper {
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}



.major-logo {
    max-width: 250px;
    max-height: 120px;
    object-fit: contain;
    background: #fff;
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

    .major-logo:hover {
        transform: scale(1.08);
    }






    /*##################################### CAREERS #################################################*/
    /* CAREERS MAIN HEADER IMAGE*/
.mobile-only13 {
    display: none;
}

.desktop13 {
    display: block;
}

.career-banner {
    width: 100%;
    overflow: hidden;
   
}

    .career-img-wrapper {
        width: 100%;
        max-height: 450px;
        overflow: hidden;
    }

    .career-img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    /*+++++++ Requirement +++++*/
    .requirement-section {
        background-color: #f5f9ff;
        padding: 35px 20px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .requirement-container {
        max-width: 1100px;
        margin: 0 auto;
        color: #2c2c2c;
        font-size: 17px;
        line-height: 1.7;
    }

    .requirement-heading {
        font-size: 33px;
        font-weight: 630;
        margin-bottom: 30px;
        color: #1d2b3a;
    }

    .requirement-container p {
        margin-bottom: 18px;
    }

    .requirement-container strong {
        font-weight: 600;
        color: #333;
    }

    .email-link {
        color: #1366d6;
        text-decoration: none;
        font-weight: 600;
    }

        .email-link:hover {
            text-decoration: underline;
        }
    /*++++++ executive me job profile section ka css++++++*/
    .job .subheading {
        font-size: 18px;
        font-weight: 600;
        color: #1e1e1e;
        margin: 20px 0 15px; /* ऊपर 20px, नीचे 15px */
    }

    .job .job-list {
        list-style-type: decimal;
        padding-left: 20px;
        color: #333;
        font-size: 15.8px;
        margin-bottom: 30px; /* नीचे स्पेस के लिए */
    }

        .job .job-list li {
            margin-bottom: 10px; /* प्रत्येक आइटम के बीच स्पेस */
        }
    /*+++++Apply Now+++++*/
    .apply-section {
        width: 100%;
        background-color: #f2f6ff;
        padding: 40px 20px;
    }

    .apply-container {
        max-width: 1200px;
        margin: auto;
        display: flex;
        gap: 40px;
        align-items: flex-start;
        background: #fff;
        padding: 20px;
        border-radius: 8px;
    }

    .apply-image img {
        width: 100%;
        max-width: 550px;
        height: auto;
        display: block;
        border-radius: 8px;
    }

    .apply-inputs {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .apply-title {
        font-size: 28px;
        font-weight: 700;
        color: #323e4f;
        margin-bottom: 20px;
    }

    .apply-inputs input[type="text"],
    .apply-inputs input[type="email"],
    .apply-inputs input[type="tel"],
    .apply-inputs select,
    .apply-inputs .file-upload-container input[type="file"] {
        width: 100%;
        padding: 12px;
        margin-bottom: 20px;
        border: 1px solid #c3cad9;
        border-radius: 4px;
        font-size: 16px;
        background-color: #fff;
    }

    .apply-inputs .file-upload-container {
        font-size: 16px;
        color: #555;
        margin-bottom: 20px;
    }

    .submit-btn {
        max-width: 200px;
        padding: 14px;
        background-color: #0056ff;
        color: #fff;
        font-size: 16px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .submit-btn:hover {
            background-color: #ff6600; /* ऑरेंज रंग */
        }



    /* Responsive adjustments */
    @media (max-width: 1024px) {
        .apply-image img {
            max-width: 400px;
        }
    }

/*    @media (max-width: 768px) {
        .apply-container {
            flex-direction: column;
            align-items: center;
        }*/

        .apply-inputs input,
        .apply-inputs select,
        .apply-inputs .file-upload-container input[type="file"] {
            max-width: 500px;
        }
    



    /*##################### CONTACT US PAGEEEEEEEEEEEEEEEEEEE##################################*/
    /* CONTACT MAIN HEADER IMAGE*/
.mobile-only14 {
    display: none;
}

.desktop14{
    display: block;
}

    .contactproject-banner {
        width: 100%;
        overflow: hidden;
         
    }

    .contactproject-img-wrapper {
        width: 100%;
        max-height: 350px;
        overflow: hidden;
    }

    .contactproject-img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    /*++++ Send Us A Message ++++*/
    /* Outer Section */
    .send-section {
        background-color: #f1f5fd;
        padding: 60px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Centered container */
.send-container {
    max-width: 1100px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: white;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border-radius: 10px;
}

    /* Left Side with Background Image */
.send-left {
    position: relative;
    width: 50%;
    max-width: 550px;
    height: 500px;
    background-color: #004CFF;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

        /* Image with overlaying content */
        .send-left::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('images/graphic.svg');
            background-position: -100% -100px;
            background-repeat: no-repeat;
            background-size: contain;
            opacity: 1;
            z-index: 1;
        }

    /* Overlay text area */
    .send-overlay {
        position: relative;
        z-index: 2;
        color: #fff;
        text-align: center;
    }

        .send-overlay h2 {
            font-size: 32px;
            font-weight: 700;
        }

    /* Right Side Form Fields */
.send-right {
    flex: 1;
    width: 50%;
    padding: 40px;
    background-color: #f7f9ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

        .send-right h2 {
            font-size: 24px;
            color: #222;
            margin-bottom: 20px;
        }

    .send-input {
        margin-bottom: 15px;
    }

        .send-input input,
        .send-input textarea {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 15px;
        }

    /* Button with Hover Orange */
    .send-button button {
        background-color: #004CFF;
        color: #fff;
        padding: 10px 20px;
        font-size: 16px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .send-button button:hover {
            background-color: #ff6600;
        }
    /*########################################### QUALITY POLICY #####################################################*/
    /*++++UPPER SECTION+++*/
    .policy-section {
        position: relative;
        width: 100%;
        height: 240px;
        background-color: #0d5eff;
        display: flex;
        align-items: center;
        padding-left: 322px;
        overflow: hidden;
       /* margin-bottom:90px;*/
    }

        .policy-section::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 300px;
            background: url('images/graphic.svg') no-repeat left center;
            background-position: -50px 50px;
            background-repeat: no-repeat;
            background-size: contain;
            opacity: 0.83;
            z-index: 1;
        }

    .policy-container {
        position: relative;
        z-index: 2;
        padding: 40px 0px;
       
    }

        .policy-container h2 {
            color: white;
            /* font-size: 45px;
            font-weight: 900;*/
            font-size: 64px;
            font-weight: 700;
        }


    /*++++QUALITY UPPER SECTION++++*/

.quality-policy-section {
    background-color: #f8f9fa;
    padding: 60px 0;
   
}

    .quality-policy-container {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 30px;
        color: #333;
        font-size: 17px;
        font-weight:450;
        line-height: 1.8;
        margin-top:0px;
        
    }

        .quality-policy-container p {
            margin-bottom: 20px;
        }

        .quality-policy-container ul {
            padding-left: 40px;
            margin-bottom: 30px;
        }

            .quality-policy-container ul li {
                margin-bottom: 10px;
            }

    /*######################################################## EVENTS PAGE ####################################################*/
    /* events upper image */
.mobile-only15 {
    display: none;
}

.desktop15 {
    display: block;
}

    .eventproject-banner {
        width: 100%;
        overflow: hidden;
    }

    .eventproject-img-wrapper {
        width: 100%;
        max-height: 350px;
        overflow: hidden;
    }

    .eventproject-img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    /*+++++++ AMCPL Cricket Championship League 2025 ++++++*/
    .cricket {
        padding: 30px 10px;
        background-color: #f3f6fd;
        font-family: 'Segoe UI', sans-serif;
    }

    .cricket-header {
        text-align: center;
        margin-bottom: 20px;
    }

        .cricket-header h2 {
            color: #1e40af;
            font-size: 28px;
            margin: 0;
        }

    .cricket-underline {
        width: 60px;
        height: 4px;
        background-color: #ef4444;
        margin: 10px auto 0;
        border-radius: 4px;
    }

    .cricket-gallery {
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap: 20px;
    }

    .cricket-column {
        display: flex;
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }

    .cricket-img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 10px;
        border: 2px solid #1e40af;
        cursor: pointer;
        transition: transform 0.3s ease, z-index 0.3s ease;
    }

    .cricket-image-wrapper {
        position: relative;
        overflow: hidden;
        border-radius: 8px;
    }

        .cricket-image-wrapper img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.4s ease;
            border-radius: 8px;
        }

    .cricket-img:hover {
        transform: scale(1.05);
    }

    .cricket-img.zoomed {
        position: fixed;
        top: 50%;
        left: 50%;
        width: auto;
        max-width: 90vw;
        max-height: 90vh;
        transform: translate(-50%, -50%) scale(1.2);
        z-index: 9999;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
        border-radius: 12px;
        background: #fff;
    }
    /*############  BACK TO TOP BUTTON ###########*/
    #back-to-top-section {
        position: fixed;
        bottom: 30px;
        right: 30px;
        z-index: 9999;
    }

   


.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 50%;
    background-color: #ff4500;
    color: orange;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: bounce-infinite 2s infinite ease-in-out;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
    transition: box-shadow 0.3s ease-in-out;
}


    .back-to-top:hover {
        box-shadow: 0 20px 25px rgba(0, 0, 0, 0.5);
        background-color: #003366;
        color: #ffffff;
    }

 
@keyframes bounce-infinite {
    0%, 100% {
        transform: translateY(0);
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
    }

    50% {
        transform: translateY(-15px);
        box-shadow: 0 25px 35px rgba(0, 0, 0, 0.6);
    }
}


/*############# thank you ##############*/

body, html {
    margin: 0;
    padding: 0;
    /*background-color: #fff;*/
    font-family: 'Segoe UI', sans-serif;
}

.thank-page-v2 {
    width: 100%;
    min-height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    background-color: #fff;
}

.thank-container-v2 {
    text-align: center;
    max-width: 900px;
    width: 100%;
}

.main-thank {
    font-size: 100px;
    font-weight: 900;
    color: #0d3eff;
    text-shadow: 6px 6px 15px rgba(13, 62, 255, 0.3);
  /*  font-family: 'Brush Script MT', cursive;*/
    margin-bottom: 30px;
}

.thank-text {
    font-size: 27px;
    color: #333;
    margin-bottom: 15px;
}

.nice-day {
    font-size: 24px;
    color: #222;
    font-weight: 600;
}



@media (max-width: 768px) {
    .main-thank {
        font-size: 60px;
    }

    .thank-text {
        font-size: 20px;
    }

    .nice-day {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .main-thank {
        font-size: 46px;
    }

    .thank-text {
        font-size: 18px;
    }

    .nice-day {
        font-size: 16px;
    }
}