@media (max-width: 1380px) {
 .text-box{    top: 7% !important;}   
.hero-content h1 { font-size: 1.8rem;}
.hero-content p{ font-size: 16px; padding: 0;}
}
  
  @media (max-width: 1199px) {
       .header a {
           font-size: 10px !important;


       }

       .navbarTab a {
           padding-right: 10px !important;

       }


       .hero-content p {
           margin: auto;
           padding: 10px 10px;
       }
          
       .second-arrow {
    top: 81px;
}

     .arrow-circle {
    width: 35px;
    height: 35px;
    font-size: 20px;
   
}

    .service-arrow {
        width: 175px;
    }


     .navbar-toggler {
           background-color: white;
           padding: 3px;
       }

        .language-icon-lg a {

           display: block;


       }
   }




   @media (max-width: 768px) {

 


       .second-arrow {
        top: 128px;
    }

       .hero-content h1 {
           font-size: 32px;
       }

       .hero-content {
           text-align: center;
           padding-top: 100px;
       }


       .hero-section {
            /* background-image: url('../img/banner.webp'); */
           background-position: center center;
           background-size: cover;
           background-repeat: no-repeat;

       }

       .header img {
           width: 150px;
       }


       .about-us-section {
           flex-direction: column;
       }

       .footer-icon .icons {
           display: flex;
           gap: 20px;
           font-size: 30px;
           padding: 0px;
           margin: auto;


       }

       .project-card-second {
           margin-top: 0px !important;

       }


       .testimonial-box {
           padding-top: 20px;
       }

       .swiper-pagination-horizontal {
           width: 30% !important;
           position: absolute !important;
           left: 260px !important;
           transform: translateY(-50%);
           z-index: 10;

       }

.register-btn span {
    width: 28px !important;
    height: 28px !important;
}



.hero-overlay {
    background-color: rgb(0 0 0 / 40%);
   
}

       .footer-links a {
           font-size: 14px;
           font-weight: 400;
           padding-bottom: 10px !important;

       }

       .mail i {
           font-size: 20px;
       }



       .social-icons a {
           font-size: 1rem;
           width: 32px;
           height: 32px;
           padding: 4px 8px 8px 8px;
       }

       .footer-bottom {
           font-size: 0.75rem;
           text-align: center;
       }


       .about-text h4 {
           font-size: 24px;
       }

       .navbar-toggler {
           background-color: white;
           padding: 3px;
       }

       .register-btn {
           padding: 6px 14px;
           font-size: 0.85rem;
           border-radius: 20px;
       }

       .project-text{
        display: block;
       }

       .projectNav {
        
       display: block;
        position: absolute;
        top: 62%;
        right: 24%;
        z-index: 1000;
        font-size: 20px;
        color: #fff;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.5);
        /* border-radius: 50%; */
        width: 30px;
        height: 30px;
        padding: 6px 0px 0px 6px;
    }
.project-text{
    
 position: absolute;
        left: 76%;
        top: 61%;
        padding: 2%;
        font-family: 700 !important;
        font-family: 'OpenSansCondensedBold', sans-serif;
       
}

.project-content h3{
    padding-top: 20px;
}


       .closePopup {

           font-size: 16px;
           border-radius: 10px;
           color: #fff;
           cursor: pointer;
           background-color: rgba(0, 0, 0, 0.5);
           padding: 10px;
           transition: background-color 0.3s ease;
           position: absolute;
           left: 79% !important;
           margin-top: -11px;
       }



       .projecPopup {
           display: none;
           position: fixed;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background: rgba(0, 0, 0, 0.5);
           z-index: 9999;
       }

       .projectPopupContent {
           background: #fff;
           margin: 50px auto;
           max-width: 400px;
           padding: 30px;
           border-radius: 8px;
       }


       .laptop-our-project {
           display: none;
       }

       .language-icon img {
           display: none;


       }

       .language-icon {
           display: none;
       }


       .language-icon-mob img {
           display: block;

       }

       /* .navbarTab a {
           font-size: 16px !important;
           padding: 20px 0px 0px 20px !important
       } */

       .project-content{
        margin-top: -55px;
       }


.testimonials h2 {
    padding-right: 10px !important;
    font-size: 34px;
    margin-bottom: 10px !important;
}



  .hero-text-banner{
  position: relative;
    top: 15% !important;
}


 .project-card-second {
           margin-top: 0px !important;

       }

.service-arrow{
    width: 150px;
}
       
    .service-arrow a {
        font-size: 10px;
    }


    .service-arrow-circle{
    width: 35px;
    height: 35px;
    background-color: #2E7D32;
    border-radius: 50%;
    color: white;
    display: flex
;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}


   }



      @media (max-width: 760px) {

  .project-card-second {
           margin-top: 40px !important;

       }


       .second-arrow {
        top: 42px;
    }

.service-arrow a {
    font-size: 14px;}



.service-arrow {
    width: 230px;
}



      }

   @media (max-width: 420px) {



  

.language-icon-lg a{
   
    margin-left: 60px;
    display: block;


}

.testimonials h2 {
    font-size: 17px;
}



       .language-icon-mob img {

           margin-left: 30px !important;


       }

       .project-body,
       .service-body {
           padding: 10px;

       }

       .viewBtn {
           margin-top: -93px;
       }

    

       .register-btn span {
   
    width: 30px !important;
    height: 30px !important;
}

 .project .view-all-btn{
    margin-top: 121px !important;
}
.more-services{
    margin-top: 77px !important;
}



.more-btn{
    margin-top: 107px !important;
    margin-bottom: 30px;
}

.our-services, .Programs , .Partners , .news{
    padding: 0px ;
}


.project-card .badge-container span{
    font-size: 10px;
}


.project-arrow {
    
    top: 28px;
   
}



.news-arrow {
    
    top: 40px;
   
}

.news{
    padding-bottom: 0px !important;
}


/* project */

.project-content{
    padding: 10px !important;
}

.project-sidebar{
    margin-top: 25px;
}

.projectPopupContent {
    padding: 12px;
}


.project-text{
    
 position: absolute;
               padding: 3%;
        
       
}


.project-card .badge-container span {
    padding: 9px 12px;}



    
       .project .view-all-btn {
    margin-top: 130px !important;
    margin-bottom: 20px !important;
}
   }


 



   @media (max-width: 392px) {


   .project .view-all-btn {
    margin-top: 120px !important;
}

.language-icon-lg a{
   
    margin-left: 30px;

}

.register-btn{
    margin-top: 20px;
}

   }









   

   @media (max-width: 320px) {

.language-icon-lg a{
   
    margin-left: 30px;

}

.register-btn{
    margin-top: 20px;
}



   }