.elementor-11 .elementor-element.elementor-element-beb6821{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-f890a57{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-54e98ee{width:var( --container-widget-width, 683px );max-width:683px;--container-widget-width:683px;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-fe4ac3e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-11 .elementor-element.elementor-element-46e4d0a .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-46e4d0a .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-46e4d0a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11 .elementor-element.elementor-element-46e4d0a .elementor-button .elementor-button-content-wrapper{gap:19px;}.elementor-11 .elementor-element.elementor-element-46e4d0a .elementor-button{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-5f912b7 .elementor-button{background-color:var( --e-global-color-b2862c7 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-5f912b7 .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-5f912b7 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-b2862c7 );}.elementor-11 .elementor-element.elementor-element-5f912b7 .elementor-button:hover svg, .elementor-11 .elementor-element.elementor-element-5f912b7 .elementor-button:focus svg{fill:var( --e-global-color-b2862c7 );}.elementor-11 .elementor-element.elementor-element-79c8ffa{--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;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-57px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;--z-index:1;}.elementor-11 .elementor-element.elementor-element-79c8ffa:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-79c8ffa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #FFFFFF00 70%, var( --e-global-color-b2862c7 ) 30%);}.elementor-11 .elementor-element.elementor-element-c8b71db .elementor-button{background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-c8b71db .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-c8b71db .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-c8b71db{width:var( --container-widget-width, 319px );max-width:319px;--container-widget-width:319px;--container-widget-flex-grow:0;z-index:6;}.elementor-11 .elementor-element.elementor-element-c8b71db .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11 .elementor-element.elementor-element-c8b71db .elementor-button .elementor-button-content-wrapper{gap:24px;justify-content:space-between;}.elementor-11 .elementor-element.elementor-element-b30bd99 .elementor-button{background-color:var( --e-global-color-b2862c7 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:#0D1B3F21;}.elementor-11 .elementor-element.elementor-element-b30bd99 .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-b30bd99 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-b2862c7 );}.elementor-11 .elementor-element.elementor-element-b30bd99 .elementor-button:hover svg, .elementor-11 .elementor-element.elementor-element-b30bd99 .elementor-button:focus svg{fill:var( --e-global-color-b2862c7 );}.elementor-11 .elementor-element.elementor-element-7284ff8{--display:flex;--min-height:550px;--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;--z-index:0;}.elementor-11 .elementor-element.elementor-element-7284ff8:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-7284ff8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bionexa.id/wp-content/uploads/2026/05/167.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-ffe69d7{--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:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-11 .elementor-element.elementor-element-c6ad09d{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-babd8ef{width:var( --container-widget-width, 730px );max-width:730px;--container-widget-width:730px;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-dc176b5{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 0px;--row-gap:20px;--column-gap:0px;--grid-auto-flow:row;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-a942150{background-color:#F7F7F7;margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 40px 40px 40px;}.elementor-11 .elementor-element.elementor-element-a942150 .elementor-icon-box-wrapper{text-align:start;}.elementor-11 .elementor-element.elementor-element-a942150 .elementor-icon-box-title{margin-block-end:65px;}.elementor-11 .elementor-element.elementor-element-a942150 .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-a942150 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;letter-spacing:-0.2px;}.elementor-11 .elementor-element.elementor-element-a942150:has(:hover) .elementor-icon-box-title,
					 .elementor-11 .elementor-element.elementor-element-a942150:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b2862c7 );}.elementor-11 .elementor-element.elementor-element-a942150 .elementor-icon-box-description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-91838ad{background-color:#F7F7F7;margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 40px 40px 40px;}.elementor-11 .elementor-element.elementor-element-91838ad .elementor-icon-box-wrapper{text-align:start;}.elementor-11 .elementor-element.elementor-element-91838ad .elementor-icon-box-title{margin-block-end:65px;}.elementor-11 .elementor-element.elementor-element-91838ad .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-91838ad .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;letter-spacing:-0.2px;}.elementor-11 .elementor-element.elementor-element-91838ad:has(:hover) .elementor-icon-box-title,
					 .elementor-11 .elementor-element.elementor-element-91838ad:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b2862c7 );}.elementor-11 .elementor-element.elementor-element-91838ad .elementor-icon-box-description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-c597315{background-color:#F7F7F7;margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 40px 40px 40px;}.elementor-11 .elementor-element.elementor-element-c597315 .elementor-icon-box-wrapper{text-align:start;}.elementor-11 .elementor-element.elementor-element-c597315 .elementor-icon-box-title{margin-block-end:65px;}.elementor-11 .elementor-element.elementor-element-c597315 .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-c597315 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;letter-spacing:-0.2px;}.elementor-11 .elementor-element.elementor-element-c597315:has(:hover) .elementor-icon-box-title,
					 .elementor-11 .elementor-element.elementor-element-c597315:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b2862c7 );}.elementor-11 .elementor-element.elementor-element-c597315 .elementor-icon-box-description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-10a5ab3{background-color:#F7F7F7;margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 40px 40px 40px;}.elementor-11 .elementor-element.elementor-element-10a5ab3 .elementor-icon-box-wrapper{text-align:start;}.elementor-11 .elementor-element.elementor-element-10a5ab3 .elementor-icon-box-title{margin-block-end:65px;}.elementor-11 .elementor-element.elementor-element-10a5ab3 .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-10a5ab3 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;letter-spacing:-0.2px;}.elementor-11 .elementor-element.elementor-element-10a5ab3:has(:hover) .elementor-icon-box-title,
					 .elementor-11 .elementor-element.elementor-element-10a5ab3:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b2862c7 );}.elementor-11 .elementor-element.elementor-element-10a5ab3 .elementor-icon-box-description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-583a0e3{background-color:#F7F7F7;margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 40px 40px 40px;}.elementor-11 .elementor-element.elementor-element-583a0e3 .elementor-icon-box-wrapper{text-align:start;}.elementor-11 .elementor-element.elementor-element-583a0e3 .elementor-icon-box-title{margin-block-end:65px;}.elementor-11 .elementor-element.elementor-element-583a0e3 .elementor-icon-box-title, .elementor-11 .elementor-element.elementor-element-583a0e3 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;letter-spacing:-0.2px;}.elementor-11 .elementor-element.elementor-element-583a0e3:has(:hover) .elementor-icon-box-title,
					 .elementor-11 .elementor-element.elementor-element-583a0e3:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-b2862c7 );}.elementor-11 .elementor-element.elementor-element-583a0e3 .elementor-icon-box-description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}body.elementor-page-11:not(.elementor-motion-effects-element-type-background), body.elementor-page-11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bionexa.id/wp-content/uploads/2026/05/Group-1-1.svg");background-position:center center;background-repeat:repeat-y;}@media(min-width:1025px){.elementor-11 .elementor-element.elementor-element-7284ff8:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-7284ff8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}body.elementor-page-11:not(.elementor-motion-effects-element-type-background), body.elementor-page-11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-11 .elementor-element.elementor-element-dc176b5{--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-description{letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-11 .elementor-element.elementor-element-a942150 .elementor-icon-box-description{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-11 .elementor-element.elementor-element-91838ad .elementor-icon-box-description{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-11 .elementor-element.elementor-element-c597315 .elementor-icon-box-description{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-11 .elementor-element.elementor-element-10a5ab3 .elementor-icon-box-description{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-11 .elementor-element.elementor-element-583a0e3 .elementor-icon-box-description{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-beb6821{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-11 .elementor-element.elementor-element-f890a57{width:100%;max-width:100%;}.elementor-widget-text-editor{letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-11 .elementor-element.elementor-element-46e4d0a{width:100%;max-width:100%;}.elementor-11 .elementor-element.elementor-element-46e4d0a .elementor-button .elementor-button-content-wrapper{justify-content:space-between;}.elementor-11 .elementor-element.elementor-element-5f912b7{width:100%;max-width:100%;}.elementor-11 .elementor-element.elementor-element-5f912b7 .elementor-button{padding:15px 15px 15px 15px;}.elementor-11 .elementor-element.elementor-element-79c8ffa{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-c8b71db{width:100%;max-width:100%;}.elementor-11 .elementor-element.elementor-element-c8b71db .elementor-button .elementor-button-content-wrapper{justify-content:space-between;}.elementor-11 .elementor-element.elementor-element-b30bd99{width:100%;max-width:100%;}.elementor-11 .elementor-element.elementor-element-b30bd99 .elementor-button{padding:15px 15px 15px 15px;}.elementor-11 .elementor-element.elementor-element-7284ff8{--min-height:208px;}.elementor-11 .elementor-element.elementor-element-ffe69d7{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-c6ad09d{width:100%;max-width:100%;}.elementor-11 .elementor-element.elementor-element-dc176b5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-description{letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-11 .elementor-element.elementor-element-a942150{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 25px 25px 25px;}.elementor-11 .elementor-element.elementor-element-a942150 .elementor-icon-box-title{margin-block-end:45px;}.elementor-11 .elementor-element.elementor-element-a942150 .elementor-icon-box-description{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-11 .elementor-element.elementor-element-91838ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 25px 25px 25px;}.elementor-11 .elementor-element.elementor-element-91838ad .elementor-icon-box-title{margin-block-end:45px;}.elementor-11 .elementor-element.elementor-element-91838ad .elementor-icon-box-description{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-11 .elementor-element.elementor-element-c597315{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 25px 25px 25px;}.elementor-11 .elementor-element.elementor-element-c597315 .elementor-icon-box-title{margin-block-end:45px;}.elementor-11 .elementor-element.elementor-element-c597315 .elementor-icon-box-description{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-11 .elementor-element.elementor-element-10a5ab3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 25px 25px 25px;}.elementor-11 .elementor-element.elementor-element-10a5ab3 .elementor-icon-box-title{margin-block-end:45px;}.elementor-11 .elementor-element.elementor-element-10a5ab3 .elementor-icon-box-description{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-11 .elementor-element.elementor-element-583a0e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 25px 25px 25px;}.elementor-11 .elementor-element.elementor-element-583a0e3 .elementor-icon-box-title{margin-block-end:45px;}.elementor-11 .elementor-element.elementor-element-583a0e3 .elementor-icon-box-description{letter-spacing:var( --e-global-typography-primary-letter-spacing );}body.elementor-page-11:not(.elementor-motion-effects-element-type-background), body.elementor-page-11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bionexa.id/wp-content/uploads/2026/05/Group-1-1.svg");background-position:center center;background-repeat:repeat-y;background-size:cover;}}/* Start custom CSS for icon-box, class: .elementor-element-a942150 *//* Menyiapkan container utama */
.elementor-11 .elementor-element.elementor-element-a942150 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}

/* Membuat lapisan background merah yang akan bergeser */
.elementor-11 .elementor-element.elementor-element-a942150::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Posisi awal di luar box sebelah kiri */
    width: 100%;
    height: 100%;
    background-color: #0077cc; /* Ganti dengan kode warna merah Anda */
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: -1;
}

/* Efek saat mouse menempel (Hover) */
.elementor-11 .elementor-element.elementor-element-a942150:hover::before {
    left: 0; /* Background merah bergeser ke tengah */
}

/* Mengubah warna teks dan deskripsi saat hover */
.elementor-11 .elementor-element.elementor-element-a942150:hover .elementor-icon-box-title,
.elementor-11 .elementor-element.elementor-element-a942150:hover .elementor-icon-box-description,
.elementor-11 .elementor-element.elementor-element-a942150:hover .elementor-icon-box-icon i {
    color: #ffffff !important;
    transition: all 0.3s ease;
}

/* Opsional: Jika ada garis miring atau elemen dekoratif lainnya */
.elementor-11 .elementor-element.elementor-element-a942150 .elementor-icon-box-title {
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-91838ad *//* Menyiapkan container utama */
.elementor-11 .elementor-element.elementor-element-91838ad {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}

/* Membuat lapisan background merah yang akan bergeser */
.elementor-11 .elementor-element.elementor-element-91838ad::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Posisi awal di luar box sebelah kiri */
    width: 100%;
    height: 100%;
    background-color: #0077cc; /* Ganti dengan kode warna merah Anda */
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: -1;
}

/* Efek saat mouse menempel (Hover) */
.elementor-11 .elementor-element.elementor-element-91838ad:hover::before {
    left: 0; /* Background merah bergeser ke tengah */
}

/* Mengubah warna teks dan deskripsi saat hover */
.elementor-11 .elementor-element.elementor-element-91838ad:hover .elementor-icon-box-title,
.elementor-11 .elementor-element.elementor-element-91838ad:hover .elementor-icon-box-description,
.elementor-11 .elementor-element.elementor-element-91838ad:hover .elementor-icon-box-icon i {
    color: #ffffff !important;
    transition: all 0.3s ease;
}

/* Opsional: Jika ada garis miring atau elemen dekoratif lainnya */
.elementor-11 .elementor-element.elementor-element-91838ad .elementor-icon-box-title {
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c597315 *//* Menyiapkan container utama */
.elementor-11 .elementor-element.elementor-element-c597315 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}

/* Membuat lapisan background merah yang akan bergeser */
.elementor-11 .elementor-element.elementor-element-c597315::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Posisi awal di luar box sebelah kiri */
    width: 100%;
    height: 100%;
    background-color: #0077cc; /* Ganti dengan kode warna merah Anda */
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: -1;
}

/* Efek saat mouse menempel (Hover) */
.elementor-11 .elementor-element.elementor-element-c597315:hover::before {
    left: 0; /* Background merah bergeser ke tengah */
}

/* Mengubah warna teks dan deskripsi saat hover */
.elementor-11 .elementor-element.elementor-element-c597315:hover .elementor-icon-box-title,
.elementor-11 .elementor-element.elementor-element-c597315:hover .elementor-icon-box-description,
.elementor-11 .elementor-element.elementor-element-c597315:hover .elementor-icon-box-icon i {
    color: #ffffff !important;
    transition: all 0.3s ease;
}

/* Opsional: Jika ada garis miring atau elemen dekoratif lainnya */
.elementor-11 .elementor-element.elementor-element-c597315 .elementor-icon-box-title {
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-10a5ab3 *//* Menyiapkan container utama */
.elementor-11 .elementor-element.elementor-element-10a5ab3 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}

/* Membuat lapisan background merah yang akan bergeser */
.elementor-11 .elementor-element.elementor-element-10a5ab3::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Posisi awal di luar box sebelah kiri */
    width: 100%;
    height: 100%;
    background-color: #0077cc; /* Ganti dengan kode warna merah Anda */
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: -1;
}

/* Efek saat mouse menempel (Hover) */
.elementor-11 .elementor-element.elementor-element-10a5ab3:hover::before {
    left: 0; /* Background merah bergeser ke tengah */
}

/* Mengubah warna teks dan deskripsi saat hover */
.elementor-11 .elementor-element.elementor-element-10a5ab3:hover .elementor-icon-box-title,
.elementor-11 .elementor-element.elementor-element-10a5ab3:hover .elementor-icon-box-description,
.elementor-11 .elementor-element.elementor-element-10a5ab3:hover .elementor-icon-box-icon i {
    color: #ffffff !important;
    transition: all 0.3s ease;
}

/* Opsional: Jika ada garis miring atau elemen dekoratif lainnya */
.elementor-11 .elementor-element.elementor-element-10a5ab3 .elementor-icon-box-title {
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-583a0e3 *//* Menyiapkan container utama */
.elementor-11 .elementor-element.elementor-element-583a0e3 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}

/* Membuat lapisan background merah yang akan bergeser */
.elementor-11 .elementor-element.elementor-element-583a0e3::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Posisi awal di luar box sebelah kiri */
    width: 100%;
    height: 100%;
    background-color: #0077cc; /* Ganti dengan kode warna merah Anda */
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: -1;
}

/* Efek saat mouse menempel (Hover) */
.elementor-11 .elementor-element.elementor-element-583a0e3:hover::before {
    left: 0; /* Background merah bergeser ke tengah */
}

/* Mengubah warna teks dan deskripsi saat hover */
.elementor-11 .elementor-element.elementor-element-583a0e3:hover .elementor-icon-box-title,
.elementor-11 .elementor-element.elementor-element-583a0e3:hover .elementor-icon-box-description,
.elementor-11 .elementor-element.elementor-element-583a0e3:hover .elementor-icon-box-icon i {
    color: #ffffff !important;
    transition: all 0.3s ease;
}

/* Opsional: Jika ada garis miring atau elemen dekoratif lainnya */
.elementor-11 .elementor-element.elementor-element-583a0e3 .elementor-icon-box-title {
    transition: all 0.3s ease;
}/* End custom CSS */