.unido-sdg-block-mobile-controls {
  margin-top: -0.75rem;
  margin-right: -0.75rem;
}

.unido-sdg-block-controls {
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-top: -1.8181818182rem !important;
  overflow-x: auto;
}
.unido-sdg-block-controls.carousel-indicators {
  position: static;
  justify-content: normal;
  margin: 0;
}
.unido-sdg-block-controls.carousel-indicators [data-bs-target] {
  margin: 0;
  opacity: 1;
  transition: none;
}
.unido-sdg-block-controls::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1200px) {
  .unido-sdg-block-controls > * {
    flex: 1;
  }
}

.unido-sdg-block-control {
  position: relative;
  flex: 1 0 88px !important;
  width: 88px !important;
  min-width: 88px;
  height: auto !important;
  background-color: #f4f4f4 !important;
}
.unido-sdg-block-control::before {
  display: block;
  padding-top: 90.9090909091%;
  content: "";
}
.unido-sdg-block-control > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.unido-sdg-block-control:first-child > span {
  padding: 0.5rem;
}
.unido-sdg-block-control.active {
  padding: 0.9090909091rem 1rem !important;
}
@media (min-width: 1200px) {
  .unido-sdg-block-control {
    width: auto;
  }
}

@media (min-width: 768px) {
  .unido-sdg-block-item {
    min-height: 645px;
  }
  .unido-sdg-block-item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.75rem;
    height: 100%;
    content: "";
  }
}

.unido-sdg-block-item-icon {
  width: 70px;
  height: 64px;
}
@media (min-width: 768px) {
  .unido-sdg-block-item-icon {
    width: 140px;
    height: 128px;
  }
}

.unido-sdg-block-item-icon-container {
  max-width: calc(1440px + 4rem);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .unido-sdg-block-item-icon-container {
    top: -4rem !important;
  }
}

.unido-sdg-block-item-image {
  position: relative;
}
@media (min-width: 768px) {
  .unido-sdg-block-item-image {
    position: static;
  }
}
.unido-sdg-block-item-image::before {
  position: absolute;
  top: 0;
  right: 100%;
  width: 0.75rem;
  height: 100%;
  content: "";
}
@media (min-width: 768px) {
  .unido-sdg-block-item-image::before {
    display: none;
  }
}

.unido-sdg-block-item-0 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #e2071f;
  --bs-btn-border-color: #e2071f;
  --bs-btn-hover-bg: #e2071f;
  --bs-btn-hover-border-color: #e2071f;
  --bs-btn-active-bg: #e2071f;
  --bs-btn-active-border-color: #e2071f;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #e2071f80;
}
.unido-sdg-block-item-1 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #e2071f;
  --bs-btn-border-color: #e2071f;
  --bs-btn-hover-bg: #e2071f;
  --bs-btn-hover-border-color: #e2071f;
  --bs-btn-active-bg: #e2071f;
  --bs-btn-active-border-color: #e2071f;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #e2071f80;
}
.unido-sdg-block-item-1 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #d6a102;
  --bs-btn-border-color: #d6a102;
  --bs-btn-hover-bg: #d6a102;
  --bs-btn-hover-border-color: #d6a102;
  --bs-btn-active-bg: #d6a102;
  --bs-btn-active-border-color: #d6a102;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #d6a10280;
}
.unido-sdg-block-item-1::before,
.unido-sdg-block-item-1 .unido-sdg-block-item-image::before {
  background-color: #e2071f;
}

.unido-sdg-block-item-2 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #d6a102;
  --bs-btn-border-color: #d6a102;
  --bs-btn-hover-bg: #d6a102;
  --bs-btn-hover-border-color: #d6a102;
  --bs-btn-active-bg: #d6a102;
  --bs-btn-active-border-color: #d6a102;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #d6a10280;
}
.unido-sdg-block-item-2 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #289438;
  --bs-btn-border-color: #289438;
  --bs-btn-hover-bg: #289438;
  --bs-btn-hover-border-color: #289438;
  --bs-btn-active-bg: #289438;
  --bs-btn-active-border-color: #289438;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #28943880;
}
.unido-sdg-block-item-2::before,
.unido-sdg-block-item-2 .unido-sdg-block-item-image::before {
  background-color: #d6a102;
}

.unido-sdg-block-item-3 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #289438;
  --bs-btn-border-color: #289438;
  --bs-btn-hover-bg: #289438;
  --bs-btn-hover-border-color: #289438;
  --bs-btn-active-bg: #289438;
  --bs-btn-active-border-color: #289438;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #28943880;
}
.unido-sdg-block-item-3 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #c11728;
  --bs-btn-border-color: #c11728;
  --bs-btn-hover-bg: #c11728;
  --bs-btn-hover-border-color: #c11728;
  --bs-btn-active-bg: #c11728;
  --bs-btn-active-border-color: #c11728;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #c1172880;
}
.unido-sdg-block-item-3::before,
.unido-sdg-block-item-3 .unido-sdg-block-item-image::before {
  background-color: #289438;
}

.unido-sdg-block-item-4 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #c11728;
  --bs-btn-border-color: #c11728;
  --bs-btn-hover-bg: #c11728;
  --bs-btn-hover-border-color: #c11728;
  --bs-btn-active-bg: #c11728;
  --bs-btn-active-border-color: #c11728;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #c1172880;
}
.unido-sdg-block-item-4 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #e6331d;
  --bs-btn-border-color: #e6331d;
  --bs-btn-hover-bg: #e6331d;
  --bs-btn-hover-border-color: #e6331d;
  --bs-btn-active-bg: #e6331d;
  --bs-btn-active-border-color: #e6331d;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #e6331d80;
}
.unido-sdg-block-item-4::before,
.unido-sdg-block-item-4 .unido-sdg-block-item-image::before {
  background-color: #c11728;
}

.unido-sdg-block-item-5 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #e6331d;
  --bs-btn-border-color: #e6331d;
  --bs-btn-hover-bg: #e6331d;
  --bs-btn-hover-border-color: #e6331d;
  --bs-btn-active-bg: #e6331d;
  --bs-btn-active-border-color: #e6331d;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #e6331d80;
}
.unido-sdg-block-item-5 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #00a7d7;
  --bs-btn-border-color: #00a7d7;
  --bs-btn-hover-bg: #00a7d7;
  --bs-btn-hover-border-color: #00a7d7;
  --bs-btn-active-bg: #00a7d7;
  --bs-btn-active-border-color: #00a7d7;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #00a7d780;
}
.unido-sdg-block-item-5::before,
.unido-sdg-block-item-5 .unido-sdg-block-item-image::before {
  background-color: #e6331d;
}

.unido-sdg-block-item-6 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #00a7d7;
  --bs-btn-border-color: #00a7d7;
  --bs-btn-hover-bg: #00a7d7;
  --bs-btn-hover-border-color: #00a7d7;
  --bs-btn-active-bg: #00a7d7;
  --bs-btn-active-border-color: #00a7d7;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #00a7d780;
}
.unido-sdg-block-item-6 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #fbb800;
  --bs-btn-border-color: #fbb800;
  --bs-btn-hover-bg: #fbb800;
  --bs-btn-hover-border-color: #fbb800;
  --bs-btn-active-bg: #fbb800;
  --bs-btn-active-border-color: #fbb800;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #fbb80080;
}
.unido-sdg-block-item-6::before,
.unido-sdg-block-item-6 .unido-sdg-block-item-image::before {
  background-color: #00a7d7;
}

.unido-sdg-block-item-7 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #fbb800;
  --bs-btn-border-color: #fbb800;
  --bs-btn-hover-bg: #fbb800;
  --bs-btn-hover-border-color: #fbb800;
  --bs-btn-active-bg: #fbb800;
  --bs-btn-active-border-color: #fbb800;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #fbb80080;
}
.unido-sdg-block-item-7 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #931831;
  --bs-btn-border-color: #931831;
  --bs-btn-hover-bg: #931831;
  --bs-btn-hover-border-color: #931831;
  --bs-btn-active-bg: #931831;
  --bs-btn-active-border-color: #931831;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #93183180;
}
.unido-sdg-block-item-7::before,
.unido-sdg-block-item-7 .unido-sdg-block-item-image::before {
  background-color: #fbb800;
}

.unido-sdg-block-item-8 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #931831;
  --bs-btn-border-color: #931831;
  --bs-btn-hover-bg: #931831;
  --bs-btn-hover-border-color: #931831;
  --bs-btn-active-bg: #931831;
  --bs-btn-active-border-color: #931831;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #93183180;
}
.unido-sdg-block-item-8 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #ec6411;
  --bs-btn-border-color: #ec6411;
  --bs-btn-hover-bg: #ec6411;
  --bs-btn-hover-border-color: #ec6411;
  --bs-btn-active-bg: #ec6411;
  --bs-btn-active-border-color: #ec6411;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #ec641180;
}
.unido-sdg-block-item-8::before,
.unido-sdg-block-item-8 .unido-sdg-block-item-image::before {
  background-color: #931831;
}

.unido-sdg-block-item-9 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #ec6411;
  --bs-btn-border-color: #ec6411;
  --bs-btn-hover-bg: #ec6411;
  --bs-btn-hover-border-color: #ec6411;
  --bs-btn-active-bg: #ec6411;
  --bs-btn-active-border-color: #ec6411;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #ec641180;
}
.unido-sdg-block-item-9 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #dd0979;
  --bs-btn-border-color: #dd0979;
  --bs-btn-hover-bg: #dd0979;
  --bs-btn-hover-border-color: #dd0979;
  --bs-btn-active-bg: #dd0979;
  --bs-btn-active-border-color: #dd0979;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #dd097980;
}
.unido-sdg-block-item-9::before,
.unido-sdg-block-item-9 .unido-sdg-block-item-image::before {
  background-color: #ec6411;
}

.unido-sdg-block-item-10 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #dd0979;
  --bs-btn-border-color: #dd0979;
  --bs-btn-hover-bg: #dd0979;
  --bs-btn-hover-border-color: #dd0979;
  --bs-btn-active-bg: #dd0979;
  --bs-btn-active-border-color: #dd0979;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #dd097980;
}
.unido-sdg-block-item-10 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #f59d08;
  --bs-btn-border-color: #f59d08;
  --bs-btn-hover-bg: #f59d08;
  --bs-btn-hover-border-color: #f59d08;
  --bs-btn-active-bg: #f59d08;
  --bs-btn-active-border-color: #f59d08;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #f59d0880;
}
.unido-sdg-block-item-10::before,
.unido-sdg-block-item-10 .unido-sdg-block-item-image::before {
  background-color: #dd0979;
}

.unido-sdg-block-item-11 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #f59d08;
  --bs-btn-border-color: #f59d08;
  --bs-btn-hover-bg: #f59d08;
  --bs-btn-hover-border-color: #f59d08;
  --bs-btn-active-bg: #f59d08;
  --bs-btn-active-border-color: #f59d08;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #f59d0880;
}
.unido-sdg-block-item-11 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #d28d0e;
  --bs-btn-border-color: #d28d0e;
  --bs-btn-hover-bg: #d28d0e;
  --bs-btn-hover-border-color: #d28d0e;
  --bs-btn-active-bg: #d28d0e;
  --bs-btn-active-border-color: #d28d0e;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #d28d0e80;
}
.unido-sdg-block-item-11::before,
.unido-sdg-block-item-11 .unido-sdg-block-item-image::before {
  background-color: #f59d08;
}

.unido-sdg-block-item-12 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #d28d0e;
  --bs-btn-border-color: #d28d0e;
  --bs-btn-hover-bg: #d28d0e;
  --bs-btn-hover-border-color: #d28d0e;
  --bs-btn-active-bg: #d28d0e;
  --bs-btn-active-border-color: #d28d0e;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #d28d0e80;
}
.unido-sdg-block-item-12 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #4a7634;
  --bs-btn-border-color: #4a7634;
  --bs-btn-hover-bg: #4a7634;
  --bs-btn-hover-border-color: #4a7634;
  --bs-btn-active-bg: #4a7634;
  --bs-btn-active-border-color: #4a7634;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #4a763480;
}
.unido-sdg-block-item-12::before,
.unido-sdg-block-item-12 .unido-sdg-block-item-image::before {
  background-color: #d28d0e;
}

.unido-sdg-block-item-13 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #4a7634;
  --bs-btn-border-color: #4a7634;
  --bs-btn-hover-bg: #4a7634;
  --bs-btn-hover-border-color: #4a7634;
  --bs-btn-active-bg: #4a7634;
  --bs-btn-active-border-color: #4a7634;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #4a763480;
}
.unido-sdg-block-item-13 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #0076b8;
  --bs-btn-border-color: #0076b8;
  --bs-btn-hover-bg: #0076b8;
  --bs-btn-hover-border-color: #0076b8;
  --bs-btn-active-bg: #0076b8;
  --bs-btn-active-border-color: #0076b8;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #0076b880;
}
.unido-sdg-block-item-13::before,
.unido-sdg-block-item-13 .unido-sdg-block-item-image::before {
  background-color: #4a7634;
}

.unido-sdg-block-item-14 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #0076b8;
  --bs-btn-border-color: #0076b8;
  --bs-btn-hover-bg: #0076b8;
  --bs-btn-hover-border-color: #0076b8;
  --bs-btn-active-bg: #0076b8;
  --bs-btn-active-border-color: #0076b8;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #0076b880;
}
.unido-sdg-block-item-14 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #3ea635;
  --bs-btn-border-color: #3ea635;
  --bs-btn-hover-bg: #3ea635;
  --bs-btn-hover-border-color: #3ea635;
  --bs-btn-active-bg: #3ea635;
  --bs-btn-active-border-color: #3ea635;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #3ea63580;
}
.unido-sdg-block-item-14::before,
.unido-sdg-block-item-14 .unido-sdg-block-item-image::before {
  background-color: #0076b8;
}

.unido-sdg-block-item-15 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #3ea635;
  --bs-btn-border-color: #3ea635;
  --bs-btn-hover-bg: #3ea635;
  --bs-btn-hover-border-color: #3ea635;
  --bs-btn-active-bg: #3ea635;
  --bs-btn-active-border-color: #3ea635;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #3ea63580;
}
.unido-sdg-block-item-15 .unido-sdg-block-item-next .btn {
  --bs-btn-color: #004c84;
  --bs-btn-border-color: #004c84;
  --bs-btn-hover-bg: #004c84;
  --bs-btn-hover-border-color: #004c84;
  --bs-btn-active-bg: #004c84;
  --bs-btn-active-border-color: #004c84;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #004c8480;
}
.unido-sdg-block-item-15::before,
.unido-sdg-block-item-15 .unido-sdg-block-item-image::before {
  background-color: #3ea635;
}

.unido-sdg-block-item-16 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #004c84;
  --bs-btn-border-color: #004c84;
  --bs-btn-hover-bg: #004c84;
  --bs-btn-hover-border-color: #004c84;
  --bs-btn-active-bg: #004c84;
  --bs-btn-active-border-color: #004c84;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #004c8480;
}
.unido-sdg-block-item-16::before,
.unido-sdg-block-item-16 .unido-sdg-block-item-image::before {
  background-color: #004c84;
}

.unido-sdg-block-item-17 .unido-sdg-block-item-link .btn {
  --bs-btn-color: #1f3262;
  --bs-btn-border-color: #1f3262;
  --bs-btn-hover-bg: #1f3262;
  --bs-btn-hover-border-color: #1f3262;
  --bs-btn-active-bg: #1f3262;
  --bs-btn-active-border-color: #1f3262;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem #1f326280;
}
.unido-sdg-block-item-17::before,
.unido-sdg-block-item-17 .unido-sdg-block-item-image::before {
  background-color: #1f3262;
}

.unido-sdg-block-item-wheel {
  width: 50vw;
  height: 50vw;
  -webkit-transform: translate(40%, -50%);
          transform: translate(40%, -50%);
}