/* SUSTAINABILITY */

.container-sustainability {
  width: 1180px;
  height: 511px;
  display: flex;
  margin: auto;
  margin-top: 60px;
}

.box-sustainability {
  width: 50%;
  height: 100%;
}

.upper-y {
  width: 100%;
  height: 50%;
  background: rgba(240, 146, 0, 1);
  padding: 60px 0 30px 60px;
}

.lower-y {
  width: 100%;
  height: 50%;
  background: rgba(232, 134, 0, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 30px 0 30px 60px;
}

.upper-b {
  width: 100%;
  height: 50%;
  background: rgba(0, 78, 108, 1);
  padding: 60px 0 30px 60px;
}

.lower-b {
  width: 100%;
  height: 50%;
  background: rgba(19, 66, 91, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 30px 0 30px 60px;
}

.sustainability-title-wrapper {
  width: 400px;
}

.sustainability-title-wrapper > h2 {
  font-size: 46px;
  line-height: 60px;
  color: white;
  font-family: "LL Circular Pro Book Web";
  font-weight: bold;
}

.sustainability-subtitle-wrapper {
  width: 416px;
}

.sustainability-subtitle-wrapper > p {
  font-size: 24px;
  line-height: 30px;
  color: white;
  margin-top: 1rem;
  margin-bottom: 0;
}

.list-item-wrapper {
  width: 476px;
}

.list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-icon {
  height: 77px;
  width: 77px;
  display: flex;
  align-items: center;
}

.list-icon > img {
  height: 80%;
}

.list-p {
  width: 389px;
  display: flex;
  align-items: center;
}

.list-p > p {
  font-size: 16px;
  line-height: 20.24px;
  margin: 0;
  color: white;
}

/* MIND */

/*.container-mind {*/
.container-mind, [role=form] {
  /*width: 1180px;*/
  width: 100%;
  max-width: 1180px;
  background-color: white;
  display: flex;
  align-items: center;
  margin: auto;
  margin-top: 60px;
  padding: 80px;
}

.container-mind ul {
  color: yellow;
}

.text-box-mind {
  /*width: 497px;*/
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.img-box-mind {
  /*width: 682px;*/
  width: auto;
  height: 615px;
}

.img-box-mind > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.mind-title-wrapper {
  width: 379px;
}

.mind-title-wrapper > h2 {
  font-size: 48px;
  line-height: 120%;
  color: rgba(240, 146, 0, 1);
  padding-right: 40px;
  font-family: "LL Circular Pro Book Web";
  font-weight: bold;
}

.mind-p-wrapper {
  width: 420px;
}

.mind-p-wrapper > p {
  font-size: 18px;
  line-height: 28px;
  padding-right: 40px;
  color: rgba(0, 78, 108, 1);
  margin-top: 1rem;
}

/* SWIPER-IMPACT */

.container-impact {
  width: 1180px;
  background-color: white;
  margin: auto;
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px 40px 60px 40px;
}

.container-impact-wrapper {
  width: 100%;
}

.impact-title-icon {
  width: 14px;
  height: 30px;
  margin: auto;
}

.impact-title-wrapper {
  width: 448px;
  margin: auto;
  margin-top: 1rem;
}

.impact-title-wrapper > h2 {
  font-size: 27px;
  line-height: 34.15px;
  text-transform: uppercase;
  text-align: center;
  color: rgba(0, 78, 108, 1);
}

.impact-subtitle-wrapper {
  width: 980px;
  margin: auto;
}

.impact-subtitle-wrapper > p {
  font-size: 25px;
  line-height: 31.62px;
  text-align: center;
  color: rgba(0, 78, 108, 1);
  margin-top: 1rem;
}

.impact-card {
  width: 225px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.impact-card-icon-wrapper {
  width: 177px;
  height: 177px;
}

.impact-card-icon-wrapper > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.impact-card-p-wrapper > p {
  font-size: 16px;
  line-height: 19.2px;
  text-align: center;
  margin-top: 30px;
  color: rgba(0, 78, 108, 1);
  margin-top: 1rem;
}

.swiper-wrapper {
  margin-top: 30px;
}

.swiper-slide {
  width: 225px !important;
  margin: 0 auto 0 auto;
}

.swiper-pagination-bullet {
  background-color: white;
  border: 1px solid rgba(240, 146, 0, 1);
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: rgba(240, 146, 0, 1);
}

/* ACTS */

.container-acts {
  width: 100%;
  background: rgba(0, 78, 108, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 60px;
  padding: 80px 0 80px 0;
  overflow-x: hidden;
}

.container-acts-wrapper {
  width: 100%;
}

.acts-title-wrapper {
  width: 737px;
  margin: auto;
}

.acts-title-wrapper > h2 {
  font-size: 27px;
  line-height: 34.15px;
  text-transform: uppercase;
  text-align: center;
  color: white;
  font-family: "LL Circular Pro Book Web";
  font-weight: bold;
}

.acts-subtitle-wrapper {
  width: 879px;
  margin: auto;
}

.acts-subtitle-wrapper > p {
  font-size: 25px;
  line-height: 31.62px;
  text-align: center;
  color: white;
  margin-top: 1rem;
}

.acts-cards-wrapper {
  /*width: 1180px;*/
  width: 100%;
  max-width: 1180px;
  margin: auto;
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}

.acts-cards-wrapper > .acts-card {
  /*width: 277px;
  height: 296px;*/
  width: 25%;
  height: auto;
  margin: 0 12.5px;
  border-radius: 4px;
  background-color: white;
}

.acts-card-text-wrapper {
  width: 100%;
  height: 40%;
}

.acts-card-text-title {
  width: 240px;
  margin-left: 18px;
  padding: 16px 0 16px 0;
}

.acts-card-text-title > p {
  font-size: 24px;
  line-height: 28.8px;
  font-weight: bold;
  margin: 0;
  color: rgba(0, 78, 108, 1);
}

.acts-card-text-title > p > strong {
  font-family: "LL Circular Pro Black Web";
}

.acts-card-img-wrapper {
  width: 100%;
  height: 60%;
}

.acts-card-img-wrapper > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.acts-load-more-wrapper {
  width: 1180px;
  height: 76px;
  display: flex;
  align-items: center;
  margin: auto;
  margin-top: 60px;
}

.load-more-btn {
  height: 76px;
  width: 215px;
  padding: 0;
  display: flex;
  align-items: center;
  background-color: transparent;
  border-style: none;
  cursor: pointer;
}

.acts-load-more-icon {
  height: 76px;
  width: 76px;
}

.acts-load-more-text {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}

.acts-load-more-text > p {
  font-size: 16px;
  line-height: 20.24px;
  color: white;
  text-transform: uppercase;
  margin-top: 1rem;
}

/* SIMPLE TEXT & PRESENTATION */

#custom-padding-margin {
  padding: 0 !important;
  margin-top: 60px !important;
}

/* PRESENTATION */

.presentation-img-wrapper {
  height: auto;
  width: auto;
}

/* HEADER */

.header-img {
  /*height: 800px;*/
  height: auto;
  width: 100%;
  object-position: center;
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  /* SUSTAINIBILITY */

  .container-sustainability {
    display: block;
    width: 90%;
    height: auto;
  }

  .box-sustainability {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }

  .upper-y,
  .upper-b,
  .lower-y,
  .lower-b {
    height: auto;
  }

  .upper-y,
  .upper-b {
    padding: 60px 0 30px 20px;
  }

  .lower-y,
  .lower-b {
    padding: 30px 0 30px 20px;
  }

  .sustainability-title-wrapper {
    width: 270px;
  }

  .sustainability-title-wrapper > h2 {
    font-size: 32px;
    line-height: 38.4px;
  }

  .sustainability-subtitle-wrapper {
    width: 300px;
  }

  .sustainability-subtitle-wrapper > p {
    font-size: 18px;
    line-height: 22.77px;
  }

  .list-item-wrapper {
    width: 307px;
  }

  .list-item {
    display: flex;
    justify-content: space-between;
  }

  .list-icon {
    height: 50px;
    width: 50px;
  }

  .list-p {
    width: 230px;
  }

  .list-p > p {
    font-size: 16px;
    line-height: 20.24px;
    margin-bottom: 1rem;
  }

  /* MIND */

  .container-mind {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-evenly;
    height: auto;
    width: 90%;
    padding: 60px 0 60px 0;
  }

  .text-box-mind {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .mind-title-wrapper {
    width: 311px;
  }

  .mind-title-wrapper > h2 {
    font-size: 32px;
    line-height: 40.48px;
    color: rgba(240, 146, 0, 1);
    padding-right: 0;
  }

  .mind-p-wrapper {
    width: 311px;
  }

  .mind-p-wrapper > p {
    font-size: 18px;
    line-height: 28px;
    padding-right: 0;
  }

  .img-box-mind {
    width: 100%;
    height: 356px;
    padding: 0 10px 0 10px;
  }

  /* SWIPER-IMPACT */

  .container-impact {
    width: 90%;
    padding: 60px 0px 60px 0px;
  }

  .impact-title-wrapper {
    width: 311px;
  }

  .impact-subtitle-wrapper {
    width: 311px;
  }

  .impact-subtitle-wrapper > p {
    font-size: 18px;
    line-height: 22.77px;
  }

  .impact-card {
    width: 225px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
  }

  .impact-card-icon-wrapper {
    width: 177px;
    height: 177px;
  }

  .impact-card-p-wrapper > p {
    font-size: 16px;
    line-height: 19.2px;
    text-align: center;
    margin-top: 30px;
    color: rgba(0, 78, 108, 1);
  }

  .swiper-wrapper {
    margin-top: 30px;
  }

  .swiper-slide {
    width: 100% !important;
  }

  .swiper-pagination {
    position: static;
  }

  .swiper-pagination-bullet {
    background-color: white;
    border: 2px solid rgba(240, 146, 0, 1);
    opacity: 1;
  }

  .swiper-pagination-bullet-active {
    background: rgba(240, 146, 0, 1);
  }

  /* ACTS */

  .container-acts {
    width: 100%;
    height: 746px;
  }

  .acts-title-wrapper {
    width: 343px;
  }

  .acts-subtitle-wrapper {
    width: 343px;
  }

  .acts-subtitle-wrapper > p {
    font-size: 18px;
    line-height: 22.77px;
  }

  .acts-card-text-category {
    width: 111px;
    margin-left: 20px;
    padding-top: 5px;
  }

  .acts-card-text-title {
    padding-right: 30px;
  }

  .acts-cards-wrapper {
    /*width: 359px;*/
    margin-top: 60px;
    display: flex;
    overflow-x: auto;
    padding: 0 20px 0 20px;
  }

  .acts-cards-wrapper::-webkit-scrollbar {
    background-color: transparent;
  }

  .acts-cards-wrapper > .acts-card {
    margin-right: 20px;
  }

  .acts-load-more-wrapper {
    display: none;
  }

  /* HEADER */

  /*.header-img {
    height: 565px;
  }*/
}

/* new css - new landing September 2022 */
.downArrowBox {background: #ef9200 !important;}
.acts-card-img-wrapper, .acts-card-text-wrapper { height: 50%; }
.container-mind, [role=form], .mind-title-wrapper > h2 { padding: 0; }
.container-mind, [role=form], form { margin: auto; padding: 0 20px; }
[role=form] {background-color: transparent; width: 100%; display: block;}
.container-mind ul { color: #214e6c; }
.container-mind ul strong { font-size: 1.25em; }
.mind-p-wrapper ul li::marker {color: #ef9200; font-size: 20px;}
.mind-title-wrapper {width: auto};
.text-box-mind {margin: auto;}
.img-box-mind, .text-box-mind {width: 100%;}
.mind-p-wrapper ul li { margin: 10px 0; font-size: 20px; }
.acts-card-text-wrapper > .acts-card-text-title {width: 100%; margin: 0; padding: 16px;}
.mind-title-wrapper svg {display: none;}
form h6 {color: #0e4c6b; margin-bottom: 50px;}
.mind-p-wrapper {width: auto;}
.first-container {margin-top: 120px !important;}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .acts-card-text-wrapper { height: 55%; }
  .acts-card-img-wrapper{ height: 45%; }
  .acts-card-text-title > p {font-size: 18px;}
}
/*@media only screen and (max-width: 768px) {
  .downArrowBox { width: 30px !important; height: 60px !important; }
  .downArrowBox svg { width: 7.5px !important; }
}*/

@media only screen and (min-width: 768px) {
  .first-container {margin-top: 0 !important;}
}

@media only screen and (max-width: 767px) {
  .container-acts {height: auto;}
  .img-box-mind, .text-box-mind {width: auto;}
  [role=form], form { width: 100%; padding: 0 10px;}
  .acts-cards-wrapper {display: block;}
  .acts-cards-wrapper > .acts-card {width: 50%; margin: 12.5px auto;}
  .mind-title-wrapper {text-align: center;}
  .mind-title-wrapper, .mind-p-wrapper {width: 100%;}
}

@media only screen and (max-width: 495px) {
  .acts-cards-wrapper > .acts-card {width: 80%;}
}