.elementor-4400 .elementor-element.elementor-element-aef5fd5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.49;--padding-top:19%;--padding-bottom:19%;--padding-left:0%;--padding-right:0%;}.elementor-4400 .elementor-element.elementor-element-aef5fd5:not(.elementor-motion-effects-element-type-background), .elementor-4400 .elementor-element.elementor-element-aef5fd5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hattatech.com/wp-content/uploads/2026/06/image-4.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4400 .elementor-element.elementor-element-aef5fd5::before, .elementor-4400 .elementor-element.elementor-element-aef5fd5 > .elementor-background-video-container::before, .elementor-4400 .elementor-element.elementor-element-aef5fd5 > .e-con-inner > .elementor-background-video-container::before, .elementor-4400 .elementor-element.elementor-element-aef5fd5 > .elementor-background-slideshow::before, .elementor-4400 .elementor-element.elementor-element-aef5fd5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4400 .elementor-element.elementor-element-aef5fd5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0084D600;--background-overlay:'';}.elementor-4400 .elementor-element.elementor-element-f343400{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--flex-wrap:nowrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:50%;}.elementor-4400 .elementor-element.elementor-element-abae22e .elementor-button{background-color:#C9261F00;font-family:"Ubuntu", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;padding:16px 12px 16px 12px;}.elementor-4400 .elementor-element.elementor-element-5e370e0{text-align:start;}.elementor-4400 .elementor-element.elementor-element-5e370e0 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:5em;font-weight:700;color:#ffffff;}.elementor-4400 .elementor-element.elementor-element-06abf25 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4400 .elementor-element.elementor-element-06abf25{font-family:"Ubuntu", Sans-serif;font-size:0.8em;font-weight:400;color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-b9cf487 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4400 .elementor-element.elementor-element-b9cf487{font-family:"Ubuntu", Sans-serif;font-size:0.8em;font-weight:400;letter-spacing:0px;color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-dcec449{--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;--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-4400 .elementor-element.elementor-element-83c70d8 .elementor-button{background-color:#C9261F;font-family:"Chakra Petch", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;border-radius:3px 3px 3px 3px;}.elementor-4400 .elementor-element.elementor-element-83c70d8{width:auto;max-width:auto;align-self:flex-start;}.elementor-4400 .elementor-element.elementor-element-83c70d8.elementor-element{--align-self:flex-start;}.elementor-4400 .elementor-element.elementor-element-317789b{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--align-items:center;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-4400 .elementor-element.elementor-element-317789b:not(.elementor-motion-effects-element-type-background), .elementor-4400 .elementor-element.elementor-element-317789b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#052675;}.elementor-4400 .elementor-element.elementor-element-317789b.e-con{--align-self:center;}.elementor-4400 .elementor-element.elementor-element-e4edc30 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:16px;}.elementor-4400 .elementor-element.elementor-element-e4edc30 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-e4edc30.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-e4edc30.elementor-view-framed .elementor-icon, .elementor-4400 .elementor-element.elementor-element-e4edc30.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-e4edc30 .elementor-icon{font-size:32px;}.elementor-4400 .elementor-element.elementor-element-e4edc30 .elementor-icon-box-title, .elementor-4400 .elementor-element.elementor-element-e4edc30 .elementor-icon-box-title a{font-family:"Chakra Petch", Sans-serif;font-size:16px;font-weight:700;}.elementor-4400 .elementor-element.elementor-element-e4edc30 .elementor-icon-box-description{font-family:"Ubuntu", Sans-serif;font-size:12px;color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-3251bc1 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:16px;}.elementor-4400 .elementor-element.elementor-element-3251bc1 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-3251bc1.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-3251bc1.elementor-view-framed .elementor-icon, .elementor-4400 .elementor-element.elementor-element-3251bc1.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-3251bc1 .elementor-icon{font-size:32px;}.elementor-4400 .elementor-element.elementor-element-3251bc1 .elementor-icon-box-title, .elementor-4400 .elementor-element.elementor-element-3251bc1 .elementor-icon-box-title a{font-family:"Chakra Petch", Sans-serif;font-size:16px;font-weight:700;}.elementor-4400 .elementor-element.elementor-element-3251bc1 .elementor-icon-box-description{font-family:"Ubuntu", Sans-serif;font-size:12px;color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-c100adc .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:16px;}.elementor-4400 .elementor-element.elementor-element-c100adc .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-c100adc.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-c100adc.elementor-view-framed .elementor-icon, .elementor-4400 .elementor-element.elementor-element-c100adc.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-c100adc .elementor-icon{font-size:32px;}.elementor-4400 .elementor-element.elementor-element-c100adc .elementor-icon-box-title, .elementor-4400 .elementor-element.elementor-element-c100adc .elementor-icon-box-title a{font-family:"Chakra Petch", Sans-serif;font-size:16px;font-weight:700;}.elementor-4400 .elementor-element.elementor-element-c100adc .elementor-icon-box-description{font-family:"Ubuntu", Sans-serif;font-size:12px;color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-6af4138 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:16px;}.elementor-4400 .elementor-element.elementor-element-6af4138 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-6af4138.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-6af4138.elementor-view-framed .elementor-icon, .elementor-4400 .elementor-element.elementor-element-6af4138.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-6af4138 .elementor-icon{font-size:32px;}.elementor-4400 .elementor-element.elementor-element-6af4138 .elementor-icon-box-title, .elementor-4400 .elementor-element.elementor-element-6af4138 .elementor-icon-box-title a{font-family:"Chakra Petch", Sans-serif;font-size:16px;font-weight:700;}.elementor-4400 .elementor-element.elementor-element-6af4138 .elementor-icon-box-description{font-family:"Ubuntu", Sans-serif;font-size:12px;color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-78ce75c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4400 .elementor-element.elementor-element-78ce75c:not(.elementor-motion-effects-element-type-background), .elementor-4400 .elementor-element.elementor-element-78ce75c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-4400 .elementor-element.elementor-element-1bd51e9{--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;}.elementor-4400 .elementor-element.elementor-element-8ca5df0{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4400 .elementor-element.elementor-element-8ca5df0:not(.elementor-motion-effects-element-type-background), .elementor-4400 .elementor-element.elementor-element-8ca5df0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-4400 .elementor-element.elementor-element-415a12c{--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;--padding-top:16%;--padding-bottom:16%;--padding-left:0%;--padding-right:0%;}.elementor-4400 .elementor-element.elementor-element-415a12c:not(.elementor-motion-effects-element-type-background), .elementor-4400 .elementor-element.elementor-element-415a12c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hattatech.com/wp-content/uploads/2026/06/Frame-11.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4400 .elementor-element.elementor-element-f48ae26{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:46%;}.elementor-4400 .elementor-element.elementor-element-f544b12 .elementor-button{background-color:#C9261F00;font-family:"Ubuntu", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:#0D0D0D;color:#0D0D0D;border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;padding:16px 12px 16px 12px;}.elementor-4400 .elementor-element.elementor-element-7246444{text-align:start;}.elementor-4400 .elementor-element.elementor-element-7246444 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:3em;font-weight:700;color:#052675;}.elementor-4400 .elementor-element.elementor-element-5ae0d64{font-family:"Ubuntu", Sans-serif;font-size:0.8em;}.elementor-4400 .elementor-element.elementor-element-7cfa193{font-family:"Ubuntu", Sans-serif;font-size:0.8em;}.elementor-4400 .elementor-element.elementor-element-1a67cc0 .elementor-button{background-color:#C9261F00;font-family:"Chakra Petch", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;fill:#C9261F;color:#C9261F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C9261F;border-radius:3px 3px 3px 3px;}.elementor-4400 .elementor-element.elementor-element-1a67cc0{width:auto;max-width:auto;align-self:flex-start;}.elementor-4400 .elementor-element.elementor-element-1a67cc0.elementor-element{--align-self:flex-start;}.elementor-4400 .elementor-element.elementor-element-9f8ac3b{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-4400 .elementor-element.elementor-element-9f8ac3b:not(.elementor-motion-effects-element-type-background), .elementor-4400 .elementor-element.elementor-element-9f8ac3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-4400 .elementor-element.elementor-element-4dc8cbc{--display:flex;}.elementor-4400 .elementor-element.elementor-element-fce0060{text-align:center;}.elementor-4400 .elementor-element.elementor-element-fce0060 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:3em;font-weight:700;color:#052675;}.elementor-4400 .elementor-element.elementor-element-c55c76f{text-align:center;font-family:"Ubuntu", Sans-serif;font-size:1em;font-weight:400;color:#BABAC3;}.elementor-4400 .elementor-element.elementor-element-72ea4b2{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4400 .elementor-element.elementor-element-ed73891 .elementor-button{background-color:#C9261F00;font-family:"Chakra Petch", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;fill:#C9261F;color:#C9261F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C9261F;border-radius:3px 3px 3px 3px;}.elementor-4400 .elementor-element.elementor-element-ed73891.elementor-element{--align-self:center;}.elementor-4400 .elementor-element.elementor-element-770c692{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4400 .elementor-element.elementor-element-4c37589{--display:flex;--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-4400 .elementor-element.elementor-element-dc27761 .ehp-cta{--cta-buttons-vertical-position:start;background-color:#F6F7F8;background-image:url("https://www.hattatech.com/wp-content/uploads/2026/06/Hattatech_Gradient-2-scaled.jpg");--cta-button-primary-text-color:#C9261F;--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:016px;--cta-button-primary-padding-block-start:016px;--cta-button-primary-padding-inline-end:016px;--cta-button-primary-padding-inline-start:016px;background-position:center center;background-repeat:no-repeat;background-size:cover;--cta-overlay-opacity:0.5;--cta-elements-spacing:0px;--cta-box-padding-block-end:60px;--cta-box-padding-block-start:60px;--cta-box-padding-inline-end:60px;--cta-box-padding-inline-start:60px;}.elementor-4400 .elementor-element.elementor-element-dc27761 .is-type-button.ehp-cta__button--primary{background-color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-dc27761 .ehp-cta .ehp-cta__heading{color:#FFFFFF;}.elementor-4400 .elementor-element.elementor-element-dc27761 .ehp-cta__heading{font-family:"Chakra Petch", Sans-serif;font-size:2em;font-weight:700;}.elementor-4400 .elementor-element.elementor-element-dc27761 .ehp-cta .ehp-cta__description{color:#FFFEFE;}.elementor-4400 .elementor-element.elementor-element-dc27761 .ehp-cta__description{font-family:"Chakra Petch", Sans-serif;}.elementor-4400 .elementor-element.elementor-element-dc27761 .ehp-cta__button--primary{font-family:"Chakra Petch", Sans-serif;font-size:1em;font-weight:700;}body.elementor-page-4400:not(.elementor-motion-effects-element-type-background), body.elementor-page-4400 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4400 .elementor-element.elementor-element-f343400{--width:100%;}.elementor-4400 .elementor-element.elementor-element-dcec449{--content-width:100%;}}@media(max-width:1024px){.elementor-4400 .elementor-element.elementor-element-aef5fd5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:50px;--padding-right:50px;}.elementor-4400 .elementor-element.elementor-element-f343400{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:40%;}.elementor-4400 .elementor-element.elementor-element-5e370e0{text-align:start;}.elementor-4400 .elementor-element.elementor-element-5e370e0 .elementor-heading-title{font-size:2.7em;}.elementor-4400 .elementor-element.elementor-element-83c70d8 .elementor-button{font-size:0.5em;}.elementor-4400 .elementor-element.elementor-element-317789b{--min-height:0px;--grid-auto-flow:row;}.elementor-4400 .elementor-element.elementor-element-e4edc30 .elementor-icon{font-size:100%;}.elementor-4400 .elementor-element.elementor-element-e4edc30 .elementor-icon-box-title, .elementor-4400 .elementor-element.elementor-element-e4edc30 .elementor-icon-box-title a{font-size:10px;}.elementor-4400 .elementor-element.elementor-element-e4edc30 .elementor-icon-box-description{font-size:6px;}.elementor-4400 .elementor-element.elementor-element-3251bc1 .elementor-icon{font-size:100%;}.elementor-4400 .elementor-element.elementor-element-3251bc1 .elementor-icon-box-title, .elementor-4400 .elementor-element.elementor-element-3251bc1 .elementor-icon-box-title a{font-size:10px;}.elementor-4400 .elementor-element.elementor-element-3251bc1 .elementor-icon-box-description{font-size:6px;}.elementor-4400 .elementor-element.elementor-element-c100adc .elementor-icon{font-size:100%;}.elementor-4400 .elementor-element.elementor-element-c100adc .elementor-icon-box-title, .elementor-4400 .elementor-element.elementor-element-c100adc .elementor-icon-box-title a{font-size:10px;}.elementor-4400 .elementor-element.elementor-element-c100adc .elementor-icon-box-description{font-size:6px;}.elementor-4400 .elementor-element.elementor-element-6af4138 .elementor-icon{font-size:100%;}.elementor-4400 .elementor-element.elementor-element-6af4138 .elementor-icon-box-title, .elementor-4400 .elementor-element.elementor-element-6af4138 .elementor-icon-box-title a{font-size:10px;}.elementor-4400 .elementor-element.elementor-element-6af4138 .elementor-icon-box-description{font-size:6px;}.elementor-4400 .elementor-element.elementor-element-78ce75c{--grid-auto-flow:row;}.elementor-4400 .elementor-element.elementor-element-8ca5df0{--grid-auto-flow:row;}.elementor-4400 .elementor-element.elementor-element-415a12c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6%;--padding-bottom:6%;--padding-left:5%;--padding-right:5%;}.elementor-4400 .elementor-element.elementor-element-f48ae26{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:40%;}.elementor-4400 .elementor-element.elementor-element-7246444{text-align:start;}.elementor-4400 .elementor-element.elementor-element-7246444 .elementor-heading-title{font-size:2.1em;}.elementor-4400 .elementor-element.elementor-element-1a67cc0 .elementor-button{font-size:0.5em;}.elementor-4400 .elementor-element.elementor-element-fce0060 .elementor-heading-title{font-size:2.4em;}.elementor-4400 .elementor-element.elementor-element-c55c76f{font-size:0.6em;}.elementor-4400 .elementor-element.elementor-element-72ea4b2{--grid-auto-flow:row;}.elementor-4400 .elementor-element.elementor-element-ed73891 .elementor-button{font-size:0.5em;}.elementor-4400 .elementor-element.elementor-element-dc27761 .ehp-cta{--cta-content-width:1200px;--cta-button-primary-padding-block-end:9px;--cta-button-primary-padding-block-start:9px;--cta-button-primary-padding-inline-end:9px;--cta-button-primary-padding-inline-start:9px;--cta-elements-spacing:17px;}.elementor-4400 .elementor-element.elementor-element-dc27761 .ehp-cta__button--primary{font-size:0.5em;}}@media(max-width:767px){.elementor-4400 .elementor-element.elementor-element-aef5fd5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:115px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-4400 .elementor-element.elementor-element-f343400{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4400 .elementor-element.elementor-element-abae22e .elementor-button{font-size:0.4em;}.elementor-4400 .elementor-element.elementor-element-5e370e0{text-align:center;}.elementor-4400 .elementor-element.elementor-element-dcec449{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4400 .elementor-element.elementor-element-83c70d8{width:100%;max-width:100%;}.elementor-4400 .elementor-element.elementor-element-317789b{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20% 0%;--row-gap:20%;--column-gap:0%;--grid-auto-flow:row;--justify-items:stretch;--align-items:start;--padding-top:7%;--padding-bottom:12%;--padding-left:7%;--padding-right:7%;}.elementor-4400 .elementor-element.elementor-element-e4edc30 .elementor-icon-box-wrapper{text-align:center;}.elementor-4400 .elementor-element.elementor-element-3251bc1 .elementor-icon-box-wrapper{text-align:center;}.elementor-4400 .elementor-element.elementor-element-c100adc .elementor-icon-box-wrapper{text-align:center;}.elementor-4400 .elementor-element.elementor-element-6af4138 .elementor-icon-box-wrapper{text-align:center;}.elementor-4400 .elementor-element.elementor-element-78ce75c{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4400 .elementor-element.elementor-element-8ca5df0{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4400 .elementor-element.elementor-element-415a12c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32%;--padding-bottom:32%;--padding-left:10%;--padding-right:10%;}.elementor-4400 .elementor-element.elementor-element-f48ae26{--width:100%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4400 .elementor-element.elementor-element-f544b12 .elementor-button{font-size:0.4em;padding:10px 10px 10px 10px;}.elementor-4400 .elementor-element.elementor-element-7246444{text-align:center;}.elementor-4400 .elementor-element.elementor-element-7246444 .elementor-heading-title{font-size:1.3em;}.elementor-4400 .elementor-element.elementor-element-1a67cc0{width:100%;max-width:100%;}.elementor-4400 .elementor-element.elementor-element-fce0060 .elementor-heading-title{font-size:1.8em;}.elementor-4400 .elementor-element.elementor-element-72ea4b2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4400 .elementor-element.elementor-element-ed73891 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4400 .elementor-element.elementor-element-ed73891 .elementor-button{font-size:0.5em;padding:9px 9px 9px 9px;}.elementor-4400 .elementor-element.elementor-element-dc27761 .ehp-cta__heading{font-size:1.3em;}.elementor-4400 .elementor-element.elementor-element-dc27761 .ehp-cta__description{font-size:0.7em;}}/* Start custom CSS for html, class: .elementor-element-e09ca53 */@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700;800&family=Ubuntu:wght@300;400;500;700&display=swap');

.hatta-category-showcase {
  width: 100%;
  background: #ffffff;
  padding: 90px 0 100px;
  overflow: hidden;
}

.category-slider {
  position: relative;
  width: 100%;
  max-width: 1500px;
  height: 850px;
  margin: 0 auto;
  overflow: visible;
}

.category-track {
  position: relative;
  display: block !important;
  width: 100%;
  height: 100%;
}

.category-card {
  position: absolute;
  top: 0;
  left: 50%;
  width: 520px;
  text-align: center;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  transform: translateX(-50%) scale(0.68);
  transition:
    left 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.8s ease,
    filter 0.8s ease;
  will-change: transform, left, opacity;
}

.category-card img {
  width: 100%;
  height: 650px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
  filter: brightness(0.9);
  transition:
    filter 0.8s ease,
    box-shadow 0.8s ease;
}

.category-card h3 {
  margin: 48px 0 18px;
  font-family: 'Chakra Petch', sans-serif;
  font-size: 24px;
  font-weight: 800;
  color: #b8bbc5;
  transition: all 0.8s ease;
}

.category-card a {
  font-family: 'Ubuntu', sans-serif;
  font-size: 15px;
  color: #9fa3ad;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: all 0.8s ease;
}

/* Card tengah */
.category-card.is-center,
.category-card.active {
  left: 50%;
  opacity: 1;
  z-index: 3;
  pointer-events: auto;
  transform: translateX(-50%) scale(1);
}

.category-card.is-center img,
.category-card.active img {
  filter: brightness(1);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.14);
}

/* Hilangkan dots */
.category-card.is-center::before,
.category-card.active::before {
  display: none !important;
  content: none !important;
}

.category-card.is-center h3,
.category-card.active h3 {
  font-size: 44px;
  color: #082b7f;
  margin-top: 85px;
}

.category-card.is-center a,
.category-card.active a {
  font-size: 28px;
  color: #e32222;
  text-decoration: none;
}

/* Card kiri */
.category-card.is-left {
  left: calc(50% - 520px);
  opacity: 0.75;
  z-index: 1;
  pointer-events: auto;
  transform: translateX(-50%) scale(0.72);
}

/* Card kanan */
.category-card.is-right {
  left: calc(50% + 520px);
  opacity: 0.75;
  z-index: 1;
  pointer-events: auto;
  transform: translateX(-50%) scale(0.72);
}

/* Image kanan kiri lebih terang */
.category-card.is-left img,
.category-card.is-right img {
  filter: brightness(0.9);
}

/* Card tersembunyi */
.category-card.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) scale(0.55);
}

/* Tombol panah - tidak kepotong */
.slider-arrow {
  position: absolute;
  top: 330px;
  z-index: 20;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0 !important;
  border-radius: 50%;
  border: 1px solid rgba(8, 43, 127, 0.14);
  background: rgba(255, 255, 255, 0.96);
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 30px rgba(8, 43, 127, 0.14);
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
  overflow: visible !important;
  box-sizing: border-box;
}

.slider-arrow::before {
  border: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #082b7f;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  font-family: Arial, sans-serif;
  position: relative;
  top: -2px;
  transition: all 0.3s ease;
}

.slider-arrow.prev {
  left: calc(50% - 315px);
}

.slider-arrow.next {
  right: calc(50% - 315px);
}

.slider-arrow.prev::before {
  content: "‹";
  transform: none !important;
  left: -1px;
}

.slider-arrow.next::before {
  content: "›";
  transform: none !important;
  right: -1px;
}

.slider-arrow:hover {
  background: #e32222;
  border-color: #e32222;
  box-shadow: 0 14px 34px rgba(227, 34, 34, 0.28);
  transform: translateY(-2px);
}

.slider-arrow:hover::before {
  color: #ffffff;
}

.slider-arrow:active {
  transform: translateY(0) scale(0.96);
}

/* Responsive Tablet */
@media (max-width: 1024px) {
  .hatta-category-showcase {
    padding: 70px 0 90px;
  }

  .category-slider {
    height: 730px;
    overflow: visible;
  }

  .category-card {
    width: 430px;
  }

  .category-card img {
    height: 540px;
  }

  .category-card.is-left {
    left: calc(50% - 390px);
    opacity: 0.75;
    transform: translateX(-50%) scale(0.68);
  }

  .category-card.is-right {
    left: calc(50% + 390px);
    opacity: 0.75;
    transform: translateX(-50%) scale(0.68);
  }

  .category-card.is-center h3,
  .category-card.active h3 {
    font-size: 38px;
    margin-top: 70px;
  }

  .category-card.is-center a,
  .category-card.active a {
    font-size: 24px;
  }

  .slider-arrow {
    top: 270px;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
  }

  .slider-arrow::before {
    font-size: 30px;
  }

  .slider-arrow.prev {
    left: calc(50% - 260px);
  }

  .slider-arrow.next {
    right: calc(50% - 260px);
  }
}

/* Responsive Mobile */
@media (max-width: 767px) {
  .hatta-category-showcase {
    padding: 60px 0 80px;
  }

  .category-slider {
    height: 650px;
    overflow: hidden;
  }

  .category-card {
    width: 82vw;
    display: none;
  }

  .category-card.is-center,
  .category-card.active {
    display: block;
    left: 50%;
    transform: translateX(-50%) scale(1);
  }

  .category-card.is-left,
  .category-card.is-right,
  .category-card.is-hidden {
    display: none;
  }

  .category-card img {
    height: 430px;
  }

  .category-card.is-center h3,
  .category-card.active h3 {
    font-size: 32px;
    margin-top: 60px;
  }

  .category-card.is-center a,
  .category-card.active a {
    font-size: 22px;
  }

  .slider-arrow {
    top: 215px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  .slider-arrow::before {
    font-size: 28px;
  }

  .slider-arrow.prev {
    left: 18px;
  }

  .slider-arrow.next {
    right: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-231b098 */@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: #082b7f;
  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: #b8bbc5;
  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 */