@layer properties{}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){}}@layer components;@layer utilities{}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}

@import url("./banner-base.css");
@media(min-width:801px){
  main:is(.page-products,.page-solutions,.page-scenarios,.page-cases,.page-tutorials,.page-themes,.page-videos,.page-resources) #abke-page-banner .photo-hero{
    height:620px;
    min-height:620px;
    padding-bottom:18px;
  }
  main:is(.page-products,.page-solutions,.page-scenarios,.page-cases,.page-tutorials,.page-themes,.page-videos,.page-resources) #abke-page-banner .photo-hero .hub-hero-inner{
    align-items:start;
    min-height:530px;
  }
  main:is(.page-products,.page-solutions,.page-scenarios,.page-cases,.page-tutorials,.page-themes,.page-videos,.page-resources) #abke-page-banner .photo-hero .hub-hero-copy{
    align-self:start;
    padding-top:88px;
    padding-bottom:32px;
  }
  main:is(.page-products,.page-solutions,.page-scenarios,.page-cases,.page-tutorials,.page-themes,.page-videos,.page-resources) #abke-page-banner .photo-hero .hub-breadcrumb{
    min-height:18px;
    margin-bottom:28px;
  }
  main.page-solutions #abke-page-banner .photo-hero .hub-hero-inner{min-height:526px}
  main.page-scenarios #abke-page-banner .photo-hero .hub-hero-inner,
main.page-cases #abke-page-banner .photo-hero .hub-hero-inner{min-height:522px}
  main.page-products #abke-page-banner .photo-hero{
    height:520px;
    min-height:520px;
    padding-bottom:0;
  }
  main.page-products #abke-page-banner .photo-hero .hub-hero-inner{min-height:448px}
  main.page-products #abke-page-banner .photo-hero .hub-hero-copy{
    padding-top:60px;
    padding-bottom:20px;
  }
  html[lang="en"] body main.page-products #abke-page-banner .photo-hero .hub-hero-copy{
    padding-top:20px;
    padding-bottom:5px;
  }
  html[lang="en"] body main.page-products #abke-page-banner .photo-hero .hub-hero-copy>h1{
    font-size:38px!important;
    line-height:1.16;
  }
  html[lang="en"] body main.page-products #abke-page-banner .photo-hero .hub-hero-copy>p:not(.hub-eyebrow){
    margin-top:16px;
    font-size:15px!important;
    line-height:1.7;
  }
  html[lang="en"] body main.page-products #abke-page-banner .photo-hero .hub-hero-actions{margin-top:20px}
}

main.page-products #abke-page-banner .photo-hero .product-overview-stats{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
main.page-products #abke-page-banner .photo-hero .product-overview-stats>div{border:0!important}
@property --abke-primary-button-gradient-start{
  syntax:"<color>";
  inherits:true;
  initial-value:#165DFF;
}
@property --abke-primary-button-gradient-end{
  syntax:"<color>";
  inherits:true;
  initial-value:#2B7FFF;
}

@media(min-width:801px) and (max-width:1100px){
  html[lang="en"] body main.page-products #abke-page-banner .photo-hero .hub-hero-inner{
    grid-template-columns:1fr;
    gap:0;
    min-height:448px;
  }
  html[lang="en"] body main.page-products #abke-page-banner .photo-hero .hero-note{display:none}
  html[lang="en"] body main.page-products #abke-page-banner .photo-hero .product-overview-stats>div{
    gap:6px;
    padding:10px;
  }
  html[lang="en"] body main.page-products #abke-page-banner .photo-hero .product-overview-stats strong{
    white-space:nowrap;
    font-size:21px;
  }
  html[lang="en"] body main.page-products #abke-page-banner .photo-hero .product-overview-stats span{font-size:10px}
}

@media(max-width:800px){
  main:is(.page-products,.page-solutions,.page-scenarios,.page-cases,.page-tutorials,.page-themes,.page-videos,.page-resources) #abke-page-banner .photo-hero{
    height:auto;
    min-height:0;
    padding-bottom:0;
  }
  main:is(.page-products,.page-solutions,.page-scenarios,.page-cases,.page-tutorials,.page-themes,.page-videos,.page-resources) #abke-page-banner .photo-hero .hub-hero-inner{min-height:0}
  main:is(.page-products,.page-solutions,.page-scenarios,.page-cases,.page-tutorials,.page-themes,.page-videos,.page-resources) #abke-page-banner .photo-hero .hub-hero-copy{
    padding-top:34px;
    padding-bottom:26px;
  }
  main:is(.page-products,.page-solutions,.page-scenarios,.page-cases,.page-tutorials,.page-themes,.page-videos,.page-resources) #abke-page-banner .photo-hero .hub-breadcrumb{
    min-height:18px;
    margin-bottom:20px;
  }
}
@media(min-width:1101px){
  html[lang="en"] main.page-institute #abke-page-banner .institute-hero h1{
    font-size:clamp(42px,3.2vw,46px);
  }
}
html[lang="en"] main.page-about #abke-page-banner .about-hero-bright{overflow:hidden}
@media(max-width:800px){
  html[lang="en"] main:is(.page-products,.page-solutions,.page-scenarios,
  .page-cases,.page-geo-diagnosis) #abke-page-banner .photo-hero :is(.product-overview-stats,
  .solution-hero-pillars,.hub-stats)>*{
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:4px;
    padding:14px 16px;
  }
  html[lang="en"] main:is(.page-products,.page-solutions,.page-scenarios,
  .page-cases,.page-geo-diagnosis) #abke-page-banner .photo-hero :is(.product-overview-stats,
  .solution-hero-pillars,.hub-stats)>*>strong{
    max-width:100%;
    font-size:20px;
    line-height:1.2;
    white-space:normal!important;
  }
}
main.page-about #abke-page-banner .about-hero-layout{position:static}
@media(min-width:801px){
  main.page-geo-diagnosis #abke-page-banner .hub-hero-copy{padding-top:82px}
  main.page-contact #abke-page-banner .photo-hero .hub-hero-copy{padding-top:60px}
  main.page-partners #abke-page-banner .partner-hero-copy{padding-top:98px}
}
@media(max-width:800px){
  main:is(.page-products,.page-solutions,.page-scenarios,.page-cases,
  .page-tutorials,.page-themes,.page-videos,.page-resources) #abke-page-banner .hub-hero-copy,
main:is(.page-geo-diagnosis,.page-contact) #abke-page-banner .hub-hero-copy{
    padding-top:58px!important;
  }
}
@media(min-width:801px){
  main.page-partners #abke-page-banner .partner-hero,
main.page-partners #abke-page-banner .partner-hero-inner{
    min-height:360px;
  }
  main.page-partners #abke-page-banner .partner-hero-inner{
    grid-template-columns:minmax(0,1.25fr) 260px;
    gap:48px;
  }
  main.page-partners #abke-page-banner .partner-hero-copy{
    padding:58px 0 28px;
  }
  main.page-partners #abke-page-banner .partner-hero-copy>p{
    margin-bottom:10px;
  }
  main.page-partners #abke-page-banner .partner-hero-copy h1{
    max-width:720px;
    font-size:clamp(34px,3vw,46px);
    line-height:1.18;
  }
  main.page-partners #abke-page-banner .partner-hero-lead{
    max-width:720px;
    margin-top:15px;
    font-size:14px;
    line-height:1.7;
  }
  main.page-partners #abke-page-banner .partner-hero-actions{
    margin-top:20px;
  }
  main.page-partners #abke-page-banner .partner-hero-actions a{
    min-height:46px;
  }
  main.page-partners #abke-page-banner .partner-hero-copy>ul{
    display:none;
  }
  main.page-partners #abke-page-banner .partner-hero-inner>aside{
    width:260px;
    min-height:132px;
    margin-top:18px;
    padding:24px 26px;
    border-radius:5px;
  }
  main.page-partners #abke-page-banner .partner-hero-inner>aside strong{
    margin-top:12px;
    font-size:22px;
    line-height:1.4;
  }
  main.page-partners #abke-page-banner .partner-hero-inner>aside span{
    margin-top:10px;
    line-height:1.65;
  }
}

@media(max-width:800px){
  main.page-partners #abke-page-banner .partner-hero-inner{
    padding-top:0;
    padding-bottom:36px;
  }
  main.page-partners #abke-page-banner .partner-hero-copy{
    padding:58px 0 24px;
  }
  main.page-partners #abke-page-banner .partner-hero-copy>ul,
main.page-partners #abke-page-banner .partner-hero-inner>aside{
    display:none;
  }
  main.page-partners #abke-page-banner .partner-hero-lead{
    margin-top:14px;
    line-height:1.7;
  }
  main.page-partners #abke-page-banner .partner-hero-actions{
    margin-top:20px;
  }
}

main.page-about #abke-page-banner .about-hero-position>small{
  font-size:12px;
  line-height:1.5;
}
main.page-about #abke-page-banner .about-hero-position>span{font-size:12px;line-height:1.55}

main.page-partners #abke-page-banner .partner-hero aside>small{
  font-size:12px;
  line-height:1.5;
}
main.hub-page #abke-page-banner :is(.photo-hero,.faq-featured,.knowledge-featured)
  :is(.hero-note p,.hub-hero-copy>p:not(.hub-eyebrow),
  .faq-feature-card p,.knowledge-feature-card p){
  color:rgba(232,242,251,.82);
}
main.hub-page #abke-page-banner :is(.photo-hero,.faq-featured,.knowledge-featured)
  :is(.hero-note small,.hero-note span,.solution-hero-pillars small,
  .faq-feature-card>div>small,.knowledge-feature-card>div>small){
  font-size:12px;
  line-height:1.5;
}
@media(min-width:801px){
  main.page-about #abke-page-banner .about-hero-copy h1,
main.page-partners #abke-page-banner .partner-hero-copy h1{
    font-size:clamp(46px,3.6vw,52px);
    line-height:1.18;
    letter-spacing:-.025em;
  }
}

@media(max-width:800px){
  main:is(.page-products,.page-solutions,.page-scenarios,.page-cases,
  .page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos,
  .page-resources,.page-contact) #abke-page-banner .photo-hero .hero-note{
    display:none!important;
  }
  main:is(.page-products,.page-solutions,.page-scenarios,.page-cases,
  .page-geo-diagnosis) #abke-page-banner .photo-hero :is(.product-overview-stats,
  .solution-hero-pillars,.hub-stats){
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column;
    grid-auto-columns:minmax(190px,1fr);
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  main:is(.page-products,.page-solutions,.page-scenarios,.page-cases,
  .page-geo-diagnosis) #abke-page-banner .photo-hero :is(.product-overview-stats,
  .solution-hero-pillars,.hub-stats)::-webkit-scrollbar{
    display:none;
  }
  main:is(.page-products,.page-solutions,.page-scenarios,.page-cases,
  .page-geo-diagnosis) #abke-page-banner .photo-hero :is(.product-overview-stats,
  .solution-hero-pillars,.hub-stats)>*{
    min-width:0;
    scroll-snap-align:start;
  }
  main.page-products #abke-page-banner .photo-hero .product-overview-stats>*>strong{
    flex:0 0 auto;
    white-space:nowrap;
  }

  main.page-about #abke-page-banner .about-hero-copy h1{
    font-size:30px;
    line-height:1.2;
    letter-spacing:-.02em;
  }
  main.page-about #abke-page-banner .about-hero-layout{gap:32px}
  main.page-about #abke-page-banner .about-hero-visual{
    height:300px;
    min-height:300px;
  }

  main.page-partners #abke-page-banner .partner-hero-copy h1{
    font-size:28px;
    line-height:1.22;
    letter-spacing:-.02em;
  }
  main.page-partners #abke-page-banner .partner-hero aside{padding:24px}
  main.page-partners #abke-page-banner .partner-hero-inner{padding-bottom:40px}

  main.page-contact #abke-page-banner .photo-hero h1{
    font-size:30px;
    line-height:1.22;
  }
  main.page-geo-diagnosis #abke-page-banner .photo-hero h1{
    font-size:32px;
    line-height:1.22;
  }
}

@media(max-width:540px){
  main:is(.page-scenarios,.page-cases,.page-tutorials,.page-themes,
  .page-videos,.page-resources,.page-contact) #abke-page-banner .photo-hero h1{
    font-size:28px;
    line-height:1.22;
    letter-spacing:-.018em;
  }
}

@media(max-width:340px){
  main.page-about #abke-page-banner .about-hero-copy h1,
main.page-partners #abke-page-banner .partner-hero-copy h1,
main:is(.page-scenarios,.page-cases,.page-tutorials,.page-themes,
  .page-videos,.page-resources,.page-contact) #abke-page-banner .photo-hero h1{
    font-size:25px;
  }
}
@media(min-width:801px){
  body main.page-about #abke-page-banner :is(
    .about-hero-lead,
    .about-vertical-copy li,
    .about-strength-section .about-section-heading>span,
    .about-history-intro>p,
    .about-choice-section .about-section-heading>span,
    .about-choice-grid article>p,
    .about-company-card p
  ){
    color:var(--abke-text);
    font-weight:400;
  }
}
@media(min-width:801px){

  body main.page-institute #abke-page-banner .institute-hero-copy>.institute-lead,
body main.page-about #abke-page-banner .about-hero-copy>.about-hero-lead{
    color:var(--abke-important-description-light)!important;
    font-size:var(--abke-important-description-size)!important;
    font-weight:var(--abke-important-description-weight)!important;
  }

  body main.hub-page #abke-page-banner .hub-hero-copy>p:not(.hub-eyebrow),
body main.page-cooperation #abke-page-banner .coop-hero-copy>.coop-lead{
    font-size:var(--abke-important-description-size)!important;
    font-weight:var(--abke-important-description-weight)!important;
  }
}

@media(max-width:560px){

  html[lang="en"] body main.page-products #abke-page-banner .photo-hero .product-overview-stats{
    width:100%!important;
    max-width:none;
  }

}

html body main #abke-page-banner .hub-hero-copy>h1+p:not(.hub-eyebrow),
html body main.page-about #abke-page-banner .about-hero-copy>h1+.about-hero-lead,
html body main.page-institute #abke-page-banner .institute-hero-copy>h1+.institute-lead,
html body main.page-cooperation #abke-page-banner .coop-hero-copy>h1+.coop-lead,
html body main.page-partners #abke-page-banner .partner-hero-copy>h1+.partner-hero-lead{
  margin-top:var(--inner-hero-title-copy-gap)!important;
}

html body:not(.abke-min-font-preserve) main.page-about.page-about #abke-page-banner section.about-hero-bright .about-hero-copy>.about-hero-lead.about-hero-lead{
  color:var(--inner-hero-light-copy)!important;
  font-size:var(--inner-hero-copy-size)!important;
  font-weight:400!important;
  line-height:var(--inner-hero-copy-leading)!important;
  margin-top:var(--inner-hero-title-copy-gap)!important;
}

html body main #abke-page-banner :is(
  .hub-hero-actions.hub-hero-actions.hub-hero-actions,
  .about-hero-actions.about-hero-actions.about-hero-actions,
  .institute-hero-actions.institute-hero-actions.institute-hero-actions,
  .coop-hero-actions.coop-hero-actions.coop-hero-actions,
  .partner-hero-actions.partner-hero-actions.partner-hero-actions,
  .ad-cover-actions.ad-cover-actions.ad-cover-actions,
  .purchase-actions.purchase-actions.purchase-actions
)>a[href][href]{
  box-sizing:border-box!important;
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  height:var(--inner-hero-button-height)!important;
  min-height:var(--inner-hero-button-height)!important;
  flex:0 0 auto!important;
  justify-content:center!important;
  align-items:center!important;
  padding:0 var(--inner-hero-button-padding)!important;
  border-radius:var(--inner-hero-button-radius)!important;
  font-size:16px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}

html body main #abke-page-banner :is(
  .hub-hero-actions.hub-hero-actions.hub-hero-actions,
  .about-hero-actions.about-hero-actions.about-hero-actions,
  .institute-hero-actions.institute-hero-actions.institute-hero-actions,
  .coop-hero-actions.coop-hero-actions.coop-hero-actions,
  .partner-hero-actions.partner-hero-actions.partner-hero-actions,
  .ad-cover-actions.ad-cover-actions.ad-cover-actions,
  .purchase-actions.purchase-actions.purchase-actions
)>a[href][href]:first-child:first-child{
  color:#FFFFFF!important;
  border:1px solid var(--inner-hero-primary)!important;
  background:var(--inner-hero-primary)!important;
  background-image:none!important;
  box-shadow:none!important;
}

html body main #abke-page-banner :is(
  .hub-hero-actions.hub-hero-actions.hub-hero-actions,
  .about-hero-actions.about-hero-actions.about-hero-actions,
  .institute-hero-actions.institute-hero-actions.institute-hero-actions,
  .coop-hero-actions.coop-hero-actions.coop-hero-actions,
  .partner-hero-actions.partner-hero-actions.partner-hero-actions,
  .ad-cover-actions.ad-cover-actions.ad-cover-actions,
  .purchase-actions.purchase-actions.purchase-actions
)>a[href][href]:first-child:first-child:is(:hover,:focus-visible){
  color:#FFFFFF!important;
  border-color:var(--inner-hero-primary-hover)!important;
  background:var(--inner-hero-primary-hover)!important;
  background-image:none!important;
}
html body main.page-products #abke-page-banner .products-breadcrumb-track{
  position:relative!important;
  z-index:5!important;
  padding-top:20px!important;
  padding-bottom:14px!important;
}

html body main.page-products #abke-page-banner .products-breadcrumb-track .hub-breadcrumb{
  position:static!important;
  top:auto!important;
  margin:0!important;
  color:var(--abke-breadcrumb-light-link)!important;
}

html body main.page-products #abke-page-banner .products-breadcrumb-track .hub-breadcrumb>a{
  color:var(--abke-breadcrumb-light-link)!important;
}

html body main.page-products #abke-page-banner .products-breadcrumb-track .hub-breadcrumb>span{
  color:var(--abke-breadcrumb-light-separator)!important;
}

html body main.page-products #abke-page-banner .products-breadcrumb-track .hub-breadcrumb>:is(b,strong,[aria-current="page"]){
  color:var(--abke-breadcrumb-light-current)!important;
}

html body main.page-products #abke-page-banner .products-breadcrumb-track .hub-breadcrumb>a:is(:hover,:focus-visible){
  color:var(--abke-breadcrumb-light-hover)!important;
}

html body main.page-products #abke-page-banner .photo-hero{
  position:relative!important;
}

html body main.page-products #abke-page-banner .photo-hero .hub-hero-inner,
html body main.page-products #abke-page-banner .photo-hero .hub-hero-copy{
  position:relative!important;
  z-index:2!important;
}

html body main.page-products #abke-page-banner .photo-hero .hub-breadcrumb{
  z-index:4!important;
  pointer-events:auto;
}

@media (max-width:767px){

  html body:not(.abke-min-font-preserve) main.page-about.page-about #abke-page-banner section.about-hero-bright .about-hero-copy>.about-hero-lead.about-hero-lead{
    font-size:var(--abke-banner-body-size)!important;
  }
}

@media (max-width:420px){
  html body main #abke-page-banner :is(
    .hub-hero-actions.hub-hero-actions.hub-hero-actions,
    .about-hero-actions.about-hero-actions.about-hero-actions,
    .institute-hero-actions.institute-hero-actions.institute-hero-actions,
    .coop-hero-actions.coop-hero-actions.coop-hero-actions,
    .partner-hero-actions.partner-hero-actions.partner-hero-actions,
    .ad-cover-actions.ad-cover-actions.ad-cover-actions,
    .purchase-actions.purchase-actions.purchase-actions
  )>a[href][href]{
    padding-inline:24px!important;
    white-space:normal!important;
    text-align:center!important;
  }
}
html body main.page-about #abke-page-banner section.about-hero-bright{
  background:#dcecff url("../images/about-hero-bg.png") center center / cover no-repeat!important;
}

html body main.page-about #abke-page-banner section.about-hero-bright::before{
  display:none!important;
}

html body main.page-products #abke-page-banner .products-breadcrumb-track {
  box-sizing: border-box;
  top: 20px !important;
  height: 0 !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: visible !important;
}

html body main.page-products #abke-page-banner .products-breadcrumb-track .hub-breadcrumb > a {
  color: var(--abke-breadcrumb-dark-link) !important;
}

html body main.page-products #abke-page-banner .products-breadcrumb-track .hub-breadcrumb > span {
  color: var(--abke-breadcrumb-dark-separator) !important;
}

html body main.page-products #abke-page-banner .products-breadcrumb-track .hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb > :is(b, strong, [aria-current="page"]) {
  color: #FFFFFF !important;
}

html body main.page-products #abke-page-banner .products-breadcrumb-track .hub-breadcrumb > a:is(:hover, :focus-visible) {
  color: var(--abke-breadcrumb-dark-hover) !important;
}

html body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > h1,
html body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > h1 > span,
html body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > h1 > strong {
  font-size: 42px !important;
  letter-spacing: -3px !important;
}

html body main.page-products #abke-page-banner .photo-hero .hub-hero-copy {
  transform: translateY(30px);
}

html[lang="en"] body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > h1,
html[lang="en"] body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > h1 > span,
html[lang="en"] body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > h1 > strong {
  font-size: 42px !important;
}

html body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > p:not(.hub-eyebrow) {
  font-size: 16px !important;
}

html body main.page-products #abke-page-banner .photo-hero .hub-hero-actions > a {
  font-size: 15px !important;
}

html body main.page-products #abke-page-banner .photo-hero .product-overview-stats > div {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

html body main.page-products #abke-page-banner .photo-hero .product-overview-stats > div > strong {
  order: 1;
  font-size: 24px !important;
  line-height: 1.2;
}

html body main.page-products #abke-page-banner .photo-hero .product-overview-stats > div::before {
  order: 2;
}

html body main.page-products #abke-page-banner .photo-hero .product-overview-stats > div > span {
  order: 3;
  color: #FFFFFF !important;
  font-size: 13px !important;
  line-height: 1.5;
  white-space: nowrap;
}

@media (min-width: 801px) {
  html body main.page-products #abke-page-banner .photo-hero {
    height: 520px !important;
    min-height: 520px !important;
    padding-bottom: 0 !important;
  }

  html body main.page-products #abke-page-banner .photo-hero .hub-hero-inner {
    min-height: 448px !important;
  }
}

@media (min-width: 801px) and (max-width: 1100px) {
  html body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > p:not(.hub-eyebrow) {
    margin-top: 10px !important;
  }

  html body main.page-products #abke-page-banner .photo-hero .hub-hero-actions {
    margin-top: 16px !important;
  }
}

@media (min-width: 1101px) {
  html[lang="en"] body main.page-products #abke-page-banner .photo-hero .hub-hero-actions {
    margin-top: 15px !important;
  }
}

@media (max-width: 800px) {
  html body main.page-products #abke-page-banner .products-breadcrumb-track {
    top: 16px !important;
  }

  html body main.page-products #abke-page-banner .photo-hero .hub-hero-copy {
    padding-top: 88px !important;
    transform: none;
  }

  html body main.page-products #abke-page-banner .photo-hero .product-overview-stats {
    grid-auto-columns: max-content !important;
  }
}

@media (max-width: 767px) {
  html body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > h1,
html body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > h1 > span,
html body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > h1 > strong,
html[lang="en"] body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > h1,
html[lang="en"] body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > h1 > span,
html[lang="en"] body main.page-products #abke-page-banner .photo-hero .hub-hero-copy > h1 > strong {
    font-size: clamp(32px, 8.7vw, 34px) !important;
  }
}

html body main #abke-page-banner .coop-hero{color:#fff;background:linear-gradient(125deg,#071e40 0%,#0a3e7f 52%,#1971d4 100%);min-height:680px;position:relative;overflow:hidden}html body main #abke-page-banner .coop-hero:before,
html body main #abke-page-banner .coop-hero:after{content:"";border:1px solid #8ddcff2c;border-radius:50%;position:absolute}html body main #abke-page-banner .coop-hero:before{width:560px;height:560px;right:-170px;top:-250px}html body main #abke-page-banner .coop-hero:after{width:380px;height:380px;right:170px;bottom:-300px}html body main #abke-page-banner .coop-hero-grid{background-image:linear-gradient(#90d7ff0d 1px,transparent 1px),linear-gradient(90deg,#90d7ff0d 1px,transparent 1px);background-size:72px 72px;position:absolute;inset:0}html body main #abke-page-banner .coop-hero-inner{z-index:2;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:70px;min-height:680px;padding-top:105px;padding-bottom:50px;position:relative;display:grid}html body main #abke-page-banner .coop-hero h1{letter-spacing:-.04em;max-width:650px;margin:18px 0 22px;font-size:clamp(42px,4vw,62px);font-weight:680;line-height:1.15}html body main #abke-page-banner .coop-hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}html body main #abke-page-banner .coop-hero-actions a{justify-content:center;align-items:center;min-height:50px;padding:0 24px;font-size:13px;font-weight:750;display:inline-flex}html body main #abke-page-banner .coop-hero-actions a{min-height:52px;padding-inline:25px}
@media(max-width:1180px){html body main #abke-page-banner .coop-hero-inner{grid-template-columns:minmax(0,.8fr) minmax(500px,1.2fr);gap:38px}}
@media(max-width:900px){html body main #abke-page-banner .coop-hero-inner{grid-template-columns:1fr;gap:34px;padding-top:110px;padding-bottom:55px}html body main #abke-page-banner .coop-hero-copy{max-width:720px}}
@media(max-width:800px){html body main #abke-page-banner .coop-hero{min-height:0}html body main #abke-page-banner .coop-hero-inner{padding-top:96px}html body main #abke-page-banner .coop-hero h1{font-size:38px}}
@media(max-width:560px){html body main #abke-page-banner .coop-hero-inner{padding-top:84px}html body main #abke-page-banner .coop-hero h1{font-size:32px;line-height:1.2}html body main #abke-page-banner .coop-hero-actions{flex-direction:column}html body main #abke-page-banner .coop-hero-actions a{width:100%}}

html body main.page-home #homeCustomModule,
html body main #abke-page-banner{
  --abke-banner-background:none;
  --abke-banner-title-size:48px;
  --abke-banner-title-weight:700;
  --abke-banner-title-leading:1.2;
  --abke-banner-body-size:16px;
  --abke-banner-body-weight:400;
  --abke-banner-body-leading:1.75;
  --abke-banner-cta-size:15px;
  --abke-banner-cta-weight:600;
  --abke-banner-value-title-size:14px;
  --abke-banner-value-body-size:12px;
}

html body main.page-home #homeCustomModule :is(.hero,.hub-hero.photo-hero,.coop-hero,.about-hero-bright,.partner-hero,.institute-hero),
html body main #abke-page-banner :is(.hero,.hub-hero.photo-hero,.coop-hero,.about-hero-bright,.partner-hero,.institute-hero){
  min-height:620px!important;
  background-color:#dcecff!important;
  background-image:var(--abke-banner-background)!important;
  overflow:hidden;
}

html body main #abke-page-banner :is(.hub-hero-inner,.coop-hero-inner,.about-hero-layout,.partner-hero-inner,.institute-hero-grid){
  grid-template-columns:minmax(0,58fr) minmax(360px,42fr)!important;
  gap:48px!important;
  min-height:620px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  padding-bottom:48px!important;
}
html body main.page-home #homeCustomModule .hero>.hero-video,
html body main #abke-page-banner .hub-hero.photo-hero>.hub-hero-photo,
html body main #abke-page-banner .partner-hero>img,
html body main #abke-page-banner .about-hero-visual{
  display:none!important;
}

html body main.page-home #homeCustomModule .hero>.hero-shade,
html body main #abke-page-banner .hub-hero.photo-hero>.hub-photo-shade,
html body main #abke-page-banner .partner-hero>.partner-hero-shade,
html body main.page-home #homeCustomModule .hero>.hero-grid,
html body main #abke-page-banner .hub-hero.photo-hero>.hub-hero-grid,
html body main #abke-page-banner .about-hero-orb{
  display:none!important;
}

html body main #abke-page-banner .hub-hero.photo-hero .hub-hero-photo,
html body main #abke-page-banner .partner-hero>img{
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:52%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
}

html body main #abke-page-banner .hub-hero.photo-hero .hub-photo-shade,
html body main #abke-page-banner .partner-hero .partner-hero-shade{
  background:linear-gradient(90deg,rgba(220,236,255,.76) 0%,rgba(220,236,255,.7) 43%,rgba(220,236,255,.6) 51%,rgba(220,236,255,.16) 68%,rgba(220,236,255,.03) 100%)!important;
}

html body main #abke-page-banner .hub-hero.photo-hero .hub-hero-grid{
  opacity:.3;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 55%,transparent 82%);
  mask-image:linear-gradient(90deg,#000 0%,#000 55%,transparent 82%);
}

html body main #abke-page-banner .hub-hero-visual{min-height:430px}

html body main.page-home #homeCustomModule :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy),
html body main #abke-page-banner :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy){
  position:relative;
  z-index:4;
  width:100%;
  max-width:760px!important;
}

html body main.page-home #homeCustomModule :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy) h1,
html body main #abke-page-banner :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy) h1{
  max-width:760px!important;
  margin-top:14px!important;
  color:#0b1d42!important;
  font-size:48px!important;
  font-weight:720!important;
  line-height:1.16!important;
  letter-spacing:0!important;
}

html body main.page-home #homeCustomModule :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy) h1>strong,
html body main #abke-page-banner :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy) h1>strong{
  color:#165dff!important;
  font-weight:760!important;
}

html body main.page-home #homeCustomModule :is(.hero .scene-description,.hub-hero-copy>p:not(.hub-eyebrow),.coop-hero .coop-lead,.about-hero-lead,.partner-hero-lead,.institute-lead),
html body main #abke-page-banner :is(.hero .scene-description,.hub-hero-copy>p:not(.hub-eyebrow),.coop-hero .coop-lead,.about-hero-lead,.partner-hero-lead,.institute-lead){
  max-width:720px!important;
  margin-top:20px!important;
  color:#1d2129!important;
  font-size:16px!important;
  line-height:1.75!important;
  letter-spacing:0!important;
}

html body main.page-home #homeCustomModule :is(.hero .eyebrow,.hub-eyebrow,.coop-eyebrow,.about-hero-copy>p:first-of-type,.partner-hero-copy>p:first-of-type,.institute-eyebrow),
html body main #abke-page-banner :is(.hero .eyebrow,.hub-eyebrow,.coop-eyebrow,.about-hero-copy>p:first-of-type,.partner-hero-copy>p:first-of-type,.institute-eyebrow){
  color:#165dff!important;
  font-size:13px!important;
  font-weight:760!important;
  letter-spacing:0!important;
}

html body main #abke-page-banner :is(.hub-breadcrumb,.coop-breadcrumb,.about-hero-copy .hero-breadcrumb,.partner-hero-copy .hero-breadcrumb,.institute-hero-copy .hero-breadcrumb),
html body main #abke-page-banner :is(.hub-breadcrumb,.coop-breadcrumb,.about-hero-copy .hero-breadcrumb,.partner-hero-copy .hero-breadcrumb,.institute-hero-copy .hero-breadcrumb) a{
  color:#6b7a90!important;
}

html body main.page-home #homeCustomModule :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions),
html body main #abke-page-banner :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions){
  display:flex!important;
  flex-wrap:wrap;
  justify-content:flex-start!important;
  gap:12px!important;
  margin-top:28px!important;
}

html body main.page-home #homeCustomModule :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions)>a,
html body main #abke-page-banner :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions)>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  padding:0 24px!important;
  border:1px solid #165dff!important;
  border-radius:6px!important;
  font-size:14px!important;
  font-weight:720!important;
  line-height:1!important;
  letter-spacing:0!important;
}

html body main.page-home #homeCustomModule :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions)>a:first-child,
html body main #abke-page-banner :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions)>a:first-child{
  color:#fff!important;
  background:linear-gradient(110deg,#1685ef 0%,#4a57f2 58%,#8b43ee 100%)!important;
  box-shadow:0 12px 28px rgba(46,88,236,.2)!important;
}

html body main.page-home #homeCustomModule :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions)>a:nth-child(2),
html body main #abke-page-banner :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions)>a:nth-child(2){
  color:#165dff!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:none!important;
}

html body main #abke-page-banner .banner-value-row,
html body main #abke-page-banner .coop-promise.banner-value-grid,
html body main #abke-page-banner .about-hero-principles.banner-value-grid,
html body main #abke-page-banner .partner-hero-copy>.banner-value-grid,
html body main #abke-page-banner .institute-banner-values.banner-value-grid,
html body main.page-home #homeCustomModule .hero .proof-points.banner-value-grid,
html body main #abke-page-banner .hero .proof-points.banner-value-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:760px!important;
  margin:28px 0 0!important;
  padding:0!important;
}

html body main #abke-page-banner .banner-value-row>div,
html body main #abke-page-banner .coop-promise.banner-value-grid>div,
html body main #abke-page-banner .about-hero-principles.banner-value-grid>div,
html body main #abke-page-banner .partner-hero-copy>.banner-value-grid>li,
html body main #abke-page-banner .institute-banner-values.banner-value-grid>div,
html body main.page-home #homeCustomModule .hero .proof-points.banner-value-grid>span,
html body main #abke-page-banner .hero .proof-points.banner-value-grid>span{
  position:relative;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center;
  gap:4px!important;
  min-width:0;
  min-height:82px;
  margin:0!important;
  padding:14px 16px 14px 20px!important;
  color:#0b1d42!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(116,157,219,.2)!important;
  border-radius:6px!important;
  box-shadow:0 10px 26px rgba(42,83,145,.08)!important;
  list-style:none;
}

html body main #abke-page-banner .banner-value-row>div::before,
html body main #abke-page-banner .coop-promise.banner-value-grid>div::before,
html body main #abke-page-banner .about-hero-principles.banner-value-grid>div::before,
html body main #abke-page-banner .partner-hero-copy>.banner-value-grid>li::before,
html body main #abke-page-banner .institute-banner-values.banner-value-grid>div::before,
html body main.page-home #homeCustomModule .hero .proof-points.banner-value-grid>span::before,
html body main #abke-page-banner .hero .proof-points.banner-value-grid>span::before{
  content:"";
  position:absolute;
  top:15px;
  bottom:15px;
  left:0;
  width:3px;
  border-radius:3px;
  background:linear-gradient(180deg,#1685ef,#7448ef);
}

html body main.page-home #homeCustomModule :is(.banner-value-row,.coop-promise.banner-value-grid,.about-hero-principles.banner-value-grid,.partner-hero-copy>.banner-value-grid,.institute-banner-values.banner-value-grid,.hero .proof-points.banner-value-grid) strong,
html body main #abke-page-banner :is(.banner-value-row,.coop-promise.banner-value-grid,.about-hero-principles.banner-value-grid,.partner-hero-copy>.banner-value-grid,.institute-banner-values.banner-value-grid,.hero .proof-points.banner-value-grid) strong{
  color:#0b1d42!important;
  font-size:14px!important;
  font-weight:760!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}

html body main.page-home #homeCustomModule :is(.banner-value-row,.coop-promise.banner-value-grid,.about-hero-principles.banner-value-grid,.partner-hero-copy>.banner-value-grid,.institute-banner-values.banner-value-grid,.hero .proof-points.banner-value-grid) span,
html body main #abke-page-banner :is(.banner-value-row,.coop-promise.banner-value-grid,.about-hero-principles.banner-value-grid,.partner-hero-copy>.banner-value-grid,.institute-banner-values.banner-value-grid,.hero .proof-points.banner-value-grid) span,
html body main.page-home #homeCustomModule .hero .proof-points.banner-value-grid small,
html body main #abke-page-banner .hero .proof-points.banner-value-grid small{
  color:#65758d!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.45!important;
  letter-spacing:0!important;
}
html body main.page-home #homeCustomModule .hero>.hero-video{
  top:0!important;
  right:0!important;
  left:auto!important;
  width:58%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:1!important;
}

html body main.page-home #homeCustomModule .hero>.hero-shade{
  background:linear-gradient(90deg,rgba(220,236,255,.76) 0%,rgba(220,236,255,.7) 42%,rgba(220,236,255,.62) 50%,rgba(220,236,255,.14) 70%,rgba(220,236,255,.02) 100%)!important;
}

html body main.page-home #homeCustomModule .hero .hero-shell{min-height:620px!important}
html body main.page-home #homeCustomModule .hero .hero-copy{width:58%!important}
html body main.page-home #homeCustomModule .hero .hero-copy .eyebrow{margin-bottom:14px!important}
html body main.page-home #homeCustomModule .hero .hero-controls{left:max(5.5vw,32px)!important;width:min(52%,720px)!important;color:#315275!important}
html body main.page-home #homeCustomModule .hero .scroll-hint{color:#315275!important}
html body main.page-home #homeCustomModule .hero .round-control,
html body main.page-home #homeCustomModule .hero .sound-control{display:none!important}
html body main #abke-page-banner .about-hero-orb{display:none!important}
html body main #abke-page-banner .about-hero-visual{min-height:430px!important}
html body main #abke-page-banner .partner-hero-inner>aside{
  min-height:430px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  visibility:hidden;
}

@media (max-width:1200px){
  html body main.page-home #homeCustomModule :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy) h1,
html body main #abke-page-banner :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy) h1{
    font-size:40px!important;
  }

  html body main #abke-page-banner :is(.hub-hero-inner,.coop-hero-inner,.about-hero-layout,.partner-hero-inner,.institute-hero-grid){
    grid-template-columns:minmax(0,58fr) minmax(300px,42fr)!important;
    gap:30px!important;
  }

  html body main.page-home #homeCustomModule :is(.banner-value-row,.coop-promise.banner-value-grid,.about-hero-principles.banner-value-grid,.partner-hero-copy>.banner-value-grid,.institute-banner-values.banner-value-grid,.hero .proof-points.banner-value-grid),
html body main #abke-page-banner :is(.banner-value-row,.coop-promise.banner-value-grid,.about-hero-principles.banner-value-grid,.partner-hero-copy>.banner-value-grid,.institute-banner-values.banner-value-grid,.hero .proof-points.banner-value-grid){gap:8px!important}

  html body main.page-home #homeCustomModule :is(.banner-value-row,.coop-promise.banner-value-grid,.about-hero-principles.banner-value-grid,.partner-hero-copy>.banner-value-grid,.institute-banner-values.banner-value-grid,.hero .proof-points.banner-value-grid)>*,
html body main #abke-page-banner :is(.banner-value-row,.coop-promise.banner-value-grid,.about-hero-principles.banner-value-grid,.partner-hero-copy>.banner-value-grid,.institute-banner-values.banner-value-grid,.hero .proof-points.banner-value-grid)>*{
    padding-right:10px!important;
    padding-left:14px!important;
  }
}

@media (max-width:900px){
  html body main.page-home #homeCustomModule :is(.hero,.hub-hero.photo-hero,.coop-hero,.about-hero-bright,.partner-hero,.institute-hero),
html body main #abke-page-banner :is(.hero,.hub-hero.photo-hero,.coop-hero,.about-hero-bright,.partner-hero,.institute-hero){min-height:0!important}

  html body main #abke-page-banner :is(.hub-hero-inner,.coop-hero-inner,.about-hero-layout,.partner-hero-inner,.institute-hero-grid){
    grid-template-columns:1fr!important;
    gap:28px!important;
    min-height:0!important;
    padding-top:54px!important;
    padding-bottom:54px!important;
  }

  html body main #abke-page-banner .hub-hero-visual,
html body main #abke-page-banner .partner-hero-inner>aside{display:none!important}

  html body main #abke-page-banner .hub-hero.photo-hero .hub-hero-photo,
html body main #abke-page-banner .partner-hero>img,
html body main.page-home #homeCustomModule .hero>.hero-video{
    width:100%!important;
    opacity:.2!important;
  }

  html body main #abke-page-banner .hub-hero.photo-hero .hub-photo-shade,
html body main #abke-page-banner .partner-hero .partner-hero-shade,
html body main.page-home #homeCustomModule .hero>.hero-shade{
    background:rgba(220,236,255,.82)!important;
  }

  html body main.page-home #homeCustomModule .hero .hero-shell{min-height:760px!important;padding-top:46px!important;padding-bottom:110px!important}
  html body main.page-home #homeCustomModule .hero .hero-copy{width:100%!important;max-width:720px!important}
  html body main.page-home #homeCustomModule .hero .hero-controls{width:calc(100% - 64px)!important}
}

@media (max-width:560px){
  html body main.page-home #homeCustomModule :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy) h1,
html body main #abke-page-banner :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy) h1{
    font-size:32px!important;
    line-height:1.2!important;
  }

  html body main.page-home #homeCustomModule :is(.hero .scene-description,.hub-hero-copy>p:not(.hub-eyebrow),.coop-hero .coop-lead,.about-hero-lead,.partner-hero-lead,.institute-lead),
html body main #abke-page-banner :is(.hero .scene-description,.hub-hero-copy>p:not(.hub-eyebrow),.coop-hero .coop-lead,.about-hero-lead,.partner-hero-lead,.institute-lead){
    font-size:14px!important;
    line-height:1.65!important;
  }

  html body main.page-home #homeCustomModule :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions)>a,
html body main #abke-page-banner :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions)>a{
    flex:1 1 100%;
    width:100%;
  }

  html body main #abke-page-banner .banner-value-row,
html body main #abke-page-banner .coop-promise.banner-value-grid,
html body main #abke-page-banner .about-hero-principles.banner-value-grid,
html body main #abke-page-banner .partner-hero-copy>.banner-value-grid,
html body main #abke-page-banner .institute-banner-values.banner-value-grid,
html body main.page-home #homeCustomModule .hero .proof-points.banner-value-grid,
html body main #abke-page-banner .hero .proof-points.banner-value-grid{
    grid-template-columns:1fr!important;
  }

  html body main #abke-page-banner .banner-value-row>div,
html body main #abke-page-banner .coop-promise.banner-value-grid>div,
html body main #abke-page-banner .about-hero-principles.banner-value-grid>div,
html body main #abke-page-banner .partner-hero-copy>.banner-value-grid>li,
html body main #abke-page-banner .institute-banner-values.banner-value-grid>div,
html body main.page-home #homeCustomModule .hero .proof-points.banner-value-grid>span,
html body main #abke-page-banner .hero .proof-points.banner-value-grid>span{
    min-height:64px;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }

  html body main.page-home #homeCustomModule .hero .hero-shell{min-height:920px!important;padding-top:34px!important;padding-bottom:118px!important}
  html body main.page-home #homeCustomModule .hero .hero-controls{left:20px!important;width:calc(100% - 40px)!important}
}
html body main.page-home #homeCustomModule :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy) h1>span,
html body main #abke-page-banner :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy) h1>span{
  color:#0b1d42!important;
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:0!important;
}

html body main.page-home #homeCustomModule :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy) h1>strong,
html body main #abke-page-banner :is(.hero .hero-copy,.hub-hero-copy,.coop-hero-copy,.about-hero-copy,.partner-hero-copy,.institute-hero-copy) h1>strong{
  color:#165dff!important;
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:0!important;
}

html body main.page-home #homeCustomModule :is(.hero .scene-description,.hub-hero-copy>p:not(.hub-eyebrow),.coop-hero .coop-lead,.about-hero-lead,.partner-hero-lead,.institute-lead),
html body main #abke-page-banner :is(.hero .scene-description,.hub-hero-copy>p:not(.hub-eyebrow),.coop-hero .coop-lead,.about-hero-lead,.partner-hero-lead,.institute-lead){
  color:#1d2129!important;
}

html body main #abke-page-banner :is(.hub-breadcrumb,.coop-breadcrumb,.about-hero-copy .hero-breadcrumb,.partner-hero-copy .hero-breadcrumb,.institute-hero-copy .hero-breadcrumb),
html body main #abke-page-banner :is(.hub-breadcrumb,.coop-breadcrumb,.about-hero-copy .hero-breadcrumb,.partner-hero-copy .hero-breadcrumb,.institute-hero-copy .hero-breadcrumb) :is(a,b,span){
  color:#6b7a90!important;
}

html body main.page-home #homeCustomModule :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions)>a:first-child,
html body main #abke-page-banner :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions)>a:first-child{
  color:#fff!important;
}

html body main.page-home #homeCustomModule :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions)>a:nth-child(2),
html body main #abke-page-banner :is(.hero-actions,.hub-hero-actions,.coop-hero-actions,.about-hero-actions,.partner-hero-actions,.institute-hero-actions)>a:nth-child(2){
  color:#165dff!important;
  opacity:1!important;
}

html body main.page-home #homeCustomModule .hero .hero-copy h1,
html body main #abke-page-banner .hub-hero .hub-hero-copy h1,
html body main #abke-page-banner .coop-hero .coop-hero-copy h1,
html body main #abke-page-banner .about-hero-bright .about-hero-copy h1,
html body main #abke-page-banner .partner-hero .partner-hero-copy h1,
html body main #abke-page-banner .institute-hero .institute-hero-copy h1{
  font-size:48px!important;
  line-height:1.16!important;
}

html body main.page-home #homeCustomModule .hero .hero-copy h1>span,
html body main #abke-page-banner .hub-hero .hub-hero-copy h1>span,
html body main #abke-page-banner .coop-hero .coop-hero-copy h1>span,
html body main #abke-page-banner .about-hero-bright .about-hero-copy h1>span,
html body main #abke-page-banner .partner-hero .partner-hero-copy h1>span,
html body main #abke-page-banner .institute-hero .institute-hero-copy h1>span{
  color:#0b1d42!important;
  font-size:inherit!important;
  line-height:inherit!important;
}

html body main.page-home #homeCustomModule .hero .hero-copy h1>strong,
html body main #abke-page-banner .hub-hero .hub-hero-copy h1>strong,
html body main #abke-page-banner .coop-hero .coop-hero-copy h1>strong,
html body main #abke-page-banner .about-hero-bright .about-hero-copy h1>strong,
html body main #abke-page-banner .partner-hero .partner-hero-copy h1>strong,
html body main #abke-page-banner .institute-hero .institute-hero-copy h1>strong{
  color:#165dff!important;
  font-size:inherit!important;
  line-height:inherit!important;
}

html body main.page-home #homeCustomModule .hero .scene-description,
html body main #abke-page-banner .hub-hero .hub-hero-copy>p:not(.hub-eyebrow),
html body main #abke-page-banner .coop-hero .coop-hero-copy .coop-lead,
html body main #abke-page-banner .about-hero-bright .about-hero-lead,
html body main #abke-page-banner .partner-hero .partner-hero-lead,
html body main #abke-page-banner .institute-hero .institute-lead{
  color:#1d2129!important;
  opacity:1!important;
}

html body main #abke-page-banner .hub-hero .hub-hero-actions>a.hub-secondary,
html body main #abke-page-banner .coop-hero .coop-hero-actions>a.coop-secondary,
html body main.page-home #homeCustomModule .hero .hero-actions>a.secondary-cta{
  color:#165dff!important;
  opacity:1!important;
}

html body main #abke-page-banner .hub-hero .hub-breadcrumb,
html body main #abke-page-banner .hub-hero .hub-breadcrumb :is(a,b,span){color:#6b7a90!important}
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-hero-copy>p.coop-lead[class][class][class],
html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy>.partner-hero-lead[class][class][class]{
  color:#1d2129!important;
  opacity:1!important;
}

html body main.page-cooperation #abke-page-banner section.coop-hero .coop-breadcrumb[class][class][class]>*,
html body main.page-partners #abke-page-banner section.partner-hero .hero-breadcrumb[class][class][class]>*{
  color:#6b7a90!important;
  opacity:1!important;
}

html body main.page-cooperation #abke-page-banner section.coop-hero .coop-hero-actions[class][class][class]>a:nth-child(2),
html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-actions[class][class][class]>a:nth-child(2){
  color:#165dff!important;
  opacity:1!important;
}

@media (max-width:1200px){
  html body main.page-home #homeCustomModule .hero .hero-copy h1,
html body main #abke-page-banner .hub-hero .hub-hero-copy h1,
html body main #abke-page-banner .coop-hero .coop-hero-copy h1,
html body main #abke-page-banner .about-hero-bright .about-hero-copy h1,
html body main #abke-page-banner .partner-hero .partner-hero-copy h1,
html body main #abke-page-banner .institute-hero .institute-hero-copy h1{font-size:40px!important}
}

@media (max-width:560px){
  html body main.page-home #homeCustomModule .hero .hero-copy h1,
html body main #abke-page-banner .hub-hero .hub-hero-copy h1,
html body main #abke-page-banner .coop-hero .coop-hero-copy h1,
html body main #abke-page-banner .about-hero-bright .about-hero-copy h1,
html body main #abke-page-banner .partner-hero .partner-hero-copy h1,
html body main #abke-page-banner .institute-hero .institute-hero-copy h1{font-size:32px!important;line-height:1.2!important}
}
html body main.page-home #homeCustomModule :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  :is(.hero-copy.hero-copy.hero-copy,.hub-hero-copy.hub-hero-copy.hub-hero-copy,.coop-hero-copy.coop-hero-copy.coop-hero-copy,.about-hero-copy.about-hero-copy.about-hero-copy,.partner-hero-copy.partner-hero-copy.partner-hero-copy,.institute-hero-copy.institute-hero-copy.institute-hero-copy) h1,
html body main #abke-page-banner :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  :is(.hero-copy.hero-copy.hero-copy,.hub-hero-copy.hub-hero-copy.hub-hero-copy,.coop-hero-copy.coop-hero-copy.coop-hero-copy,.about-hero-copy.about-hero-copy.about-hero-copy,.partner-hero-copy.partner-hero-copy.partner-hero-copy,.institute-hero-copy.institute-hero-copy.institute-hero-copy) h1,
html body main.page-home #homeCustomModule :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  :is(.hero-copy.hero-copy.hero-copy,.hub-hero-copy.hub-hero-copy.hub-hero-copy,.coop-hero-copy.coop-hero-copy.coop-hero-copy,.about-hero-copy.about-hero-copy.about-hero-copy,.partner-hero-copy.partner-hero-copy.partner-hero-copy,.institute-hero-copy.institute-hero-copy.institute-hero-copy) h1>:is(span,strong),
html body main #abke-page-banner :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  :is(.hero-copy.hero-copy.hero-copy,.hub-hero-copy.hub-hero-copy.hub-hero-copy,.coop-hero-copy.coop-hero-copy.coop-hero-copy,.about-hero-copy.about-hero-copy.about-hero-copy,.partner-hero-copy.partner-hero-copy.partner-hero-copy,.institute-hero-copy.institute-hero-copy.institute-hero-copy) h1>:is(span,strong){
  font-size:var(--abke-banner-title-size)!important;
  font-weight:var(--abke-banner-title-weight)!important;
  line-height:var(--abke-banner-title-leading)!important;
  letter-spacing:0!important;
}

html body main.page-home #homeCustomModule section.hero .hero-copy.hero-copy.hero-copy .scene-description,
html body main #abke-page-banner section.hub-hero.photo-hero .hub-hero-copy.hub-hero-copy.hub-hero-copy>p:not(.hub-eyebrow),
html body main #abke-page-banner section.coop-hero .coop-hero-copy.coop-hero-copy.coop-hero-copy>.coop-lead,
html body main #abke-page-banner section.about-hero-bright .about-hero-copy.about-hero-copy.about-hero-copy>.about-hero-lead,
html body main #abke-page-banner section.partner-hero .partner-hero-copy.partner-hero-copy.partner-hero-copy>.partner-hero-lead,
html body main #abke-page-banner section.institute-hero .institute-hero-copy.institute-hero-copy.institute-hero-copy>.institute-lead{
  color:#1d2129!important;
  font-size:var(--abke-banner-body-size)!important;
  font-weight:var(--abke-banner-body-weight)!important;
  line-height:var(--abke-banner-body-leading)!important;
  letter-spacing:0!important;
}

html body main.page-home #homeCustomModule :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  :is(.hero-actions.hero-actions.hero-actions,.hub-hero-actions.hub-hero-actions.hub-hero-actions,.coop-hero-actions.coop-hero-actions.coop-hero-actions,.about-hero-actions.about-hero-actions.about-hero-actions,.partner-hero-actions.partner-hero-actions.partner-hero-actions,.institute-hero-actions.institute-hero-actions.institute-hero-actions)>a[href][href],
html body main #abke-page-banner :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  :is(.hero-actions.hero-actions.hero-actions,.hub-hero-actions.hub-hero-actions.hub-hero-actions,.coop-hero-actions.coop-hero-actions.coop-hero-actions,.about-hero-actions.about-hero-actions.about-hero-actions,.partner-hero-actions.partner-hero-actions.partner-hero-actions,.institute-hero-actions.institute-hero-actions.institute-hero-actions)>a[href][href]{
  font-size:var(--abke-banner-cta-size)!important;
  font-weight:var(--abke-banner-cta-weight)!important;
  line-height:1!important;
  letter-spacing:0!important;
  gap:10px!important;
}

html body main.page-home #homeCustomModule :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  :is(.hero-actions.hero-actions.hero-actions,.hub-hero-actions.hub-hero-actions.hub-hero-actions,.coop-hero-actions.coop-hero-actions.coop-hero-actions,.about-hero-actions.about-hero-actions.about-hero-actions,.partner-hero-actions.partner-hero-actions.partner-hero-actions,.institute-hero-actions.institute-hero-actions.institute-hero-actions)>a[href][href]:nth-child(2),
html body main #abke-page-banner :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  :is(.hero-actions.hero-actions.hero-actions,.hub-hero-actions.hub-hero-actions.hub-hero-actions,.coop-hero-actions.coop-hero-actions.coop-hero-actions,.about-hero-actions.about-hero-actions.about-hero-actions,.partner-hero-actions.partner-hero-actions.partner-hero-actions,.institute-hero-actions.institute-hero-actions.institute-hero-actions)>a[href][href]:nth-child(2){
  color:#165dff!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid #165dff!important;
  opacity:1!important;
}

html body main.page-home #homeCustomModule :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  :is(.hero-actions.hero-actions.hero-actions,.hub-hero-actions.hub-hero-actions.hub-hero-actions,.coop-hero-actions.coop-hero-actions.coop-hero-actions,.about-hero-actions.about-hero-actions.about-hero-actions,.partner-hero-actions.partner-hero-actions.partner-hero-actions,.institute-hero-actions.institute-hero-actions.institute-hero-actions)>a[href][href]>svg,
html body main #abke-page-banner :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  :is(.hero-actions.hero-actions.hero-actions,.hub-hero-actions.hub-hero-actions.hub-hero-actions,.coop-hero-actions.coop-hero-actions.coop-hero-actions,.about-hero-actions.about-hero-actions.about-hero-actions,.partner-hero-actions.partner-hero-actions.partner-hero-actions,.institute-hero-actions.institute-hero-actions.institute-hero-actions)>a[href][href]>svg,
html body main #abke-page-banner section.coop-hero .coop-hero-actions.coop-hero-actions.coop-hero-actions>a[href][href]>span{
  display:none!important;
}

html body main.page-home #homeCustomModule :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  :is(.hero-actions.hero-actions.hero-actions,.hub-hero-actions.hub-hero-actions.hub-hero-actions,.coop-hero-actions.coop-hero-actions.coop-hero-actions,.about-hero-actions.about-hero-actions.about-hero-actions,.partner-hero-actions.partner-hero-actions.partner-hero-actions,.institute-hero-actions.institute-hero-actions.institute-hero-actions)>a[href][href]::after,
html body main #abke-page-banner :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  :is(.hero-actions.hero-actions.hero-actions,.hub-hero-actions.hub-hero-actions.hub-hero-actions,.coop-hero-actions.coop-hero-actions.coop-hero-actions,.about-hero-actions.about-hero-actions.about-hero-actions,.partner-hero-actions.partner-hero-actions.partner-hero-actions,.institute-hero-actions.institute-hero-actions.institute-hero-actions)>a[href][href]::after{
  content:"\2192"!important;
  display:inline-block!important;
  font-size:1.08em!important;
  font-weight:600!important;
  line-height:1!important;
}

html body main #abke-page-banner section.hub-hero.photo-hero>.hub-hero-inner,
html body main #abke-page-banner section.coop-hero>.coop-hero-inner,
html body main #abke-page-banner section.about-hero-bright>.about-hero-layout,
html body main #abke-page-banner section.partner-hero>.partner-hero-inner,
html body main #abke-page-banner section.institute-hero>.institute-hero-grid{
  padding-bottom:52px!important;
}

html body main.page-home #homeCustomModule :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  .banner-value-grid.banner-value-grid.banner-value-grid :is(strong),
html body main #abke-page-banner :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  .banner-value-grid.banner-value-grid.banner-value-grid :is(strong){
  font-size:var(--abke-banner-value-title-size)!important;
  font-weight:700!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}

html body main.page-home #homeCustomModule :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  .banner-value-grid.banner-value-grid.banner-value-grid :is(span,small),
html body main #abke-page-banner :is(section.hero,section.hub-hero.photo-hero,section.coop-hero,section.about-hero-bright,section.partner-hero,section.institute-hero)
  .banner-value-grid.banner-value-grid.banner-value-grid :is(span,small){
  font-size:var(--abke-banner-value-body-size)!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:0!important;
}

@media (max-width:1200px){
  html body main.page-home #homeCustomModule,
html body main #abke-page-banner{--abke-banner-title-size:40px}
}

@media (max-width:560px){
  html body main.page-home #homeCustomModule,
html body main #abke-page-banner{
    --abke-banner-title-size:32px;
    --abke-banner-body-size:14px;
  }
}

@media (max-width:900px){
  html body main #abke-page-banner section.hub-hero.photo-hero>.hub-hero-inner,
html body main #abke-page-banner section.coop-hero>.coop-hero-inner,
html body main #abke-page-banner section.about-hero-bright>.about-hero-layout,
html body main #abke-page-banner section.partner-hero>.partner-hero-inner,
html body main #abke-page-banner section.institute-hero>.institute-hero-grid{
    padding-bottom:72px!important;
  }
}
html body main.page-home #homeCustomModule :is(
  section.hero.hero.hero,
  section.hub-hero.hub-hero.photo-hero,
  section.coop-hero.coop-hero.coop-hero,
  section.about-hero-bright.about-hero-bright.about-hero-bright,
  section.partner-hero.partner-hero.partner-hero,
  section.institute-hero.institute-hero.institute-hero
),
html body main #abke-page-banner :is(
  section.hero.hero.hero,
  section.hub-hero.hub-hero.photo-hero,
  section.coop-hero.coop-hero.coop-hero,
  section.about-hero-bright.about-hero-bright.about-hero-bright,
  section.partner-hero.partner-hero.partner-hero,
  section.institute-hero.institute-hero.institute-hero
){
  background-color:#dcecff!important;
  background-image:none!important;
}

html body main.page-home #homeCustomModule :is(
  section.hero.hero.hero,
  section.hub-hero.hub-hero.photo-hero,
  section.coop-hero.coop-hero.coop-hero,
  section.about-hero-bright.about-hero-bright.about-hero-bright,
  section.partner-hero.partner-hero.partner-hero,
  section.institute-hero.institute-hero.institute-hero
)::before,
html body main #abke-page-banner :is(
  section.hero.hero.hero,
  section.hub-hero.hub-hero.photo-hero,
  section.coop-hero.coop-hero.coop-hero,
  section.about-hero-bright.about-hero-bright.about-hero-bright,
  section.partner-hero.partner-hero.partner-hero,
  section.institute-hero.institute-hero.institute-hero
)::before,
html body main.page-home #homeCustomModule :is(
  section.hero.hero.hero,
  section.hub-hero.hub-hero.photo-hero,
  section.coop-hero.coop-hero.coop-hero,
  section.about-hero-bright.about-hero-bright.about-hero-bright,
  section.partner-hero.partner-hero.partner-hero,
  section.institute-hero.institute-hero.institute-hero
)::after,
html body main #abke-page-banner :is(
  section.hero.hero.hero,
  section.hub-hero.hub-hero.photo-hero,
  section.coop-hero.coop-hero.coop-hero,
  section.about-hero-bright.about-hero-bright.about-hero-bright,
  section.partner-hero.partner-hero.partner-hero,
  section.institute-hero.institute-hero.institute-hero
)::after{
  content:none!important;
  background:none!important;
}

html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-visual.about-hero-visual.about-hero-visual,
html body main.page-institute #abke-page-banner section.institute-hero .institute-visual.institute-visual.institute-visual{
  display:none!important;
}

html body:not(.abke-min-font-preserve) main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright .about-hero-copy.about-hero-copy>.about-hero-lead.about-hero-lead.about-hero-lead{
  color:#1d2129!important;
}

@media (min-width:901px){
  html body main #abke-page-banner :is(
    section.hub-hero.hub-hero.photo-hero,
    section.coop-hero.coop-hero.coop-hero,
    section.about-hero-bright.about-hero-bright.about-hero-bright,
    section.partner-hero.partner-hero.partner-hero
  ),
html body main #abke-page-banner :is(
    section.hub-hero.hub-hero.photo-hero,
    section.coop-hero.coop-hero.coop-hero,
    section.about-hero-bright.about-hero-bright.about-hero-bright,
    section.partner-hero.partner-hero.partner-hero
  )>:is(.hub-hero-inner,.coop-hero-inner,.about-hero-layout,.partner-hero-inner){
    min-height:580px!important;
    height:auto!important;
  }

  html body main #abke-page-banner section.institute-hero.institute-hero.institute-hero,
html body main #abke-page-banner section.institute-hero.institute-hero.institute-hero>.institute-hero-grid{
    min-height:630px!important;
    height:auto!important;
  }

  html[lang="en"] body main.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero,
html[lang="en"] body main.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero>.hub-hero-inner{
    min-height:610px!important;
  }

  html[lang="en"] body main.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero>.hub-hero-inner{
    padding-bottom:82px!important;
  }
}

@font-face{
  font-family:"ABKE Alibaba PuHuiTi";
  src:url("../static/font/AlibabaPuHuiTi-3-85-Bold.woff2") format("woff2");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}
html body main.page-products #abke-page-banner section.hub-hero.photo-hero{
  background-color:#e7f4ff!important;
  background-image:none!important;
}

html body main.page-products #abke-page-banner section.hub-hero.photo-hero > img.hub-hero-photo{
  display:block!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
}

html body main.page-products #abke-page-banner section.hub-hero.photo-hero > .hub-photo-shade{
  display:none!important;
  background:none!important;
}
html body main:is(.page-scenarios,.page-solutions,.page-contact) #abke-page-banner section.hub-hero.photo-hero{
  background-color:#e7f4ff!important;
  background-image:none!important;
}

html body main:is(.page-scenarios,.page-solutions,.page-contact) #abke-page-banner section.hub-hero.photo-hero > img.hub-hero-photo{
  display:block!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
}

html body main:is(.page-scenarios,.page-solutions,.page-contact) #abke-page-banner section.hub-hero.photo-hero > .hub-photo-shade{
  display:none!important;
  background:none!important;
}

html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright{
  position:relative;
  background-color:#e7f4ff!important;
  background-image:none!important;
}

html body main.page-about #abke-page-banner section.about-hero-bright > img.about-hero-banner-image{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  pointer-events:none!important;
}
html body main.page-home #homeCustomModule .hero > .hero-banner-image{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  transition:opacity .36s cubic-bezier(.16,1,.3,1);
}

html body main.page-home #homeCustomModule .hero > .hero-banner-image.is-switching{
  opacity:0!important;
}

html body main.page-home #homeCustomModule .hero .scene-count,
html body main.page-home #homeCustomModule .hero .round-control,
html body main.page-home #homeCustomModule .hero .sound-control{
  display:none!important;
}
html body main.page-cooperation #abke-page-banner section.coop-hero #assessment.coop-assessment{
  background:#ffffffe6!important;
}

@media (min-width:901px){
  html body main.page-home #homeCustomModule .hero,
html body main.page-home #homeCustomModule .hero > .hero-shell{
    height:700px!important;
    min-height:700px!important;
  }
  html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero,
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    > .coop-hero-inner.coop-hero-inner{
    height:650px!important;
    min-height:650px!important;
  }

  html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    > .coop-hero-inner.coop-hero-inner{
    padding-top:34px!important;
    padding-bottom:34px!important;
    grid-template-columns:minmax(0,52fr) minmax(0,48fr)!important;
    gap:40px!important;
  }

  html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment.coop-assessment{
    width:620px!important;
    max-width:100%!important;
    justify-self:end!important;
    padding:49px 24px!important;
  }

  html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-head h2{
    margin-top:6px!important;
    font-size:26px!important;
    line-height:1.3!important;
  }

  html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-options{
    gap:16px!important;
    margin-top:22px!important;
  }

  html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-options button{
    min-height:52px!important;
    padding:9px 12px!important;
  }

  html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-result{
    min-height:50px!important;
    margin-top:12px!important;
    padding:7px 14px!important;
  }

  html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-submit{
    min-height:48px!important;
    margin-top:24px!important;
  }
  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment.coop-assessment{
    padding:20px!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-head{
    position:relative;
    display:block!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-head h2{
    max-width:calc(100% - 118px);
    font-size:21px!important;
    line-height:1.22!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-head > span{
    position:absolute;
    top:0;
    right:0;
    height:22px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-options{
    gap:6px!important;
    margin-top:12px!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-options button{
    min-height:46px!important;
    padding:7px 10px!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-options button strong{
    font-size:12px!important;
    line-height:1.25!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-options button span{
    margin-top:2px!important;
    font-size:10px!important;
    line-height:1.25!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-result{
    min-height:44px!important;
    margin-top:10px!important;
    padding:5px 12px!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-result strong{
    font-size:12px!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-result span{
    margin-top:2px!important;
    font-size:10px!important;
    line-height:1.3!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-submit{
    width:100%!important;
    min-height:44px!important;
    margin-top:10px!important;
    font-size:12px!important;
  }
  html body main.page-home #homeCustomModule section.hero.hero.hero
    .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1,
html body main:is(.page-scenarios,.page-solutions,.page-contact) #abke-page-banner section.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy h1,
html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy h1{
    margin-top:0!important;
    font-size:43px!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    > .coop-hero-inner.coop-hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(540px,1.25fr)!important;
    gap:24px!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    .coop-breadcrumb{
    margin-bottom:16px!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    .coop-hero-copy h1{
    margin:12px 0 14px!important;
    font-size:36px!important;
    line-height:1.12!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    .coop-lead{
    margin-top:0!important;
    font-size:14px!important;
    line-height:1.55!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    .coop-hero-actions{
    gap:8px!important;
    margin-top:18px!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    .coop-hero-actions > a{
    min-height:46px!important;
    padding:0 12px!important;
    font-size:11px!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    .coop-promise.banner-value-grid{
    gap:6px!important;
    margin-top:18px!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    .coop-promise.banner-value-grid > div{
    min-height:66px!important;
    padding:10px 8px 10px 14px!important;
  }
}
html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1,
html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > :is(span,strong),
html body main:is(.page-scenarios,.page-solutions,.page-contact) #abke-page-banner section.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy h1,
html body main:is(.page-scenarios,.page-solutions,.page-contact) #abke-page-banner section.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy h1 > :is(span,strong),
html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy.about-hero-copy h1,
html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy.about-hero-copy h1 > :is(span,strong){
  font-weight:800!important;
}
html body main:is(.page-scenarios,.page-solutions,.page-contact) #abke-page-banner section.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy > .hub-eyebrow,
html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy > p:first-of-type{
  display:none!important;
}
html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-actions.hero-actions.hero-actions > a[href][href]:nth-child(2),
html body main:is(.page-scenarios,.page-solutions,.page-contact) #abke-page-banner section.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions.hub-hero-actions > a[href][href]:nth-child(2),
html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-actions.about-hero-actions.about-hero-actions > a[href][href]:nth-child(2){
  background:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

@media (max-width:900px){
  html body main.page-products #abke-page-banner section.hub-hero.photo-hero > img.hub-hero-photo{
    opacity:.28!important;
    transform:none;
  }

  html body main:is(.page-scenarios,.page-solutions,.page-contact) #abke-page-banner section.hub-hero.photo-hero > img.hub-hero-photo{
    opacity:.28!important;
    transform:none;
  }

  html body main.page-about #abke-page-banner section.about-hero-bright > img.about-hero-banner-image{
    opacity:.26!important;
  }

  html body main.page-home #homeCustomModule .hero > .hero-banner-image{
    width:100%!important;
    opacity:.2!important;
  }
}
@media (min-width:1101px){
  html[lang="en"] body main.page-home #homeCustomModule section.hero.hero.hero
    .hero-copy.hero-copy.hero-copy{
    width:49%!important;
    max-width:600px!important;
  }

  html[lang="en"] body main.page-home #homeCustomModule section.hero.hero.hero
    .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1,
html[lang="en"] body main.page-home #homeCustomModule section.hero.hero.hero
    .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > :is(span,strong){
    font-size:34px!important;
    line-height:1.22!important;
  }

  html[lang="en"] body main.page-home #homeCustomModule section.hero.hero.hero
    .hero-actions.hero-actions > a{
    padding-inline:14px!important;
    font-size:14px!important;
  }
}

@media (min-width:901px) and (max-width:1100px){
  html[lang="en"] body main.page-home #homeCustomModule section.hero.hero.hero
    .hero-copy.hero-copy.hero-copy{
    width:52%!important;
    max-width:500px!important;
  }

  html[lang="en"] body main.page-home #homeCustomModule section.hero.hero.hero
    .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1,
html[lang="en"] body main.page-home #homeCustomModule section.hero.hero.hero
    .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > :is(span,strong){
    font-size:28px!important;
    line-height:1.22!important;
  }
}

@media (min-width:1201px){
  html[lang|="zh"] body main.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero,
html[lang|="zh"] body main.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero > .hub-hero-inner{
    height:584px!important;
    min-height:584px!important;
  }
}

@media (max-width:800px){
  html[lang|="zh"] body main.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero > .hub-hero-inner{
    padding-bottom:70px!important;
  }
}
html body main.page-home #homeCustomModule section.hero.hero.hero .hero-controls{
  left:0!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero .scene-tabs.scene-tabs button span{
  height:5px!important;
  min-height:5px!important;
  background:rgba(255,255,255,.5)!important;
  background-image:none!important;
  box-shadow:none!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero .scene-tabs.scene-tabs button.active span{
  background:#165dff!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy .eyebrow{
  box-sizing:border-box!important;
  height:30px!important;
  min-height:30px!important;
  margin-bottom:24px!important;
  border:0!important;
  background:linear-gradient(90deg,rgba(22,93,255,.1),rgba(217,133,255,.1))!important;
  color:#091221!important;
  font-size:14px!important;
  font-weight:400!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy .eyebrow > .eyebrow-text{
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  color:#091221!important;
  background:none!important;
  box-shadow:none!important;
  font:inherit;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy .eyebrow > .eyebrow-text > .eyebrow-accent{
  color:transparent!important;
  background:linear-gradient(90deg,#165dff 0%,#165dff 70%,#7342ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  font:inherit;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy .scene-description::after{
  content:none!important;
  display:none!important;
}
html body main.page-home #homeCustomModule section.hero.hero.hero
  .proof-points.banner-value-grid,
html body main #abke-page-banner section.hero.hero.hero
  .proof-points.banner-value-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:660px!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .proof-points.banner-value-grid > span,
html body main #abke-page-banner section.hero.hero.hero
  .proof-points.banner-value-grid > span{
  grid-template-columns:52px minmax(0,1fr)!important;
  column-gap:10px!important;
  row-gap:4px!important;
  width:calc(100% - 10px)!important;
  justify-self:center;
  min-height:76px;
  padding:12px 14px!important;
  text-align:left;
  background:rgba(255,255,255,.5)!important;
  border:1px solid #d7e6fa!important;
  border-radius:6px!important;
  box-shadow:0 8px 22px rgba(31,91,164,.08)!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .proof-points.banner-value-grid > span::before,
html body main #abke-page-banner section.hero.hero.hero
  .proof-points.banner-value-grid > span::before{
  content:""!important;
  position:static!important;
  display:block!important;
  grid-row:1 / 3;
  align-self:center;
  width:52px!important;
  height:52px!important;
  margin-top:0;
  border-radius:50%!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .proof-points.banner-value-grid > span:nth-child(1)::before,
html body main #abke-page-banner section.hero.hero.hero
  .proof-points.banner-value-grid > span:nth-child(1)::before{
  background-image:url("../static/image/home-banner-value-discovered.png")!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .proof-points.banner-value-grid > span:nth-child(2)::before,
html body main #abke-page-banner section.hero.hero.hero
  .proof-points.banner-value-grid > span:nth-child(2)::before{
  background-image:url("../static/image/home-banner-value-trusted.png")!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .proof-points.banner-value-grid > span:nth-child(3)::before,
html body main #abke-page-banner section.hero.hero.hero
  .proof-points.banner-value-grid > span:nth-child(3)::before{
  background-image:url("../static/image/home-banner-value-selected.png")!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .proof-points.banner-value-grid > span > :is(strong,small),
html body main #abke-page-banner section.hero.hero.hero
  .proof-points.banner-value-grid > span > :is(strong,small){
  grid-column:2;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .proof-points.banner-value-grid > span > small,
html body main #abke-page-banner section.hero.hero.hero
  .proof-points.banner-value-grid > span > small{
  color:#4e5969!important;
  font-size:13px!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .proof-points.banner-value-grid > span > strong,
html body main #abke-page-banner section.hero.hero.hero
  .proof-points.banner-value-grid > span > strong{
  font-size:15px!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .proof-points.banner-value-grid > span::after,
html body main #abke-page-banner section.hero.hero.hero
  .proof-points.banner-value-grid > span::after{
  content:none!important;
  display:none!important;
}

@media (max-width:560px){
  html body main.page-home #homeCustomModule section.hero.hero.hero
    .proof-points.banner-value-grid,
html body main #abke-page-banner section.hero.hero.hero
    .proof-points.banner-value-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
    max-width:100%!important;
  }

  html body main.page-home #homeCustomModule section.hero.hero.hero
    .proof-points.banner-value-grid > span,
html body main #abke-page-banner section.hero.hero.hero
    .proof-points.banner-value-grid > span{
    min-height:64px;
    padding:12px 14px!important;
  }
}
html body main.page-home #homeCustomModule section.hero.hero.hero[data-banner-scene="2"]
  .proof-points.banner-value-grid > span:nth-child(1)::before,
html body main #abke-page-banner section.hero.hero.hero[data-banner-scene="2"]
  .proof-points.banner-value-grid > span:nth-child(1)::before{
  background-image:url("../static/image/home-banner-scene-2-value-1.png")!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero[data-banner-scene="2"]
  .proof-points.banner-value-grid > span:nth-child(2)::before,
html body main #abke-page-banner section.hero.hero.hero[data-banner-scene="2"]
  .proof-points.banner-value-grid > span:nth-child(2)::before{
  background-image:url("../static/image/home-banner-scene-2-value-2.png")!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero[data-banner-scene="2"]
  .proof-points.banner-value-grid > span:nth-child(3)::before,
html body main #abke-page-banner section.hero.hero.hero[data-banner-scene="2"]
  .proof-points.banner-value-grid > span:nth-child(3)::before{
  background-image:url("../static/image/home-banner-scene-2-value-3.png")!important;
}
html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero.hero
  .hero-copy.hero-copy.hero-copy
  .scene-copy.scene-copy .scene-description.scene-description{
  font-size:18px!important;
  line-height:1.7!important;
}

@media (max-width:900px){
  html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero.hero
    .hero-copy.hero-copy.hero-copy
    .scene-copy.scene-copy .scene-description.scene-description{
    display:block!important;
    grid-template-rows:none!important;
    min-height:0!important;
  }

  html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero.hero
    .hero-copy.hero-copy.hero-copy
    .scene-copy.scene-copy .scene-description.scene-description > .description-line{
    min-height:0!important;
    white-space:normal!important;
  }
}
html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1,
html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > :is(span,strong){
  letter-spacing:.015em!important;
  line-height:1.22!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > :is(span,strong){
  min-height:1.22em!important;
}

html body main #abke-page-banner :is(
  section.hub-hero.photo-hero,
  section.about-hero-bright,
  section.coop-hero,
  section.partner-hero,
  section.institute-hero,
  section.faq-featured,
  section.knowledge-featured,
  section.resource-featured
) :is(
  .hub-eyebrow,
  .coop-eyebrow,
  .institute-eyebrow
),
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-copy > p:first-of-type,
html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy > p:first-of-type{
  display:none!important;
}

html body main #abke-page-banner :is(
  section.hub-hero.photo-hero,
  section.about-hero-bright,
  section.coop-hero,
  section.partner-hero,
  section.institute-hero,
  section.faq-featured,
  section.knowledge-featured,
  section.resource-featured
) :is(
  .hub-hero-copy > h1,
  .about-hero-copy > h1,
  .coop-hero-copy > h1,
  .partner-hero-copy > h1,
  .institute-hero-copy > h1,
  .faq-featured-inner > header h1,
  .knowledge-featured-heading > div > h1,
  .resource-featured-heading > h1
){
  box-sizing:border-box!important;
  min-height:2.48em!important;
  margin-top:0!important;
  font-size:43px!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  line-height:1.24!important;
}

html body main #abke-page-banner :is(
  section.hub-hero.photo-hero,
  section.about-hero-bright,
  section.coop-hero,
  section.partner-hero,
  section.institute-hero
) :is(
  .hub-hero-copy > h1,
  .about-hero-copy > h1,
  .coop-hero-copy > h1,
  .partner-hero-copy > h1,
  .institute-hero-copy > h1
) > :is(span,strong){
  display:block!important;
  min-height:1.24em!important;
  margin:0!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  white-space:nowrap!important;
}

html body main #abke-page-banner :is(
  section.hub-hero.photo-hero,
  section.about-hero-bright,
  section.coop-hero,
  section.partner-hero,
  section.institute-hero
) :is(
  .hub-hero-copy > p:not(.hub-eyebrow),
  .about-hero-lead,
  .coop-lead,
  .partner-hero-lead,
  .institute-lead
){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:620px!important;
  min-height:3.5em!important;
  font-size:16px!important;
  letter-spacing:0!important;
  line-height:1.75!important;
}

html body main #abke-page-banner :is(
  section.hub-hero.photo-hero,
  section.about-hero-bright,
  section.coop-hero,
  section.partner-hero,
  section.institute-hero
) .banner-description-line{
  display:block!important;
  min-height:1.75em!important;
  white-space:nowrap!important;
}

@media (min-width:901px){
  html body main #abke-page-banner :is(
    section.hub-hero.photo-hero,
    section.about-hero-bright,
    section.coop-hero,
    section.partner-hero,
    section.institute-hero,
    section.faq-featured,
    section.knowledge-featured,
    section.resource-featured
  ){
    box-sizing:border-box!important;
    height:580px!important;
    min-height:580px!important;
  }

  html body main #abke-page-banner :is(
    section.hub-hero.photo-hero,
    section.about-hero-bright,
    section.coop-hero,
    section.partner-hero,
    section.institute-hero
  ) > :is(
    .hub-hero-inner,
    .about-hero-layout,
    .coop-hero-inner,
    .partner-hero-inner,
    .institute-hero-grid
  ){
    box-sizing:border-box!important;
    height:580px!important;
    min-height:580px!important;
  }
}

@media (max-width:900px){
  html body main #abke-page-banner :is(
    section.hub-hero.photo-hero,
    section.about-hero-bright,
    section.coop-hero,
    section.partner-hero,
    section.institute-hero,
    section.faq-featured,
    section.knowledge-featured,
    section.resource-featured
  ) :is(
    .hub-hero-copy > h1,
    .about-hero-copy > h1,
    .coop-hero-copy > h1,
    .partner-hero-copy > h1,
    .institute-hero-copy > h1,
    .faq-featured-inner > header h1,
    .knowledge-featured-heading > div > h1,
    .resource-featured-heading > h1
  ){
    min-height:0!important;
    font-size:32px!important;
    letter-spacing:.015em!important;
    line-height:1.24!important;
  }

  html body main #abke-page-banner :is(
    section.hub-hero.photo-hero,
    section.about-hero-bright,
    section.coop-hero,
    section.partner-hero,
    section.institute-hero
  ) :is(
    .hub-hero-copy > h1,
    .about-hero-copy > h1,
    .coop-hero-copy > h1,
    .partner-hero-copy > h1,
    .institute-hero-copy > h1
  ) > :is(span,strong){
    min-height:0!important;
    white-space:normal!important;
  }

  html body main #abke-page-banner :is(
    section.hub-hero.photo-hero,
    section.about-hero-bright,
    section.coop-hero,
    section.partner-hero,
    section.institute-hero
  ) .banner-description-line{
    min-height:0!important;
    white-space:normal!important;
  }
}
html body main.page-products #abke-page-banner .products-breadcrumb-track{
  top:20px!important;
}

html body main:is(.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .hub-hero-copy,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-copy{
  position:static!important;
}

html body main.page-cooperation #abke-page-banner section.coop-hero .coop-hero-copy{
  position:static!important;
  padding-top:50px!important;
}

html body main:is(.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .hub-breadcrumb,
html body main.page-about #abke-page-banner section.about-hero-bright .hero-breadcrumb,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-breadcrumb{
  position:absolute!important;
  top:20px!important;
  margin:0!important;
}

html body main.page-products #abke-page-banner .products-breadcrumb-track .hub-breadcrumb > a,
html body main:is(.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .hub-breadcrumb > a,
html body main.page-about #abke-page-banner section.about-hero-bright .hero-breadcrumb > a,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-breadcrumb > a{
  color:#737a87!important;
}

html body main.page-products #abke-page-banner .products-breadcrumb-track .hub-breadcrumb > :is(b,strong,[aria-current="page"]),
html body main:is(.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .hub-breadcrumb > :is(b,strong,[aria-current="page"]),
html body main.page-about #abke-page-banner section.about-hero-bright .hero-breadcrumb > :is(b,strong,[aria-current="page"]),
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-breadcrumb > :is(b,strong,[aria-current="page"]){
  color:#333!important;
}

@media (max-width:800px){
  html body main.page-products #abke-page-banner .products-breadcrumb-track{
    top:16px!important;
  }

  html body main:is(.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .hub-breadcrumb,
html body main.page-about #abke-page-banner section.about-hero-bright .hero-breadcrumb,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-breadcrumb{
    top:16px!important;
  }
}
html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1,
html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > span{
  color:#111!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > strong{
  color:#111!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#111!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1
  > :is(span,strong).has-inline-accent > .headline-accent{
  display:inline!important;
  color:transparent!important;
  background:linear-gradient(90deg,#165dff,#7342ff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .hub-hero-copy h1,
html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .hub-hero-copy h1 > span,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-copy h1,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-copy h1 > span,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-hero-copy h1,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-hero-copy h1 > span{
  color:#111!important;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .hub-hero-copy h1 > strong,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-copy h1 > strong,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-hero-copy h1 > strong{
  color:#111!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#111!important;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .hub-hero-copy h1
  > strong > .inner-headline-accent,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-copy h1
  > strong > .inner-headline-accent{
  display:inline!important;
  color:transparent!important;
  background:linear-gradient(90deg,#165dff,#7342ff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .hub-hero-copy > p:not(.hub-eyebrow),
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-copy > .about-hero-lead,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-hero-copy > .coop-lead{
  color:#4e5969!important;
}
html body main.page-products #abke-page-banner section.hub-hero.photo-hero
  .hub-hero-copy > .hub-eyebrow{
  display:none!important;
}
html body main.page-cooperation #abke-page-banner section.coop-hero
  .coop-hero-copy > .coop-eyebrow{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  column-gap:4px!important;
  width:auto!important;
  min-height:30px!important;
  margin-bottom:24px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(22,93,255,.1),rgba(217,133,255,.1))!important;
  color:#091221!important;
  -webkit-text-fill-color:#091221!important;
  font-size:14px!important;
  font-weight:400!important;
}

html body main.page-cooperation #abke-page-banner section.coop-hero
  .coop-hero-copy > .coop-eyebrow > .coop-eyebrow-accent{
  color:transparent!important;
  background:linear-gradient(90deg,#165dff,#7342ff)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  font:inherit!important;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .hub-hero-actions > a:first-child,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-actions > a:first-child,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-hero-actions > a:first-child{
  color:#fff!important;
  background:#165dff!important;
  border-color:#165dff!important;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .hub-hero-actions > a:nth-child(2),
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-actions > a:nth-child(2),
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-hero-actions > a:nth-child(2){
  color:#165dff!important;
  background:transparent!important;
  background-image:none!important;
  border-color:#165dff!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .banner-value-row,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-principles,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-promise{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  width:100%!important;
  max-width:660px!important;
}
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-promise.banner-value-grid
  > div > span::before{
  content:none!important;
  display:none!important;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .banner-value-row > div,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-principles > div,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-promise > div{
  position:relative;
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr)!important;
  column-gap:8px!important;
  row-gap:4px!important;
  min-height:76px!important;
  padding:12px 0!important;
  text-align:left!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .banner-value-row > div::before,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-principles > div::before,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-promise > div::before{
  content:""!important;
  position:static!important;
  display:block!important;
  grid-row:1 / 3;
  align-self:start;
  width:16px!important;
  height:16px!important;
  margin-top:2px!important;
  border-radius:50%!important;
  background:url("../static/image/home-banner-value-check.png") center/contain no-repeat!important;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .banner-value-row > div > :is(strong,span),
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-principles > div > :is(strong,span),
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-promise > div > :is(strong,span){
  grid-column:2;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .banner-value-row > div > strong,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-principles > div > strong,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-promise > div > strong{
  color:#111!important;
  font-size:15px!important;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .banner-value-row > div > span,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-principles > div > span,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-promise > div > span{
  color:#4e5969!important;
  font-size:13px!important;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .banner-value-row > div:not(:last-child)::after,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-principles > div:not(:last-child)::after,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-promise > div:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  top:12px!important;
  right:-12px!important;
  bottom:12px!important;
  left:auto!important;
  width:0!important;
  height:auto!important;
  border:0!important;
  border-right:1px dashed #a5befa!important;
  background:none!important;
}

@media (min-width:901px){

  html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .hub-hero-copy h1,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-copy h1,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-hero-copy h1{
    font-size:43px!important;
  }
}
html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > p:not(.hub-eyebrow),
html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy.about-hero-copy > .about-hero-lead,
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > .coop-lead{
  color:#4e5969!important;
}

html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy.about-hero-copy
  > .about-hero-lead.about-hero-lead.about-hero-lead{
  color:#4e5969!important;
}
html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > p:not(.hub-eyebrow),
html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy.about-hero-copy > .about-hero-lead,
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > .coop-lead{
  width:100%!important;
  max-width:570px!important;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions.hub-hero-actions > a[href][href]:first-child,
html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-actions.about-hero-actions.about-hero-actions > a[href][href]:first-child,
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions.coop-hero-actions > a[href][href]:first-child{
  color:#fff!important;
  background:#165dff!important;
  border-color:#165dff!important;
}

html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions.hub-hero-actions > a[href][href]:nth-child(2),
html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-actions.about-hero-actions.about-hero-actions > a[href][href]:nth-child(2),
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions.coop-hero-actions > a[href][href]:nth-child(2){
  color:#165dff!important;
  background:transparent!important;
  background-image:none!important;
  border-color:#165dff!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

@media (max-width:560px){
  html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .banner-value-row,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-principles,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-promise{
    grid-template-columns:1fr!important;
    gap:0!important;
    max-width:100%!important;
  }

  html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .banner-value-row > div,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-principles > div,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-promise > div{
    min-height:64px!important;
    padding:12px 0!important;
  }

  html body main:is(.page-products,.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.photo-hero .banner-value-row > div:not(:last-child)::after,
html body main.page-about #abke-page-banner section.about-hero-bright .about-hero-principles > div:not(:last-child)::after,
html body main.page-cooperation #abke-page-banner section.coop-hero .coop-promise > div:not(:last-child)::after{
    top:auto!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:auto!important;
    height:0!important;
    border-right:0!important;
    border-bottom:1px dashed #a5befa!important;
  }
}
html body main.page-products.page-products #abke-page-banner .products-breadcrumb-track.products-breadcrumb-track
  .hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb > a,
html body main:is(.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb > a,
html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb > a,
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb > a{
  color:#737a87!important;
}

html body main.page-products.page-products #abke-page-banner .products-breadcrumb-track.products-breadcrumb-track
  .hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb > :is(b,strong,[aria-current="page"]),
html body main:is(.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb > :is(b,strong,[aria-current="page"]),
html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb > :is(b,strong,[aria-current="page"]),
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb > :is(b,strong,[aria-current="page"]){
  color:#333!important;
}

html body main.page-products.page-products #abke-page-banner .products-breadcrumb-track.products-breadcrumb-track
  .hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb > span,
html body main:is(.page-solutions,.page-scenarios,.page-contact) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb > span,
html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb > span,
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb.coop-breadcrumb > span{
  color:#737a87!important;
}
html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.photo-hero{
  background-color:#e7f4ff!important;
  background-image:none!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.photo-hero > img.hub-hero-photo{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.photo-hero > .hub-photo-shade{
  display:none!important;
  background:none!important;
}
html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy{
  position:static!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy > .hub-eyebrow{
  display:none!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy h1,
html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy h1 > :is(span,strong){
  color:#111!important;
  font-weight:800!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#111!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy h1
  > :is(span,strong) > .inner-headline-accent{
  display:inline!important;
  color:transparent!important;
  background:linear-gradient(90deg,#165dff,#7342ff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy > p:not(.hub-eyebrow){
  width:100%!important;
  max-width:570px!important;
  color:#4e5969!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions > a:first-child{
  color:#fff!important;
  background:#165dff!important;
  border-color:#165dff!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions > a:nth-child(2){
  color:#165dff!important;
  background:transparent!important;
  background-image:none!important;
  border-color:#165dff!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero .banner-value-row{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  width:100%!important;
  max-width:660px!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero .banner-value-row > div{
  position:relative;
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr)!important;
  column-gap:8px!important;
  row-gap:4px!important;
  min-height:76px!important;
  padding:12px 0!important;
  text-align:left!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero .banner-value-row > div::before{
  content:""!important;
  position:static!important;
  display:block!important;
  grid-row:1 / 3;
  align-self:start;
  width:16px!important;
  height:16px!important;
  margin-top:2px!important;
  border-radius:50%!important;
  background:url("../static/image/home-banner-value-check.png") center/contain no-repeat!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero .banner-value-row > div > :is(strong,span){
  grid-column:2;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero .banner-value-row > div > strong{
  color:#111!important;
  font-size:15px!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero .banner-value-row > div > span{
  color:#4e5969!important;
  font-size:13px!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero .banner-value-row > div:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  top:12px!important;
  right:-12px!important;
  bottom:12px!important;
  left:auto!important;
  width:0!important;
  height:auto!important;
  border:0!important;
  border-right:1px dashed #a5befa!important;
  background:none!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero .hub-breadcrumb{
  position:absolute!important;
  top:20px!important;
  margin:0!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb > :is(a,span){
  color:#737a87!important;
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb.hub-breadcrumb > :is(b,strong,[aria-current="page"]){
  color:#333!important;
}

@media (min-width:901px){
  html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy h1,
html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy h1 > :is(span,strong){
    font-size:43px!important;
  }
}

@media (max-width:800px){
  html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero .hub-breadcrumb{
    top:16px!important;
  }
}

@media (max-width:560px){
  html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero .banner-value-row{
    grid-template-columns:1fr!important;
    gap:0!important;
    max-width:100%!important;
  }

  html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero .banner-value-row > div{
    min-height:64px!important;
    padding:12px 0!important;
  }

  html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero .banner-value-row > div:not(:last-child)::after{
    top:auto!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:auto!important;
    height:0!important;
    border-right:0!important;
    border-bottom:1px dashed #a5befa!important;
  }
}

html body main:is(.page-cases,.page-geo-diagnosis,.page-tutorials,.page-themes,.page-videos) #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions.hub-hero-actions > a[href][href]:nth-child(2){
  color:#165dff!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:#165dff!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body main.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero.partner-hero
  > img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  pointer-events:none!important;
}

html body main.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero.partner-hero
  > .partner-hero-shade{
  display:none!important;
}

html body main.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero.partner-hero
  > .partner-hero-inner{
  position:relative!important;
  z-index:1!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy{
  position:static!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy > p:first-of-type{
  display:none!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy h1,
html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy h1 > :is(span,strong){
  color:#111!important;
  font-weight:800!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#111!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy h1
  > :is(span,strong) > .inner-headline-accent{
  display:inline!important;
  color:transparent!important;
  background:linear-gradient(90deg,#165dff,#7342ff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-lead{
  width:100%!important;
  max-width:570px!important;
  color:#4e5969!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-actions > a:first-child{
  color:#fff!important;
  background:#165dff!important;
  border-color:#165dff!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-actions > a:nth-child(2){
  color:#165dff!important;
  background:transparent!important;
  background-image:none!important;
  border-color:#165dff!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .banner-value-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  width:100%!important;
  max-width:660px!important;
  margin-top:24px!important;
  padding:0!important;
  list-style:none!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .banner-value-grid > li{
  position:relative!important;
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr)!important;
  column-gap:8px!important;
  row-gap:4px!important;
  min-height:76px!important;
  padding:12px 0!important;
  text-align:left!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .banner-value-grid > li::before{
  content:""!important;
  position:static!important;
  display:block!important;
  grid-row:1 / 3;
  align-self:start;
  width:16px!important;
  height:16px!important;
  margin-top:2px!important;
  border-radius:50%!important;
  background:url("../static/image/home-banner-value-check.png") center/contain no-repeat!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .banner-value-grid > li > :is(strong,span){
  grid-column:2;
}

html body main.page-partners #abke-page-banner section.partner-hero .banner-value-grid > li > strong{
  color:#111!important;
  font-size:15px!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .banner-value-grid > li > span{
  color:#4e5969!important;
  font-size:13px!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .banner-value-grid > li:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  top:12px!important;
  right:-12px!important;
  bottom:12px!important;
  left:auto!important;
  width:0!important;
  height:auto!important;
  border:0!important;
  border-right:1px dashed #a5befa!important;
  background:none!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .hero-breadcrumb{
  position:absolute!important;
  top:20px!important;
  margin:0!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .hero-breadcrumb > :is(a,span){
  color:#737a87!important;
}

html body main.page-partners #abke-page-banner section.partner-hero .hero-breadcrumb > :is(b,strong,[aria-current="page"]){
  color:#333!important;
}

@media (min-width:901px){

  html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy h1,
html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy h1 > :is(span,strong){
    font-size:43px!important;
  }
}

@media (max-width:800px){
  html body main.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero.partner-hero
    > img{
    opacity:.2!important;
  }

  html body main.page-partners #abke-page-banner section.partner-hero .hero-breadcrumb{
    top:16px!important;
  }
}

@media (max-width:560px){
  html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy,
html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy h1,
html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy h1 > :is(span,strong),
html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-lead{
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy h1,
html body main.page-partners #abke-page-banner section.partner-hero .partner-hero-copy h1 > :is(span,strong){
    font-size:28px!important;
    line-height:1.22!important;
  }

  html body main.page-partners #abke-page-banner section.partner-hero .banner-value-grid{
    grid-template-columns:1fr!important;
    gap:0!important;
    max-width:100%!important;
  }

  html body main.page-partners #abke-page-banner section.partner-hero .banner-value-grid > li{
    min-height:64px!important;
    padding:12px 0!important;
  }

  html body main.page-partners #abke-page-banner section.partner-hero .banner-value-grid > li:not(:last-child)::after{
    top:auto!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:auto!important;
    height:0!important;
    border-right:0!important;
    border-bottom:1px dashed #a5befa!important;
  }
}
html body main.page-institute #abke-page-banner section.institute-hero{
  position:relative!important;
  overflow:hidden!important;
  background-color:#e7f4ff!important;
  background-image:none!important;
}

html body main.page-institute #abke-page-banner section.institute-hero > img.institute-hero-banner-image{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  pointer-events:none!important;
}

html body main.page-institute #abke-page-banner section.institute-hero > .institute-hero-grid{
  position:relative!important;
  z-index:1!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-hero-copy{
  position:static!important;
  transform:none!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-eyebrow{
  display:none!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-hero-copy h1,
html body main.page-institute #abke-page-banner section.institute-hero .institute-hero-copy h1 > span{
  color:#111!important;
  font-weight:800!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#111!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-hero-copy h1 > :is(strong,span){
  display:inline!important;
  margin:0!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-hero-copy h1 > strong{
  color:transparent!important;
  background:linear-gradient(90deg,#165dff 0%,#165dff 62%,#7342ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-hero-copy > .institute-lead{
  width:100%!important;
  max-width:570px!important;
  color:#4e5969!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-hero-actions > a:first-child{
  color:#fff!important;
  background:#165dff!important;
  border-color:#165dff!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-hero-actions > a:nth-child(2){
  color:#165dff!important;
  background:transparent!important;
  background-image:none!important;
  border-color:#165dff!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-banner-values{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  width:100%!important;
  max-width:660px!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-banner-values > div{
  position:relative!important;
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr)!important;
  column-gap:8px!important;
  row-gap:4px!important;
  min-height:76px!important;
  padding:12px 0!important;
  text-align:left!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-banner-values > div::before{
  content:""!important;
  position:static!important;
  display:block!important;
  grid-row:1 / 3;
  align-self:start;
  width:16px!important;
  height:16px!important;
  margin-top:2px!important;
  border-radius:50%!important;
  background:url("../static/image/home-banner-value-check.png") center/contain no-repeat!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-banner-values > div > :is(strong,span){
  grid-column:2;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-banner-values > div > strong{
  color:#111!important;
  font-size:15px!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-banner-values > div > span{
  color:#4e5969!important;
  font-size:13px!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .institute-banner-values > div:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  top:12px!important;
  right:-12px!important;
  bottom:12px!important;
  left:auto!important;
  width:0!important;
  height:auto!important;
  border:0!important;
  border-right:1px dashed #a5befa!important;
  background:none!important;
}

html body main.page-institute #abke-page-banner section.institute-hero .hero-breadcrumb{
  position:absolute!important;
  top:0!important;
  margin:0!important;
}

html body main.page-institute #abke-page-banner section.institute-hero
  .hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb > :is(a,span){
  color:#737a87!important;
}

html body main.page-institute #abke-page-banner section.institute-hero
  .hero-breadcrumb.hero-breadcrumb.hero-breadcrumb.hero-breadcrumb > :is(b,strong,[aria-current="page"]){
  color:#333!important;
}

@media (min-width:901px){

  html body main.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero.institute-hero{
    height:580px!important;
    min-height:580px!important;
  }

  html body main.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero.institute-hero
    > .institute-hero-grid.institute-hero-grid.institute-hero-grid{
    min-height:540px!important;
    align-items:center!important;
    padding-top:45px!important;
    padding-bottom:45px!important;
  }

  html body main.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero.institute-hero
    > .institute-hero-grid.institute-hero-grid.institute-hero-grid
    > .institute-hero-copy.institute-hero-copy{
    align-self:center!important;
  }

  html body main.page-institute #abke-page-banner section.institute-hero .institute-hero-copy h1{
    max-width:none!important;
    font-size:43px!important;
    white-space:nowrap!important;
  }

  html[lang="en"] body main.page-institute #abke-page-banner section.institute-hero .institute-hero-copy h1{
    white-space:normal!important;
  }
}

@media (max-width:800px){
  html body main.page-institute #abke-page-banner section.institute-hero .hero-breadcrumb{
    top:-4px!important;
  }
}

@media (max-width:560px){
  html body main.page-institute #abke-page-banner section.institute-hero .institute-banner-values{
    grid-template-columns:1fr!important;
    gap:0!important;
    max-width:100%!important;
  }

  html body main.page-institute #abke-page-banner section.institute-hero .institute-banner-values > div{
    min-height:64px!important;
    padding:12px 0!important;
  }

  html body main.page-institute #abke-page-banner section.institute-hero .institute-banner-values > div:not(:last-child)::after{
    top:auto!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:auto!important;
    height:0!important;
    border-right:0!important;
    border-bottom:1px dashed #a5befa!important;
  }
}

html body main.page-institute #abke-page-banner section.institute-hero .hero-breadcrumb{
  top:0!important;
  margin:0!important;
}

@media (max-width:800px){

  html body main.page-institute #abke-page-banner section.institute-hero .hero-breadcrumb{
    top:-4px!important;
  }
}

@media (min-width:1024px){
  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment.coop-assessment{
    padding:45px 20px!important;
  }
}
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero{
  background-color:#e7f4ff!important;
  background-image:url("https://shmuker.oss-cn-hangzhou.aliyuncs.com/tmp/temporary/635f7c82b1949146405713b3/635f7c83b1949146405713b9/20261030142737/banner-cooperation.png?x-oss-process=image/resize,h_730,m_lfit/format,webp")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
}

html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero::before,
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero::after,
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero > .coop-hero-grid{
  display:none!important;
}

@media (max-width:900px){
  html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero{
    background-position:center top!important;
    background-size:auto 730px!important;
  }
}
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  #assessment.coop-assessment .assessment-options > button{
  height:64px!important;
  min-height:64px!important;
}

@media (min-width:901px) and (max-width:1100px){
  html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    #assessment.coop-assessment{
    padding:20px 24px!important;
  }
}
html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  #assessment.coop-assessment .assessment-head{
  align-items:center!important;
}

html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  #assessment.coop-assessment .assessment-head h2{
  margin-top:0!important;
}

html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  #assessment.coop-assessment .assessment-result{
  grid-template-columns:28px minmax(0,1fr)!important;
}

html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  #assessment.coop-assessment .assessment-result small{
  grid-row:1 / 3!important;
  align-self:center!important;
  width:28px!important;
  font-size:14px!important;
  line-height:20px!important;
  text-align:center!important;
}

html[lang] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  #assessment.coop-assessment .assessment-result strong{
  font-size:13px!important;
}
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy > h1{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:20px!important;
}

@media (min-width:1201px){
  html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    > .coop-hero-inner.coop-hero-inner{
    grid-template-columns:minmax(0,1fr) 620px!important;
  }
}
html body main.page-home #homeCustomModule :is(
  section.hero.hero.hero,
  section.hub-hero.hub-hero.hub-hero.photo-hero.photo-hero,
  section.coop-hero.coop-hero.coop-hero,
  section.about-hero-bright.about-hero-bright.about-hero-bright,
  section.partner-hero.partner-hero.partner-hero,
  section.institute-hero.institute-hero.institute-hero
) :is(
  .hero-actions.hero-actions.hero-actions.hero-actions,
  .hub-hero-actions.hub-hero-actions.hub-hero-actions.hub-hero-actions,
  .coop-hero-actions.coop-hero-actions.coop-hero-actions.coop-hero-actions,
  .about-hero-actions.about-hero-actions.about-hero-actions.about-hero-actions,
  .partner-hero-actions.partner-hero-actions.partner-hero-actions.partner-hero-actions,
  .institute-hero-actions.institute-hero-actions.institute-hero-actions.institute-hero-actions
) > a[href][href][href]:nth-child(2),
html body main #abke-page-banner :is(
  section.hero.hero.hero,
  section.hub-hero.hub-hero.hub-hero.photo-hero.photo-hero,
  section.coop-hero.coop-hero.coop-hero,
  section.about-hero-bright.about-hero-bright.about-hero-bright,
  section.partner-hero.partner-hero.partner-hero,
  section.institute-hero.institute-hero.institute-hero
) :is(
  .hero-actions.hero-actions.hero-actions.hero-actions,
  .hub-hero-actions.hub-hero-actions.hub-hero-actions.hub-hero-actions,
  .coop-hero-actions.coop-hero-actions.coop-hero-actions.coop-hero-actions,
  .about-hero-actions.about-hero-actions.about-hero-actions.about-hero-actions,
  .partner-hero-actions.partner-hero-actions.partner-hero-actions.partner-hero-actions,
  .institute-hero-actions.institute-hero-actions.institute-hero-actions.institute-hero-actions
) > a[href][href][href]:nth-child(2){
  background-color:rgba(255,255,255,.5)!important;
  background-image:none!important;
}
@media (min-width:901px){
  html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero,
html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    > .coop-hero-inner.coop-hero-inner{
    height:580px!important;
    min-height:580px!important;
  }

  html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    > .coop-hero-inner.coop-hero-inner{
    padding-top:28px!important;
    padding-bottom:28px!important;
  }

  html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment.coop-assessment{
    padding:24px!important;
  }
}

@media (min-width:901px) and (max-width:1100px){
  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment.coop-assessment{
    padding:16px 20px!important;
  }

  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-options > button{
    height:52px!important;
    min-height:52px!important;
  }

  html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment.coop-assessment{
    padding:16px 20px!important;
  }

  html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-head h2{
    font-size:22px!important;
    line-height:1.25!important;
  }

  html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-options{
    gap:8px!important;
    margin-top:12px!important;
  }

  html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-options > button{
    height:52px!important;
    min-height:52px!important;
    padding:6px 10px!important;
  }

  html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-options > button strong{
    font-size:12px!important;
    line-height:1.25!important;
  }

  html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-options > button span{
    margin-top:2px!important;
    font-size:10px!important;
    line-height:1.25!important;
  }

  html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-result{
    min-height:48px!important;
    margin-top:8px!important;
    padding:5px 12px!important;
  }

  html[lang|="zh"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero.coop-hero
    #assessment .assessment-submit{
    min-height:44px!important;
    margin-top:10px!important;
  }
}
html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1,
html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > :is(span,strong){
  letter-spacing:-.025em!important;
  line-height:1.12!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > :is(span,strong){
  display:block!important;
  min-height:1.12em!important;
  white-space:nowrap!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-description.scene-description{
  display:grid!important;
  grid-template-rows:repeat(2,1.7em)!important;
  min-height:3.4em!important;
  letter-spacing:0!important;
  line-height:1.7!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-description.scene-description > .description-line{
  display:block!important;
  min-height:1.7em!important;
  white-space:nowrap!important;
}

@media (max-width:560px){
  html body main.page-home #homeCustomModule section.hero.hero.hero
    .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > :is(span,strong){
    white-space:normal!important;
  }

  html body main.page-home #homeCustomModule section.hero.hero.hero
    .hero-copy.hero-copy.hero-copy .scene-description.scene-description{
    font-size:11px!important;
    letter-spacing:-.02em!important;
  }
}
html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1,
html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > :is(span,strong){
  letter-spacing:.015em!important;
  line-height:1.22!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > :is(span,strong){
  min-height:1.22em!important;
}

html body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero .coop-hero-copy > .coop-eyebrow{
  display:none!important;
}

html body main #abke-page-banner :is(
  section.hub-hero.photo-hero,
  section.about-hero-bright,
  section.coop-hero,
  section.partner-hero,
  section.institute-hero,
  section.faq-featured,
  section.knowledge-featured,
  section.resource-featured
) :is(
  .hub-hero-copy > h1,
  .about-hero-copy > h1,
  .coop-hero-copy > h1,
  .partner-hero-copy > h1,
  .institute-hero-copy > h1,
  .faq-featured-inner > header h1,
  .knowledge-featured-heading > div > h1,
  .resource-featured-heading > h1
){
  min-height:2.48em!important;
  font-size:43px!important;
  letter-spacing:.015em!important;
  line-height:1.24!important;
}

html body main #abke-page-banner :is(
  section.hub-hero.photo-hero,
  section.about-hero-bright,
  section.coop-hero,
  section.partner-hero,
  section.institute-hero
) :is(
  .hub-hero-copy > h1,
  .about-hero-copy > h1,
  .coop-hero-copy > h1,
  .partner-hero-copy > h1,
  .institute-hero-copy > h1
) > :is(span,strong){
  display:block!important;
  min-height:1.24em!important;
  margin:0!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  white-space:nowrap!important;
}

@media (min-width:901px){
  html body main #abke-page-banner :is(
    section.hub-hero.photo-hero,
    section.about-hero-bright,
    section.coop-hero,
    section.partner-hero,
    section.institute-hero,
    section.faq-featured,
    section.knowledge-featured,
    section.resource-featured
  ){
    box-sizing:border-box!important;
    height:580px!important;
    min-height:580px!important;
  }

  html body main #abke-page-banner :is(
    section.hub-hero.photo-hero,
    section.about-hero-bright,
    section.coop-hero,
    section.partner-hero,
    section.institute-hero
  ) > :is(
    .hub-hero-inner,
    .about-hero-layout,
    .coop-hero-inner,
    .partner-hero-inner,
    .institute-hero-grid
  ){
    box-sizing:border-box!important;
    height:580px!important;
    min-height:580px!important;
  }
}

@media (max-width:900px){
  html body main #abke-page-banner :is(
    section.hub-hero.photo-hero,
    section.about-hero-bright,
    section.coop-hero,
    section.partner-hero,
    section.institute-hero,
    section.faq-featured,
    section.knowledge-featured,
    section.resource-featured
  ) :is(
    .hub-hero-copy > h1,
    .about-hero-copy > h1,
    .coop-hero-copy > h1,
    .partner-hero-copy > h1,
    .institute-hero-copy > h1,
    .faq-featured-inner > header h1,
    .knowledge-featured-heading > div > h1,
    .resource-featured-heading > h1
  ){
    min-height:0!important;
    font-size:32px!important;
    letter-spacing:.015em!important;
    line-height:1.24!important;
  }

  html body main #abke-page-banner :is(
    section.hub-hero.photo-hero,
    section.about-hero-bright,
    section.coop-hero,
    section.partner-hero,
    section.institute-hero,
    section.faq-featured,
    section.knowledge-featured,
    section.resource-featured
  ) :is(h1,h1 > span,h1 > strong){
    min-height:0!important;
    white-space:normal!important;
  }
}
html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy.about-hero-copy > h1,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1{
  box-sizing:border-box!important;
  min-height:2.48em!important;
  font-size:43px!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  line-height:1.24!important;
}

html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong),
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy.about-hero-copy > h1 > :is(span,strong),
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1 > :is(span,strong),
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1 > :is(span,strong),
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1 > :is(span,strong){
  display:block!important;
  min-height:1.24em!important;
  margin:0!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  white-space:nowrap!important;
}

@media (min-width:901px){
  html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero{
    box-sizing:border-box!important;
    height:580px!important;
    min-height:580px!important;
  }
}

@media (max-width:900px){
  html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy > h1,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1{
    min-height:0!important;
    font-size:32px!important;
  }

  html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero h1 > :is(span,strong),
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright h1 > :is(span,strong),
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero h1 > :is(span,strong),
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero h1 > :is(span,strong),
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero h1 > :is(span,strong){
    min-height:0!important;
    white-space:normal!important;
  }

  html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy > h1,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

@media (max-width:420px){
  html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy > h1,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1{
    font-size:23px!important;
    letter-spacing:.015em!important;
    line-height:1.28!important;
  }
}

@media (min-width:901px) and (max-width:1100px){
  html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > p:not(.hub-eyebrow),
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy > .about-hero-lead,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > .coop-lead,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > .partner-hero-lead,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-copy.institute-hero-copy.institute-hero-copy > .institute-lead{
    font-size:15.5px!important;
  }
}
html[lang="en"] body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong),
html[lang="en"] body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy.about-hero-copy > h1 > :is(span,strong),
html[lang="en"] body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1 > :is(span,strong),
html[lang="en"] body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1 > :is(span,strong),
html[lang="en"] body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1 > :is(span,strong){
  min-height:0!important;
  white-space:normal!important;
}

html[lang="en"] body main #abke-page-banner :is(
  section.hub-hero.photo-hero,
  section.about-hero-bright,
  section.coop-hero,
  section.partner-hero,
  section.institute-hero
) .banner-description-line{
  display:inline!important;
  min-height:0!important;
  white-space:normal!important;
}

html[lang="en"] body main #abke-page-banner :is(
  section.hub-hero.photo-hero,
  section.about-hero-bright,
  section.coop-hero,
  section.partner-hero,
  section.institute-hero
) .banner-description-line + .banner-description-line::before{
  content:" ";
}

@media (min-width:901px){
  html[lang="en"] body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html[lang="en"] body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy > h1,
html[lang="en"] body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1,
html[lang="en"] body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1,
html[lang="en"] body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1{
    font-size:32px!important;
    letter-spacing:.01em!important;
    line-height:1.24!important;
  }

  html[lang="en"] body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > p:not(.hub-eyebrow),
html[lang="en"] body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy > .about-hero-lead,
html[lang="en"] body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > .coop-lead,
html[lang="en"] body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > .partner-hero-lead,
html[lang="en"] body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-copy.institute-hero-copy.institute-hero-copy > .institute-lead{
    font-size:16px!important;
    line-height:1.7!important;
  }
}

@media (min-width:901px) and (max-width:1100px){
  html[lang="en"] body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html[lang="en"] body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy > h1,
html[lang="en"] body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1,
html[lang="en"] body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1,
html[lang="en"] body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1{
    font-size:28px!important;
  }
}
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy{
  padding-top:0!important;
}

html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1{
  display:block!important;
  flex-wrap:nowrap!important;
  align-items:initial!important;
  gap:0!important;
  margin-bottom:0!important;
}

html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1 > strong{
  color:transparent!important;
  background:linear-gradient(90deg,#165dff,#7342ff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

@media (min-width:901px){
  html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy{
    align-self:start!important;
    padding-top:62px!important;
  }
}

@media (max-width:900px){
  html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy{
    padding-top:88px!important;
  }

}
@media (max-width:560px){
  html[lang="en"] body main.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    #assessment.coop-assessment .assessment-options > button{
    height:auto!important;
    min-height:72px!important;
  }
}
html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero
  > :is(.hero-shade.hero-shade,.hero-grid.hero-grid),
html body main #abke-page-banner section.hub-hero.hub-hero.photo-hero
  > :is(.hub-photo-shade.hub-photo-shade,.hub-hero-grid.hub-hero-grid),
html body main.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero > .partner-hero-shade.partner-hero-shade{
  display:none!important;
  background:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright::before{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero::before,
html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero::after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero
  > .hero-banner-image.hero-banner-image:not(.is-switching),
html body main #abke-page-banner section.hub-hero.hub-hero.photo-hero
  > img.hub-hero-photo.hub-hero-photo,
html body main.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  > img.about-hero-banner-image.about-hero-banner-image,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero.partner-hero.partner-hero > img,
html body main.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  > img.institute-hero-banner-image.institute-hero-banner-image{
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  -webkit-mask:none!important;
  mask:none!important;
  clip-path:none!important;
}
html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero.hero
  .hero-actions.hero-actions.hero-actions.hero-actions.hero-actions
  > a[href][href][href]:nth-child(2){
  background-color:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1,
html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > :is(span,strong){
  font-family:"ABKE Alibaba PuHuiTi","Alibaba PuHuiTi 3.0","PingFang SC","Microsoft YaHei",sans-serif!important;
  font-weight:700!important;
}
html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero.hero[data-banner-scene="1"]
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1,
html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero.hero[data-banner-scene="1"]
  .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > :is(span,strong){
  font-weight:800!important;
}

@media (min-width:901px){
  html[lang|="zh"] body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero.hero
    .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1,
html[lang|="zh"] body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero.hero
    .hero-copy.hero-copy.hero-copy .scene-copy.scene-copy h1 > :is(span,strong){
    font-size:65px!important;
  }
}
html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .eyebrow.eyebrow{
  background-color:#54a1f4!important;
  background-image:linear-gradient(90deg,#54a1f4 0%,#825bf2 100%)!important;
  color:#fff!important;
  opacity:1!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .eyebrow.eyebrow > .eyebrow-text,
html body main.page-home #homeCustomModule section.hero.hero.hero.hero.hero.hero
  .hero-copy.hero-copy.hero-copy .eyebrow.eyebrow
  > .eyebrow-text > .eyebrow-accent{
  color:#fff!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > .hub-eyebrow{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  height:30px!important;
  min-height:30px!important;
  margin:0 0 24px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:999px!important;
  background-color:#54a1f4!important;
  background-image:linear-gradient(90deg,#54a1f4 0%,#825bf2 100%)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  opacity:1!important;
  -webkit-text-fill-color:#fff!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
  font-family:"ABKE Alibaba PuHuiTi","Alibaba PuHuiTi 3.0","PingFang SC","Microsoft YaHei",sans-serif!important;
  font-weight:700!important;
  letter-spacing:.015em!important;
  line-height:1.22!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > p:not(.hub-eyebrow){
  width:100%!important;
  max-width:720px!important;
  margin-top:20px!important;
  font-size:16px!important;
  letter-spacing:0!important;
  line-height:1.7!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > .hub-hero-actions{
  margin-top:28px!important;
}

@media (min-width:1101px){
  html[lang|="zh"] body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html[lang|="zh"] body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
    font-size:56px!important;
  }

  html[lang="en"] body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html[lang="en"] body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
    font-size:34px!important;
  }

  html[lang="en"] body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > .hub-eyebrow{
    margin-bottom:20px!important;
  }

  html[lang="en"] body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > .banner-value-row{
    margin-top:24px!important;
  }
}

@media (min-width:901px) and (max-width:1100px){
  html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
    font-size:48px!important;
  }

  html[lang="en"] body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html[lang="en"] body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
    font-size:34px!important;
  }
}

@media (max-width:900px){
  html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
    min-height:0!important;
    font-size:32px!important;
    white-space:normal!important;
  }
}

@media (max-width:420px){
  html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > .hub-eyebrow{
    height:28px!important;
    min-height:28px!important;
    margin-bottom:18px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }

  html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
    font-size:28px!important;
    line-height:1.24!important;
  }

  html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > p:not(.hub-eyebrow){
    font-size:16px!important;
    line-height:1.7!important;
  }
}
html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:660px!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div{
  grid-template-columns:42px minmax(0,1fr)!important;
  column-gap:10px!important;
  row-gap:4px!important;
  width:calc(100% - 10px)!important;
  min-height:76px!important;
  justify-self:center!important;
  padding:12px 14px!important;
  border:1px solid #d7e6fa!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.5)!important;
  box-shadow:0 8px 22px rgba(31,91,164,.08)!important;
  text-align:left!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div::before{
  content:""!important;
  position:static!important;
  display:block!important;
  grid-row:1 / 3!important;
  align-self:center!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  border-radius:50%!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div:nth-child(1)::before{
  background-image:url("../static/image/home-banner-value-discovered.png")!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div:nth-child(2)::before{
  background-image:url("../static/image/home-banner-value-trusted.png")!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div:nth-child(3)::before{
  background-image:url("../static/image/home-banner-value-selected.png")!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div > :is(strong,span){
  grid-column:2!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div > strong{
  color:#111827!important;
  font-size:15px!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div > span{
  color:#4e5969!important;
  font-size:13px!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div::after{
  content:none!important;
  display:none!important;
}

@media (max-width:560px){
  html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .banner-value-row.banner-value-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
    max-width:100%!important;
  }

  html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .banner-value-row.banner-value-grid > div{
    width:100%!important;
    min-height:64px!important;
  }
}
html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > .hub-eyebrow{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  height:30px!important;
  min-height:30px!important;
  margin:0 0 24px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:999px!important;
  background-color:#54a1f4!important;
  background-image:linear-gradient(90deg,#54a1f4 0%,#825bf2 100%)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  opacity:1!important;
  -webkit-text-fill-color:#fff!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
  font-family:"ABKE Alibaba PuHuiTi","Alibaba PuHuiTi 3.0","PingFang SC","Microsoft YaHei",sans-serif!important;
  font-weight:700!important;
  letter-spacing:.015em!important;
  line-height:1.22!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > p:not(.hub-eyebrow){
  width:100%!important;
  max-width:720px!important;
  margin-top:20px!important;
  font-size:16px!important;
  letter-spacing:0!important;
  line-height:1.7!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > .hub-hero-actions{
  margin-top:28px!important;
}

@media (min-width:1101px){
  html[lang|="zh"] body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html[lang|="zh"] body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
    font-size:56px!important;
  }

  html[lang="en"] body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html[lang="en"] body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
    font-size:34px!important;
  }

  html[lang="en"] body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > .hub-eyebrow{
    margin-bottom:20px!important;
  }

  html[lang="en"] body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > .banner-value-row{
    margin-top:24px!important;
  }
}

@media (min-width:901px) and (max-width:1100px){
  html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
    font-size:48px!important;
  }

  html[lang="en"] body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html[lang="en"] body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
    font-size:34px!important;
  }
}

@media (max-width:900px){
  html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
    min-height:0!important;
    font-size:32px!important;
    white-space:normal!important;
  }
}

@media (max-width:420px){
  html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > .hub-eyebrow{
    height:28px!important;
    min-height:28px!important;
    margin-bottom:18px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }

  html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1 > :is(span,strong){
    font-size:28px!important;
    line-height:1.24!important;
  }

  html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > p:not(.hub-eyebrow){
    font-size:16px!important;
    line-height:1.7!important;
  }
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:660px!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div{
  grid-template-columns:42px minmax(0,1fr)!important;
  column-gap:10px!important;
  row-gap:4px!important;
  width:calc(100% - 10px)!important;
  min-height:76px!important;
  justify-self:center!important;
  padding:12px 14px!important;
  border:1px solid #d7e6fa!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.5)!important;
  box-shadow:0 8px 22px rgba(31,91,164,.08)!important;
  text-align:left!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div::before{
  content:""!important;
  position:static!important;
  display:block!important;
  grid-row:1 / 3!important;
  align-self:center!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  border-radius:50%!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div:nth-child(1)::before{
  background-image:url("../static/image/home-banner-value-discovered.png")!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div:nth-child(2)::before{
  background-image:url("../static/image/home-banner-value-trusted.png")!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div:nth-child(3)::before{
  background-image:url("../static/image/home-banner-value-selected.png")!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div > :is(strong,span){
  grid-column:2!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div > strong{
  color:#111827!important;
  font-size:15px!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div > span{
  color:#4e5969!important;
  font-size:13px!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .banner-value-row.banner-value-grid > div::after{
  content:none!important;
  display:none!important;
}

@media (max-width:560px){
  html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .banner-value-row.banner-value-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
    max-width:100%!important;
  }

  html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .banner-value-row.banner-value-grid > div{
    width:100%!important;
    min-height:64px!important;
  }
}
html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > .hub-eyebrow,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy.about-hero-copy > p:first-of-type,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > .coop-eyebrow,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-copy.partner-hero-copy.partner-hero-copy > p:first-of-type{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  width:auto!important;
  height:30px!important;
  min-height:30px!important;
  margin:0 0 24px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:999px!important;
  background-color:#54a1f4!important;
  background-image:linear-gradient(90deg,#54a1f4 0%,#825bf2 100%)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  opacity:1!important;
  -webkit-text-fill-color:#fff!important;
}

html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy
  > .coop-eyebrow > :is(span,strong){
  color:#fff!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#fff!important;
  font:inherit!important;
}

html body:not(.abke-min-font-preserve)
  main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section#top.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > p.coop-eyebrow{
  font-size:14px!important;
}

html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy.about-hero-copy > h1,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1{
  font-family:"ABKE Alibaba PuHuiTi","Alibaba PuHuiTi 3.0","PingFang SC","Microsoft YaHei",sans-serif!important;
  font-weight:700!important;
  letter-spacing:.015em!important;
  line-height:1.22!important;
}

@media (min-width:1101px){
  html[lang|="zh"] body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1{
    font-size:56px!important;
  }

  html[lang|="zh"] body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy > h1,
html[lang|="zh"] body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1,
html[lang|="zh"] body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1,
html[lang|="zh"] body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1{
    font-size:48px!important;
  }

  html[lang="en"] body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html[lang="en"] body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy > h1,
html[lang="en"] body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1,
html[lang="en"] body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1,
html[lang="en"] body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1{
    font-size:34px!important;
  }
}

@media (min-width:901px) and (max-width:1100px){
  html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1{
    font-size:48px!important;
  }

  html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy > h1,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1{
    font-size:42px!important;
  }
}

@media (max-width:900px){
  html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy > h1,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1{
    min-height:0!important;
    font-size:32px!important;
    white-space:normal!important;
  }
}

@media (max-width:420px){
  html body:not(.abke-min-font-preserve)
    main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section#top.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > p.coop-eyebrow{
    font-size:12px!important;
  }

  html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > .hub-eyebrow,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy > p:first-of-type,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > .coop-eyebrow,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > p:first-of-type{
    height:28px!important;
    min-height:28px!important;
    margin-bottom:18px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }

  html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-copy.hub-hero-copy.hub-hero-copy > h1,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-copy.about-hero-copy.about-hero-copy > h1,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-copy.institute-hero-copy.institute-hero-copy > h1{
    font-size:28px!important;
    line-height:1.24!important;
  }
}

html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > p:not(.hub-eyebrow),
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy.about-hero-copy > .about-hero-lead,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > .coop-lead,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-copy.partner-hero-copy.partner-hero-copy > .partner-hero-lead,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-copy.institute-hero-copy.institute-hero-copy > .institute-lead{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:720px!important;
  margin-top:20px!important;
  font-size:16px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.7!important;
}

html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > .hub-hero-actions,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy.about-hero-copy > .about-hero-actions,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > .coop-hero-actions,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-copy.partner-hero-copy.partner-hero-copy > .partner-hero-actions,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-copy.institute-hero-copy.institute-hero-copy > .institute-hero-actions{
  margin-top:28px!important;
}
html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-actions.about-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-actions.institute-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:660px!important;
  margin-top:28px!important;
  padding:0!important;
  list-style:none!important;
}

html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li),
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-actions.about-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li),
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li),
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li),
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-actions.institute-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li){
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  column-gap:10px!important;
  row-gap:4px!important;
  width:calc(100% - 10px)!important;
  min-height:76px!important;
  justify-self:center!important;
  padding:12px 14px!important;
  border:1px solid #d7e6fa!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.5)!important;
  box-shadow:0 8px 22px rgba(31,91,164,.08)!important;
  text-align:left!important;
}

html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li)::before,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-actions.about-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li)::before,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li)::before,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li)::before,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-actions.institute-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li)::before{
  content:""!important;
  position:static!important;
  display:block!important;
  grid-row:1 / 3!important;
  align-self:center!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
}

html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(1)::before,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-actions.about-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(1)::before,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(1)::before,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(1)::before,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-actions.institute-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(1)::before{
  background-image:url("../static/image/home-banner-value-discovered.png")!important;
}

html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(2)::before,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-actions.about-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(2)::before,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(2)::before,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(2)::before,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-actions.institute-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(2)::before{
  background-image:url("../static/image/home-banner-value-trusted.png")!important;
}

html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(3)::before,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-actions.about-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(3)::before,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(3)::before,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(3)::before,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-actions.institute-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li):nth-child(3)::before{
  background-image:url("../static/image/home-banner-value-selected.png")!important;
}

html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > :is(strong,span),
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-actions.about-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > :is(strong,span),
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > :is(strong,span),
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > :is(strong,span),
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-actions.institute-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > :is(strong,span){
  display:block!important;
  grid-column:2!important;
}

html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > strong,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-actions.about-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > strong,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > strong,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > strong,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-actions.institute-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > strong{
  color:#111827!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.4!important;
}

html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > span,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-actions.about-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > span,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > span,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > span,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-actions.institute-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li) > span{
  color:#4e5969!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.5!important;
}

html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li)::after,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-actions.about-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li)::after,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li)::after,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li)::after,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
  .institute-hero-actions.institute-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li)::after{
  content:none!important;
  display:none!important;
}

@media (min-width:901px){
  html[lang="en"] body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright,
html[lang="en"] body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright > .about-hero-layout.about-hero-layout{
    height:auto!important;
    min-height:580px!important;
  }

  html[lang="en"] body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright > .about-hero-layout.about-hero-layout{
    padding-bottom:0!important;
  }
}

@media (max-width:560px){
  html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-actions.about-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid,
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-actions.institute-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
    max-width:100%!important;
  }

  html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li),
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
    .about-hero-actions.about-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li),
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li),
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li),
html body main.page-institute.page-institute.page-institute #abke-page-banner section.institute-hero.institute-hero
    .institute-hero-actions.institute-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid > :is(div,li){
    width:100%!important;
    min-height:64px!important;
  }
}
html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li){
  grid-template-columns:46px minmax(0,1fr)!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li)::before{
  width:46px!important;
  height:46px!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(1)::before{
  background-image:url("../static/image/solutions-banner-value-1.png")!important;
}

html body main.page-solutions.page-solutions.page-solutions #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(2)::before{
  background-image:url("../static/image/solutions-banner-value-2-market.png")!important;
}
html body main.page-scenarios.page-scenarios.page-scenarios #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid{
  max-width:690px!important;
}

html body main.page-scenarios.page-scenarios.page-scenarios #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li){
  grid-template-columns:46px minmax(0,1fr)!important;
  width:100%!important;
  background:rgba(255,255,255,.6)!important;
}

html body main.page-scenarios.page-scenarios.page-scenarios #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li)::before{
  width:46px!important;
  height:46px!important;
}

html body main.page-scenarios.page-scenarios.page-scenarios #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(1)::before{
  background-image:url("../static/image/applications-banner-value-1.png")!important;
}

html body main.page-scenarios.page-scenarios.page-scenarios #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(2)::before{
  background-image:url("../static/image/applications-banner-value-2.png")!important;
}

html[lang|="zh"] body main.page-scenarios.page-scenarios.page-scenarios #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li) > span{
  white-space:nowrap!important;
}

@media (min-width:901px) and (max-width:1100px){
  html body main.page-scenarios.page-scenarios.page-scenarios #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid{
    width:min(690px,calc(100vw - 160px))!important;
  }
}
html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li){
  grid-template-columns:46px minmax(0,1fr)!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li)::before{
  width:46px!important;
  height:46px!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(1)::before{
  background-image:url("../static/image/products-banner-value-1.png")!important;
}

html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(2)::before{
  background-image:url("../static/image/products-banner-value-2.png")!important;
}
html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(3) > span{
  white-space:nowrap!important;
}

html body:not(.abke-min-font-preserve)
  main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section#top.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > p.coop-eyebrow{
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  height:26px!important;
  min-height:26px!important;
  padding:0 14px!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li){
  grid-template-columns:46px minmax(0,1fr)!important;
  column-gap:6px!important;
}

html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li)::before{
  width:46px!important;
  height:46px!important;
}

html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(1)::before{
  background-image:url("../static/image/partnership-banner-value-1.png")!important;
}

html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(2)::before{
  background-image:url("../static/image/partnership-banner-value-2.png")!important;
}

html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(3)::before{
  background-image:url("../static/image/partnership-banner-value-3.png")!important;
}
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-actions.partner-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li){
  background:rgba(255,255,255,.9)!important;
}

@media (min-width:1101px){
  html[lang|="zh"] body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1{
    font-size:56px!important;
  }
}

@media (min-width:901px) and (max-width:1100px){
  html[lang|="zh"] body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
    .partner-hero-copy.partner-hero-copy.partner-hero-copy > h1{
    font-size:48px!important;
  }
}

@media (min-width:901px) and (max-width:1100px){
  html body main.page-products.page-products.page-products #abke-page-banner section.hub-hero.hub-hero.photo-hero
    .hub-hero-actions.hub-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
    > :is(div,li):nth-child(3){
    width:202px!important;
  }
}
@media (min-width:1101px){
  html[lang|="zh"] body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1{
    font-size:56px!important;
  }
}

@media (min-width:901px) and (max-width:1100px){
  html[lang|="zh"] body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
    .coop-hero-copy.coop-hero-copy.coop-hero-copy > h1{
    font-size:48px!important;
  }
}
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(2),
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(3){
  grid-template-columns:46px minmax(0,1fr)!important;
  column-gap:6px!important;
}

html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(2)::before,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(3)::before{
  width:46px!important;
  height:46px!important;
}

html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(2)::before{
  background-image:url("../static/image/cooperation-banner-value-2.png")!important;
}

html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-actions.coop-hero-actions + .banner-value-grid.banner-value-grid.banner-value-grid
  > :is(div,li):nth-child(3)::before{
  background-image:url("../static/image/cooperation-banner-value-3.png")!important;
}
html body main[class][class][class] #abke-page-banner section.hub-hero.hub-hero.photo-hero
  .hub-hero-copy.hub-hero-copy.hub-hero-copy > .hub-eyebrow,
html body main.page-about.page-about.page-about #abke-page-banner section.about-hero-bright.about-hero-bright
  .about-hero-copy.about-hero-copy.about-hero-copy > p:first-of-type,
html body main.page-cooperation.page-cooperation.page-cooperation #abke-page-banner section.coop-hero.coop-hero
  .coop-hero-copy.coop-hero-copy.coop-hero-copy > .coop-eyebrow,
html body main.page-partners.page-partners.page-partners #abke-page-banner section.partner-hero.partner-hero
  .partner-hero-copy.partner-hero-copy.partner-hero-copy > p:first-of-type{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  height:26px!important;
  min-height:26px!important;
  padding:0 14px!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

@media (max-width:560px){
  html body main.page-about #abke-page-banner .hero-breadcrumb{
    box-sizing:border-box!important;
    width:calc(100% - 36px)!important;
    max-width:calc(100% - 36px)!important;
  }
}