.elementor-3272 .elementor-element.elementor-element-b778bb9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 0px;--row-gap:32px;--column-gap:0px;--padding-top:240px;--padding-bottom:240px;--padding-left:80px;--padding-right:0px;}.elementor-3272 .elementor-element.elementor-element-b778bb9:not(.elementor-motion-effects-element-type-background), .elementor-3272 .elementor-element.elementor-element-b778bb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hattatech.com/wp-content/uploads/2026/05/image-32.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3272 .elementor-element.elementor-element-5f302e9 > .elementor-widget-container{padding:0% 50% 0% 0%;}.elementor-3272 .elementor-element.elementor-element-5f302e9 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:38px;font-weight:700;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0px;color:#052675;}.elementor-3272 .elementor-element.elementor-element-374f72c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 60% 0% 0%;}.elementor-3272 .elementor-element.elementor-element-374f72c{font-family:"Ubuntu", Sans-serif;font-size:0.8em;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0px;color:#BABAC2;}.elementor-3272 .elementor-element.elementor-element-32569f0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3272 .elementor-element.elementor-element-e6b0cfe .elementor-button{background-color:#C9261F;font-family:"Chakra Petch", Sans-serif;font-size:12px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:1px;word-spacing:0px;border-radius:5px 5px 5px 5px;padding:16px 12px 16px 12px;}.elementor-3272 .elementor-element.elementor-element-e6b0cfe .elementor-button:hover, .elementor-3272 .elementor-element.elementor-element-e6b0cfe .elementor-button:focus{color:#FFFFFF;}.elementor-3272 .elementor-element.elementor-element-e6b0cfe .elementor-button:hover svg, .elementor-3272 .elementor-element.elementor-element-e6b0cfe .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3272 .elementor-element.elementor-element-a4b4706 .elementor-button{background-color:#FCFCFC00;font-family:"Chakra Petch", Sans-serif;font-size:12px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:1px;word-spacing:0px;fill:#C9261F;color:#C9261F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C9261F;border-radius:5px 5px 5px 5px;padding:16px 12px 16px 12px;}.elementor-3272 .elementor-element.elementor-element-a4b4706 .elementor-button:hover, .elementor-3272 .elementor-element.elementor-element-a4b4706 .elementor-button:focus{color:#C9261F;}.elementor-3272 .elementor-element.elementor-element-a4b4706 .elementor-button:hover svg, .elementor-3272 .elementor-element.elementor-element-a4b4706 .elementor-button:focus svg{fill:#C9261F;}.elementor-3272 .elementor-element.elementor-element-250ad9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:24px 0px;--row-gap:24px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-3272 .elementor-element.elementor-element-bda075e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3272 .elementor-element.elementor-element-e273b46{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:80px;--padding-right:80px;}.elementor-3272 .elementor-element.elementor-element-e273b46:not(.elementor-motion-effects-element-type-background), .elementor-3272 .elementor-element.elementor-element-e273b46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hattatech.com/wp-content/uploads/2026/05/Hattatech_Gradient-Motif-1-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-3272 .elementor-element.elementor-element-e273b46.e-con{--align-self:center;}.elementor-3272 .elementor-element.elementor-element-47bb013 .ehp-cta{--cta-buttons-vertical-position:start;background-color:#F6F7F800;--cta-button-primary-text-color:#C9261F;--cta-button-primary-text-color-hover:#C9261F;--cta-button-primary-border-radius-block-end:5px;--cta-button-primary-border-radius-block-start:5px;--cta-button-primary-border-radius-inline-end:5px;--cta-button-primary-border-radius-inline-start:5px;--cta-button-primary-padding-block-end:16px;--cta-button-primary-padding-block-start:16px;--cta-button-primary-padding-inline-end:24px;--cta-button-primary-padding-inline-start:24px;--cta-overlay-opacity:0.5;--cta-elements-spacing:8px;--cta-box-padding-block-end:0px;--cta-box-padding-block-start:0px;--cta-box-padding-inline-end:0px;--cta-box-padding-inline-start:0px;}.elementor-3272 .elementor-element.elementor-element-47bb013 .is-type-button.ehp-cta__button--primary{background-color:#FFFFFF;}.elementor-3272 .elementor-element.elementor-element-47bb013 .is-type-button.ehp-cta__button--primary:hover, .elementor-3272 .elementor-element.elementor-element-47bb013 .is-type-button.ehp-cta__button--primary:focus{background-color:#FFFFFF;}.elementor-3272 .elementor-element.elementor-element-47bb013 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:24px 0px 24px 0px;}.elementor-3272 .elementor-element.elementor-element-47bb013 .ehp-cta .ehp-cta__heading{color:#FFFFFF;}.elementor-3272 .elementor-element.elementor-element-47bb013 .ehp-cta__heading{font-family:"Chakra Petch", Sans-serif;font-size:48px;font-weight:700;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;}.elementor-3272 .elementor-element.elementor-element-47bb013 .ehp-cta .ehp-cta__description{color:#FFFFFF;}.elementor-3272 .elementor-element.elementor-element-47bb013 .ehp-cta__description{font-family:"Ubuntu", Sans-serif;}.elementor-3272 .elementor-element.elementor-element-47bb013 .ehp-cta__button--primary{font-family:"Chakra Petch", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:1px;word-spacing:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3272 .elementor-element.elementor-element-b778bb9{--gap:12px 0px;--row-gap:12px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:240px;--padding-bottom:240px;--padding-left:20px;--padding-right:20px;}.elementor-3272 .elementor-element.elementor-element-5f302e9 > .elementor-widget-container{padding:0% 46% 0% 0%;}.elementor-3272 .elementor-element.elementor-element-5f302e9 .elementor-heading-title{font-size:30px;}.elementor-3272 .elementor-element.elementor-element-374f72c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 60% 0% 0%;}.elementor-3272 .elementor-element.elementor-element-374f72c{font-size:0.6em;}.elementor-3272 .elementor-element.elementor-element-32569f0{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3272 .elementor-element.elementor-element-e6b0cfe .elementor-button{font-size:0.4em;}.elementor-3272 .elementor-element.elementor-element-a4b4706 .elementor-button{font-size:0.4em;}.elementor-3272 .elementor-element.elementor-element-47bb013 .ehp-cta{--cta-content-width:1058px;--cta-button-primary-border-radius-block-end:3px;--cta-button-primary-border-radius-block-start:3px;--cta-button-primary-border-radius-inline-end:3px;--cta-button-primary-border-radius-inline-start:3px;--cta-button-primary-padding-block-end:12px;--cta-button-primary-padding-block-start:12px;--cta-button-primary-padding-inline-end:16px;--cta-button-primary-padding-inline-start:16px;--cta-elements-spacing:16px;}.elementor-3272 .elementor-element.elementor-element-47bb013 .ehp-cta__heading{font-size:1.9em;}.elementor-3272 .elementor-element.elementor-element-47bb013 .ehp-cta__description{font-size:0.8em;}.elementor-3272 .elementor-element.elementor-element-47bb013 .ehp-cta__button--primary{font-size:0.6em;}}@media(max-width:767px){.elementor-3272 .elementor-element.elementor-element-b778bb9{--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:120px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-3272 .elementor-element.elementor-element-5f302e9 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-3272 .elementor-element.elementor-element-5f302e9 .elementor-heading-title{font-size:2em;}.elementor-3272 .elementor-element.elementor-element-374f72c > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-3272 .elementor-element.elementor-element-e6b0cfe .elementor-button{font-size:0.4em;}.elementor-3272 .elementor-element.elementor-element-a4b4706 .elementor-button{font-size:0.4em;}.elementor-3272 .elementor-element.elementor-element-250ad9f{--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-3272 .elementor-element.elementor-element-bd113bf img{width:100%;max-width:100%;}.elementor-3272 .elementor-element.elementor-element-e273b46{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3272 .elementor-element.elementor-element-47bb013 .ehp-cta__heading{font-size:28px;}.elementor-3272 .elementor-element.elementor-element-47bb013 .ehp-cta__button--primary{font-size:11px;}}@media(min-width:768px){.elementor-3272 .elementor-element.elementor-element-32569f0{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3272 .elementor-element.elementor-element-32569f0{--width:37%;}}/* Start custom CSS for container, class: .elementor-element-b778bb9 */@media screen and (max-width: 767px) {
  .partnership-hero {
    background-image: none !important;
    background: #ffffff !important;
  }

  .partnership-hero::before,
  .partnership-hero::after {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da59e22 */@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700;800&family=Ubuntu:wght@300;400;500;700&display=swap');

.stats-wrapper {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  gap: 42px;
  align-items: start;
  width: fit-content;
  max-width: 100%;
}

.stat-item {
  min-width: max-content;
}

.stat-number {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.random-counter {
  font-size: 52px;
  font-weight: 800;
  line-height: 0.95;
  color: #ffffff;
  font-family: 'Chakra Petch', sans-serif;
}

.plus {
  font-size: 25px;
  color: #e32222;
  font-weight: 400;
  line-height: 1;
  font-family: 'Chakra Petch', sans-serif;
}

.stat-item p {
  margin-top: 10px;
  color: #ffffff;
  font-size: 13px;
  font-family: 'Ubuntu', sans-serif;
  line-height: 1.25;
  white-space: nowrap;
  max-width: none;
}

/* Tablet */
@media (max-width: 1024px) {
  .stats-wrapper {
    display: grid;
    grid-template-columns: repeat(4, max-content);
    gap: 28px;
    align-items: start;
    width: fit-content;
    max-width: 100%;
  }

  .stat-item {
    min-width: max-content;
  }

  .stat-number {
    gap: 5px;
  }

  .random-counter {
    font-size: 38px;
  }

  .plus {
    font-size: 18px;
  }

  .stat-item p {
    margin-top: 8px;
    font-size: 8.5px;
    line-height: 1.2;
    white-space: nowrap;
    max-width: none;
  }
}

/* Handphone */
@media (max-width: 767px) {
  .stats-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    max-width: 100%;
  }

  .stat-item {
    min-width: 0;
  }

  .stat-number {
    gap: 3px;
  }

  .random-counter {
    font-size: 28px;
  }

  .plus {
    font-size: 15px;
  }

  .stat-item p {
    margin-top: 6px;
    font-size: 8.5px;
    line-height: 1.2;
    white-space: normal;
    max-width: 80px;
  }
}

/* Handphone kecil */
@media (max-width: 420px) {
  .stats-wrapper {
    gap: 6px;
  }

  .random-counter {
    font-size: 24px;
  }

  .plus {
    font-size: 13px;
  }

  .stat-item p {
    font-size: 7.5px;
    max-width: 70px;
  }
}/* End custom CSS */