.secTitle {

  font-size: 46px;

  font-weight: 400;

}



@media (max-width: 1200px) {

  .secTitle {

    font-size: 44px;

  }

}



@media (max-width: 992px) {

  .secTitle {

    font-size: 42px;

  }

}



@media (max-width: 768px) {

  .secTitle {

    font-size: 36px;

  }

}



.hero .banner {

  width: 100%;

}



.hero .swiper-slide {

  height: calc(100vh - 75px - 108px);

  background-size: cover, cover;

  background-position: center, center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.hero .swiper-slide .text {

  color: #fff;

  font-size: 46px;

  padding: 50px;

}



.hero .swiper-slide .text span {

  display: block;

}



@media (max-width: 768px) {

  .hero .swiper-slide .text {

    font-size: 28px;

  }

}



.hero .swiper-pagination-bullet {

  background-color: #fff;

}



.hero .swiper-pagination-bullet-active {

  background-color: #fbb517;

}



.features .nav {

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

  background: #fff;

}



.features .nav.sticky {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

}



.features .nav.sticky + .fill {

  height: 108px;

  display: block;

}



.features .nav .nav-item {

  text-align: center;

  width: calc(100% / 5);

}



.features .nav .nav-item .nav-link {

  color: #333;

  font-weight: 500;

  font-size: 20px;

  padding: 20px 15px;

  position: relative;

}



.features .nav .nav-item .nav-link i {

  font-size: 30px;

  color: #048940;

}



.features .nav .nav-item .nav-link span {

  margin-top: 5px;

  display: block;

}



.features .nav .nav-item .nav-link.active {

  background-color: #fbb517;

  color: #333;

}



.features .nav .nav-item .nav-link.active::after {

  position: absolute;

  content: " ";

  bottom: -40px;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  border: 20px solid transparent;

  border-top-color: #fbb517;

}



.features .nav .nav-item .nav-link.active i {

  font-weight: 600;

}



.features .nav .nav-item .nav-link.active i,

.features .nav .nav-item .nav-link.active span {

  color: #000;

}



@media (max-width: 1200px) {

  .features .nav .nav-item .nav-link {

    padding: 20px 5px;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}



@media (max-width: 992px) {

  .features .nav .nav-item .nav-link {

    font-size: 18px;

  }

}



@media screen and (max-width: 568px) {

  .features .nav .nav-item {

    width: auto;

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

  }

  .features .nav .nav-item .nav-link span {

    display: none;

  }

  .features .nav .nav-item .nav-link.active span {

    display: block;

  }

}



.trendsetter .background {

  min-height: calc(100vh - 108px);

  background-repeat: no-repeat;

  background-size: cover;

  padding: 80px 0;

}



.trendsetter .background .text {

  color: #fff;

  font-size: 44px;

  font-weight: 500;

}



@media (max-width: 1200px) {

  .trendsetter .background .text {

    font-size: 36px;

  }

}



@media (max-width: 992px) {

  .trendsetter .background {

    min-height: auto;

  }

  .trendsetter .background .text {

    font-size: 28px;

  }

}



@media (max-width: 768px) {

  .trendsetter .background .text {

    font-size: 24px;

  }

}



.businessCard {

  padding: 80px 0;

  background: #048940 url(../images/banner-04.png) no-repeat;

  background-size: cover;

}



.businessCard .title {

  margin-bottom: 70px;

}



.businessCard .featuredImg {

  padding-right: 50px;

}



.businessCard .featuredImg img {

  width: 100%;

  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);

          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);

  border-radius: 4px;

}



.businessCard .contentArea {

  padding-left: 50px;

}



.businessCard .contentArea ul li {

  position: relative;

  padding-left: 40px;

  font-size: 22px;

  margin-bottom: 10px;

}



.businessCard .contentArea ul li i {

  position: absolute;

  left: 0;

  top: 7px;

}



@media (max-width: 1200px) {

  .businessCard .featuredImg {

    padding-right: 30px;

  }

  .businessCard .contentArea {

    padding-left: 30px;

  }

  .businessCard .contentArea ul li {

    font-size: 18px;

    padding-left: 35px;

  }

  .businessCard .subTitle {

    font-size: 24px;

  }

}



@media (max-width: 992px) {

  .businessCard .featuredImg {

    padding-right: 15px;

  }

  .businessCard .featuredImg img {

    max-width: 458px;

    margin: 0 auto 60px;

    display: block;

  }

  .businessCard .contentArea {

    padding-left: 15px;

    text-align: center;

  }

  .businessCard .contentArea ul {

    margin-bottom: 60px !important;

  }

  .businessCard .contentArea ul li {

    padding-left: 0;

  }

  .businessCard .contentArea ul li i {

    position: static;

    margin-right: 8px;

  }

}



.reinventing {

  background-color: #ebebeb;

  padding: 80px 0;

  overflow: hidden;

}



.reinventing .text {

  font-size: 22px;

  max-width: 900px;

  margin: auto;

}



.reinventing .secs {

  padding-top: 25px;

}



.reinventing .secs p {

  font-size: 22px;

  font-weight: 500;

}



.reinventing .secs img {

  max-width: 161px;

  display: block;

  margin: 30px auto;

}



.reinventing .secs i {

  display: block;

  font-size: 100px;

  margin: 30px 0;

}



@media (max-width: 992px) {

  .reinventing .secs p {

    font-size: 20px;

    min-height: 60px;

  }

  .reinventing .secs img {

    max-width: 120px;

  }

  .reinventing .secs i {

    font-size: 80px;

  }

  .reinventing .secs .btn {

    padding: 14px 25px;

  }

}



@media (max-width: 768px) {

  .reinventing .secs > div {

    margin-bottom: 20px;

  }

  .reinventing .secs > div > div {

    border: 1px solid #ccc;

    padding: 20px;

    background-color: white;

  }

}



.cardBenefits {

  padding: 80px 0;

}



.cardBenefits .text {

  font-weight: 500;

  font-size: 20px;

}



.cardBenefits .benefits {

  margin-right: -10px;

  margin-left: -10px;

}



.cardBenefits .benefits > * {

  margin-bottom: 30px;

}



.cardBenefits .benefits > * > div {

  background-color: #fff;

  min-height: 100%;

  border: 2px solid #048940;

  padding: 15px;

}



.cardBenefits .benefits > * > div:hover img {

  -webkit-transform: rotate(360deg);

          transform: rotate(360deg);

}



.cardBenefits .benefits img {

  width: 100%;

  max-width: 65px;

  margin: auto;

  -webkit-transition: -webkit-transform .8s ease;

  transition: -webkit-transform .8s ease;

  transition: transform .8s ease;

  transition: transform .8s ease, -webkit-transform .8s ease;

}



.cardBenefits .benefits .title {

  color: #333;

  display: block;

  margin: 15px 0;

  font-weight: 500;

  font-size: 20px;

  text-decoration: none;

  -webkit-transition: .2s ease;

  transition: .2s ease;

}



.cardBenefits .benefits .title:hover {

  color: #fbb517;

}



.cardBenefits .benefits ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}



.cardBenefits .benefits ul li {

  font-size: 18px;

  margin-bottom: 5px;

}



.cardBenefits .benefits ul li a {

  color: #444;

  text-decoration: none;

  -webkit-transition: .2s ease;

  transition: .2s ease;

}



.cardBenefits .benefits ul li a:hover {

  color: #fbb517;

}



@media (min-width: 1200px) {

/*  .cardBenefits .benefits > * {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 calc(100% / 5);

            flex: 0 0 calc(100% / 5);

    max-width: calc(100% / 5);

    padding-right: 10px;

    padding-left: 10px;

  }

}*/



.donation {

  background: #e5d5bc url(../images/banner-06.png) no-repeat;

  background-size: cover;

  background-position: right;

  padding: 80px 0;

}



.donation .title {

  font-size: 46px;

}



.donation .text {

  font-size: 20px;

  font-weight: 500;

}



@media (max-width: 992px) {

  .donation {

    background-position: center;

  }

}



@media (max-width: 768px) {

  .donation {

    background-position: 64% center;

  }

}

/*# sourceMappingURL=index.css.map */