.section-hero .card-headline {
  max-width: 380px;
}

/* @media only screen and (min-width: 1240px) {
  .card-opportunities .card-content-width {
    padding: 100px 70px 70px 70px !important;
  }
}

@media only screen and (min-width: 1068px) {
  .card-opportunities .card-content-width {
    padding: 80px 40px 50px 40px !important;
  }
}

@media only screen and (max-width: 1068px) {
  .card-opportunities .card-content-width {
    padding: 80px 25px 50px 25px !important;
  }
} */

.quote-text.typography-headline.localize {
  max-width: 820px;
}

@media only screen and (max-width: 1068px) {
  .section-resources .card {
    padding: 90px 30px;
  }
}



html[lang=zh-HK] .centerall {
  padding-left: 0.5em;
}


.ffpingfang {
  font-family: 'PingFang HK' !important;
}

.section-hero .hero-copy {
  max-width: 880px;
}

.quote-block .quote-text {
  max-width: 835px;
}

/* /2022 */
/* .section-products .hardware.macbook.macbook-developer-screen-with-hardware {
  background-image: url("/hk/education/higher-education/app-development/images/macbook_screen_developer__6rjrli30e82a_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
  .section-products .hardware.macbook.macbook-developer-screen-with-hardware {
    background-image: url("/hk/education/higher-education/app-development/images/macbook_screen_developer__6rjrli30e82a_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .section-products .hardware.macbook.macbook-developer-screen-with-hardware {
    background-image: url("/hk/education/higher-education/app-development/images/macbook_screen_developer__6rjrli30e82a_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .section-products .hardware.macbook.macbook-developer-screen-with-hardware {
    background-image: url("/hk/education/higher-education/app-development/images/macbook_screen_developer__6rjrli30e82a_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .section-products .hardware.macbook.macbook-developer-screen-with-hardware {
    width: 664px;
    height: 450px;
    background-size: 664px 450px;
    background-repeat: no-repeat;
    background-image: url("/hk/education/higher-education/app-development/images/macbook_screen_developer__6rjrli30e82a_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .section-products .hardware.macbook.macbook-developer-screen-with-hardware {
    background-image: url("/hk/education/higher-education/app-development/images/macbook_screen_developer__6rjrli30e82a_small_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .section-products .hardware.macbook.macbook-developer-screen-with-hardware {
    background-image: url("/hk/education/higher-education/app-development/images/macbook_screen_developer__6rjrli30e82a_large.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .section-products .hardware.macbook.macbook-developer-screen-with-hardware {
    background-image: url("/hk/education/higher-education/app-development/images/macbook_screen_developer__6rjrli30e82a_large_2x.jpg");
  }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
  .section-products .hardware.macbook.macbook-developer-screen-with-hardware {
    background-image: url("/hk/education/higher-education/app-development/images/macbook_screen_developer__6rjrli30e82a_medium.jpg");
  }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 144dpi) {
  .section-products .hardware.macbook.macbook-developer-screen-with-hardware {
    background-image: url("/hk/education/higher-education/app-development/images/macbook_screen_developer__6rjrli30e82a_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
  .section-products .hardware.macbook.macbook-developer-screen-with-hardware {
    background-image: url("/hk/education/higher-education/app-development/images/macbook_screen_developer__6rjrli30e82a_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 144dpi) {
  .section-products .hardware.macbook.macbook-developer-screen-with-hardware {
    background-image: url("/hk/education/higher-education/app-development/images/macbook_screen_developer__6rjrli30e82a_small_2x.jpg");
  }
} */

    .section-swift .gradient-text {
      min-height: auto;
    }

    @media only screen and (max-width: 1068px) {
      .section-swift .gradient-text {
        min-height: auto !important;
    }
    }
    
    .section-hero .hero-copy {
      max-width: 880px;
  }

  .section-products .typography-manifesto {
    max-width: 765px;
  }

  .beforeQuo {
    position: relative;
  }
  
  .beforeQuo::before {
    top: 0;
    content: '「';
    position: absolute;
    left: -0.65em;
    display: block;
  }
  @media only screen and (max-width: 734px) {
    .beforeQuo::before {
      content: '「';
      position: absolute;
      left: -0.65em;
    }
    .typography-headline .headline-center-l {
      position: absolute;
    }
  }
   
.f600 {
  font-weight: 600 !important;
}

.section .section-cta {
  font-weight: 600;
}
.quote-card .quote-text, .quote-card footer {
  font-weight: 600;
}
.section-experience .card .card-headline, .section-experience .card .card-eyebrow {
  font-weight: 600;
}

.section.section-it .section-cta a {
  font-weight: 600 !important;
}

.section-how-to-buy .blurbs a {
  font-weight: 600;
}

.section-products .product-cta {
font-weight: 600 !important;
}

.section-swift a {
font-weight: 600 !important;
}

.section-resources .cta {
font-weight: 600 !important;
}
.section .quote-text {
  font-weight: 600 !important;
}
.section-resources .card .typography-headline {
  font-weight: 600 !important;
}
.section .typography-headline-super {
  font-weight: 600 !important;
}

.typography-body-alt,.typography-intro,.section-opportunities .card-opportunities p {
  line-height: 1.3334;
}

.section .typography-quote-copy {
  line-height: 1.3334;
}

.typography-bento-copy {
  width: 100%;
}

@media only screen and (min-width: 1068px) {
  .headline-center-ol {
      position: absolute;
  }
}
@media only screen and (max-width: 1068px) {
  .headline-center-ol {
      position: relative;
  }
}

@media only screen and (min-width: 735px) {
  .headline-center-ll {
      position: absolute;
  }
}
.headline-center-ml {
  position: absolute;
}
@media only screen and (max-width: 735px) {
  .headline-center-ll {
      position: relative;
  }
  .headline-center-ml {
    position: relative;
  }
}