.container-fluid {
  display: grid;
  margin: 0;
  padding: 0;
}

input,
input::placeholder, textarea::placeholder {
    font-size: 25px;
}

.page-banner {
  position: relative;
  height: 25rem;
  /*background: url('../img/organization/our-organization.jpg') center / cover;*/
  /*text-align: center;*/
}

.page-banner-organization {
  background: url('../img/organization/our-organization.jpg') center / cover;
  /*text-align: center;*/
}


.page-banner h1 {
  color: var(--bs-white);
  font-weight: bold;
  margin: 0;
  font-size: clamp(0.5rem, 4vw + 1rem, 2.7rem) !important;
}

.page-banner p {
  color: var(--bs-white);
  margin: 0;
  font-size: clamp(0.5rem, 3vw + 0.3rem, 1.5rem) !important;
}

.page-banner-title {
  background: rgba(51, 52, 78, 0.67);
  color: #fff;
  padding: 0 1rem !important;
  position: absolute;
  bottom: 0;
  font-size: clamp(0.5rem, 2vw + 1.5rem, 1.5rem) !important;
}

.page-header-text {
  /*margin-right: 10px;*/
  font-size: 50px;
  /*padding: 0 45rem;*/
  font-weight: bold;
  /*margin-left: 50%;*/
  color: var(--bs-white);
}

.logo-main img {
  width: 20rem;
  margin-left: 20px;
}

ul {
  list-style-type: none;
}

.page-title {
  background: rgba(51, 52, 78, 0.67);
  color: #fff;
  padding: 0 1rem !important;
  margin: 2rem auto !important;
}

.page-title h1 {
  font-weight: 700;
  font-size: clamp(0.5rem, 2vw + 2rem, 2.7rem) !important;
}

/*h2{*/
/*  color: rgb(255,255,255);*/
/*  !*font-size: 35px;*!*/
/*  text-align: center;*/
/*  margin-top: 10px;*/
/*  !*font-size: clamp(0.3rem, 1vw + 1.5rem, 2.5rem) !important;*!*/
/*}*/

.site-title {
  background: #e39a2e;
  padding: 10px 20px;
  box-shadow: 10px 10px 20px;
  margin-top: -24px;
}

.site-title h3 {
  margin: 0;
  font-size: clamp(1rem, 2vw + .8rem, 1.8rem) !important;
}

/*p{*/
/*  font-size: clamp(1rem, 2vw + .6rem, .8rem) !important;*/
/*}*/

.banner-blue {
  background: #3786a7;
  padding: 0 2rem;
  height: 21rem;
}

.banner-blue-text-l {
  font-size: clamp(1rem, 2vw + .5rem, 1.5rem) !important;
  font-weight: 600;
}

.banner-blue-emp-l {
  font-size: clamp(1rem, 2vw + 1rem, 2.3rem) !important;
}

.banner-blue-text-r {
  text-align: right;
  color: #fff;
  font-size: clamp(1rem, 2vw + .5rem, 1.5rem) !important;
}

.banner-blue-emp-r {
  text-align: right;
  color: #fff;
  font-size: clamp(1rem, 2vw + 1rem, 2.3rem) !important;
}

/*Footer Area*/
.footer-dark {
  background: rgb(25, 26, 27);
  color: #fff;
}

.footer-upper {
  margin: 2rem 0;
}

.footer-lower {
  padding: 1rem 0;
}

.footer-item {
  margin-top: .7rem;
  text-align: center;
}

.footer-item > ul > li > p {
  margin: 0;
}

.footer p {
  font-size: clamp(1rem, 2vw + .6rem, .4rem) !important;
  /*font-size: .9rem !important;*/
  text-align: center !important;
}

/*Home Page CSS*/
.banner-bottom {
  background: url('../img/home/homepage-banner.jpg') center / cover;
  height: 40rem;
  position: relative;
  text-align: center;
}

.banner-text {
  text-align: center;
  font-size: 1.7rem;
  font-weight: 500;
  padding: .4rem 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.71);
  position: absolute;
  width: 100%;
  bottom: 0;
}

.banner-text > p {
  font-size: clamp(1rem, 2vw + .6rem, 1.6rem) !important;
}

.team-member {
  margin: 1rem auto;
}

.support-toggle {
  cursor: pointer;
  color: #fff;
  text-align: center;
  line-height: 4rem;
}

.our-vision {
  margin: -50px auto 0;
  width: 75rem;
  background: url('../img/organization/circle-picture.png') center / cover no-repeat;
  height: 25rem;
}

.our-vision p {
  font-size: 1.5rem;
  color: var(--bs-white);
  background: rgba(0, 0, 0, 0.51);
  padding: .5rem 1rem;
  margin-top: 10px;
}

.org-structure {
  padding: 3rem 3rem;
}

.org-structure-item-text {
  padding: 0 3rem;
}

.org-structure-item-text p {
  font-size: clamp(0.5rem, 3vw + 0.3rem, 1.1rem) !important;
}

.org-structure-item img {
  border-radius: 10px;
  border-width: 2px;
  border-style: solid;
  box-shadow: 3px 3px 5px 1px;
}

.results-list {
  text-align: right;
}

.slider-text {
  background: rgba(0, 0, 0, 0.64);
  /*text-align: center;*/
  color: var(--bs-white);

}

.local-work-intro {
  margin: 0;
  background: #6e9f93;
  padding: 30px;
}

.local-work-intro-content {
  background: #ffffff;
  padding: 20px;
  box-shadow: 5px 5px 10px 5px;
  font-size: clamp(0.5rem, 3vw + 0.3rem, 1.6rem) !important;
}

.local-work-intro-content p {
  font-size: clamp(0.5rem, 3vw + 0.3rem, 1.6rem) !important;
}

.local-work-slider-description {
  font-size: 1.3rem;
  color: var(--bs-gray-900);
  text-align: center;
}

.carousel-item{
  position: relative;
}

.carousel-item-box{
  position: absolute;
  background: rgba(40, 120, 92, 0.67);
  bottom: 0;
}

.carousel-item-box p {
  font-size: 1.3rem;
  padding: .3rem;
  color: rgb(255, 255, 255);
  text-shadow: 1px 1px 3px rgb(0, 0, 0);
  text-align: center;
}

.regions{
  text-align: center;

}

.regions h3{
  font-size: clamp(1rem, 2vw + .8rem, 1.7rem) !important;
}

/*.section-title{*/
/*  background: #e39a2e;*/
/*  box-shadow: 10px 10px 20px;*/
/*}*/


a {
  text-decoration: none;
}

.linked a {
  color: #fff;
}

.linked a:hover {
  color: #2760c7;
}

.newsletter a {
  color: #414040;
}

.newsletter a:hover {
  color: #2760c7;
}

.local-work:hover {
  background-color: #334c22;
}

.organization:hover {
  background-color: #5c2129;
}

.support:hover {
  background-color: #051724;
}

/* Nav Hover */

/* ============== */

#home-nav:hover {
  background-color: #7caada;
  border-radius: 3px;
  transition: background-color;
  transition-duration: 0.5s;
}

#home-nav .active {
  background-color: #7caada;
  border-radius: 3px;
}

/* ====================== */

#local-work-nav:hover {
  background-color: #57833a;
  border-radius: 3px;
  transition: background-color;
  transition-duration: 0.5s;
}

#local-work-nav .active {
  background-color: #57833a;
  border-radius: 3px;
}

/* ===================== */

#organization-nav:hover {
  background-color: #cf4a5a;
  border-radius: 3px;
  transition: background-color;
  transition-duration: 0.5s;
}

#organization-nav .active {
  background-color: #cf4a5a;
  border-radius: 3px;
}

/* ===================== */

#support-nav:hover {
  background-color: #1f5596;
  border-radius: 3px;
  transition: background-color;
  transition-duration: 0.5s;
}

#support-nav .active {
  background-color: #1f5596;
  border-radius: 3px;
}

/* ====================== */

#contact-nav:hover {
  background-color: #ce996a;
  border-radius: 3px;
  transition: background-color;
  transition-duration: 0.5s;
}

#contact-nav .active {
  background-color: #ce996a;
  border-radius: 3px;
}

.nav-item {
  color: #ffffff !important;
}

/*li{*/
/*  list-style-type: none;*/
/*}*/

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #656565;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 5px 20px 5px;
}

h3 {
  font-size: clamp(1.70rem, 2vw + 1px, 1px) !important;
}

.submit-now {
  margin-top: 20px;
  font-size: 16px;
  width: 200px;
  height: 50px;
  background-color: #e74c3c;
  border-color: transparent;
}

.form-control.input {
  border: 0;
  background: transparent;
  border-bottom: 1px solid silver;
  border-radius: 0px !important;
}

.getintouch {
  height: auto;
  background-image: url("../../assets/img/Get%20In%20touch/GetInTouch.png");
  background-size: cover;
  background-repeat: no-repeat;
}

input[type="text"], input[type="email"], input[type="tel"], textarea {
  border-radius: 0 !important;
}

input[type="text"], input[type="email"], input[type="tel"], textarea {
  border-radius: 8px !important;
}

.btn-primary:hover {
  color: #fff;
  background-color: #4daade;
  border-color: #4daade;
  box-shadow: 0px 10px 15px rgba(157, 157, 157, 0.4);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #4daade;
  border-color: #4daade;
}

.modern-form {
  padding-top: 20px;
  padding-bottom: 20px;
}

.modern-form__hr {
  border-color: #4daade;
  border-width: 2px;
  width: 121px;
  margin: 40px auto;
}

.modern-form__form-group--padding-r {
  padding-right: 20px;
}

.modern-form__form-group--padding-t {
  padding-top: 50px;
}

.modern-form__form-control--textarea {
  height: 95px !important;
  resize: none;
}

.lang a{
  color: #fff;
  /*background-color: #fff;*/
  border-radius: 3px;
  padding: 3px 5px;
}

.lang a:hover{
  color: #000;
  background-color: #fff;
}

.lang>a .active {
  background-color: #ce996a;
}

/*.lang a .active{*/
/*  color: #000;*/
/*  background-color: #fff;*/
/*}*/

@media (min-width: 10em) and (max-width: 30em) {
  .banner-bottom {
    height: 20rem;
  }

  .logo-main img {
    width: 15rem;
    margin-left: 20px;
  }

  .support-toggle {
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    line-height: 4rem;
  }

  .page-banner {
    position: relative;
    height: 15rem;
  }

  .banner-blue {
    padding: 0 1rem;
    height: 27rem;
  }

  .our-vision {
    position: relative;
    margin: -.5rem auto;
    width: 100%;
    background: url('../img/organization/circle-picture.png') -10.4rem / cover no-repeat;
    height: 17rem;
  }

  .our-vision p {
    font-size: 1rem;
    padding: .5rem 1rem;
  }

  .org-structure-item-text {
    padding: 2rem 0;
    text-align: justify !important;
  }

  .org-structure-item-text h2 {
    text-align: left !important;
  }

  .navbar-nav-m{
    background-color: #343434;
  }
}

@media (min-width: 20em) and (max-width: 40em) {
  .banner-bottom {
    height: 30rem;
  }

  .logo-main img {
    width: 15rem;
    margin-left: 20px;
  }

  .support-toggle {
    font-size: 1.1rem;
  }

  .navbar-nav-m{
    background-color: #343434;
  }
}

@media (min-width: 40em) and (max-width: 60em) {
  .logo-main img {
    width: 15rem;
    margin-left: 20px;
  }

  .support-toggle {
    font-size: 1.5rem;
  }

  .navbar-nav-m{
    background-color: #343434;
  }
}

@media (min-width: 60em) and (max-width: 80em) {
  .banner-bottom {
    height: 40rem;
  }

  .logo-main img {
    width: 17rem;
    margin-left: 20px;
  }

  .support-toggle {
    font-size: 1.8rem;
  }

}