.container-new{
    width: 90%;
}

@media  (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 90%;
    }
    .container-new{
        max-width: 90%;
    }
}
.menu{
    display: none;
}



@media (min-width:900px){

    .small-screen{
        display: none;
    }
}

/* @media (max-width:1774px) {
    .container-who {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-evenly;
        gap: 50px;
    }
    .img-line img {
        max-width: 400px;
        border: 5px solid var(--textWhite);
        transform: skewX(-30deg);

        border-top-left-radius: 200px;
        height: 600px;
        border-bottom-right-radius: 200px;
    }
    .img-line::after {

        content: '';
        position: absolute;
        width: 250px;
        height: 400px;
        z-index: 66;
        transform: skewX(-25deg);
        border-top-left-radius: 50px;
        left: -60px;
        border-bottom-right-radius: 50px;
        bottom: 150px;
        border: 2px solid var(--textWhite);
    }
} */


@media (max-width:1276px){
    .who-rigth{
        width: 40%;

        color: var(--textWhite);
        margin-top: 0px;
    }
    .container-who{
        display: flex;
        /* flex-wrap: wrap; */
        width: 100%;
       justify-content:space-between;

        gap: 60px;;
     margin-top: 50px;
    }
    .img-line::after{
        content: '';
        position: absolute;
        width: 200px;
        height: 300px;
        transform: skewX(-20deg);

        border-top-left-radius: 60px;
       left: -20px;
        border-bottom-right-radius: 60px;
        top: 100px;
        border: 5px solid var(--textWhite);
    }
    .img-line img{
        width: 400px;
        border: 5px solid var(--textWhite);
        transform: skewX(-20deg);
        object-fit: cover;
        border-top-left-radius: 200px;
        height: 500px;
        border-bottom-right-radius: 200px;
    }
    .img-line{
      display: flex;
      justify-content: center;

        width: 50%;
    }
    .container-grid{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
    }
    .border-line{
        display: none;
    }
    .icon-second::after{
        display: none;
    }
    .rigth-civil{
        position: absolute;
        display: block;
        right: 0px;
        width: 51%;
        top: 0px;
        z-index: 2;


    }

    .rigth-content p{
        font-size: 22px;
        max-width: 500px;
    }
    .service-right{
        width: 55%;
        z-index: 20;
    }


     /* .project-center-img img{
         width:100% ;
         object-fit: contain;

         height: 500px !important;
     } */
    .project-center-img{
       /*width: 100%;*/

       /* position: static;*/
       /* top: 00%;*/
       /* left: 0%;*/
       /* transform: translate(-0%,-0%);*/
        z-index: 60;
    }
    .project-center-img img{
        width: 100% !important;
        object-fit: cover !important;
        min-height: 500px;
    }
    .our-clinet-items{
        border: 2px solid rgb(13, 150, 204);
        border-top-left-radius: 100px;
        min-height: 170px;
        align-items: center;
        padding: 15px;
        margin-top: 80px;
       gap: 20px;
       width: 100%;
        border-bottom-right-radius: 100px;
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
    .contact-grind{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
        margin-top: 50px;
    }
    .service-text-items{
        display: flex;
        gap: 20px;
        flex-wrap: wrap;

        justify-content: space-between;
    }

    /* .project-gallery-child{
    display: none ;


        width: 90% !important;

        display: grid;
        justify-content: center;
        align-items: center;
        grid-template-columns: repeat(2,1fr)!important;
         gap: 30px;
    }
    .project-item-new img{
        width: 100%;
        min-height: 515px !important;
        object-fit:cover;
    } */
    .we-are-skew{
        width: 350px !important;
        height: 200px !important;
        border-top-left-radius: 120px !important;
        border-bottom-right-radius: 120px !important;
        transform: skewX(-20deg) !important;
        border: 2px solid white;
        overflow: hidden;
       position: relative;
       top: -20px;
        z-index: 99;

      }
      .we-are-skew img{
        width: 900px ;
        height: 100%  !important;

        transform: skewX(20deg) !important;
        position: absolute;
        left: -200px;
        object-fit:cover;
    }
    .we-are-img-line{
        width: 180px !important;
    height: 250px !important;
    transform: skewX(-20deg) !important;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
   border: 2px solid white;
    z-index: 99;
    left: -30px !important;
    position: absolute;
    top: 80px !important;
    }
    .we-are-img-con{
        width: 40% !important;
        display: flex;

        justify-content: space-evenly;
        position: relative ;
        top: 30px ;
    }
    .we-are-container-item{
        width: 100%;
        display: flex !important;
        flex-direction: column;

        justify-content: center !important;
        flex-wrap: wrap;
        align-items:center ;
        gap: 80px;
           z-index: 100;

        margin-top: 10px;



    }
    .we-are-who-rigth{
        width: 35% !important;
      height: 500px;

        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        margin-top: 20px;
        padding: 0%;

        gap: 30px;

    }
    .container-grid::after{
        display: none;

    }

}

@media (max-width:1074px){
    .rigth-civil{
        position: absolute;
        display: none;
        right: 0px;
        top: 0px;
        z-index: 2;


    }
}



@media (max-width:1504px) {
    .project-center-img{

       width: 100%;
    }
    .project-center-img img{
        width:100%;
        object-fit: contain;

        /* height: 500px !important; */
    }
    .we-are-skew{
        width: 350px;
        height: 500px !important;
        border-top-left-radius: 120px !important;
        border-bottom-right-radius: 120px !important;
        transform: skewX(-30deg);
        border: 2px solid white;
        overflow: hidden;
       position: relative;
       top: -20px;
        z-index: 99;

      }
      .we-are-skew img{
        width: 900px;
        height: 100%;

        transform: skewX(30deg);
        position: absolute;
        left: -280px;
        object-fit:cover;
    }
      .we-are-img-line{
        width: 200px;
    height: 250px;
    transform: skewX(-30deg);
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
   border: 2px solid white;
    z-index: 99;
    left: -100px;
    position: absolute;
    top: 120px;
      }
      .we-are-container-item{
        width: 90% ;
        display: flex ;
        flex-direction: row ;

        justify-content:space-evenly ;
        flex-wrap: wrap;

        align-items:center ;
        gap: 100px;
           z-index: 100;

        margin-top: 10px;



    }
    .we-are-img-con{
        width: 25% ;
        position: relative;


    }
    .we-are-who-rigth{
        width: 40% ;
      min-height: 300px;


        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        margin-top: 20px;
        padding: 0%;

        gap: 30px;

    }


}




@media (max-width:900px){
    .header-nav{
        display: none;
    }
    .menu{
        display: block;
    }
    .bulding-wrap h1{
        font-size: 50px;
        text-align: center;
    }
    .img-line{
        width: 100%;
    }
    .who-rigth{
        width: 150%;

        color: var(--textWhite);
        margin-top: 0px;
    }
    .container-who{
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
       justify-content: space-evenly;
        gap: 20px;
       ;
    }
    .img-line::after{
        content: '';
        position: absolute;
        width: 200px;
        height: 300px;
        transform: skewX(-20deg);

        border-top-left-radius: 60px;
       left: 90px;
        border-bottom-right-radius: 60px;
        top: 100px;
        border: 5px solid var(--textWhite);
    }
    .img-line img{
        width: 400px;
        border: 5px solid var(--textWhite);
        transform: skewX(-20deg);
        object-fit: cover;
        border-top-left-radius: 200px;
        height: 500px;
        border-bottom-right-radius: 200px;
    }
    .container-grid{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 50px;
    }
    .container-grid .item .grid-img{
        width: 100%;
        min-height: 400px;
        object-fit: cover;
    }

    .service-left{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .service-right{
        width: 100%;
        z-index: 20;
    }
    .our-service-wrap{
        gap: 50px;
        margin-top: 50px;

    }
    .rigth-content p{
        font-size: 22px;
        width: 100%;
    }

    /* .project-center-img{
        display: block;

    } */
    .project-center-img{
        position: static;
        display: flex;
        justify-content: center;
        align-items: center;
        /* top: 50%;
        left: 50%;
        transform: translate(-50%,-50%); */
        z-index: 60;
    }
    .project-center-img img{
        max-width: 500px;
        object-fit:cover;
        min-height: 200px ;
    }
    .project-title-prent{
        position: absolute;
        left: 10px;
        bottom: 10px;
    }
    .project-title{
        width: 100%;

    }
    .our-project-grid{
        display: grid ;
        gap: 20px;
        justify-content: center;
        grid-template-columns: repeat(2,1fr) ;
    }
    .our-clinet-items{
        border: 2px solid rgb(13, 150, 204);
        border-top-left-radius: 100px;
        min-height: 170px;
        align-items: center;
        padding: 15px;
        margin-top: 80px;
       gap: 20px;
       width: 100%;
        border-bottom-right-radius: 100px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .img-line{
        position: relative;
        top: -50px;
        left: 0px;



    }
    .name-input{
        display: flex;

        flex-direction: column;
        gap: 10px;
    }
    .name-input input{
        width: 100%;
    }
    .contact-item{
        gap: 10px;

    }
    .contact-item input{
        max-width: 100%;
    }
    .about-bottam-child .item-about{
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
       width: 100%;
        gap: 60px;
        align-items: center;
    }

    .missiom-img{
        min-width: 100%;
    }
    .missiom-img img{
        width: 100%;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
        object-fit: cover;

        height: 300px;
    }
    .item-title-about{
        min-width: 90%;
        display: flex;
        flex-direction: column;
    }
    .service-items-contect> img{
        width: 100% !important;
        min-height: 300px  !important;
        object-fit:cover !important;
    }
    .box-service-line{
        display: none;
        position: absolute;
        width: 90%;
        height: 1500px;
        top: 10%;
        z-index: 50;
        border: 5px solid #0091a0;
    }
    .project-gallery-child{



        width: 90% !important;

        display: grid ;
        justify-content: center ;
        align-items: center ;
        grid-template-columns: repeat(2,1fr)!important;
        /* gap: 30px; */
    }
    .project-item-new img{
        width: 100%;
        min-height: 400px !important;
        object-fit:contain !important;
    }
    /* .icon .icon-img{
        width: 40px !important;
        height: 40px !important;

    } */
     .buttom-footer p{
        font-size: 16px;
     }
     .we-are-wrap{
        margin-top: 20px;

    }
    /* .img-line img {
        width: 100%;
        border: 5px solid var(--textWhite);
        transform: skewX(0deg);
        object-fit: cover;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 0px;
        height: 500px;
    } */
    .hero-sesstion::after{
        content: ' ';
        width: 100%;
        position: absolute;

        bottom: 0px;
        height: 100px;
        z-index: 60;
        background-image: linear-gradient(to bottom, rgba(36, 23, 23, 0),#378da2);
        /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 1) 100%); */
        /* background-color: red; */
    }
    .swiper-btn{
        display: none !important;

    }
    .we-are-img-con{
        min-width: 100% ;

        position: relative;


    }
    .we-are-who-rigth{
        width: 100% !important;
      height: 400px;

        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        margin-top: 20px;
        padding: 0%;

        gap: 30px;

    }
    .we-are-skew{

        width: 100% !important ;
        height: 500px ;
        border-top-left-radius: 60px !important;
        border-bottom-right-radius: 60px !important;
        transform: skewX(0deg) !important;
        border: 2px solid white;
        overflow:hidden;
       position: relative;
       top: 0px !important;
        z-index: 99;

      }
      .we-are-skew img{
        width: 100% !important ;


        transform: skewX(0deg) !important;
        position: absolute;
        border-top-left-radius: 60px !important;
        border-bottom-right-radius: 60px !important;
        left: 0px;
        object-fit:cover !important;
    }
      .we-are-img-line{
        display: none;
        width: 200px;
       height: 250px;
          transform: skewX(-30deg);
        border-top-left-radius: 60px;
     border-bottom-right-radius: 60px;
        border: 2px solid white;
          z-index: 99;
          left: -100px;
          position: absolute;
         top: 120px;
      }
}

@media (max-width:650px){
    .our-project-grid{
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }
    .our-clinet-items{
        border: 2px solid rgb(13, 150, 204);
        border-top-left-radius: 100px;
        min-height: 170px;
        align-items: center;
        padding: 15px;
        margin-top: 80px;
       gap: 20px;
       width: 100%;
        border-bottom-right-radius: 100px;
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }
    .client-item{
        width: 100%;
        border-right: 2px solid rgba(43, 39, 39, 0);
        text-align: center;
       /* background-color: aqua; */
        height: 80px;
        display: flex;

        justify-content: center;
        align-items: center;
    }
    .contact-item input{
        max-width: 90%;
    }
    .contact-item-two textarea{
        width: 90%;
    }
    .name-input input{
        width: 90%;
    }
    .contact-item-two button{
        position: absolute;
        border: none;
        color: white;
        background: linear-gradient(133deg, rgba(0,145,160,1) 0%, rgba(9,49,97,1) 100%);
        bottom: 20px;
        right: 50px;
        width: 60px;
        cursor: pointer;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;

    }
    .about-title{

        text-align: center;
        margin-top: 20px;

      max-width: 90%;
        border-bottom: 2px solid rgb(255, 253, 253);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .about-title h1{
        font-family: 'TT Firs Neue Trial Var Roman';
        font-weight:bold;
        font-style: normal;
        font-size: 40px !important;

    }
    .project-hero-title h1{
        font-family: 'TT Firs Neue Trial Var Roman';
        font-weight:bold;
        font-style: normal;
        font-size: 40px !important;
    }
    .about-container-bg{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -6;
        top: 0px;
        background-image: var(--bg-grient);
    }
    .service-hero-title{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: white;

        height: 150px;
        max-width: 100%;
        border-bottom: 2px solid white;
    }
    .service-hero-title h1{
        font-size: 40px !important;
    }
    .project-hero-title{
        max-width: 100%;

    }
    .project-gallery-child{



        width: 90% !important;

        display: grid ;
        justify-content: center !important ;
        align-items: center ;
        grid-template-columns: repeat(1,1fr)!important;
        /* gap: 30px; */
    }
    .project-item-new img{
        width: 100% !important;
        /* min-height: 515px; */
        object-fit:contain !important;
    }
    .we-are-wrap{
        margin-top: 20px;

    }
    .bulding-wrap button{
        margin-bottom: 20px;
    }
    .text-bottom{
        padding: 10px;

    }
    .we-are-container-item{
        width: 90% !important;

    }
    .container-who{
        display: none;
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        background-color: aliceblue !important;
       justify-content: space-evenly;
        gap: 20px;
       ;
    }
    .img-line::after{
        display:none;
        content: '';
        position: absolute;
        width: 200px;
        height: 300px;
        transform: skewX(-20deg);

        border-top-left-radius: 60px;
       left: 90px;
        border-bottom-right-radius: 60px;
        top: 100px;
        border: 5px solid var(--textWhite);
    }
    .img-line img{
        width: 100%;
        border: 5px solid var(--textWhite);
        transform: skewX(0deg);
        object-fit: cover ;
        border-top-left-radius: 60px;
        height: 400px;
        border-bottom-right-radius: 60px;
    }
    .header-logo{

       max-width: 250px;
    }
    .we-are-skew{
        width: 100% !important;
        height: 400px !important ;
        border-top-left-radius: 60px !important;
        border-bottom-right-radius: 60px !important;
        transform: skewX(0deg) !important;
        border: 2px solid white;

       position: relative;
       top: -20px;
        z-index: 99;

      }
    .we-are-skew img{
        width: 100% !important;
        height: 100%;

        transform: skewX(0deg) !important;
        position: absolute;
        left: 0px;
        object-fit:cover !important;
    }
    .swiper-project {
        width: 90%;
        margin-top: 50px;
        height: 400px;
       display: flex;
       flex-direction: column;
      }
    /* .swiper-slide> img{
        width: 100%;
        height: 400px !important;
        object-fit:cover;
      } */

}


/* @media (max-width:1644px){
    .we-are-container-item{
        width: 80%;
        display: flex;
        flex-direction: row;

        justify-content: space-between;
        flex-wrap: wrap;
        align-items:center ;
        gap: 20px;
           z-index: 100;

        margin-top: 10px;


    }
    .we-are-img-con{
        width: 40%;
        position: relative;


    }
    .we-are-who-rigth{
        width: 50%;
      height: 500px;

        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        margin-top: 20px;
        padding: 0%;

        gap: 30px;

    }
    .we-are-skew{
        width: 450px;
        height: 500px;
        border-top-left-radius: 200px;
        border-bottom-right-radius: 200px;
        transform: skewX(-30deg);
        border: 2px solid white;
        overflow: hidden;
       position: relative;
       top: -20px;
        z-index: 99;

      }
      .we-are-img-line{
        width: 200px;
        height: 300px;
        transform: skewX(-30deg);
        border-top-left-radius: 60px;
        border-bottom-right-radius: 60px;
       border: 2px solid white;
        z-index: 99;
        left: -50px;
        position: absolute;
        top: 50px;
      }

} */
@media (max-width:447px) {

    .hero-sesstion::after{
        display: none;
        content: ' ';
        width: 100%;
        position: absolute;

        bottom: -15px;
        height: 100px;
        z-index: 60;
        background-image: linear-gradient(to bottom, rgba(36, 23, 23, 0),#3992a6);
        /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 1) 100%); */
        /* background-color: red; */
    }
    .bulding-wrap button{
        z-index: -90;
    }
    .img-line img{
        margin-top: 30px;

    }

}
@media only screen and (max-width: 1200px) {
    .hm_service .nav-pills{width:55%;}
    .hm_service .tab-content img{display:none;}
    .hm_service .tab-content .tab-pane{padding: 30px;}
    .hm_service .tab-content .tab-pane .overlayborder{padding:40px;}
}
@media only screen and (max-width: 991px) {
    .hm_service .d-flex{display: block !important;}
    .hm_service .nav-pills,
    .hm_service .tab-content{width:100%;}
    .hm_service_mobile{display: block;}
    .hm_service{display: none;}

}
@media only screen and (max-width: 767px) {


}
@media only screen and (min-width: 320px) and (max-width: 479px) {

}