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

@font-face {
  font-family: 'OpenSansCondensedBold';
  src: url('../font/OpenSans-CondBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../font/OpenSans-VariableFont_wdth\,wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



/*my css*/
a.commanBts{    border: 1px solid #ccc;margin-bottom: 10px;}
.hRegisterForm{
      background-color: rgba(18, 18, 80, 0.8);
    padding: 0px 30px 30px 20px;
    border-radius: 20px;
    max-width: 440px;
    width: 100%;
}

.innerPage h3{margin-bottom: 20px!important;}
.testiRepeat{margin-bottom: 35px;}
.blockquote-footer{font-weight: 600;    font-size: 22px;}
.testiRepeat p{font-size: 17px;}
.testiRepeat .blockquote-footer{ font-size: 18px;  margin-top: 18px;} 
.more-testi{  margin-top: 20px!important;  width: 120px; color:#fff!important;}
a.more-testi:hover{color:#000!important;}

.servGp{
      background: #e9ecef;
    border-radius: 10px;
    padding: 10px;
        display: flex;
    align-items: center;
    gap:10px
}
.servGp img{height: 80px; margin-right: 6px;}
.servGp span{
  font-size: 18px;
    font-weight: 600;
    font-family: 'OpenSansCondensedBold', sans-serif;
}
/*my css end*/



.text-box{
  position:  relative;
  top: 20% !important;
}

.carousel-control-prev{
  margin-left: -20px;
}
.carousel-control-prev, .carousel-control-next{
  z-index: 1000;
  display: none;

}


    h1,h2,h3,h4,h5,h6{
  font-family: 'OpenSansCondensedBold', sans-serif;
}


    p , a{
  font-family: 'OpenSans', sans-serif;
}


.header a:hover{
  color: white !important;
}




@media (max-width: 1199px) {
  .header a {
    font-size: 18px !important;
  }
}

@media (max-width: 767px) {
  .header a {
    font-size: 12px !important;
  }
}

@media (max-width: 575px) {
  .header a {
    font-size: 14px !important;
  }
}




        .hero-section {
            background-image: url('../img/banner.webp');
            background-repeat: no-repeat;
            background-position: top;
            background-size: cover;
            height: 100vh;
            position: relative;
            color: #ffffff;
        }

        .hero-overlay {
            background-color: rgba(0, 0, 0, 0.103);

            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }

        .hero-content {
            position: relative;
            z-index: 2;
            padding-top: 120px;
        }

        .hero-content h1 {
            /* font-size: 3rem; */
            font-weight: bold;
        }

        .hero-content p {
            font-size: 20px;
            margin: 20px 0;
            max-width: 500px;
        }

        .register-btn {
            font-family: 'OpenSansCondensedBold', sans-serif;

            display: inline-flex;
            align-items: center;
            background: #00000042;
            border: 1px solid white;
            color: white;
            padding: 6px 20px;
            border-radius: 30px;
            text-decoration: none;
            margin: 6px auto;
        }


        .PartnerBtn{
            background-color: #2E7D32;
        }
        .register-btn:hover {
            background-color:  #2E7D32;
            color: white;
        }

        .register-btn span {
            background: white;
            color: black;
            border-radius: 50%;
             width: 40px;
      height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-left: 12px;
            font-size: 20px;
        }


 .about-us-section img {
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 12px;
      height: 400px;
    }

    .about-text h4 {
      font-weight: 700;
      margin-bottom: 1rem;
      font-size: 38px;
    }

    .card-custom {
      border: 1px solid #dee2e6;
      border-radius: 12px;
      padding: 1.5rem;
      background-color: #fff;
      box-shadow: 0 0 10px rgba(0,0,0,0.05);
      transition: transform 0.3s ease;
    }

    .card a{ text-decoration: none;}
    .card a .card-title{ color:#000}
    .card a p{ color:#000}

    .card-custom:hover {
      transform: translateY(-5px);
    }

    .card-custom h5 {
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-bottom: 1rem;
      font-size: 24px;
      color: #2E7D32;
    }

    .card-custom i {
        font-size: 60px;
    }


    .project{
        background-color: #0C483B;
        /* padding: 20px 0px; */
       
    }

   .section-title {
    color: white;
            text-align: center;
            font-weight: bold;
            margin: 40px 0 20px;
        }

        .project-card {
            border-radius: 20px;
            /* overflow: hidden; */
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            background-color: #fff;
            margin-bottom: 30px;
        }
        .project-card .badge-container{ bottom: 16px;}
        .project-card .badge-container span{
            padding: 6px 12px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    min-height: 31px;
    line-height: 16px;
        }

        .project-img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            border-radius: 10px;
            margin-top: 12px;
        }

        .badge-container {
            position: absolute;
            top: 87%;
            left: 10px;
            display: flex;
            justify-content: space-between;
            width: calc(100% - 20px);
            padding: 0 10px;
        }

        .badge-container span {
            background-color: #e0e0e0;
            border-radius: 20px;
            padding: 3px 10px;
            font-size: 12px;
        }

        .badge-completed {
            background-color: #8AC23B !important;
            color: white;
        }

        .project-body {
    padding: 20px 30px 20px 30px;
}

        .project-title {
            font-size: 18px;
            font-weight: bold;
        }

        .project-location {
            font-size: 14px;
            color: #555;
            margin-bottom: 10px;
        }

       .project-arrow, .news-arrow {
        width: 50px;
    position: relative;
    top: 40px;
    left: 45%;
    z-index: 999;
    

}
.our-services{
  background-color: #F8F7F0;
}

.service-arrow{
  position: relative;
  width: 286px;
  left: 0;
  top: -37px;
  display: flex;
  gap: 10px;
  align-items: center;
  /* justify-content: center; */
  right: 0;
  margin: auto;
  background: #fff;
  border-radius: 50px;
  box-shadow: var(--bs-box-shadow-sm) !important;
  border: 1px solid #ccc;
  padding: 6px 10px 6px 6px;
}
.service-card{padding: 20px 20px 32px 20px !important; min-height: 340px;}
.service-arrow a{
  font-size: 14px;
    text-decoration: none;
    color: #212529;
    font-family: 'OpenSansCondensedBold', sans-serif;
}

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

}


        .view-all-btn {
            display: block;
            margin: 0px auto;
            color: white;
            color: #2E7D32;
            border: 2px solid #2E7D32;
            border-radius: 25px;
            padding: 8px 25px;
            font-weight: 600;
            text-decoration: none;
        }


.project .view-all-btn
{
  color: white;
  border: 1px solid #2E7D32;
}


        .project .view-all-btn {
           margin: 30px auto !important;
           
        }
.more-services{
  margin-bottom: 30px;
  margin-top: -10px;
}

.more-btn{
  margin-top: 18px;
}
        .view-all-btn:hover {
            background-color: white;
            color: #0c463a;
            text-decoration: none;
        }

        /* service */

        .service-card{
            border-radius: 20px;
        }

        .service-card img
        {
            border-radius: 10px;

        }


           .service-body {
    padding: 20px 30px 20px 30px;
}



.second-arrow {
  top:61px;
}


.viewBtn{
  width:250px; margin:auto;
}


  .Programs-register-btn {
      font-family: 'OpenSansCondensedBold', sans-serif;

            display: inline-flex;
            align-items: center;
            background: #66A869;
            border: 1px solid #66A869;
            color: white;
                padding: 5px 12px;
            border-radius: 50px;
            text-decoration: none;
            transition: background 0.3s;
                        font-size: 20px;

        }

        .Programs-register-btn:hover {
            background-color: rgb(0, 0, 0);
        }


          .Programs-register-btn span {
              font-family: 'OpenSansCondensedBold', sans-serif;

            background: #307F34;
            color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-left: 12px;
            font-size: 20px;
        }
  .Programs h4 {
    color: #66A869;
  }

  .Programs  h5 {
          font-family: 'OpenSans', sans-serif;
          

  }

  .Programs {
  background: url('../img/programs.png') no-repeat center center;
  background-size: cover;
}

.Programs .card{
    border-radius: 20px;
	height:100%;
}


/* Partners */

.Partners .card{
    border-radius: 20px;
}


.Partners img{
       max-width: 222px;
    max-height: 100px;
}




/* testimonials */

 
.testimonials {
  background-image: url('../img/testimonials-bg.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}


.testimonials h2{

    padding-right: 10px !important ;
    font-size: 45px;
}

.testimonials img{
    width: 600px;
}

  .testimonial-slider .quote-icon{
    font-size: 50px;
    background-color: white;
    border-radius: 50px 0px 50px 50px;
    padding: 0px 10px 15px 15px;
    width: 60px;
    height: 60px;
    color: #322E7D;
    
  }



  .swiper-pagination-bullet-active {
    width: 20px !important;
    background-color: white !important;
    color: white;
    
  }
  

   .swiper-pagination-bullet{
    background-color: white !important;
    color: white;
  }

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




  /* news */

  .news{
    background-color: #F8F7F0;
  }
  .news-card {
    border-radius: 20px;
  }






.news-img {
  width: 100%;
  object-fit: cover;
  display: block;
      border-radius: 20px 20px 0px 0px;

}

.news-date {
    position: absolute;
    top:81%;
    left: 6%;
}


/* contact */

.contact {
  background-image: url('../img/contact-bg.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

 .register-form {
    
      padding: 0px 30px 30px 20px;
      border-radius: 20px;
      max-width: 440px;
      width: 100%;
    }

    .register-form h4 {
      background-color: #4CAF50;
      color: white;
      font-weight: 700;
      text-align: center;
      padding: 10px;
      border-radius: 0px 0px 12px 12px;
      margin-bottom: 20px;
    }

    .project-sidebar.register-form h4{ background: none!important; color:#0d1618!important;    text-align: left;
    font-weight: 500!important; font-size: 35px!important; margin-bottom:5px;
    }
.register-form input, .register-form textarea, .register-form select {
      border: none;
      border-radius: 25px!important;
      padding: 10px 15px;
      font-size: 14px;
      border: 1px solid #e3e1db;
    }
.register-form select {
    width: 100%;
}
    .register-form input::placeholder,
    .register-form textarea::placeholder {
      color: #999;
    }

    .register-form textarea {
      resize: none;
      height: 100px;
    }

   

    .register-btn span {
      background-color: white;
      color: #4CAF50;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      margin-left: 10px;
    }

    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
      color: white;
    }


.backToTop {
  display: none;
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 9999;
    padding: 6px 12px;    
    border: none;
    border-radius: 50%;
    background: #2E7D32;
    font-size: 16px;      
    cursor: pointer;
   
}

.backToTop  i{

  color: white;
}

.navbarTab a {
  font-size: 14px !important;
    padding: 10px 7px 10px 7px !important;
}



.navbarTab .language-icon {
    padding: 7px 10px !important;
    color: white;
    font-weight: bold;
    border-radius: 50px;
    background-color: #000000;
    text-transform: capitalize;

}




.language-icon-lg a{
    padding: 7px 10px !important;
    color: white;
    font-weight: bold;
    border-radius: 50px;
    background-color: #000000;
    text-transform: capitalize;
    text-decoration: none;
    margin-left: 117px;
    display: none;

}

/* .language-icon .language-icon-mob {
    padding: 7px 10px !important;
   display: none;

} */


.project-text {
  display: none;
}
 

    .contact-container,
.invest-container,
.mission-container,
.resources-container,
.we-container{
    padding-bottom: 0px !important;
    padding-left: 10px;
}


/*MY*/

.testimonial-card{min-height: 434px;}

.innerPage li{ padding-bottom: 10px;}


/*MY END*/