*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;;
}
@media screen  and (max-width:430px) {
    .container{
        width: 90%;
        margin: 0 auto;
    }

    .mobile-menu{ display:flex; flex-direction:column;}

    .primary_menu{
        display: none;
    }

    .primary_menu.active{
        display: block;
    }

    #swiper-slide img{
        height: 380px;
        border-radius: 0;
    }
    .banner-title h3{
        font-size: 22px;
     
    }

    .banner-title h1{
        font-size: 45px;
     
    }
    .banner-bottom-text p{
         font-size: 25px;
         transform: translateY(-13px);
         line-height: normal;
    }
    .banner-bottom-text{
        
        padding: 0px 0px 0 0px;
        margin-top: 0px;
    }

    /*  */
    .banner-title{
        padding-top: 18vh;
    }
    .project-mobile h2{
        font-size: 87px !important;

    }
    .fnts h3{
        font-size: 52px !important;
    }
    .stand{
        padding: 10px 0 50px;
    }
    .image-container-box{
        width: 100%;
    }
    .image-container-box .image-box{
        width: 100%;
        height: 500px;
     
    }
    .image-container-box .box{
        padding-top: 30px;
    }
    .image-container{
        display: block;
    }
    .box-1{
        transform: translateY(0px);
     }
     /*  */

     .heading h2{
        font-size: 51px;
        padding: 40px 0;
    }
    .swiper-slide-content{
        left: 20px;
        bottom: 30px;
    }
    .straignt{
  flex-direction: column;
  overflow-x: hidden;
     
    }
    .straignt .straignt-left{
        width: 100%;
        padding: 40px 0;
    }
    .straignt-img-box{
        width: 100%;
       
    }
    .top::after{
       width: 390px;
      left: 52px; 
      top: 130px;
    }
    .bottom::after{
        height: 290px;
        left: 48%;
        top: -170px;
   
    }

    .header{
        width: 100%;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    .content{
        width: 100%;
        padding: 0;
    }

    .content-box-top .office h3{
        font-size: 50px;
    }
    .content-box-top .office h6{
        font-size: 22px;
        font-weight: 300;
    }
    .content-box-top .happy-clients h3{
        font-size: 50px;
    }
    .content-box-top .happy-clients h6{
        font-size: 22px;
        font-weight: 300;
    }
    .bottom {
        gap: 85px;
       
    }
    .content-box-top{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .stand-top-name h2 span {
        font-size: 68px;
        transform: translateY(-40px);
    }

    .swiper-slide-content{
     
        width: 90%;
        height: 102px;
        margin: 0 auto;

    }

    .slider .slide{
        width: 185px;
        height: 100px;
        padding-left: 40px;
        padding-top: 0px;
        padding-bottom: 0px;
    
      }
      .slider{
       
        padding-top: 0px;
      }


      /* career page */
      .career-banner{
        height: 80vh;
        width: 100%;
      }
      .career-banner-title h1{
        font-size: 40px;
        line-height: 50px;
        padding: 8px 0;
      }
      .career-banner-bottom-text p{
        font-size: 22px;
        line-height: 29px;
      }
      .career-banner-title{
        position: relative;
        
        z-index: 2;
      }
      .category-heading h3{
        font-size: 17px;
      }

      /*  */
      .get-together-para {
        padding: 30px 0px;
        
    }
      .together-text-container h2{
        font-size: 19px;
        font-weight: 400;
        }

        /*  */
        .career-video{
            padding: 250px 0;
        }
        /*  */
        .category-heading{
            text-align: left;
            padding-bottom: 20px;
        }
        .categories-status h2{
            line-height: 50px;
            font-size: 45px;
        }
        .job-opening-category {
          flex-direction: column;
          padding-top: 25px;
         
        }
        .category-box{
            padding: 20px 20px;
            background-color: rgb(197 197 197 / 43%);
            margin-bottom: 20px;
            border-radius: 0px 50px;
        }

        /*  */
        .employee-benefit-header h2{
            font-size: 35px;
        }

        .benefit-list {
              padding: 12px 0px 20px 0px;
           
        }
        .benefit-content h4{
            font-size: 25px;
        }
        .benefit-content .tap{
            padding: 15px 0 0;
        }
        /*  */
        .employer-support{
            padding: 20px 0;
        }
        .our-hand-box{
            padding: 48px 24px;
            margin: 0 20px;
            width: 90%;
            height: 320px;
        }
        .our-hands{
            transform: translateY(0px);
        }
        .hand-box {
             transform: translateY(00px); 
        }
        .our-hands{
            flex-direction: column;
            gap: 15px;
        }

        .hand-box:hover {
            transform: translateY(-5px) !important;
        }


        /* geoTech-page */
        .geo-banner-text{
            transform: translateY(100px);
        }
        .geo-banner-text h1{
            font-size: 55px;
            line-height: 60px;
        }
        .geo-banner-text p{
            font-size: 18px;
            padding: 10px 0 15px;
        }
        .highlight-part {
            height: auto;
           
        }
        .vacent-box {
      display: none;
        
        }
        .highlight-part{
            background-color: #353535;
        }
        .highlight-box-container {
            display: flex;
            flex-direction: column;
            padding: 0;
            gap: 35px;
        }
        .highlight-box {
            padding: 25px;
            width: 340px;
            height: 215px;
            margin: 0 auto;
            transform: translateY(-66px);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #4d4c4c6e;
            backdrop-filter: blur(34px);
            color: #fff;
        }

        /*  */
        .animate-box{
            padding: 0 00px;
        }
        .animate-text h2{
            font-size: 40px;
           
        }
        /*  */
        .collaps-container {
            
            padding: 40px 0;
        }
        .collaps-container .collaps h4{
            font-size: 25px;
            margin-left: 5px;
        }
        .collaps {
             padding: 8px 9px;        
        }

        .collaps-para{flex-direction: column; gap: 0px;}
        /*  */
        .geotechnical-details {
             display: flex; 
             flex-direction: column;
        }
        .geoTechnical-container {
            
            padding: 50px 20px 0px;
            
        }
        .geo-tech-details-heading h3 {
            font-size: 50PX;
            
        }
        .geo-tech-details-heading h3 span {
            font-size: 25px;
           
        }
        .geotechnical-details ul li {
            font-size: 18px;
            margin-top:15px;
        }
        .geo-tech-details-heading h4{
            font-size: 29px;
            padding-top: 25px;
            padding-bottom: 15px;
        }
        .swiper-titel h2 {
            font-size: 60px;
           padding-top: 20px;
           color: #5d5d5d;
        }
        .content-text-slide- h6{
            font-size: 25px;
            padding-bottom: 6px;
        }
        #swiper-slide{
            padding-top: 20px;
        }

        /*  */
        #swiper-slide2{
            height: 80vh;
        }
        /*  */
        .consult-text{
            transform: translateY(0px);
        }
        .consult-text h3 {
            font-size: 27px;
            padding-bottom: 0px;
            line-height: 42px;
        }


        /* ABOUT PAGE */
        .about-banner{
            height: 100vh;
        }
        .banner-content-conainer{
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: flex-start;
          }
          .about-banner-overlay-img {
            width: 230px;
            height: 230px;
            position: absolute;
            right: -66px;
            bottom: -66px;
        }
        .about-banner-img {
            position: relative;
            width: 280px;
            height: 280px;
        }
        .about-banner-text h1{
            white-space: nowrap;
        }
        .about-banner-left{
            width: 100%;
            transform: translateY(125px)
        }

        /*  */
        .bpcian{
            background-color: #3b3b3b;
            overflow-x: hidden;
            height: auto;
          }
       
        .bcpian-container{
            flex-direction: column;
            padding: 0px 0px;
            height: auto;
        }
        .bpcian-text, .bpcian-group{
            width: 100%;
        }
        .bpcian-text{
            padding-top: 0px;
            height: auto;
            padding: 60px 0;
        }

        .bpcian-group > div {
            width: 100%;
            background-size: cover;
            background-position: center;
        }
        .bpcian-group{
            transform: translateX(0px);
            height: 250px;
          }
        .bpcian-group img{
            width: 1300px;
            height: 550px;
        }
        .bpcian-text h3{
            font-size: 30px;
            padding: 0 10px;
          }
          .content-boxx h3 {
            font-size: 35px;
        }
        .content-boxx p {
            font-size: 20px;
            
        }
        .content-boxx {
            padding: 6px 0 45px;
            margin-bottom: 55px;
        }
        /*  */
        .about-full-video{
            padding: 200px 0;
        }
        .philosophy-text {
            padding: 40px 18px;
            width: 100%;
        }
        .philosophy-container{
            flex-direction: column;
        }
        .philosophy-text h2 span {
            font-size: 32px;
        }
        .philosophy-text h2{
            font-size: 50px;
        }
        .philosophy-text p {
            padding-bottom: 8px;
        }
        .philosophy-img{
            height: 475px;
            width: 100%;
        }

        /* CONTACT PAGE */
        .contact-banner{
            height: 80vh;
            overflow-x: hidden;
        }
        .contact-banner-contents{
            padding-top: 0px;
        }
        .contact-social-icon i{
            padding: 12px;
        }
        .contact-social-icon {
            padding: 19px 17px 12px 27px;
       }
       
       .email_link a{
        font-size: 40px;
       }

       .button-hub{
        display: flex;
        align-items: flex-start;
       }
       .button-hub button{
        padding: 15px 6px;
        font-size: 17px;
       }
       .contact-basis{
        flex-direction: column;
        gap: 30px;
       }
       .button-flex{
        display: flex;
        justify-content: space-between;
        gap: 12px;
       }
       .contact-basis .office-details {
        width: auto !important;
    }
    .regional-basis{
        gap:30px;
    }
    .multichanel {
        
        left: 83px;
    }

    .india-map{
        height: auto;
        width: 100%;
    }
    .world-map{
        height: 87vh;
    }

    /* contact form */
    .contact-form{
      width: 100%;
      padding: 20px;
      transform: translateX(100%);
      }
    .nm-el {
    flex-direction: column;
    }
    .get-in-touch {
        position: absolute;
        top: 69%;
        right: 6px;
        z-index: 11;
        width: 84px;
        height: 84px;
    }
    #get-in-touch{
        font-size: 16px;
        line-height: 22px;
    }
    
    .contact-form-heading{
        margin-bottom: 0px;
    }
    .contact-detail-submit input{
        width: 92%;
        margin: 4px auto;
    }
    .subjects{
        width: 392px;
        margin: 0  auto;
    }
    .contact-form-heading h2{
        font-size: 33px;
        
    }
    .textaria textarea {
        width: 90%;
        margin: 8px auto;
        height: 200px;
    }
    .subjects2{
        padding-left: 20px !important;
    }
    .contact-form-heading p {
        padding: 10px 0px;
    }
    .contact-detail-submit label{
        padding-left: 23px;
    }
    .sentMassage{
        margin: 25px 0 0 22px;
    }
    .cross {
        position: absolute;
        top: 7px;
        right: -12px;
        width: 30px;
        height: 30px;
    }




    /* foooterrr */
    .footer_head p.commonpage{
        margin-top: 10px;
    }
    .footer_head p.commonpage span{
        display: inline;
        padding-left: 12px;
    }



    /* others correction */
    .animate-text {
        padding: 55px 0 43px;
        min-height: 500px;
    }
    .animate-text h2 {
        font-size: 28px;
        line-height: 35px;
    }
    .blue-head-left h3{
        font-size: 46px;
        line-height: 40px;
    }
    .blue-head-left h3 span{
        font-size: 25px;
        line-height: 28px;
        font-weight: 600;
    }
    .blue-head-left h4{
        font-size: 27px;
        padding: 0;
    }
    .banner-link{
        flex-direction: column;
        align-items:baseline;
        gap: 12px;
    }
    .geotechnical-details ul{
        padding: 18px 24px;
    }

    .geotechnical-details-right{margin-top: 25px;}

    .stand-top-name h2 {
        font-size: 106px;
    }
    .image-container-box .box p{
        width: 100%;
    }
    .mar_bottom_4 {
        margin-bottom: 0px;
    }
    .story-box .cube-content-box {
        padding-top: 16%;
    }
    .story-box .cube-content-box h3{
        font-size: 44px;
    }

    #bpc-history-group{
        height: 500px ;
        margin-top: 20px;
      }
      #bpc-history-group img{
       height: 100%;
       object-fit: cover;
       object-position: center;
      }
      .stand-top-name .stand-summery {
        transform: translateY(-31px);
      }

      /* where we stand new */
      .projects-container{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        gap: 25px;
        margin-bottom: 40px;
    }
    .highlight-main{
        order: -1;
    }
    .infrastructure-contain-right p{
        font-size: 18px;
        line-height: 23px;
    }
    .infrastructure-contain-right ul li {
        font-size: 20px;
        line-height: 24px;
   }
   .infrastructure-contain-right{
    bottom: 14px;
    left: 10px;
   }
   .infrastructure-contain-left{
    bottom: 220px;
    left: 10px;
   }
   .infrastructure-contain-left h3{
    font-size: 60px;
    line-height: 55px;
    white-space: nowrap;
   }
   .infrastructure-contain-left h3 span {
    font-size: 30px;
    display: inline-block;
   }

   /*  */
   .service-wrapper .stand-top-name h2{
    font-size: 89px;
   }
   .service-wrapper .stand-top-name h2 span{
    padding-top: 10px;
   }
   .service-wrapper .stand-summery{
    font-size: 17px;
    transform: translateY(-36px);
   
   }
   .service-contain-panel{
    left: 14px;
    top:120px;
   }
   .service-contain-panel p{
    max-width: 380px;
   }
   .service-contain-panel h3{
    font-size: 51px;
    line-height: 66px;
   }
   .slider-heading h3{
    font-size: 18px;
    font-weight: 600;
    padding: 0 2px;
   }
   .slider-container .slider-heading{
    padding: 25px 0 25px;
   }

   .service-banner-text h1{
    font-size: 55px;
    line-height: 62px;
    font-weight: 600;
   }
   .service-banner-text p{
    font-size: 18px;
    width: 98%;
    margin: 0 auto;
   }
   .swiper-slide img{
    height: 70vh;
   }
   .blur-content-text{
    width: 90%;
    min-height: 240px;
    left: 5%;
    top: 52%;
   }
   .blur-content-text h6{
    font-size: 25px;
    padding-top:55px ;
   }
   .contact-banner-contents h1 {
      font-size: 55px;
}
.middle-circle-box{
    width: 360px;
    height: 360px;
}
.service-panel {
    height: 80vh;
}


/* HIGHWAY PAGE */

.highway-banner-heading{
    font-size: 90px !important;
    line-height: 75px !important;
}
.highway-banner-heading span{
     font-size: 50px !important;
}
.high-below-container{
    padding: 30px 15px;
    top: 0;
    bottom: 0;
}
.high-below-container h2{
    font-size: 18px;
    line-height: 22px;
}
.about-services{
    flex-direction: column;
    gap: 20px;
}
.about-services h3{
    font-size: 18px;
    line-height: 22px;
}
.highway-service-bullet-point{
    gap: 10px;
    padding: 20px 0 0 ;
    flex-direction: column;
}
.highway-service-bullet-point ul li{
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 5px;
}
.highway-project-container{
    flex-direction: column;
}
.project-img-overlay h3 {
   font-size: 30px;
}
.project-img-overlay h5 {
    font-size: 16px;
    max-width: 260px;
 }
 .highway-services{
    padding: 40px 0 35px;
 }
 .highway-straingt{
    display: flex !important;
    justify-content: center !important;
    align-items:baseline !important;
    text-align: left;
 }
 .highway-project-box{
    height: 400px;
 }
 .high-below-container{
    position: relative;
 }
 .highway-banner-below-sec {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}
.highway-banner-below-sec2{
    height: 50vh;
}


/*highway new currection */
.highway-project-heading{
    font-size: 82px !important;
}
.project_table h3{
    width: 100%;
    margin-top: 0px;
    text-align: left;
    font-size: 26px;
}

/* about correction responsive */

.philosophy-text{
    position: static;
    flex-direction: column;
    border-radius: 0;
}
.philosophy{
    min-height: 60vh !important;
    background-size: cover;
    background-position: center;
   
}
.con2{
    width: 100% ;
}
.philo-text h2{
    color: #353535;
    margin-bottom: 25px;
}
.philo-text h2 span{
    color: #353535;
}
.philo-text p{
    margin-left: 0 !important;
    color: rgb(29, 29, 29);
}

.leaders ul li {
    width: 100%;
    min-height: 520px;
}
.leaders ul li.nextleaders {
    width: 100% !important;
    min-height: 425px;
}
.leaders ul li .member_img {
    width: 100%;
    height: 400px;
}
.leaders ul li p{
    min-height: 430px;
}
.philosophy-text h2{
    width: auto;
}


/* mobile lidar responsive */
.service-bullet-content {
    padding: 45px 0;
}

.service-content-container{
    flex-direction: column;
}
.service-bullet-content .service-content-container .content-left {
     max-width: 100%;
}

.service-bullet-content .service-content-container .content-right {
    max-width: 100%;
}
.service-bullet-content .service-content-container h3 {
    font-size: 21px;
}
.service-content-container p{
    font-size: 16px;
}
.service-bullet-content .service-content-container .content-right ul li{
    line-height: 25px;
}

.mapping-system-container{
    flex-direction: column;
}
.service-mapping-text-container{
    flex-direction: column;
    width: 100%;
}
.service-left-system-img {
    width: 100%;
    margin-left: -33px;
}
.service-mapping-text-container .text-box h2 {
    font-size: 30px;
}
.service-mapping-text-container .text-box  h2 span {
    font-size: 42px;
}
.service-mapping {
    padding: 0px 16px 60px;
}
.service-mapping2{
    margin: 0;
    height: 85vh;
}
.service-left-system-img2 {
    position: absolute;
    padding-top: 386px;
}
.text-box ul li span{
    padding-left: 8px;
    line-height: 25px;
}
.service-mapping-text-container .text-box{
    padding-bottom: 10px;
}

/* drone */
.drone-mapping-system{
    flex-direction: column-reverse;
}
.service-mapping-text-container .sercice-drone-text{
    padding: 0;
}

.comparisonImage {
    width: 100%;
    height: 400px;
  }
  .afterImage{
    display: none;
  }
  .comparisonSection .service-explore-drone img{
    height: 400px;

  }
  .service-left-img-container{
    position: static;
    width: 100%;
  }
  /* laser */
  .laser-heading-service h2{
    font-size: 33px;
    margin-bottom: 30px;
  }
  .laser-heading-service{
    text-align: left;
  }
  .laser-anime{
    padding: 0 0;
  }
  /* topo */
  .geoTechnical-container2{
    padding: 0;
  }
  .bg-color {
    background-color: #00000036;
    width: 100%;
    height: 100%;
    /* clip-path: polygon(0 0, 37% 0, 60% 100%, 0% 100%); */
    clip-path: none;
    position: relative;
}
.survey-bg-container .survey-bg-left h2 {
    font-size: 44px;
    line-height: 50px;
    color: #fff;
}
/* geological */
.bullet-heading h2 {
    font-size: 27px;
    line-height: 42px;
    padding-top: 30px;
}

/* tunnel */

.tunneler-container{
    flex-direction: column;
    gap: 20px;
}
.tunneler-box{
    width: 100%;
    height: 350px;

}
.mt-b{
    margin-bottom: 30px;
}

}