#main-nav {
    background-color: #47ABD6 !important;
}

a.nav-link {
  color: #343434;
  /* font-weight: 500; */
  font-size: 18px;
}

/* Form Error meassges */
.is-invalid {
  border-color: #d93025;
}

.is-label-invalid {
  color: #d93025;
}

.mg-form .form-control {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #ccc;
}

.mg-btn-form {
  background-color: #CE1A1A;
  color: #fff;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

.mg-btn-form:hover {
  background-color: #FE4242;
}


h1, h2, h3, h4, h5 {
  font-weight: 100;
}

section {
    padding-top: 30px;
}

main {
  margin-top: 141px;
}

section#mission img, section#vision img, section#support img {
    border-radius: 23px;
}

section#vission {
    background-color: #95D2ED;
}

/* Main hewder styles */
.main-header-container {
  position: absolute;
  top: 450px;
  color: #fff !important;
}

.main-header-container h1 {
  font-size: 56px;
  font-weight: 100;
}

.main-header-container h5{
  font-size: 24px;
  font-weight: 100;
  color: #343434 !important;
}

.main-header-container h3{
  color: #fff !important;
}

/* Button Styles */
.mg-btn {
  border: 1px solid #95D2ED;
  color: #343434;
  font-weight: bold;
}

.mg-btn-form {
  background-color: #95D2ED;
  color: #343434;
  border: none;
}

.mg-btn-form:hover {
  background-color: #E6F9FF;
  color: #FE4242;
}

.mg-btn:hover {
  background-color: #95D2ED;
  color: #FE4242;
}

/* Row styles */
.row {
    display: flex;
    flex-wrap: wrap;
  }
  
  /* Column styles */
.column {
    flex: 50%;
    padding: 10px;
    box-sizing: border-box;
  }
  
  /* Image styles */
.image {
    width: 100%;
    height: auto;
    max-width: 500px;
  }
  
  /* Content styles */
  .content {
    text-align: center;
  }
  
  .content h2 {
    margin-bottom: 10px;
  }

  /* Programs and Initiatives */
  .mission-header {
    text-align: center;
  }

  .column-pni {
    flex: 25%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
  }

  .column-pni-more {
    flex: 50%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
  }
  
  /* Icon styles */
  .icon {
    font-size: 48px;
    margin-bottom: 10px;
    color: #FE4242;
  }

  #carouselCaptions {
    max-width: 1600px;
    margin: auto;
  }

  /* Vision Section */
  section#vision {
    background-color: #47ABD6;
  }

/* Help Section */
  section#help {
    background-color: #E6F9FF;
    padding-bottom: 30px;
  }

  .help-section {
    max-width: 600px;
    margin: auto;
    padding: 15px;
    border-radius: 20px;
    border: #FE4242 .5px solid;
    text-align: center;
  }

  .contact-box .checklist i {
    font-size: 20px;
  }

  /* Checklist styles */
.checklist {
    list-style: none;
    padding-left: 20px;
  }
  
  .checklist li:before {
    content: "\2713"; /* Unicode checkmark character */
    margin-right: 10px;
  }

  .mg-form {
    max-width: 600px;
    margin-bottom: 40px;
    margin: auto;
  }

  .form-header {
    text-align: center;
    font-weight: 100;
    margin-bottom: 30px;
  }

  /* Facebook Section */

  section#facebook {
    text-align: center;
    margin-bottom: 30px;
  }

  .fb-container {
    max-width: 550px;
    margin: auto;
  }

  /* Footer Section */
  .footer-column {
    flex: 33.33%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
  }

  footer#main-footer {
    background-color: #FE4242;
    color: #95D2ED;
  }

  /* Responsive styles */
  @media (max-width: 768px) {
    .column, .column-pni, .footer-column, .column-pni-more {
      flex: 100%;
    }
    .carousel-item img.car-img {
      height: 450px;
    }
  }

  @media (max-width: 576px) {
    .carousel-item img.car-img {
      height: 350px;
    }
  }