:root {
  --strategy-white: #fffeff;
  --strategy-green: #00a443;
  --strategy-green-dark: #2f6852;
  --strategy-dark: #00402a;
  --strategy-black: #3a3735;
  --strategy-brown: #615d5a;
  --strategy-border: #d8cfc7;
  --strategy-orange: #ff9c1a;
  --strategy-sand: #fff5ec;
  --strategy-blue: #0da9ff;
  --strategy-blue-dark: #007acb;
  --strategy-orange-dark: #c66d00;
  --strategy-grey: #699282;
  --strategy-grey-lighter: #dcebe1;
}

#strategy {
  width: 100%;
  max-width: 980px;
  padding: 32px 16px;
  margin: 20px auto;
  text-align: left;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background: var(--strategy-sand);
}

#strategy * {
  font-family: "IberPangeaText" !important;
  font-style: normal;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#strategy strong {
  font-family: "IberPangeaText Bold" !important;
  font-weight: normal;
}

#strategy h2 {
  margin-top: 0 !important;
}

#strategy ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#strategy ul li:before {
  content: none !important;
  display: none !important;
}

#strategy img {
  display: block;
  width: 100%;
}

#strategy .strategy_title {
  color: var(--strategy-dark) !important;
  font-size: 24px;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangea Medium" !important;
  text-align: left;
  text-wrap: balance;
  margin-bottom: 35px;
}

#strategy .strategy_title span {
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangea" !important;
  display: block;
}

#strategy .strategy_graph {
  width: 100%;
  display: block;
  position: relative;
  margin: 0 auto 40px;
  opacity: 0;
  transition: all 1s;
}

#strategy.viewport .strategy_graph {
  opacity: 1;
}

#strategy .strategy_graph-1 {
  max-width: 248px;
  padding-top: 120px;
  padding-bottom: 190px;
  margin-bottom: 65px;
}

#strategy .strategy_graph-2 {
  max-width: 242px;
  padding-top: 60px;
  padding-bottom: 190px;
}

#strategy .strategy_graph-1 .strategy_label {
  color: var(--strategy-dark) !important;
  font-size: 21px;
  line-height: 1.25;
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangea Medium" !important;
  text-align: left;
  text-wrap: balance;
  position: absolute;
}

#strategy .strategy_graph-1 .strategy_label:nth-of-type(1) {
  color: var(--strategy-green) !important;
  font-size: 20px;
  line-height: 1.04;
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangea Bold" !important;
  text-align: center;
  width: 100%;
  max-width: 133px;
  transform: translateX(-50%);
  top: 240px;
  left: 50%;
}

#strategy .strategy_graph-1 .strategy_label span {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangea" !important;
}
#strategy .strategy_graph-1 .strategy_label:nth-of-type(1) span {
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangea" !important;
}

#strategy .strategy_graph-1 .strategy_label:nth-of-type(1) strong {
  font-size: 40px;
}

#strategy .strategy_graph-1 .strategy_label:nth-of-type(2) {
  color: var(--strategy-green-dark) !important;
  top: 35px;
  left: 0;
  max-width: 127px;
}

#strategy .strategy_graph-1 .strategy_label:nth-of-type(3) {
  color: var(--strategy-orange) !important;
  text-align: right;
  top: 10px;
  right: -6px;
  max-width: 114px;
}

#strategy.strategy-en .strategy_graph-1 .strategy_label:nth-of-type(3) {
  max-width: 142px;
}

#strategy .strategy_graph-1 .strategy_label:nth-of-type(4) {
  color: var(--strategy-blue) !important;
  text-align: right;
  top: 425px;
  right: 0;
  max-width: 69px;
}

#strategy .strategy_graph-1 .strategy_label:nth-of-type(5) {
  color: var(--strategy-green) !important;
  top: 425px;
  left: 0;
  max-width: 172px;
}

#strategy .strategy_graph-1 .strategy_label:nth-of-type(5) small {
  display: block;
  font-size: 16px;
}

#strategy .strategy_graph-1 .strategy_label:nth-of-type(6) {
  width: 100%;
  max-width: 172px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  padding: 5px 10px;
  border: 1px dashed var(--strategy-dark);
  text-align: center;
}

#strategy .strategy_graph-2 .strategy_label {
  width: 100%;
  color: var(--strategy-dark) !important;
  font-size: 21px;
  line-height: 1.04;
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangea" !important;
  text-align: center;
  position: absolute;
}

#strategy .strategy_graph-2 .strategy_label strong {
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangea Bold" !important;
  display: block;
}

#strategy .strategy_graph-2 .strategy_label:nth-of-type(1) {
  color: var(--strategy-green) !important;
  font-size: 20px;
  line-height: 1.04;
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangea Bold" !important;
  text-align: center;
  width: 100%;
  max-width: 133px;
  transform: translateX(-50%);
  top: 280px;
  left: 50%;
}

#strategy .strategy_graph-2 .strategy_label:nth-of-type(1) span {
  font-weight: 400;
}

#strategy .strategy_graph-2 .strategy_label:nth-of-type(1) strong {
  font-size: 40px;
}

#strategy .strategy_graph-2 .strategy_label:nth-of-type(2) {
  max-width: 92px;
  top: 0;
  left: 0px;
}

#strategy.strategy-en .strategy_graph-2 .strategy_label:nth-of-type(2) {
  max-width: 102px;
}

#strategy .strategy_graph-2 .strategy_label:nth-of-type(3) {
  max-width: 65px;
  top: 132px;
  left: 46px;
}

#strategy .strategy_graph-2 .strategy_label:nth-of-type(4) {
  max-width: 50px;
  top: 70px;
  left: 117px;
}

#strategy .strategy_graph-2 .strategy_label:nth-of-type(5) {
  max-width: 68px;
  top: 0px;
  left: 172px;
}

#strategy .strategy_graph-2 .strategy_label:nth-of-type(6) {
  max-width: 79px;
  top: 475px;
  left: 5px;
}

#strategy .strategy_graph-2 .strategy_label:nth-of-type(7) {
  max-width: 53px;
  top: 475px;
  left: 110px;
}

#strategy .strategy_graph-2 .strategy_label:nth-of-type(8) {
  max-width: 54px;
  top: 475px;
  left: 187px;
}

#strategy .strategy_graph-2 .strategy_label:nth-of-type(9) {
  border-radius: 10px;
  background: var(--strategy-green);
  padding: 17px 10px;
  color: var(--strategy-white) !important;
  font-size: 21px;
  line-height: 1.04;
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangea Bold" !important;
  text-align: center;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 236px;
}

#strategy .strategy_graph-2 .strategy_label strong {
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangea Bold" !important;
}

#strategy .strategy_graph_icon {
  max-width: 115px;
  margin: 2px auto 12px;
}

#strategy .strategy_graph_image-desktop {
  display: none;
}

@media (min-width: 700px) {
  #strategy {
    padding: 35px 24px;
  }

#strategy .strategy_graph_image .area {
  opacity: 1;
  transition: all 0.35s;
}

#strategy[data-area="area-1"] .area-2,
#strategy[data-area="area-1"] .area-3,
#strategy[data-area="area-1"] .area-4,
#strategy[data-area="area-2"] .area-1,
#strategy[data-area="area-2"] .area-3,
#strategy[data-area="area-2"] .area-4,
#strategy[data-area="area-3"] .area-2,
#strategy[data-area="area-3"] .area-1,
#strategy[data-area="area-3"] .area-4,
#strategy[data-area="area-4"] .area-2,
#strategy[data-area="area-4"] .area-3,
#strategy[data-area="area-4"] .area-1 {
  opacity: 0.3;
}

#strategy[data-area="area-5"] .area-6,
#strategy[data-area="area-5"] .area-7,
#strategy[data-area="area-5"] .area-8,
#strategy[data-area="area-5"] .area-9,
#strategy[data-area="area-5"] .area-10,
#strategy[data-area="area-5"] .area-11 {
  opacity: 0.3;
}

#strategy[data-area="area-6"] .area-5,
#strategy[data-area="area-6"] .area-7,
#strategy[data-area="area-6"] .area-8,
#strategy[data-area="area-6"] .area-9,
#strategy[data-area="area-6"] .area-10,
#strategy[data-area="area-6"] .area-11 {
  opacity: 0.3;
}

#strategy[data-area="area-7"] .area-6,
#strategy[data-area="area-7"] .area-5,
#strategy[data-area="area-7"] .area-8,
#strategy[data-area="area-7"] .area-9,
#strategy[data-area="area-7"] .area-10,
#strategy[data-area="area-7"] .area-11 {
  opacity: 0.3;
}

#strategy[data-area="area-8"] .area-6,
#strategy[data-area="area-8"] .area-7,
#strategy[data-area="area-8"] .area-5,
#strategy[data-area="area-8"] .area-9,
#strategy[data-area="area-8"] .area-10,
#strategy[data-area="area-8"] .area-11 {
  opacity: 0.3;
}

#strategy[data-area="area-9"] .area-6,
#strategy[data-area="area-9"] .area-7,
#strategy[data-area="area-9"] .area-8,
#strategy[data-area="area-9"] .area-5,
#strategy[data-area="area-9"] .area-10,
#strategy[data-area="area-9"] .area-11 {
  opacity: 0.3;
}

#strategy[data-area="area-10"] .area-6,
#strategy[data-area="area-10"] .area-7,
#strategy[data-area="area-10"] .area-8,
#strategy[data-area="area-10"] .area-9,
#strategy[data-area="area-10"] .area-5,
#strategy[data-area="area-10"] .area-11 {
  opacity: 0.3;
}

#strategy[data-area="area-11"] .area-6,
#strategy[data-area="area-11"] .area-7,
#strategy[data-area="area-11"] .area-8,
#strategy[data-area="area-11"] .area-9,
#strategy[data-area="area-11"] .area-10,
#strategy[data-area="area-11"] .area-5 {
  opacity: 0.3;
}

  #strategy .strategy_title {
    text-align: center;
    margin-bottom: 38px;
  }

  #strategy .strategy_graph-1 {
    max-width: 500px;
    padding-top: 15px;
    padding-bottom: 120px;
    margin-bottom: 45px;
  }

  #strategy .strategy_graph-1 .strategy_graph_image {
    max-width: 244px;
    margin: 0 auto;
  }

  #strategy .strategy_graph-2 {
    max-width: 500px;
    padding-top: 32px;
    padding-bottom: 80px;
    margin-bottom: 45px;
    margin-top: 20px;
  }

  #strategy .strategy_graph-2 .strategy_graph_image {
    max-width: 415px;
    transform: translateX(-76px);
    margin: 0 auto;
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(1) {
    top: 82px;
    margin-left: 6px;
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(1) strong {
    font-size: 30px;
    display: block;
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(2) {
    text-align: right;
    top: 20px;
    left: -5px;
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(3) {
    text-align: left;
    top: 3px;
  }

  #strategy.strategy-en .strategy_graph-1 .strategy_label:nth-of-type(3) {
    max-width: 142px;
    right: -30px;
  }

  #column-2
    #strategy.strategy-en
    .strategy_graph-1
    .strategy_label:nth-of-type(3) {
    max-width: 114px;
    right: 0;
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(4) {
    text-align: left;
    top: 172px;
    right: 45px;
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(5) {
    text-align: right;
    top: 140px;
    max-width: 121px;
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(5) small {
    display: block;
    font-size: 16px;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(1) {
    top: 96px;
    margin-left: 7px;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(1) strong {
    font-size: 30px;
    display: block;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(2) {
    max-width: 167px;
    left: 0;
    text-align: right;
    top: -22px;
  }

  #strategy.strategy-en .strategy_graph-2 .strategy_label:nth-of-type(2) {
    max-width: 167px;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(3) {
    max-width: 107px;
    top: 53px;
    left: 20px;
    display: flex;
    justify-content: space-between;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(4) {
    max-width: 107px;
    top: 100px;
    left: 20px;
    display: flex;
    justify-content: space-between;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(5) {
    max-width: 119px;
    top: 178px;
    left: 9px;
    display: flex;
    justify-content: space-between;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(6) {
    text-align: right;
    max-width: 166px;
    top: 20px;
    left: auto;
    right: 0;
    background-color: var(--strategy-sand);
    z-index: 1;
    padding-left: 15px;
  }

  #strategy.strategy-pt .strategy_graph-2 .strategy_label:nth-of-type(6) {
    max-width: 174px;
  }

  #strategy.strategy-en .strategy_graph-2 .strategy_label:nth-of-type(6) {
        top: -3px;
    right: 10px;
    padding-left: 0;
    max-width: 110px;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(7) {
    text-align: right;
    top: 64px;
    left: auto;
    right: 52px;
  }

  #strategy.strategy-en .strategy_graph-2 .strategy_label:nth-of-type(7),
  #strategy.strategy-en .strategy_graph-2 .strategy_label:nth-of-type(8) {
    text-align: left;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(8) {
    max-width: 110px;
    text-align: right;
    top: 175px;
    left: auto;
    right: 0;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(9) {
    max-width: 498px;
    padding: 10px;
  }

  #strategy .strategy_graph_image-mobile {
    display: none;
  }

  #strategy .strategy_graph_image-desktop {
    display: block;
  }

  #strategy .area-d {
    display: none;
  }
}

@media (min-width: 1080px) {
  #strategy {
    padding: 46px 66px;
  }

  #strategy .strategy_title {
    margin-bottom: 45px;
  }

  #strategy .strategy_title span {
    display: inline;
  }

  #strategy .strategy_graph-1 {
    max-width: 692px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 73px;
  }

  #strategy .strategy_graph-1 .strategy_graph_image {
    max-width: 319px;
  }

  #strategy .strategy_graph-2 {
    max-width: 845px;
    padding-top: 5px;
    padding-bottom: 92px;
    margin-bottom: 0px;
  }

  #strategy .strategy_graph-2 .strategy_graph_image {
    max-width: 541px;
    transform: translateX(0px);
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(1) {
    top: 97px;
    margin-left: 9px;
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(1) strong {
    font-size: 40px;
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(2) {
    top: 15px;
    left: 51px;
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(3),
  #strategy.strategy-en .strategy_graph-1 .strategy_label:nth-of-type(3) {
    top: -7px;
    max-width: 163px;
    right: 15px;
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(4) {
    top: 214px;
    right: 110px;
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(5) {
    top: 173px;
    left: 6px;
    max-width: 172px;
  }

  #strategy .strategy_graph-1 .strategy_label:nth-of-type(6) {
    top: 108px;
    left: auto;
    right: 5px;
    bottom: auto;
    max-width: 171px;
    transform: none;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(1) {
    top: 95px;
    margin-left: 110px;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(1) strong {
    top: 96px;
    margin-left: 7px;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(2) {
    max-width: 258px;
    left: 59px;
    top: -5px;
  }

  #strategy.strategy-pt .strategy_graph-2 .strategy_label:nth-of-type(2) {
    max-width: 278px;
    left: 47px;
  }

  #column-2
    #strategy.strategy-pt
    .strategy_graph-2
    .strategy_label:nth-of-type(2) {
    max-width: 167px;
    left: -5px;
    top: -22px;
  }

  #strategy.strategy-en .strategy_graph-2 .strategy_label:nth-of-type(2) {
    max-width: 278px;
    left: 47px;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(3) {
    display: block;
    text-align: right;
    top: 36px;
    left: 27px;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(4) {
    display: block;
    text-align: right;
    top: 97px;
    left: 200px;
    z-index: 10;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(5) {
    display: block;
    text-align: right;
    top: 195px;
    left: 187px;
    z-index: 10;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(6) {
    text-align: left;
    top: -5px;
  }

  #column-2
    #strategy.strategy-pt
    .strategy_graph-2
    .strategy_label:nth-of-type(6) {
    max-width: 144px;
    right: 0px;
  }

  #strategy.strategy-en .strategy_graph-2 .strategy_label:nth-of-type(6) {
    top: -5px;
    right: 10px;
    padding-left: 10px;
    max-width: 190px;
  }

  #column-2
    #strategy.strategy-en
    .strategy_graph-2
    .strategy_label:nth-of-type(6) {
    max-width: 144px;
    right: -1px;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(7) {
    text-align: left;
    top: 50px;
    right: 90px;
  }

  #strategy .strategy_graph-2 .strategy_label:nth-of-type(8) {
    text-align: left;
    top: 196px;
    right: 30px;
  }

  #strategy .strategy_graph_icon {
    margin: 0;
    position: absolute;
    left: 90px;
    bottom: 130px;
  }

  #column-2 #strategy {
    padding: 35px 24px;
  }

  #column-2 #strategy .strategy_title {
    margin-bottom: 38px;
  }

  #column-2 #strategy .strategy_title span {
    display: block;
  }

  #column-2 #strategy .strategy_graph-1 {
    max-width: 500px;
    padding-top: 15px;
    padding-bottom: 120px;
    margin-bottom: 45px;
  }

  #column-2 #strategy .strategy_graph-1 .strategy_graph_image {
    max-width: 244px;
  }

  #column-2 #strategy .strategy_graph-2 {
    max-width: 500px;
    padding-top: 32px;
    padding-bottom: 80px;
    margin-bottom: 45px;
  }

  #column-2 #strategy .strategy_graph-2 .strategy_graph_image {
    max-width: 415px;
    transform: translateX(-76px);
  }

  #column-2 #strategy .strategy_graph-1 .strategy_label:nth-of-type(1) {
    top: 82px;
    margin-left: 6px;
  }

  #column-2 #strategy .strategy_graph-1 .strategy_label:nth-of-type(1) strong {
    font-size: 30px;
  }

  #column-2 #strategy .strategy_graph-1 .strategy_label:nth-of-type(2) {
    top: 20px;
    left: -5px;
  }

  #column-2 #strategy .strategy_graph-1 .strategy_label:nth-of-type(3),
  #column-2
    #strategy.strategy-en
    .strategy_graph-1
    .strategy_label:nth-of-type(3) {
    top: -3px;
    max-width: 114px;
    right: 0px;
  }

  #column-2 #strategy .strategy_graph-1 .strategy_label:nth-of-type(4) {
    top: 172px;
    right: 45px;
  }

  #column-2 #strategy .strategy_graph-1 .strategy_label:nth-of-type(5) {
    top: 140px;
    left: 0px;
    max-width: 121px;
  }

  #column-2 #strategy .strategy_graph-1 .strategy_label:nth-of-type(6) {
    top: auto;
    left: 50%;
    right: auto;
    bottom: 0;
    max-width: 172px;
    transform: translateX(-50%);
  }

  #column-2 #strategy .strategy_graph-2 .strategy_label:nth-of-type(1) {
    top: 96px;
    margin-left: 7px;
  }

  #column-2 #strategy .strategy_graph-2 .strategy_label:nth-of-type(1) strong {
    font-size: 30px;
  }

  #column-2 #strategy .strategy_graph-2 .strategy_label:nth-of-type(2) {
    max-width: 167px;
    left: 0;
    top: -22px;
  }

  #column-2 #strategy .strategy_graph-2 .strategy_label:nth-of-type(3) {
    display: flex;
    text-align: center;
    top: 53px;
    left: 20px;
  }

  #column-2 #strategy .strategy_graph-2 .strategy_label:nth-of-type(4) {
    display: flex;
    text-align: center;
    top: 100px;
    left: 20px;
  }

  #column-2 #strategy .strategy_graph-2 .strategy_label:nth-of-type(5) {
    display: flex;
    text-align: center;
    top: 178px;
    left: 9px;
  }

  #column-2 #strategy .strategy_graph-2 .strategy_label:nth-of-type(6) {
    text-align: right;
    top: 20px;
  }

  #column-2 #strategy.strategy-en .strategy_graph-2 .strategy_label:nth-of-type(6) {
        top: -3px;
    right: 10px;
    padding-left: 0;
    max-width: 110px;
  }

  #column-2 #strategy .strategy_graph-2 .strategy_label:nth-of-type(7) {
    text-align: right;
    top: 64px;
    right: 52px;
  }

  #column-2 #strategy .strategy_graph-2 .strategy_label:nth-of-type(8) {
    text-align: right;
    top: 175px;
    right: 0px;
  }

  #column-2 #strategy .strategy_graph_icon {
    margin: 2px auto 12px;
    position: relative;
    left: auto;
    bottom: auto;
  }

  #strategy .area-d {
    display: block;
  }

  #strategy .area-t {
    display: none;
  }

  #column-2 #strategy .area-d {
    display: none;
  }

  #column-2 #strategy .area-t {
    display: block;
  }

  #strategy .strategy_graph-2 {
    margin-top: 0;
  }

  #column-2 #strategy .strategy_graph-2 {
    margin-top: 20px;
  }
}