/* This source code is exported from pxCode, you can get more document from https://www.pxcode.io */
.main-content.layout {
  width: 82.8%;
  margin: 205px auto 601px;
}
@media (max-width: 1199px) {
  .main-content.layout {
    width: 86.52%;
  }
}
@media (max-width: 991px) {
  .main-content.layout {
    width: 89.54%;
  }
}
@media (max-width: 767px) {
  .main-content.layout {
    width: 91.94%;
  }
}
@media (max-width: 575px) {
  .main-content.layout {
    width: 93.83%;
  }
}
@media (max-width: 479px) {
  .main-content.layout {
    width: 95.3%;
  }
}
@media (max-width: 383px) {
  .main-content.layout {
    width: 96.43%;
  }
}

.block {
  display: flex;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
}

.block.layout {
  position: relative;
}

.cover-block3.layout {
  position: absolute;
  height: 426px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.cover-block {
  width: 100%;
  height: auto;
  vertical-align: top;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center top;
  object-position: center top;
}

.cover-block.layout {
  position: absolute;
  top: 86px;
  left: 0px;
  right: 0px;
}
@media (max-width: 991px) {
  .cover-block.layout {
    top: 167px;
  }
}
@media (max-width: 767px) {
  .cover-block.layout {
    top: 162px;
  }
}
@media (max-width: 479px) {
  .cover-block.layout {
    top: 177px;
  }
}
@media (max-width: 383px) {
  .cover-block.layout {
    top: 208px;
  }
}

.flex {
  display: flex;
  flex-direction: column;
}

.main-content.layout {
  margin-top: 432px !important;
}
@media (max-width: 767px) {
  .main-content.layout {
    margin-top: 342px !important;
  }
}
@media (max-width: 479px) {
  .main-content.layout {
    margin-top: 260px !important;
  }
}
@media (max-width: 383px) {
  .main-content.layout {
    margin-top: 284px !important;
  }
}

.flex.layout {
  position: relative;
  width: 62.69%;
  margin: 0px 37.22% 0px 0.09%;
}

.hero-title {
  font: 2.625em/1.5 "Roboto Slab", Helvetica, Arial, serif;
  color: #393744;
  letter-spacing: 0.06px;
}
@media (max-width: 1199px) {
  .hero-title {
    font-size: 38px;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .hero-title {
    font-size: 33px;
  }
}
@media (max-width: 767px) {
  .hero-title {
    font-size: 29px;
  }
}
@media (max-width: 575px) {
  .hero-title {
    font-size: 27px;
  }
}
@media (max-width: 479px) {
  .hero-title {
    font-size: 25px;
  }
}
@media (max-width: 383px) {
  .hero-title {
    font-size: 24px;
  }
}

.hero-title.layout {
  position: relative;
}

@media (max-width: 1199px) {
  .subtitle3-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .subtitle3-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .subtitle3-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 479px) {
  .subtitle3-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.subtitle3-box.layout {
  position: relative;
  margin: 22px 2px 0px;
}
@media (max-width: 1199px) {
  .subtitle3-box.layout {
    margin: 22px 5px 0px;
  }
}

.subtitle3 {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
}
@media (max-width: 1199px) {
  .subtitle3 {
    font-size: 19px;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .subtitle3 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .subtitle3 {
    font-size: 17px;
  }
}
@media (max-width: 479px) {
  .subtitle3 {
    font-size: 16px;
  }
}

.header {
  font: 500 1.25em/1.87 "Roboto", Helvetica, Arial, serif;
  color: #393744;
  letter-spacing: 0px;
}

.content {
  font: 1em/2 "Roboto", Helvetica, Arial, serif;
  color: #393744;
  letter-spacing: 0px;
}

p.content {
  margin-bottom: 1em;
}

.callout {
  color: rgb(157, 34, 252);
}

.upper {
  text-transform: uppercase;
}

.flex-item {
  display: flex;
  flex-direction: column;
  position: relative;
}

.block1 {
  display: flex;
  flex-direction: column;
  background-color: rgb(157, 34, 252);
  border-width: 0px;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
  color: rgb(157, 34, 252);
}
.block1:hover {
  background-color: rgb(255, 255, 255);
  box-shadow: inset 0 0 0 2px rgb(157, 34, 252);
}
.block1:hover > span {
  color: rgb(157, 34, 252);
}

.block1.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  min-width: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2em 0 0;
}

.highlights {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 1em/2 "Roboto", Helvetica, Arial, serif;
  color: rgb(242, 242, 242);
  letter-spacing: 0px;
  text-align: center;
  letter-spacing: 0px;
}
@media (max-width: 1199px) {
  .highlights {
    font-size: 15px;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .highlights {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .highlights {
    font-size: 13px;
  }
}
@media (max-width: 479px) {
  .highlights {
    font-size: 12px;
  }
}

.highlights.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  min-width: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 9.5px 22.5px;
}
@media (max-width: 1199px) {
  .highlights.layout {
    margin: 9.5px 20px;
  }
}
@media (max-width: 991px) {
  .highlights.layout {
    margin: 9.5px 17px;
  }
}
@media (max-width: 767px) {
  .highlights.layout {
    margin: 9.5px 14px;
  }
}
@media (max-width: 575px) {
  .highlights.layout {
    margin: 9.5px 13px;
  }
}
@media (max-width: 479px) {
  .highlights.layout {
    margin: 9.5px 12px;
  }
}
@media (max-width: 383px) {
  .highlights.layout {
    margin: 9.5px 11px;
  }
}

.flex1 {
  display: flex;
}
@media (max-width: 1199px) {
  .flex1 {
    flex-wrap: wrap;
    align-content: flex-start;
    row-gap: 16px;
  }
}

.flex1.layout {
  position: relative;
  margin: 200px 0px 0px 1px;
}
@media (max-width: 1199px) {
  .flex1.layout {
    margin: 200px 0px 0px 5px;
  }
}

.flex-column {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 auto;
  width: auto;
}
@media (max-width: 1199px) {
  .flex-column {
    flex: 0 0 auto;
  }
}

.flex-row {
  display: flex;
  flex-direction: row;
  position: relative;
  flex: 1 1 100%;
}
@media (max-width: 991px) {
  .flex-row {
    flex: 0 0 auto;
    width: auto;
    flex-direction: column;
  }
}

.flex-item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 500px;
}
@media (max-width: 1199px) {
  .flex-item1 {
    flex: 0 0 100%;
  }
}

.image2 {
  width: 100%;
  height: auto;
  vertical-align: top;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center top;
  object-position: center top;
}

.image2.layout {
  position: relative;
  flex-grow: 1;
}

.flex-spacer {
  flex: 0 1 72px;
}
@media (max-width: 1199px) {
  .flex-spacer {
    display: none;
  }
}

.flex-item2 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 558px;
}
@media (max-width: 1199px) {
  .flex-item2 {
    flex: 0 0 100%;
  }
}

.flex.layout1 {
  position: relative;
  flex-grow: 1;
  margin: 25px 0px 52px;
}

@media (max-width: 1199px) {
  .subtitle1-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .subtitle1-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .subtitle1-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 479px) {
  .subtitle1-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 383px) {
  .subtitle1-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.subtitle1-box.layout {
  position: relative;
  margin: 0px 0px 0px 5px;
}

.subtitle1 {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
}
@media (max-width: 1199px) {
  .subtitle1 {
    font-size: 21px;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .subtitle1 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .subtitle1 {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .subtitle1 {
    font-size: 17px;
  }
}
@media (max-width: 383px) {
  .subtitle1 {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .highlights1-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .highlights1-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .highlights1-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 479px) {
  .highlights1-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.highlights1-box.layout {
  position: relative;
}

.highlights1 {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  font: 1em/2 "Roboto", Helvetica, Arial, serif;
  color: rgb(157, 34, 252);
  letter-spacing: 0.08px;
}
@media (max-width: 1199px) {
  .highlights1 {
    font-size: 15px;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .highlights1 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .highlights1 {
    font-size: 13px;
  }
}
@media (max-width: 479px) {
  .highlights1 {
    font-size: 12px;
  }
}

.cover-block1 {
  display: flex;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(190, 111, 252);
}

.cover-block1.layout {
  position: relative;
  margin: 183px 4px 0px 1px;
}

.flex2 {
  display: flex;
}
@media (max-width: 991px) {
  .flex2 {
    flex-wrap: wrap;
    align-content: flex-start;
    row-gap: 16px;
  }
}

.flex2.layout {
  position: relative;
  flex-grow: 1;
  margin: 35px 38px 17px;
}
@media (max-width: 1199px) {
  .flex2.layout {
    margin: 35px 33px 17px;
  }
}
@media (max-width: 991px) {
  .flex2.layout {
    margin: 35px 27px 17px;
  }
}
@media (max-width: 767px) {
  .flex2.layout {
    margin: 35px 23px 17px;
  }
}
@media (max-width: 575px) {
  .flex2.layout {
    margin: 35px 20px 17px;
  }
}
@media (max-width: 479px) {
  .flex2.layout {
    margin: 35px 18px 17px;
  }
}
@media (max-width: 383px) {
  .flex2.layout {
    margin: 35px 16px 17px;
  }
}

.flex-item3 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 267px;
}
@media (max-width: 991px) {
  .flex-item3 {
    flex: 0 0 100%;
  }
}

@media (max-width: 1199px) {
  .subtitle2-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .subtitle2-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .subtitle2-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 479px) {
  .subtitle2-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 383px) {
  .subtitle2-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.subtitle2-box.layout {
  position: relative;
  flex-grow: 1;
  margin: 1px 0px 0px;
}

.subtitle2 {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
}
@media (max-width: 1199px) {
  .subtitle2 {
    font-size: 21px;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .subtitle2 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .subtitle2 {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .subtitle2 {
    font-size: 17px;
  }
}
@media (max-width: 383px) {
  .subtitle2 {
    font-size: 16px;
  }
}

.flex-spacer1 {
  flex: 0 1 126px;
}
@media (max-width: 991px) {
  .flex-spacer1 {
    display: none;
  }
}

.flex-item4 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 266px;
}
@media (max-width: 991px) {
  .flex-item4 {
    flex: 0 0 100%;
  }
}

.subtitle2-box.layout1 {
  position: relative;
  flex-grow: 1;
  margin: 0px 0px 1px;
}

.flex-spacer2 {
  flex: 0 1 104px;
}
@media (max-width: 991px) {
  .flex-spacer2 {
    display: none;
  }
}

.flex-item5 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 286px;
}
@media (max-width: 991px) {
  .flex-item5 {
    flex: 0 0 100%;
  }
}

.subtitle2-box.layout2 {
  position: relative;
  flex-grow: 1;
  margin: 1px 0px 19px;
}

.flex.layout5 {
  position: relative;
  margin: 174px 4px 0px 0px;
}
@media (max-width: 1199px) {
  .flex.layout5 {
    margin: 174px 5px 0px 0px;
  }
}

.flex3 {
  display: flex;
}
@media (max-width: 1199px) {
  .flex3 {
    flex-wrap: wrap;
    align-content: flex-start;
    row-gap: 22px;
  }
}

.flex3.layout {
  position: relative;
  margin: 50px 0px 0px;
}

.flex-item6 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 363px;
}
@media (max-width: 1199px) {
  .flex-item6 {
    flex: 0 0 100%;
  }
}

.flex.layout2 {
  position: relative;
  flex-grow: 1;
  margin: 0px 0px 1px;
}

.image {
  width: 100%;
  height: auto;
  vertical-align: top;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center top;
  object-position: center top;
}

.image.layout {
  position: relative;
  width: calc(100% - 1px);
  margin: 0px 0px 0px 1px;
}
@media (max-width: 1199px) {
  .image.layout {
    width: calc(100% - 5px);
    margin: 0px 0px 0px 5px;
  }
}

.block4 {
  display: flex;
  flex-direction: column;
}

.block4.layout {
  position: relative;
  margin: 48px 0px 0px;
}

@media (max-width: 1199px) {
  .subtitle-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .subtitle-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .subtitle-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 479px) {
  .subtitle-box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.subtitle-box.layout {
  position: relative;
  flex-grow: 1;
}

.subtitle {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
}
@media (max-width: 1199px) {
  .subtitle {
    font-size: 19px;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .subtitle {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .subtitle {
    font-size: 17px;
  }
}
@media (max-width: 479px) {
  .subtitle {
    font-size: 16px;
  }
}

.block9 {
  display: flex;
  flex-direction: column;
}

.block9.layout {
  position: relative;
  height: 27px;
  width: 104px;
  min-width: 104px;
  margin: 3px 0px 0px;
}

.highlights1-box.layout1 {
  position: absolute;
  top: 0px;
  height: 33px;
  left: 0px;
  width: 99px;
}

.flex-spacer3 {
  flex: 0 1 19px;
}
@media (max-width: 1199px) {
  .flex-spacer3 {
    display: none;
  }
}

.flex.layout3 {
  position: relative;
  flex-grow: 1;
}

.subtitle-box.layout1 {
  position: relative;
  margin: 49px 3px 0px 1px;
}
@media (max-width: 1199px) {
  .subtitle-box.layout1 {
    margin: 49px 5px 0px;
  }
}

.flex.layout4 {
  position: relative;
  flex-grow: 1;
  margin: 0px 0px 2px;
}

.block7 {
  display: flex;
  flex-direction: column;
}

.block7.layout {
  position: relative;
  margin: 48px 2px 0px 1px;
}
@media (max-width: 1199px) {
  .block7.layout {
    margin: 48px 5px 0px;
  }
}

.block9.layout1 {
  position: relative;
  height: 27px;
  width: 104px;
  min-width: 104px;
  margin: 15px 0px 0px;
}

.flex1.layout1 {
  position: relative;
  margin: 177px 1px 0px;
}
@media (max-width: 1199px) {
  .flex1.layout1 {
    margin: 177px 5px 0px;
  }
}

.flex-item7 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 572px;
}
@media (max-width: 1199px) {
  .flex-item7 {
    flex: 0 0 50%;
  }
}

.cover-block2 {
  display: flex;
  flex-direction: column;
  background: var(--src) center center/cover no-repeat;
}

.cover-block2.layout {
  position: relative;
  flex-grow: 1;
  margin: 23px 0px 26px;
}

.flex.layout6 {
  position: relative;
  flex-grow: 1;
  width: 76.05%;
  margin: 183px 15.03% 150px 8.92%;
}

@media (max-width: 1199px) {
  .highlights2 {
    font-size: 15px;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .highlights2 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .highlights2 {
    font-size: 13px;
  }
}
@media (max-width: 479px) {
  .highlights2 {
    font-size: 12px;
  }
}

.highlights2.layout {
  position: relative;
  margin: 15px 0px 0px 1px;
}
@media (max-width: 1199px) {
  .highlights2.layout {
    margin: 15px 0px 0px 5px;
  }
}

.block9.layout2 {
  position: relative;
  height: 27px;
  width: 104px;
  min-width: 104px;
  margin: 5px 0px 0px;
}

.flex-item8 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 554px;
}
@media (max-width: 1199px) {
  .flex-item8 {
    flex: 0 0 50%;
  }
}

.image5 {
  width: 100%;
  height: auto;
  vertical-align: top;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center top;
  object-position: center top;
}

.image5.layout {
  position: relative;
  flex-grow: 1;
}

.cta-link {
  color: rgb(157, 34, 252);
  text-decoration: none;
}
.cta-link:hover {
  text-decoration: underline;
}