.sustainable-development .key-areas h3 {
  font-size: 3.4rem;
  text-align: center;
  margin: 3rem 0;
}
.sustainable-development .key-areas .container-inner .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem;
}
.sustainable-development .key-areas .container-inner .item .icon {
  background-color: #0ca2e0;
  border-radius: 50%;
  padding: 1.3rem;
  width: 7rem;
  height: 7rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  aspect-ratio: 1;
}
.sustainable-development .key-areas .container-inner .item .icon::before {
  content: "";
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  position: absolute;
  z-index: -5;
  top: -0.5rem;
  left: -0.5rem;
  border: 0.5rem solid #ffffff;
}
.sustainable-development .key-areas .container-inner .item .text {
  background-color: #f5f7fa;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-left: -4.5rem;
  padding: 2.5rem 0 2.5rem 7rem;
  line-height: normal;
  z-index: -10;
  font-size: 2.4rem;
}
@media screen and (max-width: 36rem) {
  .sustainable-development .key-areas .container-inner .item .text {
    font-size: 1.6rem;
    padding: 1.6rem 1rem 1.6rem 6rem;
  }
}
.sustainable-development .social-proects {
  margin: 6rem 0;
}
.sustainable-development .social-proects .text {
  margin-bottom: 3.5rem;
}
.sustainable-development .social-proects .container-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 48rem) {
  .sustainable-development .social-proects .container-inner {
    grid-template-columns: 1fr;
    justify-self: center;
  }
}
.sustainable-development .wrapper-inner {
  display: grid;
  gap: 3rem;
}
@media screen and (min-width: 62rem) {
  .sustainable-development .wrapper-inner {
    grid-template-columns: 9fr 3fr;
    grid-template-rows: repeat(2, 1fr);
  }
}
@media screen and (min-width: 48rem) and (max-width: 62rem) {
  .sustainable-development .wrapper-inner {
    grid-template-columns: 8fr 4fr;
    grid-template-rows: repeat(2, 1fr);
  }
}
@media screen and (max-width: 48rem) {
  .sustainable-development .wrapper-inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.sustainable-development .wrapper-inner .sustainable-strategy,
.sustainable-development .wrapper-inner .raiting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sustainable-development .wrapper-inner .sustainable-strategy p,
.sustainable-development .wrapper-inner .raiting p {
  font-size: 1.5em;
  margin: 0;
}
@media screen and (min-width: 36rem) and (max-width: 62rem) {
  .sustainable-development .wrapper-inner .sustainable-strategy p,
  .sustainable-development .wrapper-inner .raiting p {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 36rem) {
  .sustainable-development .wrapper-inner .sustainable-strategy p,
  .sustainable-development .wrapper-inner .raiting p {
    font-size: 1em;
  }
}
.sustainable-development .wrapper-inner .raiting {
  color: #0ca2e0;
}
.sustainable-development .wrapper-inner .container-inner {
  border-top: 0.2rem solid #0ca2e0;
  border-bottom: 0.2rem solid #0ca2e0;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #f5f7fa;
  padding: calc(3rem + 2vw) 3rem;
  gap: 3rem;
}
@media screen and (min-width: 48rem) {
  .sustainable-development .wrapper-inner .container-inner {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
@media screen and (min-width: 48rem) {
  .sustainable-development .wrapper-inner .report {
    grid-column: 2/3;
    grid-row: 1/-1;
  }
}
.sustainable-development .wrapper-inner .report .image {
  position: relative;
}
.sustainable-development .wrapper-inner .report .image a {
  position: relative;
  overflow: hidden;
}
.sustainable-development .wrapper-inner .report .image a img {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  width: 100%;
  height: auto;
}
.sustainable-development .wrapper-inner .report .image a:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.sustainable-development .wrapper-inner .report .image a:hover .link {
  background: #0ca2e0;
}
.sustainable-development .wrapper-inner .report .image a:hover .link::before {
  border-top: 0.3rem solid #ffffff;
  border-right: 0.3rem solid #ffffff;
}
.sustainable-development .wrapper-inner .report .image .link {
  position: absolute;
  bottom: 5%;
  right: 5%;
  width: calc(2rem + 2vw);
  height: calc(2rem + 2vw);
  border-radius: 50%;
  background: #ffffff;
  display: block;
  -webkit-box-shadow: 0 0 0.8rem 0.4rem rgba(7, 7, 7, 0.1);
  box-shadow: 0 0 0.8rem 0.4rem rgba(7, 7, 7, 0.1);
  border: 0.2rem solid #0ca2e0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 48rem) {
  .sustainable-development .wrapper-inner .report .image .link {
    width: calc(4rem + 2vw);
    height: calc(4rem + 2vw);
  }
}
.sustainable-development .wrapper-inner .report .image .link::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  border-top: 0.3rem solid #0ca2e0;
  border-right: 0.3rem solid #0ca2e0;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  top: 50%;
  left: 50%;
}

.view-sustainable-development.block-page .view-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
  padding: 6rem 0 3rem;
}
@media screen and (max-width: 48rem) {
  .view-sustainable-development.block-page .view-content {
    grid-template-columns: 1fr;
  }
}
.view-sustainable-development.block-page .view-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #ffffff;
  border-radius: 1.8rem;
  overflow: hidden;
  -webkit-box-shadow: 0 1rem 3.5rem rgba(0, 0, 0, 0.08);
  box-shadow: 0 1rem 3.5rem rgba(0, 0, 0, 0.08);
  border: 0.1rem solid #e7edf3;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.view-sustainable-development.block-page .view-card:hover {
  -webkit-transform: translateY(-0.4rem);
  -ms-transform: translateY(-0.4rem);
  transform: translateY(-0.4rem);
  -webkit-box-shadow: 0 1.8rem 4rem rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.8rem 4rem rgba(0, 0, 0, 0.12);
}
.view-sustainable-development.block-page .view-card .card-image-wrapper {
  position: relative;
}
.view-sustainable-development.block-page .view-card .card-image-wrapper .card-image {
  overflow: hidden;
}
.view-sustainable-development.block-page .view-card .card-image-wrapper .card-image img {
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.view-sustainable-development.block-page .view-card .card-image-wrapper .card-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 7.5rem;
  height: 7.5rem;
  margin-top: -4rem;
  border-radius: 50%;
  border: 0.5rem solid #ffffff;
  background-color: #0ca2e0;
  position: absolute;
  left: 2.5rem;
}
.view-sustainable-development.block-page .view-card .card-content {
  padding: 6rem 3rem 3rem;
  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-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.view-sustainable-development.block-page .view-card .card-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1.4rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 48rem) {
  .view-sustainable-development.block-page .view-card .card-title-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.view-sustainable-development.block-page .view-card .card-title-wrapper .card-title {
  margin: 0;
  font-weight: 700;
}
@media screen and (min-width: 48rem) {
  .view-sustainable-development.block-page .view-card .card-title-wrapper .card-title {
    font-size: calc(1rem + 0.9vw);
    line-height: 1.2;
  }
}
.view-sustainable-development.block-page .view-card .card-description {
  margin: 0 0 2.4rem;
  color: #4f5b67;
  font-size: 1.6rem;
  line-height: 1.7;
}
.view-sustainable-development.block-page .view-card .card-info-wrapper {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 3rem;
}
@media screen and (max-width: 62rem) {
  .view-sustainable-development.block-page .view-card .card-info-wrapper {
    grid-template-columns: 1fr;
  }
}
.view-sustainable-development.block-page .view-card .card-info-wrapper .card-info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.view-sustainable-development.block-page .view-card .card-info-wrapper .card-info img {
  height: auto;
}
@media screen and (min-width: 36rem) {
  .view-sustainable-development.block-page .view-card .card-info-wrapper .card-info img {
    max-width: 11rem;
  }
}
@media screen and (max-width: 36rem) {
  .view-sustainable-development.block-page .view-card .card-info-wrapper .card-info img {
    width: 100%;
  }
}
.view-sustainable-development.block-page .view-card .card-info-wrapper .card-info img:not(:last-child) {
  margin-right: 1rem;
}
.view-sustainable-development.block-page .view-card .card-info-wrapper .link-content a {
  font-weight: 500;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.view-sustainable-development.block-page .view-card .card-info-wrapper .link-content a:hover {
  border-bottom: #0ca2e0 solid 0.1rem;
}
.view-sustainable-development.block-page .view-card .card-info-wrapper .link-content a::after {
  background-image: url("../../../images/arrow-right-blue.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 50%;
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.8rem;
}
/*# sourceMappingURL=s_d_page.css.map */