.elementor-12 .elementor-element.elementor-element-0db56bb{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-e902851{--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:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:50px;}.elementor-12 .elementor-element.elementor-element-570e2d2.ob-harakiri{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-570e2d2.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-570e2d2.ob-harakiri div{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-570e2d2{text-align:justify;font-size:18px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-570e2d2.ob-harakiri > div, .elementor-12 .elementor-element.elementor-element-570e2d2.ob-harakiri > h1, .elementor-12 .elementor-element.elementor-element-570e2d2.ob-harakiri > h2, .elementor-12 .elementor-element.elementor-element-570e2d2.ob-harakiri > h3, .elementor-12 .elementor-element.elementor-element-570e2d2.ob-harakiri > h4, .elementor-12 .elementor-element.elementor-element-570e2d2.ob-harakiri > h5, .elementor-12 .elementor-element.elementor-element-570e2d2.ob-harakiri > h6, .elementor-12 .elementor-element.elementor-element-570e2d2.ob-harakiri > p{transform:rotate(0deg);}.elementor-12 .elementor-element.elementor-element-570e2d2 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-12 .elementor-element.elementor-element-570e2d2.ob-postman p{padding:0px 0px 20px 0px;}.elementor-12 .elementor-element.elementor-element-a22ff3b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-dc4cb3f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-7feb01b.ob-harakiri{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-7feb01b.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-7feb01b.ob-harakiri div{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-7feb01b{text-align:center;}.elementor-12 .elementor-element.elementor-element-7feb01b .elementor-heading-title{font-size:18px;line-height:1.4em;}.elementor-12 .elementor-element.elementor-element-7feb01b.ob-harakiri > div, .elementor-12 .elementor-element.elementor-element-7feb01b.ob-harakiri > h1, .elementor-12 .elementor-element.elementor-element-7feb01b.ob-harakiri > h2, .elementor-12 .elementor-element.elementor-element-7feb01b.ob-harakiri > h3, .elementor-12 .elementor-element.elementor-element-7feb01b.ob-harakiri > h4, .elementor-12 .elementor-element.elementor-element-7feb01b.ob-harakiri > h5, .elementor-12 .elementor-element.elementor-element-7feb01b.ob-harakiri > h6, .elementor-12 .elementor-element.elementor-element-7feb01b.ob-harakiri > p{transform:rotate(0deg);}.elementor-12 .elementor-element.elementor-element-7feb01b > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-12 .elementor-element.elementor-element-fc106ea img{width:200px;}.elementor-12 .elementor-element.elementor-element-3a0bdda{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-b00a554.ob-harakiri{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-b00a554.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-b00a554.ob-harakiri div{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-b00a554{text-align:center;}.elementor-12 .elementor-element.elementor-element-b00a554 .elementor-heading-title{font-size:18px;line-height:1.4em;}.elementor-12 .elementor-element.elementor-element-b00a554.ob-harakiri > div, .elementor-12 .elementor-element.elementor-element-b00a554.ob-harakiri > h1, .elementor-12 .elementor-element.elementor-element-b00a554.ob-harakiri > h2, .elementor-12 .elementor-element.elementor-element-b00a554.ob-harakiri > h3, .elementor-12 .elementor-element.elementor-element-b00a554.ob-harakiri > h4, .elementor-12 .elementor-element.elementor-element-b00a554.ob-harakiri > h5, .elementor-12 .elementor-element.elementor-element-b00a554.ob-harakiri > h6, .elementor-12 .elementor-element.elementor-element-b00a554.ob-harakiri > p{transform:rotate(0deg);}.elementor-12 .elementor-element.elementor-element-b00a554 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-12 .elementor-element.elementor-element-2b6a705 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-2b6a705 img{width:250px;}.elementor-12 .elementor-element.elementor-element-3d78dcf{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-dc34618.ob-harakiri{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-dc34618.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-dc34618.ob-harakiri div{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-dc34618{text-align:center;}.elementor-12 .elementor-element.elementor-element-dc34618 .elementor-heading-title{font-size:18px;line-height:1.4em;}.elementor-12 .elementor-element.elementor-element-dc34618.ob-harakiri > div, .elementor-12 .elementor-element.elementor-element-dc34618.ob-harakiri > h1, .elementor-12 .elementor-element.elementor-element-dc34618.ob-harakiri > h2, .elementor-12 .elementor-element.elementor-element-dc34618.ob-harakiri > h3, .elementor-12 .elementor-element.elementor-element-dc34618.ob-harakiri > h4, .elementor-12 .elementor-element.elementor-element-dc34618.ob-harakiri > h5, .elementor-12 .elementor-element.elementor-element-dc34618.ob-harakiri > h6, .elementor-12 .elementor-element.elementor-element-dc34618.ob-harakiri > p{transform:rotate(0deg);}.elementor-12 .elementor-element.elementor-element-dc34618 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-12 .elementor-element.elementor-element-315e796 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-315e796 img{width:140px;}.elementor-12 .elementor-element.elementor-element-89aa4d9{--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;--justify-content:flex-start;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-12 .elementor-element.elementor-element-cbce3f7 .elementor-heading-title{color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-b494046.ob-harakiri{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-b494046.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-b494046.ob-harakiri div{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-b494046{font-size:18px;color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-b494046.ob-harakiri > div, .elementor-12 .elementor-element.elementor-element-b494046.ob-harakiri > h1, .elementor-12 .elementor-element.elementor-element-b494046.ob-harakiri > h2, .elementor-12 .elementor-element.elementor-element-b494046.ob-harakiri > h3, .elementor-12 .elementor-element.elementor-element-b494046.ob-harakiri > h4, .elementor-12 .elementor-element.elementor-element-b494046.ob-harakiri > h5, .elementor-12 .elementor-element.elementor-element-b494046.ob-harakiri > h6, .elementor-12 .elementor-element.elementor-element-b494046.ob-harakiri > p{transform:rotate(0deg);}.elementor-12 .elementor-element.elementor-element-b494046 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-12 .elementor-element.elementor-element-40ea152 .elementor-heading-title{color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-855ed35.ob-harakiri{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-855ed35.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-855ed35.ob-harakiri div{writing-mode:inherit;}.elementor-12 .elementor-element.elementor-element-855ed35{font-size:18px;color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-855ed35.ob-harakiri > div, .elementor-12 .elementor-element.elementor-element-855ed35.ob-harakiri > h1, .elementor-12 .elementor-element.elementor-element-855ed35.ob-harakiri > h2, .elementor-12 .elementor-element.elementor-element-855ed35.ob-harakiri > h3, .elementor-12 .elementor-element.elementor-element-855ed35.ob-harakiri > h4, .elementor-12 .elementor-element.elementor-element-855ed35.ob-harakiri > h5, .elementor-12 .elementor-element.elementor-element-855ed35.ob-harakiri > h6, .elementor-12 .elementor-element.elementor-element-855ed35.ob-harakiri > p{transform:rotate(0deg);}.elementor-12 .elementor-element.elementor-element-855ed35 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-12 .elementor-element.elementor-element-e26932a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(16px/2);}.elementor-12 .elementor-element.elementor-element-e26932a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(16px/2);}.elementor-12 .elementor-element.elementor-element-e26932a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-12 .elementor-element.elementor-element-e26932a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-12 .elementor-element.elementor-element-e26932a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-12 .elementor-element.elementor-element-e26932a .elementor-icon-list-icon i{color:var( --e-global-color-kadence9 );transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-e26932a .elementor-icon-list-icon svg{fill:var( --e-global-color-kadence9 );transition:fill 0.3s;}.elementor-12 .elementor-element.elementor-element-e26932a{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-12 .elementor-element.elementor-element-e26932a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12 .elementor-element.elementor-element-e26932a .elementor-icon-list-item > a{font-size:18px;}.elementor-12 .elementor-element.elementor-element-e26932a .elementor-icon-list-text{color:var( --e-global-color-kadence9 );transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-508c894{--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:80px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-508c894:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-508c894 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mhb.com.my/wp-content/uploads/2026/04/gradient-bg.jpg");background-position:0px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-16c0dba .elementor-heading-title{color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-25319c1{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-729ce3a > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-12 .elementor-element.elementor-element-729ce3a > .elementor-widget-container{background-color:var( --e-global-color-kadence9 );padding:24px 24px 24px 24px;border-radius:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-729ce3a:hover .elementor-widget-container{background-color:transparent;background-image:linear-gradient(45deg, var( --e-global-color-3bc8db4 ) 54%, var( --e-global-color-89de4af ) 100%);}.elementor-12 .elementor-element.elementor-element-729ce3a .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-12 .elementor-element.elementor-element-729ce3a .elementor-icon-box-title{margin-block-end:16px;}.elementor-12 .elementor-element.elementor-element-729ce3a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-729ce3a.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-729ce3a.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-729ce3a .elementor-icon{font-size:64px;}.elementor-12 .elementor-element.elementor-element-729ce3a .elementor-icon-box-img{overflow:hidden;}.elementor-12 .elementor-element.elementor-element-729ce3a .elementor-icon-box-description{font-weight:400;}.elementor-12 .elementor-element.elementor-element-004e38a > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-12 .elementor-element.elementor-element-004e38a > .elementor-widget-container{background-color:var( --e-global-color-kadence9 );padding:24px 24px 24px 24px;border-radius:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-004e38a:hover .elementor-widget-container{background-color:transparent;background-image:linear-gradient(45deg, var( --e-global-color-3bc8db4 ) 54%, var( --e-global-color-89de4af ) 100%);}.elementor-12 .elementor-element.elementor-element-004e38a .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-12 .elementor-element.elementor-element-004e38a .elementor-icon-box-title{margin-block-end:16px;}.elementor-12 .elementor-element.elementor-element-004e38a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-004e38a.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-004e38a.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-004e38a .elementor-icon{font-size:64px;}.elementor-12 .elementor-element.elementor-element-004e38a .elementor-icon-box-img{overflow:hidden;}.elementor-12 .elementor-element.elementor-element-004e38a .elementor-icon-box-description{font-weight:400;}.elementor-12 .elementor-element.elementor-element-761d779 > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-12 .elementor-element.elementor-element-761d779 > .elementor-widget-container{background-color:var( --e-global-color-kadence9 );padding:24px 24px 24px 24px;border-radius:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-761d779:hover .elementor-widget-container{background-color:transparent;background-image:linear-gradient(45deg, var( --e-global-color-3bc8db4 ) 54%, var( --e-global-color-89de4af ) 100%);}.elementor-12 .elementor-element.elementor-element-761d779 .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-12 .elementor-element.elementor-element-761d779 .elementor-icon-box-title{margin-block-end:16px;}.elementor-12 .elementor-element.elementor-element-761d779.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-761d779.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-761d779.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-761d779 .elementor-icon{font-size:64px;}.elementor-12 .elementor-element.elementor-element-761d779 .elementor-icon-box-img{overflow:hidden;}.elementor-12 .elementor-element.elementor-element-761d779 .elementor-icon-box-description{font-weight:400;}.elementor-12 .elementor-element.elementor-element-9756751 > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-12 .elementor-element.elementor-element-9756751 > .elementor-widget-container{background-color:var( --e-global-color-kadence9 );padding:24px 24px 24px 24px;border-radius:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-9756751:hover .elementor-widget-container{background-color:transparent;background-image:linear-gradient(45deg, var( --e-global-color-3bc8db4 ) 54%, var( --e-global-color-89de4af ) 100%);}.elementor-12 .elementor-element.elementor-element-9756751 .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-12 .elementor-element.elementor-element-9756751 .elementor-icon-box-title{margin-block-end:16px;}.elementor-12 .elementor-element.elementor-element-9756751.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-9756751.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-9756751.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-9756751 .elementor-icon{font-size:64px;}.elementor-12 .elementor-element.elementor-element-9756751 .elementor-icon-box-img{overflow:hidden;}.elementor-12 .elementor-element.elementor-element-9756751 .elementor-icon-box-description{font-weight:400;}.elementor-12 .elementor-element.elementor-element-682c457 > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-12 .elementor-element.elementor-element-682c457 > .elementor-widget-container{background-color:var( --e-global-color-kadence9 );padding:24px 24px 24px 24px;border-radius:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-682c457:hover .elementor-widget-container{background-color:transparent;background-image:linear-gradient(45deg, var( --e-global-color-3bc8db4 ) 54%, var( --e-global-color-89de4af ) 100%);}.elementor-12 .elementor-element.elementor-element-682c457 .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-12 .elementor-element.elementor-element-682c457 .elementor-icon-box-title{margin-block-end:16px;}.elementor-12 .elementor-element.elementor-element-682c457.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-682c457.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-682c457.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-682c457 .elementor-icon{font-size:64px;}.elementor-12 .elementor-element.elementor-element-682c457 .elementor-icon-box-img{overflow:hidden;}.elementor-12 .elementor-element.elementor-element-682c457 .elementor-icon-box-description{font-weight:400;}.elementor-12 .elementor-element.elementor-element-a144921 > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-12 .elementor-element.elementor-element-a144921 > .elementor-widget-container{background-color:var( --e-global-color-kadence9 );padding:24px 24px 24px 24px;border-radius:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-a144921:hover .elementor-widget-container{background-color:transparent;background-image:linear-gradient(45deg, var( --e-global-color-3bc8db4 ) 54%, var( --e-global-color-89de4af ) 100%);}.elementor-12 .elementor-element.elementor-element-a144921 .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-12 .elementor-element.elementor-element-a144921 .elementor-icon-box-title{margin-block-end:16px;}.elementor-12 .elementor-element.elementor-element-a144921.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-a144921.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-a144921.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-a144921 .elementor-icon{font-size:64px;}.elementor-12 .elementor-element.elementor-element-a144921 .elementor-icon-box-img{overflow:hidden;}.elementor-12 .elementor-element.elementor-element-a144921 .elementor-icon-box-description{font-weight:400;}.elementor-12 .elementor-element.elementor-element-b2d30e5 > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-12 .elementor-element.elementor-element-b2d30e5 > .elementor-widget-container{background-color:var( --e-global-color-kadence9 );padding:24px 24px 24px 24px;border-radius:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-b2d30e5:hover .elementor-widget-container{background-color:transparent;background-image:linear-gradient(45deg, var( --e-global-color-3bc8db4 ) 54%, var( --e-global-color-89de4af ) 100%);}.elementor-12 .elementor-element.elementor-element-b2d30e5 .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-12 .elementor-element.elementor-element-b2d30e5 .elementor-icon-box-title{margin-block-end:16px;}.elementor-12 .elementor-element.elementor-element-b2d30e5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-b2d30e5.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-b2d30e5.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-b2d30e5 .elementor-icon{font-size:64px;}.elementor-12 .elementor-element.elementor-element-b2d30e5 .elementor-icon-box-img{overflow:hidden;}.elementor-12 .elementor-element.elementor-element-b2d30e5 .elementor-icon-box-description{font-weight:400;}.elementor-12 .elementor-element.elementor-element-ddabf3b > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-12 .elementor-element.elementor-element-ddabf3b > .elementor-widget-container{background-color:var( --e-global-color-kadence9 );padding:24px 24px 24px 24px;border-radius:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-ddabf3b:hover .elementor-widget-container{background-color:transparent;background-image:linear-gradient(45deg, var( --e-global-color-3bc8db4 ) 54%, var( --e-global-color-89de4af ) 100%);}.elementor-12 .elementor-element.elementor-element-ddabf3b .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-12 .elementor-element.elementor-element-ddabf3b .elementor-icon-box-title{margin-block-end:16px;}.elementor-12 .elementor-element.elementor-element-ddabf3b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-ddabf3b.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-ddabf3b.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-ddabf3b .elementor-icon{font-size:64px;}.elementor-12 .elementor-element.elementor-element-ddabf3b .elementor-icon-box-img{overflow:hidden;}.elementor-12 .elementor-element.elementor-element-ddabf3b .elementor-icon-box-description{font-weight:400;}.elementor-12 .elementor-element.elementor-element-cc9f6c1{--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:80px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-cb1ba15{--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-12 .elementor-element.elementor-element-6b9cbee{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6b9cbee.e-con{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-ff9577f img{width:100%;max-width:100%;height:200px;object-fit:cover;object-position:center left;transition-duration:0.5s;border-radius:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-72ec442{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-72ec442 > .elementor-widget-container{padding:0px 0px 20px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-72ec442.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-72ec442 .elementor-icon-box-wrapper{align-items:center;text-align:start;}.elementor-12 .elementor-element.elementor-element-72ec442.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-72ec442.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-72ec442.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-72ec442.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-72ec442.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-72ec442.elementor-view-framed:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-72ec442.elementor-view-default:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-72ec442.elementor-view-framed:has(:focus) .elementor-icon, .elementor-12 .elementor-element.elementor-element-72ec442.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-72ec442 .elementor-icon{font-size:16px;}.elementor-12 .elementor-element.elementor-element-72ec442 .elementor-icon-box-img{overflow:hidden;}.elementor-12 .elementor-element.elementor-element-72ec442 .elementor-icon-box-title{color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-7cbc415{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7cbc415.e-con{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-0b6803a img{width:100%;max-width:100%;height:200px;object-fit:cover;object-position:center right;transition-duration:0.5s;border-radius:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-54dc6c2{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-54dc6c2 > .elementor-widget-container{padding:0px 0px 20px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-54dc6c2.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-54dc6c2 .elementor-icon-box-wrapper{align-items:center;text-align:start;}.elementor-12 .elementor-element.elementor-element-54dc6c2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-54dc6c2.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-54dc6c2.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-54dc6c2.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-54dc6c2.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-54dc6c2.elementor-view-framed:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-54dc6c2.elementor-view-default:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-54dc6c2.elementor-view-framed:has(:focus) .elementor-icon, .elementor-12 .elementor-element.elementor-element-54dc6c2.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-54dc6c2 .elementor-icon{font-size:16px;}.elementor-12 .elementor-element.elementor-element-54dc6c2 .elementor-icon-box-img{overflow:hidden;}.elementor-12 .elementor-element.elementor-element-54dc6c2 .elementor-icon-box-title{color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-40dccbe{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-40dccbe.e-con{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-c57b073 img{width:100%;max-width:100%;height:200px;object-fit:cover;object-position:center left;transition-duration:0.5s;border-radius:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-137824d{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-137824d > .elementor-widget-container{padding:0px 0px 20px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-137824d.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-137824d .elementor-icon-box-wrapper{align-items:center;text-align:start;}.elementor-12 .elementor-element.elementor-element-137824d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-137824d.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-137824d.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-137824d.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-137824d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-137824d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-137824d.elementor-view-default:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-137824d.elementor-view-framed:has(:focus) .elementor-icon, .elementor-12 .elementor-element.elementor-element-137824d.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-137824d .elementor-icon{font-size:16px;}.elementor-12 .elementor-element.elementor-element-137824d .elementor-icon-box-img{overflow:hidden;}.elementor-12 .elementor-element.elementor-element-137824d .elementor-icon-box-title{color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-eaee810{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-eaee810.e-con{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-861709f img{width:100%;max-width:100%;height:200px;object-fit:cover;object-position:center left;transition-duration:0.5s;border-radius:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-42e8e09{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-42e8e09 > .elementor-widget-container{padding:0px 0px 20px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-42e8e09.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-42e8e09 .elementor-icon-box-wrapper{align-items:center;text-align:start;}.elementor-12 .elementor-element.elementor-element-42e8e09.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-42e8e09.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-42e8e09.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-42e8e09.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-42e8e09.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-42e8e09.elementor-view-framed:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-42e8e09.elementor-view-default:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-42e8e09.elementor-view-framed:has(:focus) .elementor-icon, .elementor-12 .elementor-element.elementor-element-42e8e09.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-42e8e09 .elementor-icon{font-size:16px;}.elementor-12 .elementor-element.elementor-element-42e8e09 .elementor-icon-box-img{overflow:hidden;}.elementor-12 .elementor-element.elementor-element-42e8e09 .elementor-icon-box-title{color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-257ed9d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-257ed9d.e-con{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-70b4b7e img{width:100%;max-width:100%;height:200px;object-fit:cover;object-position:center left;transition-duration:0.5s;border-radius:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-bbd8c2e{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-bbd8c2e > .elementor-widget-container{padding:0px 0px 20px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-bbd8c2e.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-bbd8c2e .elementor-icon-box-wrapper{align-items:center;text-align:start;}.elementor-12 .elementor-element.elementor-element-bbd8c2e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-bbd8c2e.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-bbd8c2e.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-12 .elementor-element.elementor-element-bbd8c2e.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-bbd8c2e.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-bbd8c2e.elementor-view-framed:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-bbd8c2e.elementor-view-default:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-bbd8c2e.elementor-view-framed:has(:focus) .elementor-icon, .elementor-12 .elementor-element.elementor-element-bbd8c2e.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-color:var( --e-global-color-kadence9 );}.elementor-12 .elementor-element.elementor-element-bbd8c2e .elementor-icon{font-size:16px;}.elementor-12 .elementor-element.elementor-element-bbd8c2e .elementor-icon-box-img{overflow:hidden;}.elementor-12 .elementor-element.elementor-element-bbd8c2e .elementor-icon-box-title{color:var( --e-global-color-3bc8db4 );}html, body{overflow-x:auto;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-e902851{--width:80%;}.elementor-12 .elementor-element.elementor-element-89aa4d9{--width:50%;}}@media(max-width:1200px) and (min-width:768px){.elementor-12 .elementor-element.elementor-element-e902851{--width:100%;}.elementor-12 .elementor-element.elementor-element-89aa4d9{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12 .elementor-element.elementor-element-e902851{--width:100%;}.elementor-12 .elementor-element.elementor-element-89aa4d9{--width:100%;}}@media(max-width:1200px){.elementor-12 .elementor-element.elementor-element-0db56bb{--flex-wrap:wrap;}.elementor-12 .elementor-element.elementor-element-a22ff3b{--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-25319c1{--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-cb1ba15{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-0db56bb{--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-12 .elementor-element.elementor-element-e902851{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a22ff3b{--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-508c894:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-508c894 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-12 .elementor-element.elementor-element-25319c1{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-cb1ba15{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-0db56bb{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-a22ff3b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-89aa4d9{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-508c894:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-508c894 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-12 .elementor-element.elementor-element-25319c1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-cc9f6c1{--padding-top:50px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-cb1ba15{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-89aa4d9 */.elementor-12 .elementor-element.elementor-element-89aa4d9 { background-color: #262262; background-image: radial-gradient(circle at 100% 50%, #00A79D 0%, transparent 60%), radial-gradient(circle at 50% 50%, #2B3990 100%, transparent 100%); }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-729ce3a *//* ============================================================ MHB at a Glance — Icon Box Hover (white content on gradient) ============================================================ */ /* Smooth transition for all content elements */ .mhb-glance-card .elementor-icon-box-title, .mhb-glance-card .elementor-icon-box-title a, .mhb-glance-card .elementor-icon-box-description, .mhb-glance-card .elementor-icon-box-icon .elementor-icon, .mhb-glance-card .elementor-icon-box-icon .elementor-icon i, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg * { transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease; } /* HOVER — title turns white */ .mhb-glance-card:hover .elementor-icon-box-title, .mhb-glance-card:hover .elementor-icon-box-title a { color: #ffffff !important; } /* HOVER — description turns white */ .mhb-glance-card:hover .elementor-icon-box-description, .mhb-glance-card:hover .elementor-icon-box-content p, .mhb-glance-card:hover .elementor-icon-box-content span { color: #ffffff !important; } /* HOVER — Font Awesome / icon font */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon i { color: #ffffff !important; } /* HOVER — SVG icon (fill + stroke for outlined icons) */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg * { fill: #ffffff !important; stroke: #ffffff !important; } /* HOVER — kalau icon guna pseudo-element atau background-image */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon::before { color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-004e38a *//* ============================================================ MHB at a Glance — Icon Box Hover (white content on gradient) ============================================================ */ /* Smooth transition for all content elements */ .mhb-glance-card .elementor-icon-box-title, .mhb-glance-card .elementor-icon-box-title a, .mhb-glance-card .elementor-icon-box-description, .mhb-glance-card .elementor-icon-box-icon .elementor-icon, .mhb-glance-card .elementor-icon-box-icon .elementor-icon i, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg * { transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease; } /* HOVER — title turns white */ .mhb-glance-card:hover .elementor-icon-box-title, .mhb-glance-card:hover .elementor-icon-box-title a { color: #ffffff !important; } /* HOVER — description turns white */ .mhb-glance-card:hover .elementor-icon-box-description, .mhb-glance-card:hover .elementor-icon-box-content p, .mhb-glance-card:hover .elementor-icon-box-content span { color: #ffffff !important; } /* HOVER — Font Awesome / icon font */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon i { color: #ffffff !important; } /* HOVER — SVG icon (fill + stroke for outlined icons) */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg * { fill: #ffffff !important; stroke: #ffffff !important; } /* HOVER — kalau icon guna pseudo-element atau background-image */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon::before { color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-761d779 *//* ============================================================ MHB at a Glance — Icon Box Hover (white content on gradient) ============================================================ */ /* Smooth transition for all content elements */ .mhb-glance-card .elementor-icon-box-title, .mhb-glance-card .elementor-icon-box-title a, .mhb-glance-card .elementor-icon-box-description, .mhb-glance-card .elementor-icon-box-icon .elementor-icon, .mhb-glance-card .elementor-icon-box-icon .elementor-icon i, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg * { transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease; } /* HOVER — title turns white */ .mhb-glance-card:hover .elementor-icon-box-title, .mhb-glance-card:hover .elementor-icon-box-title a { color: #ffffff !important; } /* HOVER — description turns white */ .mhb-glance-card:hover .elementor-icon-box-description, .mhb-glance-card:hover .elementor-icon-box-content p, .mhb-glance-card:hover .elementor-icon-box-content span { color: #ffffff !important; } /* HOVER — Font Awesome / icon font */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon i { color: #ffffff !important; } /* HOVER — SVG icon (fill + stroke for outlined icons) */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg * { fill: #ffffff !important; stroke: #ffffff !important; } /* HOVER — kalau icon guna pseudo-element atau background-image */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon::before { color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9756751 *//* ============================================================ MHB at a Glance — Icon Box Hover (white content on gradient) ============================================================ */ /* Smooth transition for all content elements */ .mhb-glance-card .elementor-icon-box-title, .mhb-glance-card .elementor-icon-box-title a, .mhb-glance-card .elementor-icon-box-description, .mhb-glance-card .elementor-icon-box-icon .elementor-icon, .mhb-glance-card .elementor-icon-box-icon .elementor-icon i, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg * { transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease; } /* HOVER — title turns white */ .mhb-glance-card:hover .elementor-icon-box-title, .mhb-glance-card:hover .elementor-icon-box-title a { color: #ffffff !important; } /* HOVER — description turns white */ .mhb-glance-card:hover .elementor-icon-box-description, .mhb-glance-card:hover .elementor-icon-box-content p, .mhb-glance-card:hover .elementor-icon-box-content span { color: #ffffff !important; } /* HOVER — Font Awesome / icon font */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon i { color: #ffffff !important; } /* HOVER — SVG icon (fill + stroke for outlined icons) */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg * { fill: #ffffff !important; stroke: #ffffff !important; } /* HOVER — kalau icon guna pseudo-element atau background-image */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon::before { color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-682c457 *//* ============================================================ MHB at a Glance — Icon Box Hover (white content on gradient) ============================================================ */ /* Smooth transition for all content elements */ .mhb-glance-card .elementor-icon-box-title, .mhb-glance-card .elementor-icon-box-title a, .mhb-glance-card .elementor-icon-box-description, .mhb-glance-card .elementor-icon-box-icon .elementor-icon, .mhb-glance-card .elementor-icon-box-icon .elementor-icon i, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg * { transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease; } /* HOVER — title turns white */ .mhb-glance-card:hover .elementor-icon-box-title, .mhb-glance-card:hover .elementor-icon-box-title a { color: #ffffff !important; } /* HOVER — description turns white */ .mhb-glance-card:hover .elementor-icon-box-description, .mhb-glance-card:hover .elementor-icon-box-content p, .mhb-glance-card:hover .elementor-icon-box-content span { color: #ffffff !important; } /* HOVER — Font Awesome / icon font */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon i { color: #ffffff !important; } /* HOVER — SVG icon (fill + stroke for outlined icons) */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg * { fill: #ffffff !important; stroke: #ffffff !important; } /* HOVER — kalau icon guna pseudo-element atau background-image */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon::before { color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a144921 *//* ============================================================ MHB at a Glance — Icon Box Hover (white content on gradient) ============================================================ */ /* Smooth transition for all content elements */ .mhb-glance-card .elementor-icon-box-title, .mhb-glance-card .elementor-icon-box-title a, .mhb-glance-card .elementor-icon-box-description, .mhb-glance-card .elementor-icon-box-icon .elementor-icon, .mhb-glance-card .elementor-icon-box-icon .elementor-icon i, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg * { transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease; } /* HOVER — title turns white */ .mhb-glance-card:hover .elementor-icon-box-title, .mhb-glance-card:hover .elementor-icon-box-title a { color: #ffffff !important; } /* HOVER — description turns white */ .mhb-glance-card:hover .elementor-icon-box-description, .mhb-glance-card:hover .elementor-icon-box-content p, .mhb-glance-card:hover .elementor-icon-box-content ul, .mhb-glance-card:hover .elementor-icon-box-content span { color: #ffffff !important; } /* HOVER — Font Awesome / icon font */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon i { color: #ffffff !important; } /* HOVER — SVG icon (fill + stroke for outlined icons) */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg * { fill: #ffffff !important; stroke: #ffffff !important; } /* HOVER — kalau icon guna pseudo-element atau background-image */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon::before { color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b2d30e5 *//* ============================================================ MHB at a Glance — Icon Box Hover (white content on gradient) ============================================================ */ /* Smooth transition for all content elements */ .mhb-glance-card .elementor-icon-box-title, .mhb-glance-card .elementor-icon-box-title a, .mhb-glance-card .elementor-icon-box-description, .mhb-glance-card .elementor-icon-box-icon .elementor-icon, .mhb-glance-card .elementor-icon-box-icon .elementor-icon i, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg * { transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease; } /* HOVER — title turns white */ .mhb-glance-card:hover .elementor-icon-box-title, .mhb-glance-card:hover .elementor-icon-box-title a { color: #ffffff !important; } /* HOVER — description turns white */ .mhb-glance-card:hover .elementor-icon-box-description, .mhb-glance-card:hover .elementor-icon-box-content p, .mhb-glance-card:hover .elementor-icon-box-content span { color: #ffffff !important; } /* HOVER — Font Awesome / icon font */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon i { color: #ffffff !important; } /* HOVER — SVG icon (fill + stroke for outlined icons) */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg * { fill: #ffffff !important; stroke: #ffffff !important; } /* HOVER — kalau icon guna pseudo-element atau background-image */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon::before { color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ddabf3b *//* ============================================================ MHB at a Glance — Icon Box Hover (white content on gradient) ============================================================ */ /* Smooth transition for all content elements */ .mhb-glance-card .elementor-icon-box-title, .mhb-glance-card .elementor-icon-box-title a, .mhb-glance-card .elementor-icon-box-description, .mhb-glance-card .elementor-icon-box-icon .elementor-icon, .mhb-glance-card .elementor-icon-box-icon .elementor-icon i, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card .elementor-icon-box-icon .elementor-icon svg * { transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease; } /* HOVER — title turns white */ .mhb-glance-card:hover .elementor-icon-box-title, .mhb-glance-card:hover .elementor-icon-box-title a { color: #ffffff !important; } /* HOVER — description turns white */ .mhb-glance-card:hover .elementor-icon-box-description, .mhb-glance-card:hover .elementor-icon-box-content p, .mhb-glance-card:hover .elementor-icon-box-content span { color: #ffffff !important; } /* HOVER — Font Awesome / icon font */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon i { color: #ffffff !important; } /* HOVER — SVG icon (fill + stroke for outlined icons) */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg, .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon svg * { fill: #ffffff !important; stroke: #ffffff !important; } /* HOVER — kalau icon guna pseudo-element atau background-image */ .mhb-glance-card:hover .elementor-icon-box-icon .elementor-icon::before { color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-72ec442 *//* ============================================================ MHB Icon Box — Gradient Border + Hover-Only Icon Background ============================================================ */ .mhb-gradient-card { position: relative; border-bottom: none !important; } /* Gradient bottom border (MISC palette) */ .mhb-gradient-card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient( 90deg, #00009d 0%, #002398 32%, #005e8f 58%, #00818a 75%, #00ff78 100% ); pointer-events: none; } /* Icon — default state: NO background, just the arrow */ .mhb-gradient-card .elementor-icon-box-icon .elementor-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: transparent; color: #00009d; transition: background-color 0.2s ease, color 0.2s ease, transform 0.3s ease, box-shadow 0.3s ease; } .mhb-gradient-card .elementor-icon-box-icon .elementor-icon i, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon svg { color: inherit; font-size: 16px; transition: color 0.2s ease; } /* Disable Elementor's default pulse animation */ .mhb-gradient-card .elementor-icon.elementor-animation-pulse { animation: none !important; } /* Disable hover effect on the title text */ .mhb-gradient-card .elementor-icon-box-title, .mhb-gradient-card .elementor-icon-box-title a { transition: none !important; } .mhb-gradient-card .elementor-icon-box-title a:hover, .mhb-gradient-card .elementor-icon-box-title a:focus { color: inherit !important; text-decoration: none !important; } /* HOVER STATE — circle background appears, arrow turns white */ .mhb-gradient-card:hover .elementor-icon-box-icon .elementor-icon, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon:hover, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon:focus { background: #00009d; color: #ffffff; transform: scale(1.05); }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54dc6c2 *//* ============================================================ MHB Icon Box — Gradient Border + Hover-Only Icon Background ============================================================ */ .mhb-gradient-card { position: relative; border-bottom: none !important; } /* Gradient bottom border (MISC palette) */ .mhb-gradient-card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient( 90deg, #00009d 0%, #002398 32%, #005e8f 58%, #00818a 75%, #00ff78 100% ); pointer-events: none; } /* Icon — default state: NO background, just the arrow */ .mhb-gradient-card .elementor-icon-box-icon .elementor-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: transparent; color: #00009d; transition: background-color 0.2s ease, color 0.2s ease, transform 0.3s ease, box-shadow 0.3s ease; } .mhb-gradient-card .elementor-icon-box-icon .elementor-icon i, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon svg { color: inherit; font-size: 16px; transition: color 0.2s ease; } /* Disable Elementor's default pulse animation */ .mhb-gradient-card .elementor-icon.elementor-animation-pulse { animation: none !important; } /* Disable hover effect on the title text */ .mhb-gradient-card .elementor-icon-box-title, .mhb-gradient-card .elementor-icon-box-title a { transition: none !important; } .mhb-gradient-card .elementor-icon-box-title a:hover, .mhb-gradient-card .elementor-icon-box-title a:focus { color: inherit !important; text-decoration: none !important; } /* HOVER STATE — circle background appears, arrow turns white */ .mhb-gradient-card:hover .elementor-icon-box-icon .elementor-icon, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon:hover, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon:focus { background: #00009d; color: #ffffff; transform: scale(1.05); }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-137824d *//* ============================================================ MHB Icon Box — Gradient Border + Hover-Only Icon Background ============================================================ */ .mhb-gradient-card { position: relative; border-bottom: none !important; } /* Gradient bottom border (MISC palette) */ .mhb-gradient-card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient( 90deg, #00009d 0%, #002398 32%, #005e8f 58%, #00818a 75%, #00ff78 100% ); pointer-events: none; } /* Icon — default state: NO background, just the arrow */ .mhb-gradient-card .elementor-icon-box-icon .elementor-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: transparent; color: #00009d; transition: background-color 0.2s ease, color 0.2s ease, transform 0.3s ease, box-shadow 0.3s ease; } .mhb-gradient-card .elementor-icon-box-icon .elementor-icon i, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon svg { color: inherit; font-size: 16px; transition: color 0.2s ease; } /* Disable Elementor's default pulse animation */ .mhb-gradient-card .elementor-icon.elementor-animation-pulse { animation: none !important; } /* Disable hover effect on the title text */ .mhb-gradient-card .elementor-icon-box-title, .mhb-gradient-card .elementor-icon-box-title a { transition: none !important; } .mhb-gradient-card .elementor-icon-box-title a:hover, .mhb-gradient-card .elementor-icon-box-title a:focus { color: inherit !important; text-decoration: none !important; } /* HOVER STATE — circle background appears, arrow turns white */ .mhb-gradient-card:hover .elementor-icon-box-icon .elementor-icon, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon:hover, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon:focus { background: #00009d; color: #ffffff; transform: scale(1.05); }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-42e8e09 *//* ============================================================ MHB Icon Box — Gradient Border + Hover-Only Icon Background ============================================================ */ .mhb-gradient-card { position: relative; border-bottom: none !important; } /* Gradient bottom border (MISC palette) */ .mhb-gradient-card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient( 90deg, #00009d 0%, #002398 32%, #005e8f 58%, #00818a 75%, #00ff78 100% ); pointer-events: none; } /* Icon — default state: NO background, just the arrow */ .mhb-gradient-card .elementor-icon-box-icon .elementor-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: transparent; color: #00009d; transition: background-color 0.2s ease, color 0.2s ease, transform 0.3s ease, box-shadow 0.3s ease; } .mhb-gradient-card .elementor-icon-box-icon .elementor-icon i, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon svg { color: inherit; font-size: 16px; transition: color 0.2s ease; } /* Disable Elementor's default pulse animation */ .mhb-gradient-card .elementor-icon.elementor-animation-pulse { animation: none !important; } /* Disable hover effect on the title text */ .mhb-gradient-card .elementor-icon-box-title, .mhb-gradient-card .elementor-icon-box-title a { transition: none !important; } .mhb-gradient-card .elementor-icon-box-title a:hover, .mhb-gradient-card .elementor-icon-box-title a:focus { color: inherit !important; text-decoration: none !important; } /* HOVER STATE — circle background appears, arrow turns white */ .mhb-gradient-card:hover .elementor-icon-box-icon .elementor-icon, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon:hover, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon:focus { background: #00009d; color: #ffffff; transform: scale(1.05); }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bbd8c2e *//* ============================================================ MHB Icon Box — Gradient Border + Hover-Only Icon Background ============================================================ */ .mhb-gradient-card { position: relative; border-bottom: none !important; } /* Gradient bottom border (MISC palette) */ .mhb-gradient-card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient( 90deg, #00009d 0%, #002398 32%, #005e8f 58%, #00818a 75%, #00ff78 100% ); pointer-events: none; } /* Icon — default state: NO background, just the arrow */ .mhb-gradient-card .elementor-icon-box-icon .elementor-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: transparent; color: #00009d; transition: background-color 0.2s ease, color 0.2s ease, transform 0.3s ease, box-shadow 0.3s ease; } .mhb-gradient-card .elementor-icon-box-icon .elementor-icon i, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon svg { color: inherit; font-size: 16px; transition: color 0.2s ease; } /* Disable Elementor's default pulse animation */ .mhb-gradient-card .elementor-icon.elementor-animation-pulse { animation: none !important; } /* Disable hover effect on the title text */ .mhb-gradient-card .elementor-icon-box-title, .mhb-gradient-card .elementor-icon-box-title a { transition: none !important; } .mhb-gradient-card .elementor-icon-box-title a:hover, .mhb-gradient-card .elementor-icon-box-title a:focus { color: inherit !important; text-decoration: none !important; } /* HOVER STATE — circle background appears, arrow turns white */ .mhb-gradient-card:hover .elementor-icon-box-icon .elementor-icon, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon:hover, .mhb-gradient-card .elementor-icon-box-icon .elementor-icon:focus { background: #00009d; color: #ffffff; transform: scale(1.05); }/* End custom CSS */