body{
  background-color: white;
}
.nav-brand {
    width: 80px;  
    height: 80px; 
    object-fit: cover;
    padding-top: 2px;
    object-fit: cover;
    margin-left: 300px;
    border-radius: 20px;
  }
  #natureprotections{
    font-family: 'Roboto Slab', serif;  
    font-style: italic; 
    font-weight: 700;
  }
 #principals{
    list-style: none;
    display:flex;
    font-size: small;
    gap: 25px;
    justify-content: center;
    color: rgb(255, 153, 0);
    font-size: 20px;
  }
  /* imageson home pages on about us */
  #boutimages{
    height: 300px;
    width: 300px;
    border: solid;
    border-radius: 150px;
    border: 10px;
    border-color: greenyellow;
  }
  #achievementimaage{
    height: 350px;
    border-radius: 10px;
  }
  #boutimages:hover{
    height:350;
    width: 350;
    border: #2575fc;
    border-radius: 20px;
    border-color: red;
    animation-delay:10s;

  }
  .single_progress_bar p{
   margin-left: 80px;
   /* align-items: center; */
   padding: 10px 20px;
   font-size: 20px;
   /* color: gold; */

  }
 #sectionheading{
  text-align: center;
  align-items: center;
  margin-left: 200px;
  padding: 10px;
  text-decoration: solid;
 }
 #sectionheadingimg{
  height: 100px;
  width: 100;
  border-radius: 50px;
  gap: 10px;
 }
 #mandatehesder{
  text-align: center;
  align-items: center;
  margin-left: 50px;
  padding: 10px;
  text-decoration: solid;
 }
 #mandateparagraph{
  color:blue;
 }
 #progressbasimage{
  height: 300px;
  width: 300px;
  border-radius: 10px;
  /* margin-left: 100px; */
 }
  #corevalues{
    text-align: center;
    padding-left: 350px;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
  }
  #corevalues img {
    height: 200px;
    width: 300px;
    padding-bottom: 20px;
    border-radius: 10px;
  }
  #corevalue{
    height: 200px;
    width: 400px;
    padding-top:20px;
    border-radius: 10px;
    border-radius: 50px;
  }
  #corevaluesheader{
    /* padding: 20px; */
    justify-content: center;
    justify-items: center;
  }
  #vission{
    padding-left: 15px;
    justify-content: center;
    justify-items: center;
  }
  .missionvissionvalues{
    padding: 20px;
    font-size: 25px;
  }
  .missionvissionvalues:hover{
    color: rgb(255, 153, 0);
    font-size: 20px;
    transform: matrix(1000,50);
    transition-duration: 200ms;
    font-size: 30px;
    font-family: Georgia, 'Times New Roman', Times, serif;
  }
  #corevaluesheader:hover{
    color: blue;
    font-size: 20px;
    transform: matrix(20,50);
    transition-duration: 20ms;
    font-size: 30px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
  }
  #historysection{
    /* padding-left: 130px; */
    text-align: center;
    text-decoration:aqua;
    margin-bottom: 20px;
    font-size: 25px;
    justify-content: center;
    justify-items: center;
  }
  #historysection:hover{
    transition: 20ms;
    animation-delay: 10ms;
    font-size: 25px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: green;
  }
  #programmers{
    font-size: 10px;
    /* justify-content: right;
    justify-items: right; */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: red;
  }
  #targetgroup{
    padding-left: 100px;
    text-align: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
    margin: 20px;
  }
  #targetgroupheaders:hover{
   color: green;
   font-size: 25px;
   text-align: center;
   text-decoration: solid;
   text-transform: capitalize;
   animation-duration: 20ms;
   animation-delay: 5ms;
   font-family: Georgia, 'Times New Roman', Times, serif;
   transition: cubic-bezier(0.215, 0.610, 0.355, 1);
   transform-origin: 10%;
  }

  /* donate page */
  .donate-card {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border: none;
  }

  .donate-card .card-header {
      background-color: #6a11cb;
      color: white;
      font-size: 1.5rem;
  }

.btn-donate {
    background: #6a11cb;
    color: white;
    border: none;
    transition: background 0.3s;
}

.btn-donate:hover {
    background: #2575fc;
}
.donationheader {
  color: white;
  padding: 30px 20px;
  text-align: center;
}

#donationcontainer{
  /* background-image:url() */
  background-color: aliceblue;
}
#whatsaapimages{
  height: 50px;
  width: 50px;
  border-radius: 10px;
  margin: 5px;
}

#dontetopimage{
  height: 250px;
  width: 500px;
  align-items: center;
  text-align: center;
  margin-left: 390px;
  border-radius: 10px;
}