/* [project]/src/styles/aboutus/aboutus9.css [client] (css) */
.aboutus9-section {
  color: #fff;
  background-color: #111;
  background-image: linear-gradient(#000000e6, #000000e6), repeating-linear-gradient(-45deg, #0000, #0000 30px, #ffffff05 30px 60px), url("../media/discussion-banner.bd32a2b0.png");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.aboutus9-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}

.aboutus9-header {
  text-align: center;
  margin-bottom: 60px;
}

.aboutus9-header .title {
  margin-bottom: 20px;
  font-family: Lexend Deca, sans-serif;
  font-size: 42px;
  font-weight: 700;
}

.aboutus9-header .text-secondary {
  color: #54b248;
}

.aboutus9-header .desc {
  color: #eee;
  max-width: 850px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.6;
}

.leadership-slider-wrapper {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.leadership-viewbox {
  width: 100%;
  overflow: hidden;
}

.leader-card-box {
  padding: 0;
}

.leader-item {
  text-align: left;
  margin: 0 15px;
  transition: transform .3s;
}

.leader-image-bg {
  aspect-ratio: 1;
  background-color: #e2f3e8;
  border: 2px solid #54b248;
  align-items: flex-end;
  margin-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.leader-image-bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.leader-content {
  padding-left: 5px;
}

.name-green {
  color: #54b248;
  margin: 0;
  font-family: Lexend Deca, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.role-white {
  color: #fff;
  opacity: .9;
  margin-top: 5px;
  font-size: 16px;
}

.nav-arrow {
  color: #fff;
  cursor: pointer;
  z-index: 50;
  background-color: #54b248;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 38%;
  box-shadow: 0 4px 15px #0006;
}

.nav-arrow.prev {
  left: -22px;
}

.nav-arrow.next {
  right: -22px;
}

.nav-arrow:hover {
  background-color: #46a03c;
  transform: scale(1.1);
}

@media (max-width: 1200px) {
  .nav-arrow.prev {
    left: -10px;
  }

  .nav-arrow.next {
    right: -10px;
  }
}

@media (max-width: 1024px) {
  .aboutus9-section {
    padding: 60px 0;
  }

  .aboutus9-container {
    padding: 0 20px;
  }

  .nav-arrow {
    width: 40px;
    height: 40px;
    top: 35%;
  }

  .nav-arrow.prev {
    left: 0;
  }

  .nav-arrow.next {
    right: 0;
  }
}

@media (max-width: 640px) {
  .aboutus9-header .title {
    font-size: 32px;
  }

  .aboutus9-header .desc {
    font-size: 16px;
  }

  .leader-card-box {
    padding: 0 !important;
  }

  .leader-item {
    margin: 0 10px;
  }

  .name-green {
    font-size: 19px;
  }

  .role-white {
    font-size: 14px;
  }
}

/*# sourceMappingURL=src_styles_aboutus_aboutus9_css_65f1660e._.single.css.map*/