@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-family: 'Ubuntu', sans-serif;
  background: #f2f2f2; }

a {
  text-decoration: none;
  transition: all 0.5s; }
  a:hover {
    text-decoration: none; }

.dp-1 {
  animation: fadeInDown;
  animation-duration: 2s; }

.dp-2 {
  animation: fadeInDown;
  animation-duration: 2.3s; }

.dp-3 {
  animation: fadeInDown;
  animation-duration: 2.6s; }

.dp-4 {
  animation: fadeInDown;
  animation-duration: 3.2s; }

.dp-4 {
  animation: fadeInDown;
  animation-duration: 3.6s; }

.dp-5 {
  animation: fadeInDown;
  animation-duration: 3.8s; }

.dp-6 {
  animation: fadeInDown;
  animation-duration: 4s; }

.up-1 {
  animation: fadeInUp;
  animation-duration: 2s; }

.up-2 {
  animation: fadeInUp;
  animation-duration: 2.3s; }

.up-3 {
  animation: fadeInUp;
  animation-duration: 2.6s; }

.up-4 {
  animation: fadeInUp;
  animation-duration: 3.2s; }

.up-4 {
  animation: fadeInUp;
  animation-duration: 3.6s; }

.up-5 {
  animation: fadeInUp;
  animation-duration: 3.8s; }

.up-6 {
  animation: fadeInUp;
  animation-duration: 4s; }

.lp-1 {
  animation: fadeInLeft;
  animation-duration: 2s; }

.lp-2 {
  animation: fadeInLeft;
  animation-duration: 2.3s; }

.rp-1 {
  animation: fadeInRight;
  animation-duration: 2s; }

.rp-2 {
  animation: fadeInRight;
  animation-duration: 2.3s; }

.colorSecondary {
  color: #c8f274; }

.btn_main {
  display: inline-block;
  padding: 0.8rem 1.5rem;
  background: #f0f3ea;
  border-radius: 5rem;
  color: #0067b2; }
  .btn_main:hover {
    background: #0067b2;
    color: #c8f274;
    letter-spacing: 0.1rem; }

.btn_alt {
  display: inline-block;
  padding: 0.8rem 1.5rem;
  background: #fff;
  border-radius: 5rem;
  color: #3f3f3f;
  box-shadow: 2px 2px 5px #333333; }
  .btn_alt:hover {
    background: #c8f274;
    color: #fff;
    letter-spacing: 0.1rem; }

.btn_outlined {
  display: inline-block;
  padding: 0.8rem 2.5rem;
  border-radius: 5rem;
  border: #0067b2 2px solid;
  color: #3f3f3f; }
  .btn_outlined:hover {
    background: #0067b2;
    border: none;
    color: #fff;
    letter-spacing: 0.1rem; }

.carrousel_profile {
  height: 20rem; }

.h-line {
  background-color: #f0f3ea;
  padding: 0.15rem 12rem;
  margin: 1rem 0rem;
  border-radius: 5px; }

.logo {
  height: 5rem; }

#hero_area {
  background: url(../img/hero_img.png) center center/cover;
  height: 100vh;
  color: #f0f3ea; }
  #hero_area .main-nav ul li {
    margin-left: 0.5rem; }
    #hero_area .main-nav ul li a {
      font-size: 1.2rem;
      color: #f0f3ea; }
      #hero_area .main-nav ul li a:hover {
        color: #c8f274; }
  #hero_area .hero_content {
    display: flex;
    height: 100%;
    align-items: center; }
    #hero_area .hero_content_text {
      text-align: center;
      display: flex;
      height: 100%;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    #hero_area .hero_content_carrousel .carousel-inner {
      border: #f0f3ea solid 15px; }

#team {
  color: #f0f3ea;
  background: url(../img/featuresBG.jpg) center center/cover; }
  #team .team_info {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
  #team .features {
    min-height: 200px;
    color: #f0f3ea;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center; }
    #team .features a,
    #team .features .fas,
    #team .features .far {
      color: #f0f3ea; }

#ourWork {
  line-height: 2rem; }
  #ourWork .work_text_text {
    line-height: 3.8rem; }
  #ourWork .item_container {
    background: #fff;
    padding: 1rem 2rem;
    margin: 1rem;
    border-radius: 15px;
    box-shadow: 2px 2px 5px #333333;
    transition: all 0.5s;
    transform: scale(0.9); }
    #ourWork .item_container .fas,
    #ourWork .item_container .far {
      color: #0067b2; }
    #ourWork .item_container_text {
      margin: 0.5rem 0; }
    #ourWork .item_container:hover {
      transform: scale(1.2); }

#aboutUs {
  background: #0067b2;
  color: #f0f3ea; }
  #aboutUs .about_text {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    #aboutUs .about_text_p {
      line-height: 2.6rem; }

#history {
  background: #0067b2;
  color: #f0f3ea; }
  #history .history_text_p {
    line-height: 2.6rem; }

#donations {
  line-height: 2rem; }

#contact .contact_form input,
#contact .contact_form textarea {
  border-color: #0067b2;
  border-radius: 15px;
  text-align: center; }

#main_footer {
  background: #0067b2; }
  #main_footer .main_footer_content {
    color: #f0f3ea; }
  #main_footer .main_footer_menu {
    display: flex;
    flex-direction: column;
    list-style: none;
    justify-content: center;
    height: 100%;
    align-items: center; }
    #main_footer .main_footer_menu h5 {
      color: #c8f274; }
    #main_footer .main_footer_menu .menuNav ul {
      display: flex;
      list-style: none;
      height: 100%;
      align-items: center; }
      #main_footer .main_footer_menu .menuNav ul li {
        margin: 0 0.2rem; }
        #main_footer .main_footer_menu .menuNav ul li a {
          color: #f0f3ea;
          transition: color 0.5s; }
          #main_footer .main_footer_menu .menuNav ul li a:hover {
            color: #c8f274; }
  #main_footer .main_footer_social {
    display: flex;
    flex-direction: column;
    list-style: none;
    justify-content: center;
    height: 100%;
    align-items: center; }
    #main_footer .main_footer_social h5 {
      color: #c8f274; }
    #main_footer .main_footer_social .socialNav ul {
      display: flex;
      list-style: none;
      justify-content: center; }
      #main_footer .main_footer_social .socialNav ul li {
        margin: 0 0.5rem; }
        #main_footer .main_footer_social .socialNav ul li .fas,
        #main_footer .main_footer_social .socialNav ul li .fab {
          color: #f0f3ea;
          transition: color 0.5s; }
          #main_footer .main_footer_social .socialNav ul li .fas:hover,
          #main_footer .main_footer_social .socialNav ul li .fab:hover {
            color: #c8f274; }
  #main_footer .copyright {
    color: #f0f3ea; }
    #main_footer .copyright_text_firm {
      color: #666; }
      #main_footer .copyright_text_firm a {
        color: #666; }
        #main_footer .copyright_text_firm a:hover {
          color: white; }