@import url("../../fonts/fonts.css");
body {
  font-family: 'Montserrat-Regular';
  width: 100%;
  overflow-x: hidden; }

.row {
  margin: 0; }

img {
  width: 100%; }

textarea {
  resize: none; }

p {
  font-size: 14px; }

.modal {
  background-color: rgba(0, 0, 0, 0.8) !important; }
  .modal .button.close {
    background-color: #ffffff; }
  .modal .close {
    color: #00ff90;
    opacity: 1;
    background-color: #ffffff;
    padding: 5px; }
  .modal .modal-header {
    padding: 0; }
  .modal h5 {
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-family: 'Montserrat-SemiBold';
    letter-spacing: 2px;
    color: #179994; }
    .modal h5:after {
      content: '';
      display: block;
      margin: auto;
      height: 4px;
      width: 50px;
      background-color: #179994;
      margin-bottom: 20px; }
  .modal button {
    background-color: #179994;
    color: white;
    padding: 5px 25px;
    border: 0;
    cursor: pointer; }

.navbar-custom {
  background-color: rgba(0, 0, 0, 0.49);
  height: 60px;
  margin-top: 21px;
  position: fixed;
  z-index: 9;
  width: 100%; }
  .navbar-custom .fa-bars {
    color: white; }
  .navbar-custom .navbar-brand {
    width: 10%; }
    .navbar-custom .navbar-brand .logo {
      width: 75%; }
  .navbar-custom .dropdown-menu .dropdown-item {
    font-size: 13px;
    line-height: 22px;
    border-left: 5px solid white; }
    .navbar-custom .dropdown-menu .dropdown-item:hover {
      border-left: 5px solid #179994; }
    @media only screen and (max-width: 600px) {
      .navbar-custom .dropdown-menu .dropdown-item {
        font-size: 8px; } }
  @media only screen and (max-width: 600px) {
    .navbar-custom .dropdown-menu {
      position: absolute;
      left: -58px; } }
  @media only screen and (min-width: 768px) {
    .navbar-custom .dropdown-menu {
      left: -100px; } }
  @media only screen and (min-width: 768px) {
    .navbar-custom .dropdown:hover > .dropdown-menu {
      display: block; }
    .navbar-custom .dropdown > .dropdown-toggle:active {
      /*Without this, clicking will make it sticky*/
      pointer-events: none; } }
  .navbar-custom .nav-item .nav-link {
    color: #73ffc2;
    font-family: 'Montserrat-SemiBold';
    font-size: 14px; }
    .navbar-custom .nav-item .nav-link:hover {
      color: white; }
  .navbar-custom .nav-item .active {
    color: white; }
  @media only screen and (max-width: 600px) {
    .navbar-custom {
      margin-top: 0; }
      .navbar-custom .navbar-brand {
        width: 16%; }
        .navbar-custom .navbar-brand .logo {
          width: 85%; }
      .navbar-custom .navbar-collapse {
        background-color: #303030;
        padding: 20px 40px; } }

#home-slider .slider-text {
  position: absolute;
  top: 35%;
  right: 30px;
  font-family: 'Hind-Bold'; }
  #home-slider .slider-text h2 {
    color: white;
    text-transform: uppercase; }
  #home-slider .slider-text a {
    color: #73ffc2;
    transition-duration: 2s; }
    #home-slider .slider-text a:after {
      font-family: "Font Awesome 5 Pro";
      content: "\f45c";
      display: inline-block;
      padding-right: 3px;
      vertical-align: middle;
      font-weight: 900;
      font-size: 10px;
      color: white;
      margin-left: 10px; }
    #home-slider .slider-text a:hover {
      text-decoration: none;
      margin-left: 15px; }

@media only screen and (min-width: 769px) {
  #home-slider .slider-text {
    width: 20%;
    right: 85px; }
  #home-slider h2 {
    font-size: 3rem; } }

@media only screen and (max-width: 600px) {
  #home-slider h2 {
    font-size: 1rem; } }

@media only screen and (max-width: 600px) {
  #home-slider .slider-text {
    top: 40%;
    left: 50px; } }

#about {
  background-color: #303030;
  padding: 20px 0 !important;
  color: #aeaeae; }
  #about h3 {
    font-family: 'Hind-Bold';
    text-transform: uppercase; }
  #about p {
    text-align: justify; }
  #about a {
    color: white;
    font-size: 14px;
    transition-duration: 1s; }
    #about a:after {
      font-family: "Font Awesome 5 Pro";
      content: "\f0da";
      display: inline-block;
      padding-right: 3px;
      vertical-align: middle;
      font-weight: 900;
      font-size: 42px;
      color: #179994;
      margin-left: 10px; }
    #about a:hover {
      text-decoration: none;
      margin-left: 10px; }

#projects {
  background-image: url("../../images/project-bg.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  min-height: 500px;
  padding: 30px 0 !important; }
  #projects .container {
    background-color: rgba(255, 255, 255, 0.5);
    padding-top: 30px;
    padding-bottom: 30px; }
    #projects .container h4 {
      text-align: center;
      text-transform: uppercase;
      color: white;
      font-family: 'Montserrat-SemiBold';
      letter-spacing: 2px; }
      #projects .container h4:after {
        content: '';
        display: block;
        margin: auto;
        height: 4px;
        width: 50px;
        background-color: #179994;
        margin-bottom: 20px; }
    #projects .container .small-ltr {
      font-size: 10px;
      bottom: 0px; }
    #projects .container p {
      color: white;
      font-size: 14px;
      text-align: justify; }
    #projects .container a {
      font-size: 15px; }
    #projects .container .one {
      margin-bottom: 15px;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 15px; 
            min-height: 200px;
    }
      #projects .container .one span {
        display: inline-block;
        height: 35px;
        width: 35px;
        padding: 8px;
        border-radius: 5px;
        color: white;
        font-family: 'Montserrat-SemiBold';
        margin-right: 10px;
        background-color: #179994;
        margin-bottom: 10px; }
      #projects .container .one a {
        color: #179994;
        font-family: 'Montserrat-SemiBold'; }
    #projects .container .two {
      margin-bottom: 15px;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 15px; 
            min-height: 200px;
    }
      #projects .container .two span {
        display: inline-block;
        height: 35px;
        width: 35px;
        padding: 8px;
        border-radius: 5px;
        color: white;
        font-family: 'Montserrat-SemiBold';
        margin-right: 10px;
        background-color: #34b095;
        margin-bottom: 10px; }
      #projects .container .two a {
        color: #34b095;
        font-family: 'Montserrat-SemiBold'; }
    #projects .container .three {
      margin-bottom: 15px;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 15px; 
            min-height: 200px;
    }
      #projects .container .three span {
        display: inline-block;
        height: 35px;
        width: 35px;
        padding: 8px;
        border-radius: 5px;
        color: white;
        font-family: 'Montserrat-SemiBold';
        margin-right: 10px;
        background-color: #5dc58f; }
      #projects .container .three a {
        color: #5dc58f;
        font-family: 'Montserrat-SemiBold'; }
    #projects .container .four {
      margin-bottom: 15px;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 15px; 
            min-height: 200px;
    }
      #projects .container .four span {
        display: inline-block;
        height: 35px;
        width: 35px;
        padding: 8px;
        border-radius: 5px;
        color: white;
        font-family: 'Montserrat-SemiBold';
        margin-right: 10px;
        background-color: #8cd984;
        margin-bottom: 10px; }
      #projects .container .four a {
        color: #8cd984;
        font-family: 'Montserrat-SemiBold'; }
    #projects .container .five {
      margin-bottom: 15px;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 15px;
          min-height: 200px;}
      #projects .container .five span {
        display: inline-block;
        height: 35px;
        width: 35px;
        padding: 8px;
        border-radius: 5px;
        color: white;
        font-family: 'Montserrat-SemiBold';
        margin-right: 10px;
        background-color: #c0ea78;
        margin-bottom: 10px; }
      #projects .container .five a {
        color: #c0ea78;
        font-family: 'Montserrat-SemiBold'; }
    #projects .container .six {
      margin-bottom: 15px;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 15px; 
            min-height: 200px;
    }
      #projects .container .six span {
        display: inline-block;
        height: 35px;
        width: 35px;
        padding: 8px;
        border-radius: 5px;
        color: white;
        font-family: 'Montserrat-SemiBold';
        margin-right: 10px;
        background-color: #f9f871;
        margin-bottom: 10px; }
      #projects .container .six a {
        color: #f9f871;
        font-family: 'Montserrat-SemiBold'; }

#why {
  border-top: 5px solid #73ffc2; }
  .yhw{
          height: 440px;
  }
  #why .right-content {
    background-color: #303030;
    padding: 60px 35px;
    padding-bottom: 0;
    height: 100%;
    color: white; }
    #why .right-content h4 {
      font-family: 'Montserrat-SemiBold';
      color: white;
      text-transform: uppercase;
      letter-spacing: 2px;
      text-align: center;
      text-transform: uppercase;
      color: white;
      font-family: 'Montserrat-SemiBold';
      letter-spacing: 2px; }
      #why .right-content h4:after {
        content: '';
        display: block;
        margin: auto;
        height: 4px;
        width: 50px;
        background-color: #179994;
        margin-bottom: 20px; }
    #why .right-content p {
      text-align: justify;
      line-height: 25px;
      font-size: 14px; }
    #why .right-content a {
      color: white;
      font-size: 14px;
      letter-spacing: 5px;
      transition-duration: 1s; }
      #why .right-content a:hover {
        text-decoration: none;
        color: #179994;
        margin-left: 10px; }

#volunteer {
  background-image: url("../../images/voln_02.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  min-height: 300px;
  padding: 100px 0 !important;
  color: white;
  text-align: center;
  background-size: cover; }
  #volunteer h2 {
    font-family: 'Montserrat-Bold';
    text-transform: uppercase;
    letter-spacing: 2px; }
  #volunteer a {
    border: 2px solid white;
    color: white;
    font-family: 'Montserrat-SemiBold';
    font-size: 14px;
    padding: 10px 25px;
    transition-delay: .2s; }
    #volunteer a:hover {
      text-decoration: none;
      color: #179994;
      border-color: #179994; }

#angels-village {
  border-top: 5px solid #73ffc2;
  border-bottom: 5px solid #73ffc2; }
  #angels-village .right-content {
    padding: 20px;
    background-color: #303030;
    height: 100%;
    color: white; }
  #angels-village p {
    font-size: 14px;
    text-align: justify; }
  #angels-village h4 {
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-family: 'Montserrat-SemiBold';
    letter-spacing: 2px; }
    #angels-village h4:after {
      content: '';
      display: block;
      margin: auto;
      height: 4px;
      width: 50px;
      background-color: #179994;
      margin-bottom: 20px; }
  #angels-village a {
    color: white;
    font-size: 14px;
    letter-spacing: 5px;
    transition-duration: 1s; }
    #angels-village a:hover {
      text-decoration: none;
      color: #179994;
      margin-left: 10px; }

#prc {
  border-bottom: 5px solid #73ffc2; }
  #prc .right-content {
    padding: 20px;
    background-color: #303030;
    height: 100%;
    color: white; }
  #prc p {
    font-size: 14px;
    text-align: justify; }
  #prc h4 {
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-family: 'Montserrat-SemiBold';
    letter-spacing: 2px; }
    #prc h4:after {
      content: '';
      display: block;
      margin: auto;
      height: 4px;
      width: 50px;
      background-color: #179994;
      margin-bottom: 20px; }
  #prc a {
    color: white;
    font-size: 14px;
    letter-spacing: 5px;
    transition-duration: 1s; }
    #prc a:hover {
      text-decoration: none;
      color: #179994;
      margin-left: 10px; }

#farm {
  border-bottom: 5px solid #73ffc2; }
  #farm .right-content {
    padding: 20px;
    background-color: #303030;
    height: 100%;
    color: white; }
  #farm p {
    font-size: 14px;
    text-align: justify; }
  #farm h4 {
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-family: 'Montserrat-SemiBold';
    letter-spacing: 2px; }
    #farm h4:after {
      content: '';
      display: block;
      margin: auto;
      height: 4px;
      width: 50px;
      background-color: #179994;
      margin-bottom: 20px; }
  #farm a {
    color: white;
    font-size: 14px;
    letter-spacing: 5px;
    transition-duration: 1s; }
    #farm a:hover {
      text-decoration: none;
      color: #179994;
      margin-left: 10px; }

#hme .one {
  background-image: url("../../images/homofpeace.jpg");
  min-height: 400px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 80px 30px; }
  #hme .one .content {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 50px 10px;
    height: 100%;
    color: white; }
    #hme .one .content p {
      text-align: justify; }
    #hme .one .content h5 {
      text-align: center;
      text-transform: uppercase;
      color: white;
      font-family: 'Montserrat-SemiBold';
      letter-spacing: 2px; }
      #hme .one .content h5:after {
        content: '';
        display: block;
        margin: auto;
        height: 4px;
        width: 50px;
        background-color: #179994;
        margin-bottom: 20px; }

#hme .two {
  background-image: url("../../images/ashadeepam.jpg");
  min-height: 400px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 80px 30px; }
  #hme .two .content {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 50px 10px;
    height: 100%;
    color: white; }
    #hme .two .content p {
      text-align: justify; }
    #hme .two .content h5 {
      text-align: center;
      text-transform: uppercase;
      color: white;
      font-family: 'Montserrat-SemiBold';
      letter-spacing: 2px; }
      #hme .two .content h5:after {
        content: '';
        display: block;
        margin: auto;
        height: 4px;
        width: 50px;
        background-color: #179994;
        margin-bottom: 20px; }

#hme .three {
  background-image: url("../../images/steps.jpg");
  min-height: 400px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 80px 30px; }
  #hme .three .content {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 50px 10px;
    height: 100%;
    color: white; }
    #hme .three .content p {
      text-align: justify; }
    #hme .three .content h5 {
      text-align: center;
      text-transform: uppercase;
      color: white;
      font-family: 'Montserrat-SemiBold';
      letter-spacing: 2px; }
      #hme .three .content h5:after {
        content: '';
        display: block;
        margin: auto;
        height: 4px;
        width: 50px;
        background-color: #179994;
        margin-bottom: 20px; }

#hme .four {
  background-image: url("../../images/home.jpg");
  min-height: 400px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 80px 30px; }
  #hme .four .content {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 50px 10px;
    height: 100%;
    color: white; }
    #hme .four .content p {
      text-align: justify; }
    #hme .four .content h5 {
      text-align: center;
      text-transform: uppercase;
      color: white;
      font-family: 'Montserrat-SemiBold';
      letter-spacing: 2px; }
      #hme .four .content h5:after {
        content: '';
        display: block;
        margin: auto;
        height: 4px;
        width: 50px;
        background-color: #179994;
        margin-bottom: 20px; }

#map {
  margin-top: 20px; }
  #map h4 {
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-family: 'Montserrat-SemiBold';
    letter-spacing: 2px;
    color: black; }
    #map h4:after {
      content: '';
      display: block;
      margin: auto;
      height: 4px;
      width: 50px;
      background-color: #179994;
      margin-bottom: 20px; }
    #map h4 .fas {
      color: #179994; }
  #map iframe {
    margin-bottom: 0; }

#footer {
  background-color: #303030;
  border-top: 10px solid #179994;
  padding-top: 30px !important;
  text-align: center;
  color: white; }
  #footer .logo {
    width: 80%; }
    @media only screen and (max-width: 600px) {
      #footer .logo {
        width: 30%; } }
  #footer h6 {
    font-family: 'Montserrat-SemiBold';
    letter-spacing: 2px; }
  #footer p {
    margin: 0;
    font-size: 14px; }
  #footer ul {
    padding: 0; }
    #footer ul li {
      list-style: none;
      display: inline-block;
      margin-right: 10px; }
      #footer ul li .fab {
        background-color: #aeaeae;
        color: white;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        padding-top: 5px;
        transition-delay: 0.2s; }
        #footer ul li .fab:hover {
          color: #179994;
          background-color: white; }
  #footer .policy {
    border-top: 1px solid white;
    margin-top: 10px;
    margin-bottom: 10px; }
    #footer .policy a {
      color: white;
      font-size: 12px; }
    #footer .policy ul {
      margin-bottom: 0; }
  #footer .copy {
    background-color: #179994;
    padding: 15px !important; }
    #footer .copy a {
      color: white; }
    #footer .copy p {
      font-size: 12px; }

.inner-page h6 {
  font-family: 'Montserrat-SemiBold';
  line-height: 26px; }

.inner-page p {
  text-align: justify; }

.inner-page .team {
  border: 1px solid #179994;
  padding: 2px;
  border-radius: 3px;
  color: #303030;
  text-align: center;
  min-height: 400px;
  margin-bottom: 20px; }
  .inner-page .team h5 {
    font-family: 'Montserrat-SemiBold';
    border-bottom: 0; }
  .inner-page .team p {
    font-family: 'Montserrat-SemiBold';
    text-align: center; }

.inner-page .about-li ul {
  padding: 0; }
  .inner-page .about-li ul h6 {
    font-family: 'Montserrat-SemiBold';
    color: #179994; }
  .inner-page .about-li ul li {
    list-style: none;
    font-size: 14px; }
    .inner-page .about-li ul li:before {
      font-family: "Font Awesome 5 Pro";
      content: "\f192";
      display: inline-block;
      padding-right: 3px;
      vertical-align: middle;
      font-weight: 900;
      font-size: 16px;
      color: #179994;
      margin-left: 10px; }

.inner-page .carehomz h4 {
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-family: 'Montserrat-SemiBold';
  letter-spacing: 2px;
  color: #303030; }
  .inner-page .carehomz h4:after {
    content: '';
    display: block;
    margin: auto;
    height: 4px;
    width: 50px;
    background-color: #179994;
    margin-bottom: 20px; }

.inner-page .quote {
  text-align: center;
  font-style: italic;
  color: #179994; }
  .inner-page .quote .fa-quote-left {
    font-size: 36px;
    margin-right: 10px;
    color: #afafaf; }

.inner-page .angels-village-main {
  margin-bottom: 50px; }
  .inner-page .angels-village-main h5 {
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-family: 'Montserrat-SemiBold';
    letter-spacing: 2px;
    color: #179994; }
    .inner-page .angels-village-main h5:after {
      content: '';
      display: block;
      margin: auto;
      height: 4px;
      width: 50px;
      background-color: #179994;
      margin-bottom: 20px; }
  .inner-page .angels-village-main h6 {
    color: #179994; }
  .inner-page .angels-village-main ul {
    padding: 0; }
    .inner-page .angels-village-main ul li {
      font-size: 14px;
      line-height: 26px; }

.inner-page .gallery img {
  width: 100%;
  height: 255px;
  object-fit: cover;
  box-shadow: 0px 0px 6px 0px #b3b3b3;
  margin-bottom: 30px; }

.inner-page .contact {
  margin-bottom: 30px;
  margin-top: -150px; }
  .inner-page .contact p {
    text-align: center;
    margin: 0; }
  .inner-page .contact .contact-container {
    background-color: white;
    padding: 20px;
    box-shadow: 0px 0px 3px #6b6b6b; }
    .inner-page .contact .contact-container .form-control {
      border: 0;
      border-bottom: 1px solid #179994;
      border-radius: 0; }
      .inner-page .contact .contact-container .form-control:focus {
        box-shadow: none; }
      .inner-page .contact .contact-container .form-control::placeholder {
        font-size: 12px; }
    .inner-page .contact .contact-container button {
      background-color: #179994;
      color: white;
      padding: 5px 25px;
      border: 0;
      float: left; }

.inner-page .form h6 {
  text-align: left; }

#strength {
  margin-top: 30px; }
  #strength h4 {
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-family: 'Montserrat-SemiBold';
    letter-spacing: 2px;
    color: #303030; }
    #strength h4:after {
      content: '';
      display: block;
      margin: auto;
      height: 4px;
      width: 50px;
      background-color: #179994;
      margin-bottom: 20px; }