/*############################################## ipad pro version #########################################*/


@media (max-width: 1024px) {
    /*+++++++++++++header+++++++++*/
    
        .header-inner
{
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    gap: 160px;
}
    

    .nav-list {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

        .nav-list li {
            margin-bottom: 0;
        }

        .nav-list a {
            padding: 8px 10px;
        }

    .logo img {
        height: 45px;
    }

    .fullSwiper .swiper-slide img {
        width: 59%;
        height: auto;
        object-fit: cover;
        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;
        }
    /*++++ Contact section ++++*/

    .contact-section {
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
    }

    .contact-left {
        margin-left: 40px;
        max-width: 50%;
        text-align: left;
    }

    .contact-right {
        margin-top: 0;
        margin-right: 40px;
        max-width: 45%;
    }

    .main-image2 {
        width: 100%;
        height: auto;
    }

    /*++++++++++++++HERE TO HELP+++++++++++++*/

    .call-section {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 60px 40px;
    }

    .call-images-group {
        margin-right: 40px;
        margin-left: 0;
        max-width: 50%;
    }

    .call-content {
        max-width: 45%;
        text-align: left;
    }

        .call-content h2 {
            font-size: 30px;
            text-align: left;
        }

    .call-image {
        width: 100%;
        height: auto;
    }

    /*footer*/

    
        .footer-top {
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 20px;
            padding: 40px 40px;
        }

        .footer-column {
            flex: 1 1 calc(25% - 20px);
            min-width: 200px;
        }

        .footer-bottom {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            font-size: 14px;
        }
    

/*############################ ABOUT-PAGE SECTION ################################*/
/* WHY CHOSE US*/


    .choose-section {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 30px 20px;
        gap: 20px;
    }

    .text-left,
    .choose-right {
        flex: 1 1 48%;
        max-width: 48%;
    }

    .text-left {
        text-align: left;
    }

    .choose-right {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0;
    }

    .main-image6 {
        width: 100%;
        height: auto;
    }

    .bg-image6 {
        width: 60%;
        top: -20px;
        left: -20px;
    }

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

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

/*############################# Client page ################################*/
    .major-wrapper {
        display: grid;
        grid-template-columns:1fr 1fr 1fr 1fr 1fr;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        flex-direction: row;
    }

/* Ensure each logo takes 18% so 5 logos fit in 100% */
.major-column {
    width: 18%;
    min-width: 120px;
    display: flex;
    justify-content: center;
}

/* For screens below 1024px (iPad Pro & tablets) */

    .major-column {
        width: 18%;
    }


/* For small mobile (force all 5 in one row by shrinking size) */

    .major-column {
        width: 18%;
    }

    .major-logo {
        max-width: 100%;
        padding: 10px;
    }
}
/*+++++++++++++Quality policy++++++++++++++*/
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .policy-section {
        padding-left: 50px !important;
        height: 200px !important;
    }

        .policy-section::before {
            background-position: center center !important;
            width: 250px !important;
        }

    .policy-container {
        padding: 30px 30px !important;
    }

        .policy-container h2 {
            font-size: 40px !important;
            margin-bottom: 20px !important;
        }

    .back-to-top {
        display: none !important;
    }
}

/*0000000000000000000000000000000000000000000000000 IPAD AIR version 00000000000000000000000000000000000000000000*/

/*hearder toggle section*/
/* Hide desktop header, show mobile */
@media (max-width: 991px) {
    header .header-inner {
        display: none;
    }

    .mobile-header {
        display: flex;
    }
}


/* --- Hide desktop header on small screens --- */
@media (max-width: 991px) {
    header .header-inner {
        display: none;
    }

    .mobile-header {
        display: flex;
    }
}

/*000000000000000 about page000000000000000*/
/*who we are*/
@media (max-width: 768px)  {
    .about-section {
        flex-direction: row;
        flex-wrap: nowrap; /* 🧠 Keep items in same row */
        gap: 40px;
        padding: 0 30px;
        margin: 60px auto;
    }

    .image-wrapper {
        width: 48%;
        min-width: 300px;
    }

    .bg-image {
        top: -10px;
        left: -10px;
        width: 65%;
        border-radius: 50px;
    }

    .main-image {
        width: 100%;
        border-radius: 20px;
    }

    .text-content {
        width: 48%;
        min-width: 300px;
    }

        .text-content h2 {
            font-size: 22px;
            line-height: 1.4;
        }

        .text-content p {
            font-size: 15px;
            line-height: 1.6;
        }

    .btn {
        font-size: 15px;
        padding: 10px 20px;
    }
}
/*+++++ services ++++++*/
@media (min-width: 820px) and (max-width: 1180px) {
    .services-grid {
        display: flex;
        justify-content: center;
        flex-wrap: nowrap; /* prevent wrapping */
        gap: 20px;
        overflow-x: hidden; /* no scroll bar */
    }

    .service-card {
        flex: 0 0 23%; /* Force 4 cards in one row */
        max-width: 23%;
        text-align: center;
        padding: 0 10px 20px;
    }

        .service-card img {
            height: 150px;
            object-fit: cover;
            border-radius: 10px;
            width: 100%;
        }

        .service-card h3 {
            font-size: 14px;
            margin: 10px 0 5px;
        }

    .btn {
        padding: 8px 16px;
        font-size: 13px;
        margin-top: 5px;
    }

    /*out work section*/
    .masonry {
        column-count: 2;
        column-gap: 1rem;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        gap: 10px;
    }

    /*happy client */
    .testimonial-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(50px, 1fr));
        grid-auto-rows: auto;
        gap: 40px;
        max-width: 800px;
        margin: 0 auto;
    }
    /*footer*/

    .footer-top {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
        padding: 40px 40px;
    }

    .footer-column {
        flex: 1 1 calc(15% - 15px);
        min-width: 100px;
    }

    .footer-bottom {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
        font-size: 14px;
    }
    
/*00000000000 ABOUT PAGE SECTION 000000000000*/
/*abhishek miliniun contract*/
    /* For screens up to 820px wide (iPad Air / 10th Gen) */
    @media (max-width: 820px) {
        .about-container3 {
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 30px;
        }

        .main-img-wrapper3 {
            width: 100%;
            max-width: 380px;
            height: auto;
            margin: 10px auto 0;
            margin-left: 0;
        }

        .about-text {
            font-size: 1rem;
            line-height: 1.5;
            padding: 0 16px;
        }
    }

   
/*pump room*/
    /* iPad Air (~820px viewport width) */
    @media only screen and (max-width: 820px) {
        .detail-section {
            /* Keep original background */
            background-size: cover ;
            background-position: center center !important;
            padding: 80px 20px; /* desktop-like padding */
        }

        .detail-container {
            flex-direction: row !important;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 0 20px;
        }

        .detail-text {
            flex: 1;
            text-align: left;
            font-size: 1rem;
            line-height: 1.5;
        }

        .decorative-bg4 {
            width: 260px !important;
            height: 260px !important;
        }
        .detail-image-group {
            flex: 0 0 auto;
        }

        .main-img-wrapper4 {
            width: auto;
            max-width: 360px;
            height: auto;
            margin: 0;
        }
    }

    
/* our team section*/
    /* iPad Air (820px width) */
    @media only screen and (max-width: 820px) {
        .about-section5 {
            padding: 30px 15px; /* light padding if needed */
        }

            .about-section5 .image-wrapper5 {
                width: auto;
                max-width: 380px;
            }

        .bg-image5 {
            width: 70% !important;
            top: -20px;
            left: -20px;
        }

        .main-image5 {
            width: 95%;
        }
    }
/*00000000000000000000000 Clients Section00000000000000000000000000000000000000000*/
    .major-wrapper {
        display: grid;
        grid-template-columns:1fr 1fr 1fr 1fr 1fr;
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
        flex-direction: row;
    }

    /* Ensure each logo takes 18% so 5 logos fit in 100% */
    .major-column {
        width: 13%;
        min-width: 100px;
        display: flex;
        justify-content: center;
    }

    /* For screens below 1024px (iPad Pro & tablets) */

    .major-column {
        width: 13%;
    }


    /* For small mobile (force all 5 in one row by shrinking size) */

    .major-column {
        width: 13%;
    }

    .major-logo {
        max-width: 100%;
        padding: 8px;
    }
/* Contact us section page*/
    @media only screen and (max-width: 820px) {
        .send-container {
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-start;
        }

        .send-left {
            width: 50%;
            height: 500px;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
        }

        .send-right {
            width: 50%;
            padding: 20px;
        }
    }

    }
/*+++++++++++++Quality policy++++++++++++++*/
@media only screen and (max-width: 820px) {
    .policy-section {
        padding-left: 20px !important; /* Left padding reduce */
        height: 150px !important; /* Section height reduce */
    }

        .policy-section::before {
            background-position: center center !important; /* Center background image */
            width: 200px !important; /* Reduce width of background image */
        }

    .policy-container {
        padding: 20px 20px !important; /* Adjust padding */
    }

        .policy-container h2 {
            font-size: 36px !important; /* Reduce font size */
            margin-bottom: 15px !important; /* Adjust margin */
        }
    .back-to-top {
        display: none !important;
    }
}


/*000000000000000000000000000000000000000 ipad mini version0000000000000000000000000000000000000000000*/
/*who we are */
@media screen and (max-width: 768px) {
    .about-section {
        flex-direction: row; /* row hi rahega — image on left, text on right */
        align-items: flex-start; /* top alignment */
        justify-content: center;
        flex-wrap: wrap; /* ensure wrapping if too tight */
        gap: 20px;
        margin: 40px auto;
    }

    .image-wrapper {
        width: 45%; /* left side */
        min-width: 200px;
        display: flex;
        justify-content: center;
        position: relative;
    }

    .bg-image {
        top: -10px;
        left: -10px;
        width: 60%; /* background behind main-image */
    }

    .main-image {
        width: 100%; /* fill wrapper */
    }

    .text-content {
        width: 50%; /* right side */
        min-width: 200px;
        max-width: 90%;
        text-align: left;
        padding: 0 10px;
    }

        .text-content h2 {
            font-size: 24px;
            line-height: 1.3;
        }

        .text-content p {
            font-size: 15px;
            line-height: 1.5;
        }

    .btn {
        margin-top: 10px;
    }
   
/*oor services*/
  
        .services-grid {
            flex-wrap: nowrap; /* Prevent wrapping to next line */
            justify-content: space-between; /* Distribute evenly */
        }

        .service-card {
            width: calc((100% - 3 * 30px) / 4); /* Four cards and include gaps */
            max-width: calc((100% - 3 * 30px) / 4);
        }
/* our work*/
   
        .masonry {
            column-count: 2; /* Show 2 columns only */
            column-gap: 1rem;
        }

        .masonry-item {
            margin-bottom: 20px;
        }

        .overlay h3 {
            font-size: 24px; /* Slightly smaller for mobile */
        }

        .gallery-title {
            font-size: 26px;
        }
    
/*happy clients*/
   
        .testimonial-grid {
            grid-template-columns: repeat(2, 1fr); /* Keep 2 cards per row */
            gap: 30px;
        }

        .testimonial-card {
            padding: 30px;
            border-radius: 40px;
        }

            .testimonial-card.large {
                grid-column: 1 / -1; /* Full-width third card */
            }

        .quote {
            font-size: 16px;
            line-height: 1.6;
        }

        .testimonial-title {
            font-size: 26px;
        }

        .stars {
            font-size: 20px;
        }

        .author, .company {
            text-align: center;
        }
/* footer section*/

    .footer-top {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 15px;
        padding: 30px 30px;
    }

    .footer-column {
        flex: 1 1 calc(20% - 15px);
        min-width: 150px;
    }

    .footer-bottom {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
        font-size: 14px;
    }
    
/*00000000000000000000000 About page 000000000000000*/
/*abhishek milinoum section  */
     
        .about-container3 {
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 30px;
        }

        .main-img-wrapper3 {
            width: 100%;
            max-width: 380px;
            height: auto;
            margin: 10px auto 0;
            margin-left: 0;
        }

        .about-text {
            font-size: 1rem;
            line-height: 1.5;
            padding: 0 16px;
        }
/*  pump room  */

   
        .detail-section {
            /* Keep original background */
            background-size: cover;
            background-position: center center !important;
            padding: 80px 20px; /* desktop-like padding */
        }

        .detail-container {
            flex-direction: row !important;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 0 20px;
        }

        .detail-text {
            flex: 1;
            text-align: left;
            font-size: 1rem;
            line-height: 1.5;
        }

        .decorative-bg4 {
            width: 260px !important;
            height: 260px !important;
        }

        .detail-image-group {
            flex: 0 0 auto;
        }

        .main-img-wrapper4 {
            width: auto;
            max-width: 360px;
            height: auto;
            margin: 0;
        }
/* our team   */

  
        .about-section5 {
            padding: 30px 15px; /* light padding if needed */
        }

            .about-section5 .image-wrapper5 {
                width: auto;
                max-width: 380px;
            }

        .bg-image5 {
            width: 70% !important;
            top: -20px;
            left: -20px;
        }

        .main-image5 {
            width: 95%;
        }
/* our policies   */
   
        .policies-container {
            flex-wrap: wrap;
            justify-content: center;
            gap: 3px;
        }

        .policy-card {
            width: 220px; /* Adjust width so 3 fit in one row */
            height: 230px;
        }

        .policy-main-img {
            height: 140px;
        }

            .policy-main-img img {
                width: 80px;
            }

        .policy-label {
            font-size: 1rem;
            margin-top: 8px;
        }
    }

@media (max-width: 480px) {
    .policy-card {
        width: 100%;
        max-width: 320px;
    }

    .policy-main-img img {
        width: 70px;
    }

    .policy-label {
        font-size: 0.95rem;
    }

    /*000000000000000000000000 Clients 000000000000000000000000000*/


    @media screen and (max-width: 768px) {
        .major-wrapper {
            display: grid;
            grid-template-columns: repeat( 1fr 1fr 1fr 1fr 1fr);
            gap: 20px;
            justify-content: center;
            align-items: center;
            padding: 0 20px;
        }

        .major-column {
            display: grid;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 0;
            margin: 0;
        }

        .major-logo {
            width: 100%;
            max-width: 100%;
            height: auto;
            padding: 12px;
            object-fit: contain;
        }
    }
    /*00000000000000000000000000000 contact page  00000000000000000000000000000000*/
    /* send message*/
    @media only screen and (max-width: 768px) {
        .send-container {
            flex-direction: row !important;
            flex-wrap: nowrap !important;
        }

        .send-left, .send-right {
            width: 50% !important;
            min-width: unset !important;
        }
    }
    /*++++++++++ Quality policies  +++++++++++*/
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .policy-section {
            padding-left: 30px !important;
            height: 160px !important;
        }

            .policy-section::before {
                background-position: center center !important;
                width: 220px !important;
            }

        .policy-container {
            padding: 20px 20px !important;
        }

            .policy-container h2 {
                font-size: 32px !important;
                margin-bottom: 18px !important;
            }

        .back-to-top {
            display: none !important;
        }
    }


    /*#################################### Sumsung Galaxy S20 Ultra #######################################*/
    /*who we are */

    .image-wrapper {
        width: 80%;
        position: relative;
        margin-bottom: 20px;
    }

    .bg-image,
    .main-image {
        width: 70%;
        max-width: 70%;
        border-radius: 20px;
        display: block;
        margin: 0 auto;
        height: auto;
        object-fit: cover;
    }

    .bg-image {
       
        position: absolute;
        top: -25px;
        left: -20px;
        width: 80%;
        z-index: 0;
        border-radius: 45px 0px 45px 0px;
    }

    .main-image {
        position: relative;
        z-index: 1;
        width: 100%;
        max-width:260px;
        border-radius: 25px 0px 25px 0px;
        box-shadow: 5px 5px 15px 0px;
        transition: transform 0.3s ease;
    }



    .text-content {
        padding: 10px;
        width: 100%;
    }

        .text-content h4,
        .text-content h3 {
            text-align: left;
            margin: 0 0 8px 0;
        }

        .text-content p {
            /* Narrow column width ~40 characters */
            max-width: 40ch;
            /* Center the column container */
            margin: 0 auto 20px;
            font-size: 1rem;
            line-height: 1.5;
            text-align: left; /* left-aligned inside */
            word-wrap: break-word;
        }

    /* our services*/

    .services-grid {
        display: grid;
        grid-template-columns: 1fr; /* single column */
        gap: 20px; /* vertical spacing between rows */
        justify-items: center;
    }

    .service-card {
        width: 100%; /* full width of container but constrained by grid */
        max-width: 350px; /* optional max width for consistent card size */
    }

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


    /*++++++++++++++our work +++++++++++++++++*/
    @media only screen and (max-width: 412px) {
        .desktop0-2 {
            display: none;
        }



        .masonry {
            column-count: 1;
            column-gap: 1rem;
            width: 94%;
            margin: 0 auto;
            gap: 20px;
        }

        .card {
            position: relative;
            border-radius: 2px;
            overflow: hidden;
        }

        .mobile0-2 {
            display: block;
        }
    }
    /*hppy clients*/

    .testimonial-grid {
        display: grid;
        grid-template-columns: 1fr; /* Single column */
        gap: 15px; /* Smaller gaps */
        padding: 0 10px;
        max-width: 340px; /* Ensure grid isn't full viewport wide */
        margin: 0 auto;
    }

    .testimonial-card {
        padding: 20px 25px; /* More compact padding */
        border-radius: 30px;
    }

    .quote {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 18px;
    }

    .author {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .company {
        font-size: 13px;
    }

    .stars {
        font-size: 18px;
        margin-top: 12px;
    }

    .testimonial-card.large {
        grid-column: auto; /* Do not span full width on small screens */
    }
    /*++++++++++Awards & Certificates+++++++*/
    @media only screen and (max-width: 412px) {
        .Award .swiper.mySwiper {
            width: 100vw !important;
            max-width: 100vw;
            overflow: hidden;
        }

        .Award .swiper-wrapper,
        .Award .swiper-slide {
            /*                width: 100vw !important;*/
            /*                max-width: 100vw !important;*/
            height: auto !important;
        }

            /**/
            .Award.swiper-slide img {
                width: 100vw !important;
                max-width: 100vw !important;
                height: auto !important;
                object-fit: cover;
                object-position: center;
                display: block;
            }

        /* Optional: make arrow navigation hidden on mobile */
        .swiper-button-next,
        .swiper-button-prev {
            display: none;
        }
    }



    /*++++++++++here to help you+++++++++++*/

    .call-section {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        width: 100vw;
        padding: 20px 5px;
        margin: 0;
    }

    .call-images-group {
        width: 80%;
        margin: 0 0 10px 0;
        display: flex;
        justify-content: center;
    }

    .side-grey-image {
        display: none;
    }

    .call-frame {
        display: none;
    }

    .call-image {
        width: 80vw; /* full viewport width */
        max-width: none;
        height: auto;
        object-fit: cover; /* maintain aspect ratio */
        border-radius: 20px; /* no rounding for full width */
        display: block;
        margin-left: 120px;
        z-index: 2;
    }

    .call-content {
        max-width: 100%;
        padding: 0 10px;
    }

        .call-content h2 {
            font-size: 24px;
            line-height: 1.4;
            margin: 0 0 20px 0;
            text-align: left; /* aligned to left edge */
        }

    .call-button {
        font-size: 16px;
        padding: 12px 20px;
        margin-bottom: 20px;
    }

    /*###########footer##############*/
    @media only screen and (max-width: 412px) {
        /* Stack footer columns vertically */
        .footer-top {
            flex-direction: column;
            padding: 0 15px;
            gap: 20px;
        }

        .footer-bottom {
            flex-direction: column;
            align-items: center;
            gap: 10px;
            padding: 0 15px;
        }

        /* Limit About paragraph to 4 lines, without truncation or ellipsis */
        .footer-column.about p {
            overflow: hidden;
            line-height: 1.6;
            max-height: calc(1.6em * 4); /* exactly 4 lines */
            /* No -webkit-line-clamp or ellipsis */
        }
    }

    /*+++++++++++++++++++++++++ about page +++++++++++++++++++++++*/
    /*abput headder image */

    /*mobile about*/

    /* Mobile screens (width ≤ 412px) */

    .mobile-only {
        display: block;
    }

    .about-banner {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

    .about-img-wrapper {
        width: 100%;
        max-height: none;
        overflow: hidden;
    }

    .about-img {
        width: 100%;
        max-width: none;
        height: auto;
        object-fit: contain; /* ensures full image visible */
        object-position: center center;
        display: block;
    }

    .desktop1 {
        display: none;
    }
    /* +++++++++intro++++++++*/

    .intro-header {
        padding: 30px 10px;
    }

    .two-line-heading {
        font-size: 1.2rem; /* chota font for mobile */
        line-height: 1.4;
        max-width: 90vw;
        word-break: break-word;
        /* approximate width for ~4 lines */
    }
    /*+++++++ abhishek milinium contract ++++++*/

    .about-container3 {
        flex-direction: column;
        align-items: center;
        gap: 30px;
        text-align: left;
    }

    .about-image-group3 {
        width: 100%;
        margin-bottom: 20px;
    }
    .decorative-bg3 {
        position: absolute;
        top: -19px;
        left: -8px;
        width: 90%;
        z-index: 0;
        border-radius: 30px 0px 30px 0px;
    }
        .main-img-wrapper3 {
        width: 90%;
        height: auto;
        max-height: 300px;
        margin: 0 auto;
        
    }

    .about-text {
        width: 100%;
        font-size: 1rem;
        padding: 0 10px;
    }
    /* pump room*/
    @media only screen and (min-width: 412px) and (max-width: 767px) {

        /* Global Reset & containment */
        html, body {
            margin: 0;
            padding: 0;
            width: 100%;
            overflow-x: hidden !important;
            box-sizing: border-box;
            position: relative;
        }

        /* Make all elements use border-box */
        *, *::before, *::after {
            box-sizing: inherit;
        }

        /* Ensure images/videos never overflow */
        img, video {
            max-width: 100%;
            height: auto;
            display: block;
        }

        /* Optional: break very long words */
        .detail-container, .detail-text {
            overflow-wrap: break-word;
        }

        /* If any flex container exists that might not wrap */
        .detail-container {
            display: flex;
            flex-wrap: wrap;
        }
        .decorative-bg4 {
            position: absolute;
            top: -13px;
            right: -10px;
            width: 150px;
            height: 187px;
            z-index: 0;
            pointer-events: none;
            border-radius: 0px 25px 0px 0px;
        }

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

        .main-img-wrapper4 {
            position: relative;
            z-index: 1;
            width: 340px;
            height: 340px;
            border-radius:10px;
            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: 70%;
            height: 70%;
            object-fit: cover;
            display: block;
        }
    }
    /*+++++++++our team+++++++++++++*/
    @media only screen and (max-width: 412px) {
        .about-section5 {
            flex-direction: column;
            align-items: flex-start;
            gap: 20px;
            padding: 0 10px;
            margin: 40px 0;
        }

        .image-wrapper5 {
            width: 100%;
        }

        .bg-image5 {
            position: absolute;
            top: -32px;
            left: -10px;
            width: 90%;
            border-radius: 45px 0px 45px 0px;
        }

        .main-image5 {
            width: 90%;
            border-radius: 20px;
            border-radius: 25px 0px 25px 0px;
            box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s ease;
        }

        .mgmt-heading,
        .mgmt-text {
            text-align: left;
            padding: 0 10px;
        }

        .mgmt-heading {
            font-size: 1.3rem;
            margin-top: 10px;
        }

        .mgmt-text {
            font-size: 1rem;
            line-height: 1.6;
        }
    }
    /*clients*/
    @media (max-width: 412px) {
        .clients-slider-section {
            max-width: 1000px;
            margin: 50px auto;
            padding: 0 0px;
            text-align: center;
        }
        .clients-swiper .swiper-slide img {
            width:90%;
            height: auto;
            object-fit: contain;
            border: 2px solid #555;
            border-radius: 8px;
            background: #fff;
            padding: 5px;
        }


        .clients-swiper .swiper-pagination-bullet {
            display: none;
        }

        .clients-swiper .swiper-pagination-bullet-active {
            display: none;
        }
        /* 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: 110px;
                object-fit: contain;
            }

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

        .next-btn {
            right: 0px;
        }
    
    }
  

    /*policies*/
    .policy-main-img img {
        width: 130px;
        transition: transform 0.3s ease;
    }

    .policy-label {
        position: relative;
        z-index: 1;
        font-family: Arial, sans-serif;
        font-size: 1.1rem;
        font-weight: 600;
        color: #fff;
        margin-top: 10px;
    }
    /*why choose us*/
    @media only screen and (max-width: 412px) {
        /*.choose-section {
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 0;
                border-radius: 0;
                gap: 0;
            }*/
        .choose-section {
            background-color: #0057ff;
            border-radius: 20px;
            width: 100%;
            height: 60%;
            padding: 30px 30px;
            flex-wrap: wrap;
            position: relative;
            overflow: hidden;
            gap: 25px;
        }

        .choose-right {
            order: 1;
            width: 100%;
            margin: 0;
            max-width: 100%;
        }

        .image-wrapper6 {
            position: relative;
            width: 100%;
            height: auto;
            overflow: visible;
            border-radius: 0;
        }

        .bg-image6 {
            position: absolute;
            top: -20px;
            left: -20px;
            width: 60%;
            z-index: 0;
            border-radius: 45px 0 45px 0;
        }

        .main-image6 {
            width: 100%;
            height: auto;
            display: block;
            position: relative;
            border-radius: 35px 0 35px 0;
            box-shadow: 5px 5px 15px 0;
            z-index: 2;
        }

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

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

            .text-left p {
                font-size: 13px;
                margin-bottom: 20px;
                color: #dce9ff;
                line-height: 25px;
            }
    }
    /*00000000000000000000000 Services page section 0000000000000000000000000000000*/
    /* header image */
    /* Mobile screens (width ≤ 412px) */

    .mobile-only2 {
        display: block;
    }

    .service-banner {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

    .service-img-wrapper {
        width: 100%;
        max-height: none;
        overflow: hidden;
    }

    .service-img {
        width: 100%;
        max-width: none;
        height: auto;
        object-fit: contain; /* ensures full image visible */
        object-position: center center;
        display: block;
    }

    .desktop2 {
        display: none;
    }
    /*++++++++++++++phe work+++++++++++*/
    .mobile-only3 {
        display: block;
    }

    .work-banner {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

    .work-img-wrapper {
        width: 100%;
        max-height: none;
        overflow: hidden;
    }

    .work-img {
        width: 100%;
        max-width: none;
        height: auto;
        object-fit: contain; /* ensures full image visible */
        object-position: center center;
        display: block;
    }

    .desktop3 {
        display: none;
    }
    /*text section*/
    .coming-block h3 {
        font-size: 21px;
        color: #333;
        margin-bottom: 8px;
        font-weight: 580;
    }

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

    /*++++++++++++++firefighting system+++++++++++*/
    .mobile-only4 {
        display: block;
    }

    .fire-banner {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

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

    .fire-img {
        width: 100%;
        max-width: none;
        height: auto;
        object-fit: contain; /* ensures full image visible */
        object-position: center center;
        display: block;
    }

    .desktop-4 {
        display: none;
    }
   
    /*++++++++++++++fireAlarms system+++++++++++*/
    .mobile-only5 {
        display: block;
    }

    .firealarm-banner {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

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

    .firealarm-img {
        width: 100%;
        max-width: none;
        height: auto;
        object-fit: contain; /* ensures full image visible */
        object-position: center center;
        display: block;
    }

    .desktop5 {
        display: none;
    }
    /*text*/
    .coming-block2 h3 {
        font-size: 21px;
        color: #333;
        margin-bottom: 8px;
        font-weight: 580;
    }

    .coming-block2 p {
        font-size: 28px;
        color: #222;
        font-weight: 450;
        margin: 0;
    }
    /*++++++++++++++CCTV+++++++++++*/
    .mobile-only6 {
        display: block;
    }

    .cctv-banner {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

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

    .cctv-img {
        width: 100%;
        max-width: none;
        height: auto;
        object-fit: contain; /* ensures full image visible */
        object-position: center center;
        display: block;
    }

    .desktop6 {
        display: none;
    }
    /*##################################projects###############################*/
    /*############### Completed project heder image of mobile ##############*/
    .mobile-only7 {
        display: block;
    }

    .completed-banner {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

    .completed-img-wrapper {
        width: 100%;
        max-height: none;
        overflow: hidden;
    }

    .completed-img {
        width: 100%;
        max-width: none;
        height: auto;
        object-fit: contain; /* ensures full image visible */
        object-position: center center;
        display: block;
    }

    .desktop7 {
        display: none;
    }
    /*###############completed projects image################*/
    .completeproject-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }



    /*############## ongoing project of mobile version ##############*/
    /* nheader image of mobile section */
    .mobile-only9 {
        display: block;
    }

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

    .ongoing-img-wrapper {
        width: 100%;
        max-height: none;
        overflow: hidden;
    }

    .ongoing-img {
        width: 100%;
        max-width: none;
        height: auto;
        object-fit: contain; /* ensures full image visible */
        object-position: center center;
        display: block;
    }

    .desktop9 {
        display: none;
    }
    /* ongoing projects images  */
    .ongoingproject-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    /*projects button*/
    @media only screen and (min-width: 412px) {
        .project-tabs {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 4px; /* chota sa consistent gap between buttons */
            margin-bottom: 20px; /* as per your existing layout */
        }

            .project-tabs button {
                flex: 1 1 auto;
                margin: 0;
            }

                .project-tabs button:nth-child(3) {
                    flex-basis: 100%; /* Third button occupies full row */
                    margin-top: 8px; /* Thoda gap upar se */
                }
    }

    /*site images*/
    /* nheader image of mobile section */
    .mobile-only11 {
        display: block;
    }

    .site-banner {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

    .site-img-wrapper {
        width: 100%;
        max-height: none;
        overflow: hidden;
    }

    .site-img {
        width: 100%;
        max-width: none;
        height: auto;
        object-fit: contain; /* ensures full image visible */
        object-position: center center;
        display: block;
    }

    .desktop11 {
        display: none;
    }

    /*%%%%%%%%%%%%%%% site swipper section%%%%%%%%%%%%%%*/
    @media (min-width: 375px) and (max-width: 932px) {
       .custom-slide {
            /* backgr .cusound: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);*/
            text-align: center;
            padding: 0px;
        }

        .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: 348px;
                object-fit: contain;
            }

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

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

        /*################################ Clients page ##############################*/
        /* nheader image of mobile section */
        .mobile-only12 {
            display: block;
        }

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

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

        .client-img {
            width: 100%;
            max-width: none;
            height: auto;
            object-fit: contain; /* ensures full image visible */
            object-position: center center;
            display: block;
        }

        .desktop12 {
            display: none;
        }
        /*clients section */
        .major-title {
            font-size: 30px;
            font-weight: bold;
            color: #1a1a1a;
            margin-bottom: 50px;
        }
        .major-logo {
            max-width: 500px;
            width:180px;
            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-wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr;
            justify-content: center;
            gap: 30px;
            flex-wrap: wrap;
        }

        /*##################### Career page section #####################*/

        /* nheader image of mobile section */
        .mobile-only13 {
            display: block;
        }

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

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

        .career-img {
            width: 100%;
            max-width: none;
            height: auto;
            object-fit: contain; /* ensures full image visible */
            object-position: center center;
            display: block;
        }

        .desktop13 {
            display: none;
        }
        /*+++++++ Requirement +++++*/
       
            .requirement-heading {
                font-size: 21px;
                font-weight: 630;
                margin-bottom: 30px;
                color: #1d2b3a;
            }


            .requirement-container p {
                margin-bottom: 18px;
                font-size: 15px;
            }
        
            /*++++++++++Apply now++++++++*/

            .apply-container {
                display: flex;
                flex-direction: row;
            }

            @media only screen and (max-width: 412px) {
                .apply-container {
                    flex-direction: column;
                }

                .apply-image {
                    order: 1;
                }

                .apply-inputs {
                    order: 2;
                }
            }
            /*++++++++++++++++ Contact Us +++++++++++++++*/

            /* nheader image of mobile section */
            .mobile-only14 {
                display: block;
            }

            .contact-banner {
                width: 100%;
                overflow: hidden;
                margin: 0;
            }

            .contact-img-wrapper {
                width: 100%;
                max-height: none;
                overflow: hidden;
            }

            .contact-img {
                width: 100%;
                max-width: none;
                height: auto;
                object-fit: contain; /* ensures full image visible */
                object-position: center center;
                display: block;
            }

            .desktop14 {
                display: none;
            }
            /*++++++++++ Send Message +++++++++*/
            .send-container {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
            }

            /* Mobile specific: up to 412px */
            @media only screen and (max-width: 412px) {
                .send-container {
                    display: flex;
                    flex-direction: column !important;
                }

                .send-left {
                    order: 1 !important;
                    width: 100% !important;
                    flex: 0 0 120px !important; /* adjust height as desired */
                    height: 120px !important;
                    overflow: hidden !important;
                }

                .send-right {
                    order: 2 !important;
                    width: 100% !important;
                }
            }
            /*3############################ Quality policy ###########################*/
            @media only screen and (max-width: 412px) {
                .policy-section {
                    height: 120px !important; /* Reduce overall section height */
                    padding-left: 20px !important; /* Remove large left padding */
                    display: flex;
                    align-items: center;
                    justify-content: left;
                    overflow: hidden !important;
                }

                    .policy-section::before {
                        width: 80px !important; /* Shrink background graphic width */
                        background-position: left center !important;
                    }

                .policy-container {
                    padding: 0 20px !important; /* Adjust text container padding */
                }

                    .policy-container h2 {
                        font-size: 24px !important; /* Scale down heading size */
                    }
            }
            /*+++++++++++++++++++++++++ quality text section +++++++++++++++++++++++*/
            @media only screen and (max-width: 412px) {
                .quality-policy-section {
                    padding: 30px 0 !important;
                }

                .quality-policy-container {
                    padding: 0 15px !important;
                    font-size: 14px !important;
                    line-height: 1.6 !important;
                }

                    .quality-policy-container h2 {
                        font-size: 24px !important; /* Reduce heading size */
                        margin-bottom: 16px !important;
                    }

                    .quality-policy-container p {
                        margin-bottom: 16px !important; /* More compact paragraphs */
                    }

                    .quality-policy-container ul {
                        padding-left: 20px !important; /* Indent list bullets less */
                        margin-bottom: 20px !important;
                    }

                        .quality-policy-container ul li {
                            margin-bottom: 8px !important; /* Tighter spacing between list items */
                        }
            }
            /*+++++++ Events +++++++*/

            /* nheader image of mobile section */
            .mobile-only15 {
                display: block;
            }

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

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

            .career-img {
                width: 100%;
                max-width: none;
                height: auto;
                object-fit: contain; /* ensures full image visible */
                object-position: center center;
                display: block;
            }

            .desktop15 {
                display: none;
            }
            /*+++++++ AMCPL Cricket Championship League 2025 ++++++*/
            .cricket-gallery {
                display: grid;
                justify-content: center;
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .back-to-top {
                display: none !important;
            }
        }



    /*################################iPhone SE#####################################*/
    @media (min-width: 412px) {}


        .mobile-swiper {
            width: 100%;
            max-width: 100%;
            height: 90vh;
            position: relative;
            margin-top: 20px !important;
            padding: 0 !important;
            overflow: hidden;
            min-width: 0;
            min-height: 0;
        }

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

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

                .mobile-swiper .swiper-slide img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    display: block;
                    margin-bottom: 150px;
                    padding: 0;
                }

            .mobile-swiper .swiper-button-next,
            .mobile-swiper .swiper-button-prev {
                color: rgba(0,0,0,0.6);
                opacity: 0.75;
                z-index: 10;
            }

                .mobile-swiper .swiper-button-next:hover,
                .mobile-swiper .swiper-button-prev:hover {
                    opacity: 1;
                }

            .mobile-swiper .swiper-pagination-bullet {
                background: grey;
                opacity: 1;
                
            }

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

        .desktop {
            display: none !important;
        }

        .mobile {
            display: block !important;
        }
/*++++++++ footer +++++++++*/
    .footer-top {
        flex-direction: column;
        padding: 0 15px;
        gap: 20px;
    }
   

    .footer-bottom {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 0 15px;
    }

    /* Limit About paragraph to 4 lines, without truncation or ellipsis */
    .footer-column.about p {
        overflow: hidden;
        line-height: 1.6;
        max-height: calc(1.6em * 4); /* exactly 4 lines */
        /* No -webkit-line-clamp or ellipsis */
    }
    .footer-bottom {
        border-top: 3px solid;
        padding-top: 10px;
        display: flex;
        justify-content: space-around;
        font-size: 13px;
        color: #5a6c7a;
    }

        /*###### about page ######*/

        /*++++++++++++++our work +++++++++++++++++*/
        @media only screen and (min-width: 375px) and (max-width: 669px) {



            .desktop0-2 {
                display: none;
            }



            .masonry {
                column-count: 1;
                column-gap: 1rem;
                width: 100%;
                max-width: 1400px;
                margin: 0 auto;
                gap: 20px;
            }


            .card {
                position: relative;
                border-radius: 2px;
                overflow: hidden;
            }

            .mobile0-2 {
                display: block;
            }



            /*+++++++++++++++++++++++++++ about page+++++++++++++++++++++*/

            /*+++++++ abhishek milinium contract ++++++*/

            .about-container3 {
                flex-direction: column;
                align-items: center;
                gap: 30px;
                text-align: left;
            }

            .about-image-group3 {
                width: 100%;
                margin-bottom: 20px;
            }

            .main-img-wrapper3 {
                width: 90%;
                height: auto;
                max-height: 300px;
                margin: 0 auto;
            }

            .about-text {
                width: 100%;
                font-size: 1rem;
                padding: 0 10px;
            }
            /* pump room*/

            /* pump room*/
           

                /* Global Reset & containment */
                html, body {
                    margin: 0;
                    padding: 0;
                    width: 100%;
                    overflow-x: hidden !important;
                    box-sizing: border-box;
                    position: relative;
                }

                /* Make all elements use border-box */
                *, *::before, *::after {
                    box-sizing: inherit;
                }

                /* Ensure images/videos never overflow */
                img, video {
                    max-width: 100%;
                    height: auto;
                    display: block;
                }

                /* Optional: break very long words */
                .detail-container, .detail-text {
                    overflow-wrap: break-word;
                }

                /* If any flex container exists that might not wrap */
                .detail-container {
                    display: flex;
                    flex-wrap: wrap;
                }

                .decorative-bg4 {
                    position: absolute;
                    top: -13px;
                    right: -10px;
                    width: 130px;
                    height: 147px;
                    z-index: 0;
                    pointer-events: none;
                    border-radius: 0px 25px 0px 0px;
                }

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

                .main-img-wrapper4 {
                    position: relative;
                    z-index: 1;
                    width: 300px;
                    height: 300px;
                    border-radius: 10px;
                    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: 65%;
                    height: 65%;
                    object-fit: cover;
                    display: block;
                
            }

            .back-to-top {
                display: none !important;
            }
            /*+++++++++++++ Site images +++++++++++++*/
            .custom-slide {
                /* background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);*/
                text-align: center;
                padding: 0px;
            }

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

            .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: 236px;
                    object-fit: contain;
                }

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

            .custom-swiper-next {
                right: 0px;
            }
        }
        /*0000000000000000000000000000000000000000000000000000000 iphone 14 pr max 00000000000000000000000000000000000000000000000000000000000*/
        /* Mobile-small styles */


        @media (min-width: 430px) and (max-width: 932px) {


            .mobile-swiper {
                width: 100%;
                max-width: 100%;
                height: 70vh;
                position: relative;
                margin-top: 20px !important;
                padding: 0 !important;
                overflow: hidden;
                min-width: 0;
                min-height: 0;
            }

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

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

                    .mobile-swiper .swiper-slide img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;
                        margin-bottom: 150px;
                        padding: 0;
                    }

               
            

                .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: 650px;
                        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;
                }
            }
            /*######################### Awards and Certificate ########################*/

            .Award .swiper.mySwiper {
                width: 100vw !important;
                max-width: 100vw;
                overflow: hidden;
            }

            .Award .swiper-wrapper,
            .Award .swiper-slide {
                /* width: 100vw !important;*/
                /* max-width: 100vw !important;*/
                height: auto !important;
            }

                
                .Award .swiper-slide img {
                    width: 100vw !important;
                    max-width: 100vw !important;
                    height: auto !important;
                    object-fit: cover;
                    object-position: center;
                    display: block;
                }

            /* Optional: make arrow navigation hidden on mobile */
            .swiper-button-next,
            .swiper-button-prev {
                display: none;
            }

            /*++++++++++++++++++footer+++++++++++++++++++++++++*/

            /* Stack footer columns vertically */
            .footer-top {
                flex-direction: column;
                padding: 0 15px;
                gap: 20px;
            }

            .footer-bottom {
                flex-direction: column;
                align-items: center;
                gap: 10px;
                padding: 0 15px;
            }

            /* Limit About paragraph to 4 lines, without truncation or ellipsis */
            .footer-column.about p {
                overflow: hidden;
                line-height: 1.6;
                max-height: calc(1.6em * 4); /* exactly 4 lines */
                /* No -webkit-line-clamp or ellipsis */
            }
            /*%%%%%%%%%%%%%%%%%%%%%%%%%%% about page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


            /*########### our team ############*/
            .about-section5 {
                flex-direction: column;
                align-items: flex-start;
                gap: 20px;
                padding: 0 10px;
                margin: 40px 0;
            }

            .image-wrapper5 {
                width: 100%;
            }

            .bg-image5 {
                position: absolute;
                top: -15px;
                left: -15px;
                width: 100%;
                border-radius: 20px;
            }

            .main-image5 {
                width: 100%;
                border-radius: 20px;
                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
            }

            .mgmt-heading,
            .mgmt-text {
                text-align: left;
                padding: 0 10px;
            }

            .mgmt-heading {
                font-size: 1.3rem;
                margin-top: 10px;
            }

            .mgmt-text {
                font-size: 1rem;
                line-height: 1.6;
            }
            /*+++++++++++++++ Clients +++++++++++++++*/

            .clients-slider-section {
                max-width: 1000px;
                margin: 300px auto;
                padding: 0 0px;
                text-align: center;
                margin-top: 30px;
                margin-bottom: 20px;
            }

            .clients-swiper .swiper-pagination-bullet {
                display: none;
            }

            .clients-swiper .swiper-pagination-bullet-active {
                display: none;
            }

            /*######## why choose us ########*/
            .choose-section {
                background-color: #0057ff;
                border-radius: 20px;
                width: 100%;
                height: 60%;
                padding: 30px 30px;
                flex-wrap: wrap;
                position: relative;
                overflow: hidden;
                gap: 25px;
            }

            .choose-right {
                order: 1;
                width: 100%;
                margin: 0;
                max-width: 100%;
            }

            .image-wrapper6 {
                position: relative;
                width: 100%;
                height: auto;
                overflow: visible;
                border-radius: 0;
            }

            .bg-image6 {
                position: absolute;
                top: -20px;
                left: -20px;
                width: 60%;
                z-index: 0;
                border-radius: 45px 0 45px 0;
            }

            .main-image6 {
                width: 100%;
                height: auto;
                display: block;
                position: relative;
                border-radius: 35px 0 35px 0;
                box-shadow: 5px 5px 15px 0;
                z-index: 2;
            }

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

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

                .text-left p {
                    font-size: 13px;
                    margin-bottom: 20px;
                    color: #dce9ff;
                    line-height: 25px;
                }

            /*%%%%%%%%%%%%%%%%%%%%%%%%% Career section %%%%%%%%%%%%%%%%%%%%%%%%%%%*/
            .apply-container {
                display: flex;
                flex-direction: row;
            }


            .apply-container {
                flex-direction: column;
            }

            .apply-image {
                order: 1;
            }

            .apply-inputs {
                order: 2;
            }

            /*%%%%%%%%%%%%%%%%%%%%%%%%% Contact us  section %%%%%%%%%%%%%%%%%%%%%%%%%%%*/
            .send-container {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
            }


            .send-container {
                display: flex;
                flex-direction: column !important;
            }

            .send-left {
                order: 1 !important;
                width: 100% !important;
                flex: 0 0 120px !important; /* adjust height as desired */
                height: 120px !important;
                overflow: hidden !important;
            }

            .send-right {
                order: 2 !important;
                width: 100% !important;
            }

            .back-to-top {
                display: none !important;
            }
            /*################# Site image #####################*/
            .custom-slide {
                /* background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);*/
                text-align: center;
                padding: 0px;
            }

            .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: 348px;
                    object-fit: contain;
                }

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

            .custom-swiper-next {
                right: 0px;
            }
        
/*+++++++++++++++ Clients slider ++++++++++++++++++++*/
        .clients-slider-section {
            max-width: 1000px;
            margin: 50px auto;
            padding: 0 0px;
            text-align: center;
        }

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


        .clients-swiper .swiper-pagination-bullet {
            display: none;
        }

        .clients-swiper .swiper-pagination-bullet-active {
            display: none;
        }
        /* 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: 110px;
                object-fit: contain;
            }

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

        .next-btn {
            right: 0px;
        }
    }

/*+++++++++++++++++++++++++++++++++++++++++ iphone 12 pro++++++++++++++++++++++++++++++++++++++*/

@media (max-width: 390px) {


    .mobile-swiper {
        width: 100%;
        max-width: 100%;
        height: 74vh;
        position: relative;
        margin-top: 20px !important;
        padding: 0 !important;
        overflow: hidden;
        min-width: 0;
        min-height: 0;
    }

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

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

            .mobile-swiper .swiper-slide img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                margin-bottom: 150px;
                padding: 0;
            }

        .mobile-swiper .swiper-button-next,
        .mobile-swiper .swiper-button-prev {
            color: rgba(0,0,0,0.6);
            opacity: 0.75;
            z-index: 10;
        }

            .mobile-swiper .swiper-button-next:hover,
            .mobile-swiper .swiper-button-prev:hover {
                opacity: 1;
            }

        .mobile-swiper .swiper-pagination-bullet {
            background: grey;
            opacity: 1;
        }

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

    .desktop {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    /*+++++++++++++ Site images +++++++++++++*/
    .custom-slide {
        /* background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);*/
        text-align: center;
        padding: 0px;
    }
        .custom-slide img.custom-img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            border-radius: 10px;
        }
    .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: 236px;
            object-fit: contain;
        }

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

    .custom-swiper-next {
        right: 0px;
    }
}
/*++++++++++++++++++++++++++++++++++++++ iphone XR +++++++++++++++++++++++++++++++++*/
@media (max-width: 414px)  {
    /*++++++++ home page swipper button +++++++++*/

        .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: 440px;
                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;
        }
    
    /*######################### Awards and Certificate ########################*/

    .Award .swiper.mySwiper {
        width: 100vw !important;
        max-width: 100vw;
        overflow: hidden;
    }

    .Award .swiper-wrapper,
    .Award.swiper-slide {
        /* width: 100vw !important;*/
        /* max-width: 100vw !important;*/
        height: auto !important;
    }

        /**/
        .Award .swiper-slide img {
            width: 100vw !important;
            max-width: 100vw !important;
            height: auto !important;
            object-fit: cover;
            object-position: center;
            display: block;
        }

    /* Optional: make arrow navigation hidden on mobile */
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }

    /*++++++++++++++++++footer+++++++++++++++++++++++++*/

    /* Stack footer columns vertically */
    .footer-top {
        flex-direction: column;
        padding: 0 15px;
        gap: 20px;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 0 15px;
    }

    /* Limit About paragraph to 4 lines, without truncation or ellipsis */
    .footer-column.about p {
        overflow: hidden;
        line-height: 1.6;
        max-height: calc(1.6em * 4); /* exactly 4 lines */
        /* No -webkit-line-clamp or ellipsis */
    }
/*++++++++++++++++++++++++++ about page +++++++++++++++++++++++++++*/

    /*########### our team ############*/
    .about-section5 {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 0 10px;
        margin: 40px 0;
    }

    .image-wrapper5 {
        width: 100%;
    }

    .bg-image5 {
        position: absolute;
        top: -15px;
        left: -15px;
        width: 100%;
        border-radius: 20px;
    }

    .main-image5 {
        width: 100%;
        border-radius: 20px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    }

    .mgmt-heading,
    .mgmt-text {
        text-align: left;
        padding: 0 10px;
    }

    .mgmt-heading {
        font-size: 1.3rem;
        margin-top: 10px;
    }

    .mgmt-text {
        font-size: 1rem;
        line-height: 1.6;
    }
/*++++++ why choose us ++++++*/
    .choose-section {
        background-color: #0057ff;
        border-radius: 20px;
        width: 100%;
        height: 60%;
        padding: 30px 30px;
        flex-wrap: wrap;
        position: relative;
        overflow: hidden;
        gap: 25px;
    }

    .choose-right {
        order: 1;
        width: 100%;
        margin: 0;
        max-width: 100%;
    }

    .image-wrapper6 {
        position: relative;
        width: 100%;
        height: auto;
        overflow: visible;
        border-radius: 0;
    }

    .bg-image6 {
        position: absolute;
        top: -20px;
        left: -20px;
        width: 60%;
        z-index: 0;
        border-radius: 45px 0 45px 0;
    }

    .main-image6 {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        border-radius: 35px 0 35px 0;
        box-shadow: 5px 5px 15px 0;
        z-index: 2;
    }

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

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

        .text-left p {
            font-size: 13px;
            margin-bottom: 20px;
            color: #dce9ff;
            line-height: 25px;
        }
/*+++++++++++++++++++++++++++ career page +++++++++++++++++++++++++*/

/*_______ apply section _________*/

    .apply-container {
        display: flex;
        flex-direction: row;
    }

   
        .apply-container {
            flex-direction: column;
        }

        .apply-image {
            order: 1;
        }

        .apply-inputs {
            order: 2;
        
    }
/*++++++++++++++++++++++++ Contact us page +++++++++++++++++++*/

/*++++++++ send section ++++++++*/
    .send-container {
        display: flex;
        flex-direction: column !important;
    }

    .send-left {
        order: 1 !important;
        width: 100% !important;
        flex: 0 0 120px !important; /* adjust height as desired */
        height: 120px !important;
        overflow: hidden !important;
    }

    .send-right {
        order: 2 !important;
        width: 100% !important;
    }

}

/*++++++++++++++ Sumsung galaxy S8+++++++++++++++*/
@media (min-width: 360px) and (max-width: 740px) {
/*header image swipper section*/
    .mobile-swiper {
        width: 100%;
        max-width: 100%;
        height: 30%;
        position: relative;
        margin-top: 20px !important;
        padding: 0 !important;
        overflow: hidden;
        min-width: 0;
        min-height: 0;
    }

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

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

            .mobile-swiper .swiper-slide img {
                width: 100%;
              /*  height: 100%;*/
                object-fit: cover;
                display: block;
                margin-bottom: 150px;
                padding: 0;
            }

        .mobile-swiper .swiper-button-next,
        .mobile-swiper .swiper-button-prev {
            color: rgba(0,0,0,0.6);
            opacity: 0.75;
            z-index: 10;
        }

            .mobile-swiper .swiper-button-next:hover,
            .mobile-swiper .swiper-button-prev:hover {
                opacity: 1;
            }

        .mobile-swiper .swiper-pagination-bullet {
            background: grey;
            opacity: 1;
        }

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

    .desktop {
        display: none !important;
    }

    .mobile {
        display: block !important;
        margin-bottom: -146px;
    }
/*++++++ footer +++++++*/
    .footer-top {
        flex-direction: column;
        padding: 0 15px;
        gap: 20px;
    }


    .footer-bottom {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 0 15px;
    }

    /* Limit About paragraph to 4 lines, without truncation or ellipsis */
    .footer-column.about p {
        overflow: hidden;
        line-height: 1.6;
        max-height: calc(1.6em * 4); /* exactly 4 lines */
        /* No -webkit-line-clamp or ellipsis */
    }

    .footer-bottom {
        border-top: 3px solid;
        padding-top: 10px;
        display: flex;
        justify-content: space-around;
        font-size: 12px;
        color: #5a6c7a;
    }
/*pump room */
    /* pump room*/
    @media only screen and (min-width: 360px) and (max-width: 740px) {

        /* Global Reset & containment */
        html, body {
            margin: 0;
            padding: 0;
            width: 100%;
            overflow-x: hidden !important;
            box-sizing: border-box;
            position: relative;
        }

        /* Make all elements use border-box */
        *, *::before, *::after {
            box-sizing: inherit;
        }

        /* Ensure images/videos never overflow */
        img, video {
            max-width: 100%;
            height: auto;
            display: block;
        }

        /* Optional: break very long words */
        .detail-container, .detail-text {
            overflow-wrap: break-word;
        }

        /* If any flex container exists that might not wrap */
        .detail-container {
            display: flex;
            flex-wrap: wrap;
        }

        .decorative-bg4 {
            position: absolute;
            top: -13px;
            right: -10px;
            width: 100px;
            height: 147px;
            z-index: 0;
            pointer-events: none;
            border-radius: 0px 25px 0px 0px;
        }

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

        .main-img-wrapper4 {
            position: relative;
            z-index: 1;
            width: 290px;
            height: 290px;
            border-radius: 10px;
            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: 60%;
            height: 60%;
            object-fit: cover;
            display: block;
        }
    }
/*+++++++++++++++++ Team ++++++++++++++++++*/
    .about-section5 {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 0 10px;
        margin: 40px 0;
    }

    .image-wrapper5 {
        width: 100%;
    }

    .bg-image5 {
        position: absolute;
        top: -32px;
        left: -10px;
        width: 70%;
        border-radius: 45px 0px 45px 0px;
    }

    .main-image5 {
        width: 80%;
        border-radius: 20px;
        border-radius: 25px 0px 25px 0px;
        box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5);
        transition: transform 0.3s ease;
    }

    .mgmt-heading,
    .mgmt-text {
        text-align: left;
        padding: 0 10px;
    }

    .mgmt-heading {
        font-size: 1.3rem;
        margin-top: 10px;
    }

    .mgmt-text {
        font-size: 1rem;
        line-height: 1.6;
    }
/*++++++++++++ service +++++++++++++++*/
    .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 65px 0px 65px;
    }

/*++++++++++++++++++ Site image ++++++++++++++++++++++*/
    .custom-slide img.custom-img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        border-radius: 10px;
    }

    .custom-slide {
        /* backgr .cusound: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);*/
        text-align: center;
        padding: 0px;
    }

    .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: 226px;
            object-fit: contain;
        }

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

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

        /*++++++++++++++++++++clients page +++++++++++++++++++++++*/
/*clients header image */
    .mobile-only12 {
        display: block;
    }

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

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

    .client-img {
        width: 100%;
        max-width: none;
        height: auto;
        object-fit: contain; /* ensures full image visible */
        object-position: center center;
        display: block;
    }

    .desktop12 {
        display: none;
    }
/*clients logo*/
        .major-title {
            font-size: 30px;
            font-weight: bold;
            color: #1a1a1a;
            margin-bottom: 50px;
        }

        .major-logo {
            max-width: 500px;
            width: 150px;
            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-wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr;
            justify-content: center;
            gap: 30px;
            flex-wrap: wrap;
        }

        /*++++++++++++ Career page ++++++++++++*/
/*++++++++ Career headr logo ++++++*/
    /* nheader image of mobile section */
    .mobile-only13 {
        display: block;
    }

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

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

    .career-img {
        width: 100%;
        max-width: none;
        height: auto;
        object-fit: contain; /* ensures full image visible */
        object-position: center center;
        display: block;
    }

    .desktop13 {
        display: none;
    }
    /*+++++++ Requirement +++++*/
    .requirement-heading {
        font-size: 21px;
        font-weight: 630;
        margin-bottom: 30px;
        color: #1d2b3a;
    }


    .requirement-container p {
        margin-bottom: 18px;
        font-size: 15px;
    }
        /*%%%% apply now %%%%*/
        .apply-container {
            display: flex;
            flex-direction: row;
        }


        .apply-container {
            flex-direction: column;
        }

        .apply-image {
            order: 1;
        }

        .apply-inputs {
            order: 2;
        }
        /*+++++++ Contact us ++++++*/
/*contact header section*/
    /* nheader image of mobile section */
    .mobile-only14 {
        display: block;
    }

    .contact-banner {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

    .contact-img-wrapper {
        width: 100%;
        max-height: none;
        overflow: hidden;
    }

    .contact-img {
        width: 100%;
        max-width: none;
        height: auto;
        object-fit: contain; /* ensures full image visible */
        object-position: center center;
        display: block;
    }

    .desktop14 {
        display: none;
    }
/*send section*/
        .send-container {
            display: flex;
            flex-direction: column !important;
        }

        .send-left {
            order: 1 !important;
            width: 100% !important;
            flex: 0 0 120px !important; /* adjust height as desired */
            height: 120px !important;
            overflow: hidden !important;
        }

        .send-right {
            order: 2 !important;
            width: 100% !important;
        }
    }

/*++++++++++++++++++++++++++++++++++++++++ sumsung galaxy s8++++++++++++++++++++++++++++++++++++++++*/
/*ongoing image ongo9ing saction uppr button */
@media only screen and (min-width: 360px) and (max-width: 740px) {
    .project-tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px;
        margin-bottom: 20px;
    }

        .project-tabs button {
            flex: 1 1 auto;
            margin: 0;
        }

            .project-tabs button:nth-child(3) {
                flex-basis: 100%; 
                margin-top: 8px; 
            }
}
/*+++++++++++++++++++++++++++++++++++ ipad mini ++++++++++++++++++++++++++++++++++++++++*/
@media (min-width: 768px) and (max-width: 1024px) {
    /*++++++++ home page swipper button +++++++++*/

    .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: 640px;
            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;
    }
}
/*++++++++++++++++ 1500 ++++++++++++++++++++*/

@media (max-width: 1500px) {


    .services-section {
        padding: 60px 20px;
        text-align: center;
    }

    .section-title {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 40px;
        color: #222;
    }

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

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

        .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: 0px 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: 113px;
    }

        .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: 338px;
        margin-top: 30px;
        margin-right: 45px;
    }

    .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);
        }


    /*++++++++ footer +++++++++*/
    .footer-top {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: space-between;
        margin-bottom: 100px;
        padding: 0 36px;
    }

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

    /*++++++++++ why choose us +++++++++++*/

    .text-left {
        color: white;
        max-width: 456px;
        z-index: 2;
    }
    /*+++++++++++++++++++++ site imnages fire section +++++++++++++++++++++*/
    .fire-gallery {
        display: flex;
        justify-content: center;
        gap: 50px;
        flex-wrap: wrap;
    }

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


    /*++++++++++++ Anatham section ++++++++++++++*/
    .anatam-item {
        width: 539px;
        max-width: 100%;
    }

    .anatam-gallery {
        display: flex;
        justify-content: center;
        gap: 27px;
        flex-wrap: wrap;
    }
    /*+++++PUMP ROOM+++++*/
    .detail-section {
        position: relative;
        background: url('images/background core.jpg') no-repeat center center;
        background-size: cover;
        color: #fff;
        padding: 80px 47px;
    }
    /*++++++++++ about section +++++++++*/
    .about-section5 {
        max-width: 1137px;
        margin: 39px auto 73px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

/*+++++++++++OUR SERVICES++++++++++*/
@media (max-width: 1300px) {

    .services-section {
        padding: 60px 20px;
        text-align: center;
    }

    .section-title {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 40px;
        color: #222;
    }

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

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

        .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: 0px 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: 113px;
    }

        .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: 338px;
        margin-top: 30px;
        margin-right: 45px;
    }

    .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);
        }


    /* ++++++++ footer +++++++++*/
    .footer-top {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: space-between;
        margin-bottom: 100px;
        padding: 0 36px;
    }

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

    /* ++++++++++ why choose us +++++++++++*/

    .text-left {
        color: white;
        max-width: 456px;
        z-index: 2;
    }
    /* +++++++++++++++++++++ site imnages fire section +++++++++++++++++++++*/
    .fire-gallery {
        display: flex;
        justify-content: center;
        gap: 50px;
        flex-wrap: wrap;
    }

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


    /* ++++++++++++ Anatham section ++++++++++++++*/
    .anatam-item {
        width: 539px;
        max-width: 100%;
    }

    .anatam-gallery {
        display: flex;
        justify-content: center;
        gap: 27px;
        flex-wrap: wrap;
    }
    /* +++++PUMP ROOM+++++*/
    .detail-section {
        position: relative;
        background: url('images/background core.jpg') no-repeat center center;
        background-size: cover;
        color: #fff;
        padding: 80px 47px;
    }

    .about-section5 {
        max-width: 1137px;
        margin: 39px auto 73px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

/*+++++++++++OUR SERVICES++++++++++*/
@media (max-width: 1200px) {

    .services-section {
        padding: 60px 20px;
        text-align: center;
    }

    .section-title {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 40px;
        color: #222;
    }

    .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: 254px;
    }

        .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: 0px 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: 113px;
    }

        .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: 338px;
        margin-top: 30px;
        margin-right: 45px;
    }

    .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);
        }


    /*++++++++ footer +++++++++*/
    .footer-top {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: space-between;
        margin-bottom: 100px;
        padding: 0 36px;
    }

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

    /*++++++++++ why choose us +++++++++++*/

    .text-left {
        color: white;
        max-width: 456px;
        z-index: 2;
    }
    /*+++++++++++++++++++++ site imnages fire section +++++++++++++++++++++*/
    .fire-gallery {
        display: flex;
        justify-content: center;
        gap: 50px;
        flex-wrap: wrap;
    }

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


    /*++++++++++++ Anatham section ++++++++++++++*/
    .anatam-item {
        width: 539px;
        max-width: 100%;
    }

    .anatam-gallery {
        display: flex;
        justify-content: center;
        gap: 27px;
        flex-wrap: wrap;
    }
    /*+++++PUMP ROOM+++++*/
    .detail-section {
        position: relative;
        background: url('images/background core.jpg') no-repeat center center;
        background-size: cover;
        color: #fff;
        padding: 80px 47px;
    }
    /*++++++++++ about section +++++++++*/
    .about-section5 {
        max-width: 1137px;
        margin: 39px auto 73px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

/*+++++++++++ service section ++++++++++++*/
@media (max-width: 1024px) {
    .main3 {
        padding-top: 74px;
    }
    .footer-column p {
        line-height: 1.6;
        font-size: 13px;
        color: #3a4a5b;
    }
    .services-grid {
        display: flex;
        justify-content: center;
        gap: 11px;
        flex-wrap: wrap;
    }
    /*+++++CONTACT++++++++++*/
    

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

        .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: 315px;
        margin-top: 30px;
        margin-right: 45px;
    }

    .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);
        }
/*+++++++++++pump room ++++++++++*/
    .main-img-wrapper4 {
        position: relative;
        z-index: 1;
        width: 435px;
        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;
    }
    .decorative-bg4 {
        position: absolute;
        top: -17px;
        right: -20px;
        width: 389px;
        height: 389px;
        z-index: 0;
        pointer-events: none;
        border-radius: 0px 25px 0px 0px;
    }

/*+++++++++++ our team section ++++++++++++*/
    .bg-image5 {
        position: absolute;
        top: -42px;
        left: -30px;
        width: 85%;
        z-index: 0;
        border-radius: 45px 0px 45px 0px;
    }
    .main-image5 {
        position: relative;
        z-index: 1;
        width: 84%;
        border-radius: 25px 0px 25px 0px;
        box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5);
        transition: transform 0.3s ease;
    }

/*++++++++++++++ policy section ++++++++++++*/
    .policy-card {
        position: relative;
        width: 300px;
        height: 270px;
        border-radius: 24px;
        overflow: hidden;
        cursor: pointer;
    }
    .aden-item {
        max-width: 276px;
        flex: 1 1 300px;
    }
    .fire-item {
        width: 289px;
        flex-shrink: 0;
    }
    .anatam-item {
        width: 451px;
        max-width: 100%;
    }
    .fireequip-item {
        width: 414px;
        max-width: 100%;
    }
    
}

/*all header images in ipad pro */
@media (max-width: 1024px) {
    /*hearder toggle section*/
    /* Hide desktop header, show mobile */
    @media (max-width: 1024px) {
        header .header-inner {
            display: none;
        }

        .mobile-header {
            display: flex;
        }
    }


    /* --- Hide desktop header on small screens --- */
    @media (max-width: 1024px) {
        header .header-inner {
            display: none;
        }

        .mobile-header {
            display: flex;
        }
    }
}
/*+++++++++++++ phe works ++++++++++++++*/
@media (max-width: 1024px) {
    .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: 303px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
    }

    .bg-img8 {
        position: absolute;
        width: 73%;
        height: 54%;
        object-fit: cover;
        z-index: 1;
        top: -34px;
        right: -51px;
        border-radius: 0px 99px 0px 99px;
        margin-top: 46px;
        /* margin-left: 36px; */
        margin-right: 18px;
    }

    .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 99px 0px 99px;
        /*  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;
        }
}

/*+++++++++++fire-fighting-systems+++++++++++*/
@media (max-width: 1024px) {
    .img-container9 {
        position: relative;
        width: 303px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
    }

    .bg-img9 {
        position: absolute;
        width: 73%;
        height: 54%;
        object-fit: cover;
        z-index: 1;
        top: -34px;
        right: -51px;
        border-radius: 0px 99px 0px 99px;
        margin-top: 46px;
        /* margin-left: 36px; */
        margin-right: 18px;
    }

    .main-img9 {
        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 99px 0px 99px;
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }
}

/*+++++++++++fire-alarms-systems+++++++++++*/
@media (max-width: 1024px) {
    .img-container10 {
        position: relative;
        width: 303px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
    }

    .bg-img10 {
        position: absolute;
        width: 73%;
        height: 54%;
        object-fit: cover;
        z-index: 1;
        top: -34px;
        right: -51px;
        border-radius: 0px 99px 0px 99px;
        margin-top: 46px;
        /* margin-left: 36px; */
        margin-right: 18px;
    }

    .main-img10 {
        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 99px 0px 99px;
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }
}

/*+++++++++++ Camera+++++++++++*/
@media (max-width: 1024px) {
    .img-container11 {
        position: relative;
        width: 303px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
    }

    .bg-img11 {
        position: absolute;
        width: 73%;
        height: 54%;
        object-fit: cover;
        z-index: 1;
        top: -34px;
        right: -51px;
        border-radius: 0px 99px 0px 99px;
        margin-top: 46px;
        /* margin-left: 36px; */
        margin-right: 18px;
    }

    .main-img11 {
        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 99px 0px 99px;
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }
}
@media (max-width: 820px) {

    /*+++++++++ 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: -25px;
    }

    .image-wrapper {
        position: relative;
        width: 337px;
        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;
        }

    /*+++++CONTACT++++++++++*/


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

        .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: 308px;
        margin-top: 30px;
        margin-right: 45px;
    }

    

    .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);
        }

/*+++++++++++ policy ++++++++++*/
    .policy-card {
        position: relative;
        width: 235px;
        height: 244px;
        border-radius: 24px;
        overflow: hidden;
        cursor: pointer;
    }
}

/*+++++++++++++ phe works ++++++++++++++*/
@media (max-width: 820px) {
    .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: 235px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
        margin-top: -45px;
    }

    .bg-img8 {
        position: absolute;
        width: 74%;
        height: 42%;
        object-fit: cover;
        z-index: 1;
        top: -2px;
        right: -51px;
        border-radius: 0px 99px 0px 99px;
        margin-top: 46px;
        /* margin-left: 36px; */
        margin-right: 18px;
    }

    .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 139px 0px 141px;
        /*  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;
        }
}

/*+++++++++++fire-fighting-systems+++++++++++*/
@media (max-width: 820px) {
    .img-container9 {
        position: relative;
        width: 235px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
        margin-top: -45px;
    }

    .bg-img9 {
        position: absolute;
        width: 74%;
        height: 42%;
        object-fit: cover;
        z-index: 1;
        top: -2px;
        right: -51px;
        border-radius: 0px 99px 0px 99px;
        margin-top: 46px;
        /* margin-left: 36px; */
        margin-right: 18px;
    }

    .main-img9 {
        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 139px 0px 141px;
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }

}

/*+++++++++++fire-alarms-systems+++++++++++*/
@media (max-width: 820px) {
    .img-container10 {
        position: relative;
        width: 235px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
        margin-top: -45px;
    }

    .bg-img10 {
        position: absolute;
        width: 74%;
        height: 42%;
        object-fit: cover;
        z-index: 1;
        top: -2px;
        right: -51px;
        border-radius: 0px 99px 0px 99px;
        margin-top: 46px;
        /* margin-left: 36px; */
        margin-right: 18px;
    }

    .main-img10 {
        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 139px 0px 141px;
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }

}

/*+++++++++++ Camera+++++++++++*/
@media (max-width: 820px) {
    .img-container11 {
        position: relative;
        width: 235px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
        margin-top: -45px;
    }

    .bg-img11 {
        position: absolute;
        width: 74%;
        height: 42%;
        object-fit: cover;
        z-index: 1;
        top: -2px;
        right: -51px;
        border-radius: 0px 99px 0px 99px;
        margin-top: 46px;
        /* margin-left: 36px; */
        margin-right: 18px;
    }

    .main-img11 {
        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 139px 0px 141px;
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }
/*++++++++ aden on site image page ++++++++*/
    .aden-gallery {
        display: flex;
        justify-content: center;
        gap: 17px;
        flex-wrap: wrap;
    }
    .aden-item {
        max-width: 239px;
        flex: 1 1 300px;
    }

    .fire-item {
        width: 233px;
        flex-shrink: 0;
    }
    .fire-gallery {
        display: flex;
        justify-content: center;
        gap: 32px;
        flex-wrap: wrap;
    }

    .anatam-item {
        width: 356px;
        max-width: 100%;
    }
    .anatam-gallery {
        display: flex;
        justify-content: center;
        gap: 13px;
        flex-wrap: wrap;
    }
    .fireequip-item {
        width: 330px;
        max-width: 100%;
    }

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

}


/*+++++++++0000000000000000000 ipad mini 000000000000000000000*/
@media (max-width: 768px) {

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


    .contact-left {
        color: white;
        max-width:216px;
        z-index: 2;
        margin-left: 43px;
    }
    /*++++++++ footer +++++++++*/
    .footer-top {
        display: flex;
        flex-wrap: wrap;
        gap: 23px;
        justify-content: space-between;
        margin-bottom: 100px;
        padding: 0 36px;
    }

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

/*+++++++++++++ phe works ++++++++++++++*/
@media (max-width: 768px) {
    .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: 221px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
        margin-top: -45px;
    }

    .bg-img8 {
        position: absolute;
        width: 77%;
        height: 45%;
        object-fit: cover;
        z-index: 1;
        top: 5px;
        right: -51px;
        border-radius: 0px 99px 0px 99px;
        margin-top: 46px;
        /* margin-left: 36px; */
        margin-right: 18px;
    }

    .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 139px 0px 141px;
        /*  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;
        }
}

/*+++++++++++fire-fighting-systems+++++++++++*/
@media (max-width: 768px) {
    .img-container9 {
        position: relative;
        width: 221px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
        margin-top: -45px;
    }

    .bg-img9 {
        position: absolute;
        width: 77%;
        height: 45%;
        object-fit: cover;
        z-index: 1;
        top: 5px;
        right: -51px;
        border-radius: 0px 99px 0px 99px;
        margin-top: 46px;
        /* margin-left: 36px; */
        margin-right: 18px;
    }

    .main-img9 {
        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 139px 0px 141px;
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }
}

/*+++++++++++fire-alarms-systems+++++++++++*/
@media (max-width: 768px) {
    .img-container10 {
        position: relative;
        width: 221px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
        margin-top: -45px;
    }

    .bg-img10 {
        position: absolute;
        width: 77%;
        height: 45%;
        object-fit: cover;
        z-index: 1;
        top: 5px;
        right: -51px;
        border-radius: 0px 99px 0px 99px;
        margin-top: 46px;
        /* margin-left: 36px; */
        margin-right: 18px;
    }

    .main-img10 {
        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 139px 0px 141px;
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }
}

/*+++++++++++ Camera+++++++++++*/
@media (max-width: 768px) {
    .img-container11 {
        position: relative;
        width: 221px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
        margin-top: -45px;
    }

    .bg-img11 {
        position: absolute;
        width: 77%;
        height: 45%;
        object-fit: cover;
        z-index: 1;
        top: 5px;
        right: -51px;
        border-radius: 0px 99px 0px 99px;
        margin-top: 46px;
        /* margin-left: 36px; */
        margin-right: 18px;
    }

    .main-img11 {
        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 139px 0px 141px;
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }
    .aden-item {
        max-width: 231px;
        flex: 1 1 300px;
    }
    .fire-item {
        width: 221px;
        flex-shrink: 0;
    }
    .anatam-item {
        width: 337px;
        max-width: 100%;
    }
    .fireequip-item {
        width: 319px;
        max-width: 100%;
    }
}

/*++++++++++++ s20 ultra pro +++++++++++++*/
@media (max-width: 412px) {
    .service-card {
        border-radius: 10px;
        text-align: center;
        padding: 0 10px 20px;
        width: 352px;
    }
    /*Contact us*/

    .contact-section {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 30px 20px;
        width: 100%;
    }

    .contact-right {
        margin: 0 auto 30px auto; /* Image on top with margin below */
        order: -1; /* Move image above text */
        max-width: 400px;
    }

    .contact-left {
        margin: 0 auto; /* Center text container */
        max-width: 100%;
        padding: 0 10px;
    }

        .contact-left h2 {
            font-size: 26px;
            line-height: 1.4;
            margin-bottom: 20px;
        }

        .contact-left p {
            font-size: 14px;
            margin-bottom: 30px;
        }


    /* Enlarge background if needed */
    .bg-image2 {
        display: none; /* Optional hide bg layer for clarity */
    }

    .main-img-wrapper4 {
        position: relative;
        z-index: 1;
        width: 289px;
        height: 289px;
        border-radius: 20px;
        overflow: hidden;
        border-radius: 0px 25px 0px 25px;
    }
    /*<!---++++++++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;
        margin-top: 30px;
    }

    .bg-img8 {
        position: absolute;
        width: 70%;
        height: 70%;
        object-fit: cover;
        z-index: 1;
        top: -71px;
        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 72px 0px 66px
        /*  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;
        }

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


    .bg-img9 {
        position: absolute;
        width: 70%;
        height: 70%;
        object-fit: cover;
        z-index: 1;
        top: -73px;
        right: -26px;
        border-radius: 0px 113px 0px 30px;
    }
    .main-img9 {
        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 72px 0px 66px
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }
    .img-container10 {
        position: relative;
        width: 350px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
        margin-top: 30px;
    }

    .bg-img10 {
        position: absolute;
        width: 70%;
        height: 70%;
        object-fit: cover;
        z-index: 1;
        top: -71px;
        right: -20px;
        border-radius: 0px 30px 0px 30px;
    }
    .main-img10 {
        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 72px 0px 66px
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }
    .img-container11 {
        position: relative;
        width: 350px;
        height: 350px;
        overflow: hidden;
        border-radius: 12px;
        margin-top: 30px;
    }

    .bg-img11 {
        position: absolute;
        width: 70%;
        height: 70%;
        object-fit: cover;
        z-index: 1;
        top: -71px;
        right: -20px;
        border-radius: 0px 30px 0px 30px;
    }
    .main-img11 {
        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 72px 0px 66px
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }

    .aden-item {
        max-width: 353px;
        flex: 1 1 300px;
    }
    .fire-item {
        width: 341px;
        flex-shrink: 0;
    }
}

/*+++++++++++++++++++++++++++++++ sumsung galaxy s8+ ++++++++++++++++++++++++++++++++++*/
@media (max-width: 360px) {
    .cricket-gallery {
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/*00000000000000000000000000 iphone 14 pro max 00000000000000000000000*/
@media (max-width: 430px) {
    .service-card {
        border-radius: 10px;
        text-align: center;
        padding: 0 10px 20px;
        width: 352px;
    }
    /*Contact us*/

    .contact-section {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 30px 20px;
        width: 100%;
    }

    .contact-right {
        margin: 0 auto 30px auto; /* Image on top with margin below */
        order: -1; /* Move image above text */
        max-width: 400px;
    }

    .contact-left {
        margin: 0 auto; /* Center text container */
        max-width: 100%;
        padding: 0 10px;
    }

        .contact-left h2 {
            font-size: 26px;
            line-height: 1.4;
            margin-bottom: 20px;
        }

        .contact-left p {
            font-size: 14px;
            margin-bottom: 30px;
        }


    /* Enlarge background if needed */
    .bg-image2 {
        display: none; /* Optional hide bg layer for clarity */
    }

    .main-img-wrapper4 {
        position: relative;
        z-index: 1;
        width: 289px;
        height: 289px;
        border-radius: 20px;
        overflow: hidden;
        border-radius: 0px 25px 0px 25px;
    }
    /*<!---++++++++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;
        margin-top: 30px;
    }

    .bg-img8 {
        position: absolute;
        width: 70%;
        height: 70%;
        object-fit: cover;
        z-index: 1;
        top: -71px;
        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 72px 0px 66px
        /*  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;
        }

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


    .bg-img9 {
        position: absolute;
        width: 70%;
        height: 70%;
        object-fit: cover;
        z-index: 1;
        top: -73px;
        right: -26px;
        border-radius: 0px 113px 0px 30px;
    }

    .main-img9 {
        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 72px 0px 66px
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }

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

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

    .main-img10 {
        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 72px 0px 66px
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }

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

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

    .main-img11 {
        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 72px 0px 66px
        /*  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);*/
    }
    .aden-item {
        max-width: 353px;
        flex: 1 1 300px;
    }

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

@media (max-width: 412px) {
    .text-content h2 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 20px;
        color: #1a1a1a;
        line-height: 1.4;
    }
}
/*0000000000000 footer links mobile work 000000000000*/
/*++++++++++ sumsung ultra +++++++++++++*/
@media (max-width: 412px) {
    .footer-top {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0 20px;
        margin-bottom: 33px;
        margin-top: -52px;
    }

    .footer-column {
        grid-column: span 2;
    }

        .footer-column.links {
            grid-column:span 1; 
        }
    .choose-wrapper {
        padding: 40px 7px;
        background-color: #f1f5fb;
    }

    .detail-section {
        position: relative;
        background: url('images/background core.jpg') no-repeat center center;
        background-size: cover;
        color: #fff;
        padding: 45px 0px;
    }
    .major-section {
        padding: 26px 40px;
        background-color: #f4f8ff;
        text-align: center;
        font-family: 'Segoe UI', sans-serif;
    }
    .about-section5 .image-wrapper5 {
        width: auto;
        max-width: 307px;
    }
    .policies-section {
        background-color: #f0f4fb;
        padding: 0px 20px;
        text-align: center;
    }
    .image-row8 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .image-row9 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .image-row10 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .image-row11 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .aden-section {
        background-color: #f3f6fc;
        padding: 0px 20px;
        text-align: center;
    }

    .custom-slider-section {
        padding: 8px 20px;
        background-color: #f7f7f7;
        text-align: center;
    }
    .anatam-section {
        background-color: #f3f6fc;
        padding: 0px 40px;
        text-align: center;
        font-family: 'Segoe UI', sans-serif;
    }
    .requirement-section {
        background-color: #f5f9ff;
        padding: 20px 20px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .main-section8 {
        padding: 20px 20px;
        text-align: center;
        background-color: #fff;
    }
    .main-section9 {
        padding: 1px 20px;
        text-align: center;
        background-color: #fff;
    }
    .coming-soon-section2 {
        background-color: #fff;
        padding: 0px 10px;
        text-align: center;
    }
}
/*++++++++++ iphone se +++++++++++++*/
@media (max-width: 375px) {
    .footer-top {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0 20px;
    }

    .footer-column {
        grid-column: span 2;
    }

        .footer-column.links {
            grid-column: span 1;
           
        }
            .footer-column.links a {
                font-size: 14px;
                text-decoration: none;
                color: #1f2a37;
                transition: color 0.2s;
            }
    .choose-wrapper {
        padding: 40px 7px;
        background-color: #f1f5fb;
    }
    .about-section5 .image-wrapper5 {
        width: auto;
        max-width: 307px;
    }
    .policies-section {
        background-color: #f0f4fb;
        padding: 0px 20px;
        text-align: center;
    }
    .image-row8 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .image-row9 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .image-row10 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .image-row11 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .aden-section {
        background-color: #f3f6fc;
        padding: 0px 20px;
        text-align: center;
    }

    .custom-slider-section {
        padding: 8px 20px;
        background-color: #f7f7f7;
        text-align: center;
    }
    .anatam-section {
        background-color: #f3f6fc;
        padding: 0px 40px;
        text-align: center;
        font-family: 'Segoe UI', sans-serif;
    }
    .requirement-section {
        background-color: #f5f9ff;
        padding: 20px 20px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .main-section8 {
        padding: 20px 20px;
        text-align: center;
        background-color: #fff;
    }
    .main-section9 {
        padding: 1px 20px;
        text-align: center;
        background-color: #fff;
    }
    .coming-soon-section2 {
        background-color: #fff;
        padding: 0px 10px;
        text-align: center;
    }
}
/*++++++++++ iphone XR +++++++++++++*/
@media (max-width: 414px) {
    .footer-top {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0 20px;
        margin-bottom: 33px;
        margin-top: -52px;
    }

    .footer-column {
        grid-column: span 2;
    }

        .footer-column.links {
            grid-column: span 1;
        }
    .choose-wrapper {
        padding: 40px 7px;
        background-color: #f1f5fb;
    }
    .detail-section {
        position: relative;
        background: url('images/background core.jpg') no-repeat center center;
        background-size: cover;
        color: #fff;
        padding: 45px 0px;
    }

    .about-section5 .image-wrapper5 {
        width: auto;
        max-width: 307px;
    }
    .services-section {
        padding: 60px 20px;
        text-align: center;
        margin-top: -100px;
    }

    .testimonial-section {
        background: #f5f5f5;
        padding: 0px 20px;
    }
    .policies-section {
        background-color: #f0f4fb;
        padding: 0px 20px;
        text-align: center;
    }
    .image-row8 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .image-row9 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .image-row10 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .image-row11 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .aden-section {
        background-color: #f3f6fc;
        padding: 0px 20px;
        text-align: center;
    }

    .custom-slider-section {
        padding: 8px 20px;
        background-color: #f7f7f7;
        text-align: center;
    }
    .anatam-section {
        background-color: #f3f6fc;
        padding: 0px 40px;
        text-align: center;
        font-family: 'Segoe UI', sans-serif;
    }
    .requirement-section {
        background-color: #f5f9ff;
        padding: 20px 20px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .main-section8 {
        padding: 20px 20px;
        text-align: center;
        background-color: #fff;
    }
    .main-section9 {
        padding: 1px 20px;
        text-align: center;
        background-color: #fff;
    }
    .coming-soon-section2 {
        background-color: #fff;
        padding: 0px 10px;
        text-align: center;
    }
}
/*++++++++++ iphone 12 pro  +++++++++++++*/
@media (max-width: 390px) {
    .footer-top {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0 20px;
    }

    .footer-column {
        grid-column: span 2;
    }

        .footer-column.links {
            grid-column: span 1;
        }

            .footer-column.links a {
                font-size: 14px;
                text-decoration: none;
                color: #1f2a37;
                transition: color 0.2s;
            }
    .choose-wrapper {
        padding: 40px 7px;
        background-color: #f1f5fb;
    }
    .services-section {
        padding: 60px 20px;
        text-align: center;
        margin-top: -90px;
    }
    .main-section8 {
        padding: 20px 20px;
        text-align: center;
        background-color: #fff;
    }
    .main-section9 {
        padding: 1px 20px;
        text-align: center;
        background-color: #fff;
    }
    .coming-soon-section2 {
        background-color: #fff;
        padding: 0px 10px;
        text-align: center;
    }
}

/*++++++++++ iphone 14 pro +++++++++++++*/
@media (max-width: 430px) {
    .footer-top {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0 20px;
        margin-bottom: 33px;
        margin-top: -52px;
    }

    .footer-column {
        grid-column: span 2;
    }

        .footer-column.links {
            grid-column: span 1;
        }
    .choose-wrapper {
        padding: 40px 7px;
        background-color: #f1f5fb;
    }
    .detail-section {
        position: relative;
        background: url('images/background core.jpg') no-repeat center center;
        background-size: cover;
        color: #fff;
        padding: 45px 0px;
    }
    .major-section {
        padding: 26px 40px;
        background-color: #f4f8ff;
        text-align: center;
        font-family: 'Segoe UI', sans-serif;
    }

    .about-section5 .image-wrapper5 {
        width: auto;
        max-width: 307px;
    }
    .services-section {
        padding: 60px 20px;
        text-align: center;
        margin-top: -73px;
    }
    .testimonial-section {
        background: #f5f5f5;
        padding: 0px 20px;
    }
    .policies-section {
        background-color: #f0f4fb;
        padding: 0px 20px;
        text-align: center;
    }
    .image-row8 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .image-row9 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .image-row10 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .image-row11 {
        display: flex;
        justify-content: center;
        gap: 0px;
        flex-wrap: wrap;
    }
    .aden-section {
        background-color: #f3f6fc;
        padding: 0px 20px;
        text-align: center;
    }

    .custom-slider-section {
        padding: 8px 20px;
        background-color: #f7f7f7;
        text-align: center;
    }
    .anatam-section {
        background-color: #f3f6fc;
        padding: 0px 40px;
        text-align: center;
        font-family: 'Segoe UI', sans-serif;
    }
    .requirement-section {
        background-color: #f5f9ff;
        padding: 20px 20px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .main-section8 {
        padding: 20px 20px;
        text-align: center;
        background-color: #fff;
    }
    .main-section9 {
        padding: 1px 20px;
        text-align: center;
        background-color: #fff;
    }
    .coming-soon-section2 {
        background-color: #fff;
        padding: 0px 10px;
        text-align: center;
    }
}

/*++++++++++ sumsung galaxy s20 ultra   +++++++++++++*/
@media (max-width: 360px) {
    .footer-top {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0 20px;
    }

    .footer-column {
        grid-column: span 2;
    }

        .footer-column.links {
            grid-column: span 1;
        }

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

    .choose-wrapper {
        padding: 40px 7px;
        background-color: #f1f5fb;
    }
}

/*++++++++++ sumsung galaxy s20 ultra   +++++++++++++*/
@media (max-width: 412px) {
    .footer-mobile {
        display:block;
    }

    .footer-desktop {
        display:none;
    }
    footer {
        background: #eaf0f8;
        padding: 37px 0px;
        padding-bottom: 15px;
    }
}

/*++++++++++ iphone 14 pro   +++++++++++++*/
@media (max-width: 430px) {
    .footer-mobile {
        display: block;
    }

    .footer-desktop {
        display: none;
    }
    footer {
        background: #eaf0f8;
        padding: 37px 0px;
        padding-bottom: 15px;
    }
}