.mr_6 {
  margin-right: 0.6rem;
}
.ml_6 {
  margin-left: 0.6rem;
}
@media only screen and (min-width: 1068px) {
  .typography-callout:lang(zh-HK) {
  }
}
.highlight:before {
  transform: translateY(-56%);
}
.highlight-wrapper.hl .highlight:before {
  transform: translateY(-50%);
}
h2 .highlight-wrapper .highlight:before {
  transform: translateY(-50%);
  z-index: -1;
}

.section-community .grid-item-learning-center .tile-content.gcupdate {
  justify-content: flex-start;
}

.section-community .grid-item-learning-center {
  --tile-border-color: #e8e8ed;
}

.modal-success-story .modal-content .modal-stats .modal-stat-label {
  max-width: 200px;
}

@media only screen and (min-width: 735px) {
  .section-how-to-buy-module .column-buy {
  padding-left: 60px;
  padding-right: 0;
}
}
@media only screen and (min-width: 1069px) {
  .section-how-to-buy-module .column-buy {
  padding-left: 80px;
  padding-right: 0;
}
}
.section-how-to-buy-module .column-buy .column-content {
  max-width: 100%;
}
.section-sign-up .content-wrapper {
  max-width: 900px;
}
.section-hero .highlight {
  z-index: -1;
}

.section-community .tile-content .tile-headline {
  z-index: 1;
}

.section-community .highlight {
  z-index: -1;
}

@media only screen and (max-width: 735px) {
  .arrow-icon.small {
    transform: rotate(-49deg) translateX(-20px) translateY(-55px);
  }
}

@media only screen and (max-width: 735px) {
  .section-specialist .grid-item-expert .arrow-icon.small {
    transform: rotate(-49deg) translateX(-20px) translateY(-55px);
  }
}

@media only screen and (min-width: 736px) {
  .section-specialist .grid-item-expert .arrow-icon {
    position: absolute;
    bottom: -40%;
    right: 60%;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-community .grid-item-learning-center .tile-content {
    padding-right: 40px;
    padding-left: 40px;
  }
}



@media only screen and (max-width: 735px) {
	.desktop {
		display: none;
	}
}
.mobile {
	display: none;
}
@media only screen and (max-width: 735px) {
	.mobile {
		display: inline;
	}
	.mab {
		position: absolute;
	}
}



.ml06 {
    margin-left: 0.5em;
}
@media only screen and (min-width: 736px) {
    .ml06_lm {
        margin-left: 0.5em;
    }
}
@media only screen and (max-width: 735px) {
    .ml06_s {
        margin-left: 0.5em;
    }
}

.highlight-green .highlight:nth-child(2) {
  margin-left: 0.5em;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.modal .row.justify-content-end.medium-justify-content-center {
	transform: translateX(50px);
}
}