.elementor-3113 .elementor-element.elementor-element-f87a3ee{--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:100px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-3113 .elementor-element.elementor-element-91ae9dd.ob-harakiri{writing-mode:inherit;}.elementor-3113 .elementor-element.elementor-element-91ae9dd.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-3113 .elementor-element.elementor-element-91ae9dd.ob-harakiri div{writing-mode:inherit;}.elementor-3113 .elementor-element.elementor-element-91ae9dd{font-size:18px;font-weight:400;}.elementor-3113 .elementor-element.elementor-element-91ae9dd.ob-harakiri > div, .elementor-3113 .elementor-element.elementor-element-91ae9dd.ob-harakiri > h1, .elementor-3113 .elementor-element.elementor-element-91ae9dd.ob-harakiri > h2, .elementor-3113 .elementor-element.elementor-element-91ae9dd.ob-harakiri > h3, .elementor-3113 .elementor-element.elementor-element-91ae9dd.ob-harakiri > h4, .elementor-3113 .elementor-element.elementor-element-91ae9dd.ob-harakiri > h5, .elementor-3113 .elementor-element.elementor-element-91ae9dd.ob-harakiri > h6, .elementor-3113 .elementor-element.elementor-element-91ae9dd.ob-harakiri > p{transform:rotate(0deg);}.elementor-3113 .elementor-element.elementor-element-91ae9dd > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-3113 .elementor-element.elementor-element-1ef97f4{--display:flex;--padding-top:0px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-3113 .elementor-element.elementor-element-20ec0a4{--display:flex;--min-height:600px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3113 .elementor-element.elementor-element-20ec0a4:not(.elementor-motion-effects-element-type-background), .elementor-3113 .elementor-element.elementor-element-20ec0a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d2f9d46 );background-image:url("https://mhb.com.my/wp-content/uploads/2026/05/MHB_Operation_BANNER.jpg");background-position:78% 3%;background-repeat:no-repeat;background-size:cover;}.elementor-3113 .elementor-element.elementor-element-9b42d8a{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3113 .elementor-element.elementor-element-d4a338d.ob-harakiri{writing-mode:inherit;}.elementor-3113 .elementor-element.elementor-element-d4a338d.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-3113 .elementor-element.elementor-element-d4a338d.ob-harakiri div{writing-mode:inherit;}.elementor-3113 .elementor-element.elementor-element-d4a338d > .elementor-widget-container{border-radius:8px 8px 8px 8px;}.elementor-3113 .elementor-element.elementor-element-d4a338d{text-align:start;color:var( --e-global-color-kadence9 );}.elementor-3113 .elementor-element.elementor-element-d4a338d.ob-harakiri > div, .elementor-3113 .elementor-element.elementor-element-d4a338d.ob-harakiri > h1, .elementor-3113 .elementor-element.elementor-element-d4a338d.ob-harakiri > h2, .elementor-3113 .elementor-element.elementor-element-d4a338d.ob-harakiri > h3, .elementor-3113 .elementor-element.elementor-element-d4a338d.ob-harakiri > h4, .elementor-3113 .elementor-element.elementor-element-d4a338d.ob-harakiri > h5, .elementor-3113 .elementor-element.elementor-element-d4a338d.ob-harakiri > h6, .elementor-3113 .elementor-element.elementor-element-d4a338d.ob-harakiri > p{transform:rotate(0deg);}.elementor-3113 .elementor-element.elementor-element-d4a338d > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-3113 .elementor-element.elementor-element-d4a338d.ob-postman p{padding:10px 0px 10px 0px;}.elementor-3113 .elementor-element.elementor-element-d4a338d.ob-postman h3{margin:0px 0px 10px 0px;}.elementor-3113 .elementor-element.elementor-element-d32f954{--display:flex;--min-height:600px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3113 .elementor-element.elementor-element-d32f954:not(.elementor-motion-effects-element-type-background), .elementor-3113 .elementor-element.elementor-element-d32f954 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d2f9d46 );background-image:url("https://mhb.com.my/wp-content/uploads/2026/05/MHB_Internship_BANNER.jpg");background-position:78% 0px;background-repeat:no-repeat;background-size:cover;}.elementor-3113 .elementor-element.elementor-element-63ef8a6{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3113 .elementor-element.elementor-element-26f4a76.ob-harakiri{writing-mode:inherit;}.elementor-3113 .elementor-element.elementor-element-26f4a76.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-3113 .elementor-element.elementor-element-26f4a76.ob-harakiri div{writing-mode:inherit;}.elementor-3113 .elementor-element.elementor-element-26f4a76 > .elementor-widget-container{border-radius:8px 8px 8px 8px;}.elementor-3113 .elementor-element.elementor-element-26f4a76{text-align:start;color:var( --e-global-color-kadence9 );}.elementor-3113 .elementor-element.elementor-element-26f4a76.ob-harakiri > div, .elementor-3113 .elementor-element.elementor-element-26f4a76.ob-harakiri > h1, .elementor-3113 .elementor-element.elementor-element-26f4a76.ob-harakiri > h2, .elementor-3113 .elementor-element.elementor-element-26f4a76.ob-harakiri > h3, .elementor-3113 .elementor-element.elementor-element-26f4a76.ob-harakiri > h4, .elementor-3113 .elementor-element.elementor-element-26f4a76.ob-harakiri > h5, .elementor-3113 .elementor-element.elementor-element-26f4a76.ob-harakiri > h6, .elementor-3113 .elementor-element.elementor-element-26f4a76.ob-harakiri > p{transform:rotate(0deg);}.elementor-3113 .elementor-element.elementor-element-26f4a76 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-3113 .elementor-element.elementor-element-26f4a76.ob-postman p{padding:10px 0px 10px 0px;}.elementor-3113 .elementor-element.elementor-element-26f4a76.ob-postman h3{margin:0px 0px 10px 0px;}.elementor-3113 .elementor-element.elementor-element-b13c5d0{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:4px;--n-tabs-gap:0px;--n-tabs-title-transition:0.5s;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:20px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:20px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:22px;--n-tabs-title-color:var( --e-global-color-kadence9 );--n-tabs-title-color-active:var( --e-global-color-3bc8db4 );--n-tabs-icon-size:50px;--n-tabs-icon-gap:19px;--n-tabs-icon-color:var( --e-global-color-kadence9 );--n-tabs-icon-color-active:var( --e-global-color-3bc8db4 );}.elementor-3113 .elementor-element.elementor-element-b13c5d0 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-3bc8db4 );}.elementor-3113 .elementor-element.elementor-element-b13c5d0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#002F4900;border-style:solid;border-width:4px 0px 0px 0px;border-color:var( --e-global-color-3bc8db4 );}.elementor-3113 .elementor-element.elementor-element-b13c5d0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3113 .elementor-element.elementor-element-b13c5d0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#002F4900;border-style:solid;border-width:4px 0px 0px 0px;border-color:var( --e-global-color-3bc8db4 );}.elementor-3113 .elementor-element.elementor-element-b13c5d0 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-3bc8db4 );--n-tabs-icon-color-hover:var( --e-global-color-3bc8db4 );}:where( .elementor-3113 .elementor-element.elementor-element-b13c5d0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content ) > .e-con{--border-radius:0px 0px 8px 8px;--padding-top:40px;--padding-right:40px;--padding-bottom:40px;--padding-left:40px;}.elementor-3113 .elementor-element.elementor-element-546832a{--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-3113 .elementor-element.elementor-element-546832a:not(.elementor-motion-effects-element-type-background), .elementor-3113 .elementor-element.elementor-element-546832a > .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-3113 .elementor-element.elementor-element-b7ee591{text-align:center;}.elementor-3113 .elementor-element.elementor-element-b7ee591 .elementor-heading-title{color:var( --e-global-color-kadence9 );}.elementor-3113 .elementor-element.elementor-element-56e6ee1{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3113 .elementor-element.elementor-element-34683ad > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-3113 .elementor-element.elementor-element-34683ad > .elementor-widget-container{background-color:var( --e-global-color-kadence9 );padding:24px 24px 24px 24px;border-radius:8px 8px 8px 8px;}.elementor-3113 .elementor-element.elementor-element-34683ad: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-3113 .elementor-element.elementor-element-34683ad .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-3113 .elementor-element.elementor-element-34683ad .elementor-icon-box-title{margin-block-end:16px;}.elementor-3113 .elementor-element.elementor-element-34683ad.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-3113 .elementor-element.elementor-element-34683ad.elementor-view-framed .elementor-icon, .elementor-3113 .elementor-element.elementor-element-34683ad.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-3113 .elementor-element.elementor-element-34683ad .elementor-icon{font-size:64px;}.elementor-3113 .elementor-element.elementor-element-34683ad .elementor-icon-box-img{overflow:hidden;}.elementor-3113 .elementor-element.elementor-element-34683ad .elementor-icon-box-description{font-weight:400;}.elementor-3113 .elementor-element.elementor-element-60731f2 > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-3113 .elementor-element.elementor-element-60731f2 > .elementor-widget-container{background-color:var( --e-global-color-kadence9 );padding:24px 24px 24px 24px;border-radius:8px 8px 8px 8px;}.elementor-3113 .elementor-element.elementor-element-60731f2: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-3113 .elementor-element.elementor-element-60731f2 .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-3113 .elementor-element.elementor-element-60731f2 .elementor-icon-box-title{margin-block-end:16px;}.elementor-3113 .elementor-element.elementor-element-60731f2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-3113 .elementor-element.elementor-element-60731f2.elementor-view-framed .elementor-icon, .elementor-3113 .elementor-element.elementor-element-60731f2.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-3113 .elementor-element.elementor-element-60731f2 .elementor-icon{font-size:64px;}.elementor-3113 .elementor-element.elementor-element-60731f2 .elementor-icon-box-img{overflow:hidden;}.elementor-3113 .elementor-element.elementor-element-60731f2 .elementor-icon-box-description{font-weight:400;}.elementor-3113 .elementor-element.elementor-element-bbf826e > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-3113 .elementor-element.elementor-element-bbf826e > .elementor-widget-container{background-color:var( --e-global-color-kadence9 );padding:24px 24px 24px 24px;border-radius:8px 8px 8px 8px;}.elementor-3113 .elementor-element.elementor-element-bbf826e: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-3113 .elementor-element.elementor-element-bbf826e .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-3113 .elementor-element.elementor-element-bbf826e .elementor-icon-box-title{margin-block-end:16px;}.elementor-3113 .elementor-element.elementor-element-bbf826e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-3113 .elementor-element.elementor-element-bbf826e.elementor-view-framed .elementor-icon, .elementor-3113 .elementor-element.elementor-element-bbf826e.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-3113 .elementor-element.elementor-element-bbf826e .elementor-icon{font-size:64px;}.elementor-3113 .elementor-element.elementor-element-bbf826e .elementor-icon-box-img{overflow:hidden;}.elementor-3113 .elementor-element.elementor-element-bbf826e .elementor-icon-box-description{font-weight:400;}.elementor-3113 .elementor-element.elementor-element-da1a711 > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-3113 .elementor-element.elementor-element-da1a711 > .elementor-widget-container{background-color:var( --e-global-color-kadence9 );padding:24px 24px 24px 24px;border-radius:8px 8px 8px 8px;}.elementor-3113 .elementor-element.elementor-element-da1a711: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-3113 .elementor-element.elementor-element-da1a711 .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-3113 .elementor-element.elementor-element-da1a711 .elementor-icon-box-title{margin-block-end:16px;}.elementor-3113 .elementor-element.elementor-element-da1a711.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-3113 .elementor-element.elementor-element-da1a711.elementor-view-framed .elementor-icon, .elementor-3113 .elementor-element.elementor-element-da1a711.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-3113 .elementor-element.elementor-element-da1a711 .elementor-icon{font-size:64px;}.elementor-3113 .elementor-element.elementor-element-da1a711 .elementor-icon-box-img{overflow:hidden;}.elementor-3113 .elementor-element.elementor-element-da1a711 .elementor-icon-box-description{font-weight:400;}.elementor-3113 .elementor-element.elementor-element-9677411{--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-3113 .elementor-element.elementor-element-8d8b5b4{--spacer-size:100px;}html, body{overflow-x:auto;}@media(min-width:768px){.elementor-3113 .elementor-element.elementor-element-9b42d8a{--width:45%;}.elementor-3113 .elementor-element.elementor-element-63ef8a6{--width:45%;}}@media(max-width:1024px){.elementor-3113 .elementor-element.elementor-element-20ec0a4:not(.elementor-motion-effects-element-type-background), .elementor-3113 .elementor-element.elementor-element-20ec0a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:77% 0%;}.elementor-3113 .elementor-element.elementor-element-9b42d8a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3113 .elementor-element.elementor-element-d32f954:not(.elementor-motion-effects-element-type-background), .elementor-3113 .elementor-element.elementor-element-d32f954 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:80% 0px;}.elementor-3113 .elementor-element.elementor-element-63ef8a6{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3113 .elementor-element.elementor-element-b13c5d0{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-title-padding-top:20px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:20px;--n-tabs-title-padding-left:20px;}.elementor-3113 .elementor-element.elementor-element-546832a:not(.elementor-motion-effects-element-type-background), .elementor-3113 .elementor-element.elementor-element-546832a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-3113 .elementor-element.elementor-element-56e6ee1{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3113 .elementor-element.elementor-element-20ec0a4:not(.elementor-motion-effects-element-type-background), .elementor-3113 .elementor-element.elementor-element-20ec0a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:75% 0%;}.elementor-3113 .elementor-element.elementor-element-20ec0a4{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3113 .elementor-element.elementor-element-d4a338d{width:100%;max-width:100%;}.elementor-3113 .elementor-element.elementor-element-d4a338d > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-3113 .elementor-element.elementor-element-d32f954:not(.elementor-motion-effects-element-type-background), .elementor-3113 .elementor-element.elementor-element-d32f954 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:80% 0px;}.elementor-3113 .elementor-element.elementor-element-d32f954{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3113 .elementor-element.elementor-element-26f4a76{width:100%;max-width:100%;}.elementor-3113 .elementor-element.elementor-element-26f4a76 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-3113 .elementor-element.elementor-element-b13c5d0{--n-tabs-title-justify-content:flex-start;--n-tabs-title-align-items:flex-start;--n-tabs-title-text-align:start;}.elementor-3113 .elementor-element.elementor-element-546832a:not(.elementor-motion-effects-element-type-background), .elementor-3113 .elementor-element.elementor-element-546832a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-3113 .elementor-element.elementor-element-546832a{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-3113 .elementor-element.elementor-element-56e6ee1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-9b42d8a */.elementor-3113 .elementor-element.elementor-element-9b42d8a { background-color: #262262; background-image: radial-gradient(circle at 0% 0%, #00AEEF 0%, transparent 25%), radial-gradient(circle at 100% 0%, #00A79D 0%, transparent 45%), radial-gradient(circle at 40% 60%, #2B3990 0%, transparent 100%); border-radius: 8px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-63ef8a6 */.elementor-3113 .elementor-element.elementor-element-63ef8a6 { background-color: #262262; background-image: radial-gradient(circle at 0% 0%, #00AEEF 0%, transparent 25%), radial-gradient(circle at 100% 0%, #00A79D 0%, transparent 45%), radial-gradient(circle at 40% 60%, #2B3990 0%, transparent 100%); border-radius: 8px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b42d8a */.elementor-3113 .elementor-element.elementor-element-9b42d8a { background-color: #262262; background-image: radial-gradient(circle at 0% 0%, #00AEEF 0%, transparent 25%), radial-gradient(circle at 100% 0%, #00A79D 0%, transparent 45%), radial-gradient(circle at 40% 60%, #2B3990 0%, transparent 100%); border-radius: 8px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-63ef8a6 */.elementor-3113 .elementor-element.elementor-element-63ef8a6 { background-color: #262262; background-image: radial-gradient(circle at 0% 0%, #00AEEF 0%, transparent 25%), radial-gradient(circle at 100% 0%, #00A79D 0%, transparent 45%), radial-gradient(circle at 40% 60%, #2B3990 0%, transparent 100%); border-radius: 8px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b42d8a */.elementor-3113 .elementor-element.elementor-element-9b42d8a { background-color: #262262; background-image: radial-gradient(circle at 0% 0%, #00AEEF 0%, transparent 25%), radial-gradient(circle at 100% 0%, #00A79D 0%, transparent 45%), radial-gradient(circle at 40% 60%, #2B3990 0%, transparent 100%); border-radius: 8px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-63ef8a6 */.elementor-3113 .elementor-element.elementor-element-63ef8a6 { background-color: #262262; background-image: radial-gradient(circle at 0% 0%, #00AEEF 0%, transparent 25%), radial-gradient(circle at 100% 0%, #00A79D 0%, transparent 45%), radial-gradient(circle at 40% 60%, #2B3990 0%, transparent 100%); border-radius: 8px; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-34683ad *//* ============================================================ 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-60731f2 *//* ============================================================ 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-bbf826e *//* ============================================================ 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-da1a711 *//* ============================================================ 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 */