.elementor-183 .elementor-element.elementor-element-71fa6dd{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-71fa6dd:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-71fa6dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://guzheng.dev.malaysiaweb.my/wp-content/uploads/2025/11/bnr-about.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-183 .elementor-element.elementor-element-66a3c9c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-183 .elementor-element.elementor-element-5c7488f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-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 );}.elementor-183 .elementor-element.elementor-element-43e31af .elementor-heading-title{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:var( --e-global-color-ab5ae0b );}.elementor-widget-ucaddon_splitting_letters_effect .uc-splitting-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-183 .elementor-element.elementor-element-8b51a1f .uc-splitting-text-wrapper{gap:5px;flex-direction:row;justify-content:flext-start;}.elementor-183 .elementor-element.elementor-element-8b51a1f .uc-splitting-text-item{gap:5px;justify-content:flext-start;}.elementor-183 .elementor-element.elementor-element-8b51a1f .uc-splitting-text{justify-content:flex-start;color:var( --e-global-color-0999a70 );font-family:var( --e-global-typography-885b86c-font-family ), Sans-serif;font-size:var( --e-global-typography-885b86c-font-size );font-weight:var( --e-global-typography-885b86c-font-weight );text-transform:var( --e-global-typography-885b86c-text-transform );line-height:var( --e-global-typography-885b86c-line-height );-webkit-text-stroke-width:0px;text-stroke-width:0 px;}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-183 .elementor-element.elementor-element-48c68e9{--divider-border-style:solid;--divider-color:#BFB0A3;--divider-border-width:1px;}.elementor-183 .elementor-element.elementor-element-48c68e9 .elementor-divider-separator{width:100%;}.elementor-183 .elementor-element.elementor-element-48c68e9 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-183 .elementor-element.elementor-element-be68c4a{--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-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-183 .elementor-element.elementor-element-bf97c45{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:var( --e-global-color-ab5ae0b );}.elementor-183 .elementor-element.elementor-element-6c8b669{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-161482b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-f0107fa{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-038378f .uc-splitting-text-wrapper{gap:5px;flex-direction:row;justify-content:flext-start;}.elementor-183 .elementor-element.elementor-element-038378f .uc-splitting-text-item{gap:5px;justify-content:flext-start;}.elementor-183 .elementor-element.elementor-element-038378f .uc-splitting-text{justify-content:flex-start;color:var( --e-global-color-0999a70 );font-family:var( --e-global-typography-885b86c-font-family ), Sans-serif;font-size:var( --e-global-typography-885b86c-font-size );font-weight:var( --e-global-typography-885b86c-font-weight );text-transform:var( --e-global-typography-885b86c-text-transform );line-height:var( --e-global-typography-885b86c-line-height );-webkit-text-stroke-width:0px;text-stroke-width:0 px;}.elementor-183 .elementor-element.elementor-element-bd658a4{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:var( --e-global-color-ab5ae0b );}.elementor-183 .elementor-element.elementor-element-bd658a4.elementor-element{--align-self:flex-start;}.elementor-183 .elementor-element.elementor-element-12fa784{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-dc72e3e{--e-image-carousel-slides-to-show:5;}.elementor-183 .elementor-element.elementor-element-3e64c58{--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:85px 85px;--row-gap:85px;--column-gap:85px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-183 .elementor-element.elementor-element-c877417{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-0384c42{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-183 .elementor-element.elementor-element-9a430e8 .elementor-heading-title{font-family:var( --e-global-typography-885b86c-font-family ), Sans-serif;font-size:var( --e-global-typography-885b86c-font-size );font-weight:var( --e-global-typography-885b86c-font-weight );text-transform:var( --e-global-typography-885b86c-text-transform );line-height:var( --e-global-typography-885b86c-line-height );}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-183 .elementor-element.elementor-element-0f8c1bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-aad6c4b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-11445d6 .elementor-heading-title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:var( --e-global-color-e63dcb5 );}.elementor-183 .elementor-element.elementor-element-9166b51 .elementor-heading-title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:var( --e-global-color-0999a70 );}.elementor-183 .elementor-element.elementor-element-62888b4{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-bd9747a-font-family ), Sans-serif;font-size:var( --e-global-typography-bd9747a-font-size );font-weight:var( --e-global-typography-bd9747a-font-weight );line-height:var( --e-global-typography-bd9747a-line-height );color:var( --e-global-color-0999a70 );}.elementor-183 .elementor-element.elementor-element-62888b4.elementor-element{--align-self:flex-start;}.elementor-183 .elementor-element.elementor-element-ee3d23c{--divider-border-style:solid;--divider-color:var( --e-global-color-c901cfb );--divider-border-width:1px;}.elementor-183 .elementor-element.elementor-element-ee3d23c .elementor-divider-separator{width:100%;}.elementor-183 .elementor-element.elementor-element-ee3d23c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-183 .elementor-element.elementor-element-a558993{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-4607086 .elementor-heading-title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:var( --e-global-color-e63dcb5 );}.elementor-183 .elementor-element.elementor-element-d1c5f46 .elementor-heading-title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:var( --e-global-color-0999a70 );}.elementor-183 .elementor-element.elementor-element-8a966e3{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-bd9747a-font-family ), Sans-serif;font-size:var( --e-global-typography-bd9747a-font-size );font-weight:var( --e-global-typography-bd9747a-font-weight );line-height:var( --e-global-typography-bd9747a-line-height );color:var( --e-global-color-0999a70 );}.elementor-183 .elementor-element.elementor-element-8a966e3.elementor-element{--align-self:flex-start;}.elementor-183 .elementor-element.elementor-element-78f2824{--divider-border-style:solid;--divider-color:var( --e-global-color-c901cfb );--divider-border-width:1px;}.elementor-183 .elementor-element.elementor-element-78f2824 .elementor-divider-separator{width:100%;}.elementor-183 .elementor-element.elementor-element-78f2824 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-183 .elementor-element.elementor-element-523cac3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-586b457 .elementor-heading-title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:var( --e-global-color-e63dcb5 );}.elementor-183 .elementor-element.elementor-element-fc64d7e .elementor-heading-title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:var( --e-global-color-0999a70 );}.elementor-183 .elementor-element.elementor-element-3a66833{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-bd9747a-font-family ), Sans-serif;font-size:var( --e-global-typography-bd9747a-font-size );font-weight:var( --e-global-typography-bd9747a-font-weight );line-height:var( --e-global-typography-bd9747a-line-height );color:var( --e-global-color-0999a70 );}.elementor-183 .elementor-element.elementor-element-3a66833.elementor-element{--align-self:flex-start;}.elementor-183 .elementor-element.elementor-element-f8fa287{--divider-border-style:solid;--divider-color:var( --e-global-color-c901cfb );--divider-border-width:1px;}.elementor-183 .elementor-element.elementor-element-f8fa287 .elementor-divider-separator{width:100%;}.elementor-183 .elementor-element.elementor-element-f8fa287 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-183 .elementor-element.elementor-element-44f2044{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-efc1a96 .elementor-heading-title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:var( --e-global-color-e63dcb5 );}.elementor-183 .elementor-element.elementor-element-160f2f7 .elementor-heading-title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:var( --e-global-color-0999a70 );}.elementor-183 .elementor-element.elementor-element-2481ffb{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-bd9747a-font-family ), Sans-serif;font-size:var( --e-global-typography-bd9747a-font-size );font-weight:var( --e-global-typography-bd9747a-font-weight );line-height:var( --e-global-typography-bd9747a-line-height );color:var( --e-global-color-0999a70 );}.elementor-183 .elementor-element.elementor-element-2481ffb.elementor-element{--align-self:flex-start;}.elementor-183 .elementor-element.elementor-element-d7ff5bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-183 .elementor-element.elementor-element-d7ff5bb:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-d7ff5bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://guzheng.dev.malaysiaweb.my/wp-content/uploads/2025/10/Rectangle-74-8-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-183 .elementor-element.elementor-element-5103d81{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-183 .elementor-element.elementor-element-5103d81 .elementor-heading-title{font-family:var( --e-global-typography-885b86c-font-family ), Sans-serif;font-size:var( --e-global-typography-885b86c-font-size );font-weight:var( --e-global-typography-885b86c-font-weight );text-transform:var( --e-global-typography-885b86c-text-transform );line-height:var( --e-global-typography-885b86c-line-height );}.elementor-183 .elementor-element.elementor-element-535697a{font-family:var( --e-global-typography-bd9747a-font-family ), Sans-serif;font-size:var( --e-global-typography-bd9747a-font-size );font-weight:var( --e-global-typography-bd9747a-font-weight );line-height:var( --e-global-typography-bd9747a-line-height );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-183 .elementor-element.elementor-element-418ff93{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-5182813{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-ucaddon_hover_text_reveal_content_box .uc_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_hover_text_reveal_content_box .uc_description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_hover_text_reveal_content_box .uc_btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_hover_text_reveal_content_box .ue-badge{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 43%, #000000 90%);opacity:35%;}.elementor-183 .elementor-element.elementor-element-020fba2{width:100%;max-width:100%;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_btn,.elementor-183 .elementor-element.elementor-element-020fba2 .uc_btn *{transition-duration:0.3s;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_long_content_box_holder{text-align:left;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_box_content{padding:30px 30px 30px 30px;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_long_content_box{border-radius:0px;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{justify-content:flex-end;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_image_box{height:500px;background-color:#6a6a6a;background-position:top center !important;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_long_content_box:hover .uc_overlay{opacity:95%;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_title{font-family:var( --e-global-typography-3f05fc7-font-family ), Sans-serif;font-size:var( --e-global-typography-3f05fc7-font-size );font-weight:var( --e-global-typography-3f05fc7-font-weight );text-transform:var( --e-global-typography-3f05fc7-text-transform );line-height:var( --e-global-typography-3f05fc7-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_long_content_box_holder.ue_debug_true .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_description{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-020fba2 .ue_btn_container{justify-content:inherit;gap:10px;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_btn{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );padding:10px 30px 10px 30px;margin-top:10px;border-radius:20px;background-color:var( --e-global-color-7032a19 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_btn:hover{background-color:var( --e-global-color-a45f1e0 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-208f18e .uc_overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 43%, #000000 90%);opacity:35%;}.elementor-183 .elementor-element.elementor-element-208f18e{width:100%;max-width:100%;}.elementor-183 .elementor-element.elementor-element-208f18e .uc_btn,.elementor-183 .elementor-element.elementor-element-208f18e .uc_btn *{transition-duration:0.3s;}.elementor-183 .elementor-element.elementor-element-208f18e .uc_long_content_box_holder{text-align:left;}.elementor-183 .elementor-element.elementor-element-208f18e .uc_box_content{padding:30px 30px 30px 30px;}.elementor-183 .elementor-element.elementor-element-208f18e .uc_long_content_box{border-radius:0px;}.elementor-183 .elementor-element.elementor-element-208f18e .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{justify-content:flex-end;}.elementor-183 .elementor-element.elementor-element-208f18e .uc_image_box{height:500px;background-color:#6a6a6a;background-position:top center !important;}.elementor-183 .elementor-element.elementor-element-208f18e .uc_long_content_box:hover .uc_overlay{opacity:95%;}.elementor-183 .elementor-element.elementor-element-208f18e .uc_title{font-family:var( --e-global-typography-3f05fc7-font-family ), Sans-serif;font-size:var( --e-global-typography-3f05fc7-font-size );font-weight:var( --e-global-typography-3f05fc7-font-weight );text-transform:var( --e-global-typography-3f05fc7-text-transform );line-height:var( --e-global-typography-3f05fc7-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-208f18e .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-208f18e .uc_long_content_box_holder.ue_debug_true .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-208f18e .uc_description{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-208f18e .ue_btn_container{justify-content:inherit;gap:10px;}.elementor-183 .elementor-element.elementor-element-208f18e .uc_btn{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );padding:10px 30px 10px 30px;margin-top:10px;border-radius:20px;background-color:var( --e-global-color-7032a19 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-208f18e .uc_btn:hover{background-color:var( --e-global-color-a45f1e0 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-2379b20{--display:grid;--e-con-grid-template-columns:repeat(3, 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-183 .elementor-element.elementor-element-bfe3d37 .uc_overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 43%, #000000 90%);opacity:35%;}.elementor-183 .elementor-element.elementor-element-bfe3d37{width:100%;max-width:100%;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_btn,.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_btn *{transition-duration:0.3s;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_long_content_box_holder{text-align:left;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_box_content{padding:30px 30px 30px 30px;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_long_content_box{border-radius:0px;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{justify-content:flex-end;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_image_box{height:500px;background-color:#6a6a6a;background-position:top center !important;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_long_content_box:hover .uc_overlay{opacity:95%;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_long_content_box_holder.ue_debug_true .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_description{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .ue_btn_container{justify-content:inherit;gap:10px;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_btn{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );padding:10px 30px 10px 30px;margin-top:10px;border-radius:20px;background-color:var( --e-global-color-7032a19 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_btn:hover{background-color:var( --e-global-color-a45f1e0 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 43%, #000000 90%);opacity:35%;}.elementor-183 .elementor-element.elementor-element-f29d6ad{width:100%;max-width:100%;}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_btn,.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_btn *{transition-duration:0.3s;}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_long_content_box_holder{text-align:left;}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_box_content{padding:30px 30px 30px 30px;}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_long_content_box{border-radius:0px;}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{justify-content:flex-end;}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_image_box{height:500px;background-color:#6a6a6a;background-position:top center !important;}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_long_content_box:hover .uc_overlay{opacity:95%;}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_long_content_box_holder.ue_debug_true .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_description{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-f29d6ad .ue_btn_container{justify-content:inherit;gap:10px;}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_btn{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );padding:10px 30px 10px 30px;margin-top:10px;border-radius:20px;background-color:var( --e-global-color-7032a19 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_btn:hover{background-color:var( --e-global-color-a45f1e0 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 43%, #000000 90%);opacity:35%;}.elementor-183 .elementor-element.elementor-element-5f79462{width:100%;max-width:100%;}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_btn,.elementor-183 .elementor-element.elementor-element-5f79462 .uc_btn *{transition-duration:0.3s;}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_long_content_box_holder{text-align:left;}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_box_content{padding:30px 30px 30px 30px;}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_long_content_box{border-radius:0px;}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{justify-content:flex-end;}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_image_box{height:500px;background-color:#6a6a6a;background-position:top center !important;}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_long_content_box:hover .uc_overlay{opacity:95%;}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_long_content_box_holder.ue_debug_true .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_description{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-5f79462 .ue_btn_container{justify-content:inherit;gap:10px;}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_btn{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );padding:10px 30px 10px 30px;margin-top:10px;border-radius:20px;background-color:var( --e-global-color-7032a19 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_btn:hover{background-color:var( --e-global-color-a45f1e0 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 43%, #000000 90%);opacity:35%;}.elementor-183 .elementor-element.elementor-element-1e64496{width:100%;max-width:100%;}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_btn,.elementor-183 .elementor-element.elementor-element-1e64496 .uc_btn *{transition-duration:0.3s;}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_long_content_box_holder{text-align:left;}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_box_content{padding:30px 30px 30px 30px;}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_long_content_box{border-radius:0px;}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{justify-content:flex-end;}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_image_box{height:500px;background-color:#6a6a6a;background-position:center center !important;}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_long_content_box:hover .uc_overlay{opacity:95%;}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_long_content_box_holder.ue_debug_true .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_description{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-1e64496 .ue_btn_container{justify-content:inherit;gap:10px;}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_btn{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );padding:10px 30px 10px 30px;margin-top:10px;border-radius:20px;background-color:var( --e-global-color-7032a19 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_btn:hover{background-color:var( --e-global-color-a45f1e0 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-4ed97e1{--display:grid;--e-con-grid-template-columns:repeat(3, 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-183 .elementor-element.elementor-element-ca08df3 .uc_overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 43%, #000000 90%);opacity:35%;}.elementor-183 .elementor-element.elementor-element-ca08df3{width:100%;max-width:100%;}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_btn,.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_btn *{transition-duration:0.3s;}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_long_content_box_holder{text-align:left;}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_box_content{padding:30px 30px 30px 30px;}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_long_content_box{border-radius:0px;}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{justify-content:flex-end;}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_image_box{height:500px;background-color:#6a6a6a;background-position:top center !important;}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_long_content_box:hover .uc_overlay{opacity:95%;}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_long_content_box_holder.ue_debug_true .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_description{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-ca08df3 .ue_btn_container{justify-content:inherit;gap:10px;}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_btn{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );padding:10px 30px 10px 30px;margin-top:10px;border-radius:20px;background-color:var( --e-global-color-7032a19 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_btn:hover{background-color:var( --e-global-color-a45f1e0 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-3773356 .uc_overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 43%, #000000 90%);opacity:35%;}.elementor-183 .elementor-element.elementor-element-3773356{width:100%;max-width:100%;}.elementor-183 .elementor-element.elementor-element-3773356 .uc_btn,.elementor-183 .elementor-element.elementor-element-3773356 .uc_btn *{transition-duration:0.3s;}.elementor-183 .elementor-element.elementor-element-3773356 .uc_long_content_box_holder{text-align:left;}.elementor-183 .elementor-element.elementor-element-3773356 .uc_box_content{padding:30px 30px 30px 30px;}.elementor-183 .elementor-element.elementor-element-3773356 .uc_long_content_box{border-radius:0px;}.elementor-183 .elementor-element.elementor-element-3773356 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{justify-content:flex-end;}.elementor-183 .elementor-element.elementor-element-3773356 .uc_image_box{height:500px;background-color:#6a6a6a;background-position:center center !important;}.elementor-183 .elementor-element.elementor-element-3773356 .uc_long_content_box:hover .uc_overlay{opacity:95%;}.elementor-183 .elementor-element.elementor-element-3773356 .uc_title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-3773356 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-3773356 .uc_long_content_box_holder.ue_debug_true .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-3773356 .uc_description{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-3773356 .ue_btn_container{justify-content:inherit;gap:10px;}.elementor-183 .elementor-element.elementor-element-3773356 .uc_btn{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );padding:10px 30px 10px 30px;margin-top:10px;border-radius:20px;background-color:var( --e-global-color-7032a19 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-3773356 .uc_btn:hover{background-color:var( --e-global-color-a45f1e0 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-96865cd .uc_overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 43%, #000000 90%);opacity:35%;}.elementor-183 .elementor-element.elementor-element-96865cd{width:100%;max-width:100%;}.elementor-183 .elementor-element.elementor-element-96865cd .uc_btn,.elementor-183 .elementor-element.elementor-element-96865cd .uc_btn *{transition-duration:0.3s;}.elementor-183 .elementor-element.elementor-element-96865cd .uc_long_content_box_holder{text-align:left;}.elementor-183 .elementor-element.elementor-element-96865cd .uc_box_content{padding:30px 30px 30px 30px;}.elementor-183 .elementor-element.elementor-element-96865cd .uc_long_content_box{border-radius:0px;}.elementor-183 .elementor-element.elementor-element-96865cd .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{justify-content:flex-end;}.elementor-183 .elementor-element.elementor-element-96865cd .uc_image_box{height:500px;background-color:#6a6a6a;background-position:center center !important;}.elementor-183 .elementor-element.elementor-element-96865cd .uc_long_content_box:hover .uc_overlay{opacity:95%;}.elementor-183 .elementor-element.elementor-element-96865cd .uc_title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-96865cd .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-96865cd .uc_long_content_box_holder.ue_debug_true .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-96865cd .uc_description{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-96865cd .ue_btn_container{justify-content:inherit;gap:10px;}.elementor-183 .elementor-element.elementor-element-96865cd .uc_btn{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );padding:10px 30px 10px 30px;margin-top:10px;border-radius:20px;background-color:var( --e-global-color-7032a19 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-96865cd .uc_btn:hover{background-color:var( --e-global-color-a45f1e0 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-3a23b73{--display:grid;--e-con-grid-template-columns:repeat(3, 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-183 .elementor-element.elementor-element-0505d97 .uc_overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 43%, #000000 90%);opacity:35%;}.elementor-183 .elementor-element.elementor-element-0505d97{width:100%;max-width:100%;}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_btn,.elementor-183 .elementor-element.elementor-element-0505d97 .uc_btn *{transition-duration:0.3s;}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_long_content_box_holder{text-align:left;}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_box_content{padding:30px 30px 30px 30px;}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_long_content_box{border-radius:0px;}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{justify-content:flex-end;}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_image_box{height:550px;background-color:#6a6a6a;background-position:top center !important;}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_long_content_box:hover .uc_overlay{opacity:95%;}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_long_content_box_holder.ue_debug_true .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_description{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-0505d97 .ue_btn_container{justify-content:inherit;gap:10px;}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_btn{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );padding:10px 30px 10px 30px;margin-top:10px;border-radius:20px;background-color:var( --e-global-color-7032a19 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_btn:hover{background-color:var( --e-global-color-a45f1e0 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-b73e623{--display:grid;--e-con-grid-template-columns:repeat(3, 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-183 .elementor-element.elementor-element-4845218 .uc_overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 43%, #000000 90%);opacity:35%;}.elementor-183 .elementor-element.elementor-element-4845218{width:100%;max-width:100%;}.elementor-183 .elementor-element.elementor-element-4845218 .uc_btn,.elementor-183 .elementor-element.elementor-element-4845218 .uc_btn *{transition-duration:0.3s;}.elementor-183 .elementor-element.elementor-element-4845218 .uc_long_content_box_holder{text-align:left;}.elementor-183 .elementor-element.elementor-element-4845218 .uc_box_content{padding:30px 30px 30px 30px;}.elementor-183 .elementor-element.elementor-element-4845218 .uc_long_content_box{border-radius:0px;}.elementor-183 .elementor-element.elementor-element-4845218 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{justify-content:flex-end;}.elementor-183 .elementor-element.elementor-element-4845218 .uc_image_box{height:550px;background-color:#6a6a6a;background-position:top center !important;}.elementor-183 .elementor-element.elementor-element-4845218 .uc_long_content_box:hover .uc_overlay{opacity:95%;}.elementor-183 .elementor-element.elementor-element-4845218 .uc_title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-4845218 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-4845218 .uc_long_content_box_holder.ue_debug_true .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-4845218 .uc_description{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-4845218 .ue_btn_container{justify-content:inherit;gap:10px;}.elementor-183 .elementor-element.elementor-element-4845218 .uc_btn{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );padding:10px 30px 10px 30px;margin-top:10px;border-radius:20px;background-color:var( --e-global-color-7032a19 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-4845218 .uc_btn:hover{background-color:var( --e-global-color-a45f1e0 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-e5b166d{--display:grid;--e-con-grid-template-columns:repeat(3, 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-183 .elementor-element.elementor-element-1476367 .uc_overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 43%, #000000 90%);opacity:35%;}.elementor-183 .elementor-element.elementor-element-1476367{width:100%;max-width:100%;}.elementor-183 .elementor-element.elementor-element-1476367 .uc_btn,.elementor-183 .elementor-element.elementor-element-1476367 .uc_btn *{transition-duration:0.3s;}.elementor-183 .elementor-element.elementor-element-1476367 .uc_long_content_box_holder{text-align:left;}.elementor-183 .elementor-element.elementor-element-1476367 .uc_box_content{padding:30px 30px 30px 30px;}.elementor-183 .elementor-element.elementor-element-1476367 .uc_long_content_box{border-radius:0px;}.elementor-183 .elementor-element.elementor-element-1476367 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{justify-content:flex-end;}.elementor-183 .elementor-element.elementor-element-1476367 .uc_image_box{height:500px;background-color:#6a6a6a;background-position:center center !important;}.elementor-183 .elementor-element.elementor-element-1476367 .uc_long_content_box:hover .uc_overlay{opacity:95%;}.elementor-183 .elementor-element.elementor-element-1476367 .uc_title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-1476367 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-1476367 .uc_long_content_box_holder.ue_debug_true .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-1476367 .uc_description{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-1476367 .ue_btn_container{justify-content:inherit;gap:10px;}.elementor-183 .elementor-element.elementor-element-1476367 .uc_btn{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );padding:10px 30px 10px 30px;margin-top:10px;border-radius:20px;background-color:var( --e-global-color-7032a19 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-1476367 .uc_btn:hover{background-color:var( --e-global-color-a45f1e0 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-9db1cd9{--display:grid;--e-con-grid-template-columns:repeat(3, 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-183 .elementor-element.elementor-element-a858903 .uc_overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 43%, #000000 90%);opacity:35%;}.elementor-183 .elementor-element.elementor-element-a858903{width:100%;max-width:100%;}.elementor-183 .elementor-element.elementor-element-a858903 .uc_btn,.elementor-183 .elementor-element.elementor-element-a858903 .uc_btn *{transition-duration:0.3s;}.elementor-183 .elementor-element.elementor-element-a858903 .uc_long_content_box_holder{text-align:left;}.elementor-183 .elementor-element.elementor-element-a858903 .uc_box_content{padding:30px 30px 30px 30px;}.elementor-183 .elementor-element.elementor-element-a858903 .uc_long_content_box{border-radius:0px;}.elementor-183 .elementor-element.elementor-element-a858903 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{justify-content:flex-end;}.elementor-183 .elementor-element.elementor-element-a858903 .uc_image_box{height:550px;background-color:#6a6a6a;background-position:top center !important;}.elementor-183 .elementor-element.elementor-element-a858903 .uc_long_content_box:hover .uc_overlay{opacity:95%;}.elementor-183 .elementor-element.elementor-element-a858903 .uc_title{font-family:var( --e-global-typography-5637896-font-family ), Sans-serif;font-size:var( --e-global-typography-5637896-font-size );font-weight:var( --e-global-typography-5637896-font-weight );text-transform:var( --e-global-typography-5637896-text-transform );line-height:var( --e-global-typography-5637896-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-a858903 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-a858903 .uc_long_content_box_holder.ue_debug_true .uc_long_content_box_box .uc_box_content .uc_box_content_open{transform:translateY(-10px);}.elementor-183 .elementor-element.elementor-element-a858903 .uc_description{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );color:#ffffff;}.elementor-183 .elementor-element.elementor-element-a858903 .ue_btn_container{justify-content:inherit;gap:10px;}.elementor-183 .elementor-element.elementor-element-a858903 .uc_btn{font-family:var( --e-global-typography-3c593ea-font-family ), Sans-serif;font-size:var( --e-global-typography-3c593ea-font-size );font-weight:var( --e-global-typography-3c593ea-font-weight );line-height:var( --e-global-typography-3c593ea-line-height );padding:10px 30px 10px 30px;margin-top:10px;border-radius:20px;background-color:var( --e-global-color-7032a19 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-a858903 .uc_btn:hover{background-color:var( --e-global-color-a45f1e0 );color:var( --e-global-color-0999a70 );border-style:none;}.elementor-183 .elementor-element.elementor-element-8e66df1{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:5px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:10px;}.elementor-183 .elementor-element.elementor-element-8e66df1.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-ab5ae0b );}.elementor-183 .elementor-element.elementor-element-8e66df1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-183 .elementor-element.elementor-element-8e66df1.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-ab5ae0b );}.elementor-183 .elementor-element.elementor-element-8e66df1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;}.elementor-183 .elementor-element.elementor-element-9613bfe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-8c05325{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-a79f157{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-183:not(.elementor-motion-effects-element-type-background), body.elementor-page-183 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://guzheng.dev.malaysiaweb.my/wp-content/uploads/2025/11/bg-wave-scaled.webp");background-position:center center;background-size:contain;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-183 .elementor-element.elementor-element-5c7488f{--width:100%;}.elementor-183 .elementor-element.elementor-element-be68c4a{--width:100%;}.elementor-183 .elementor-element.elementor-element-161482b{--width:100%;}.elementor-183 .elementor-element.elementor-element-c877417{--width:40%;}.elementor-183 .elementor-element.elementor-element-0f8c1bc{--width:60%;}}@media(max-width:1024px){.elementor-183 .elementor-element.elementor-element-71fa6dd{--min-height:80vh;}.elementor-183 .elementor-element.elementor-element-66a3c9c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-183 .elementor-element.elementor-element-43e31af .elementor-heading-title{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-8b51a1f .uc-splitting-text{font-size:var( --e-global-typography-885b86c-font-size );line-height:var( --e-global-typography-885b86c-line-height );}.elementor-183 .elementor-element.elementor-element-bf97c45{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-6c8b669{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-183 .elementor-element.elementor-element-038378f .uc-splitting-text{font-size:var( --e-global-typography-885b86c-font-size );line-height:var( --e-global-typography-885b86c-line-height );}.elementor-183 .elementor-element.elementor-element-bd658a4{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-dc72e3e{--e-image-carousel-slides-to-show:3;}.elementor-183 .elementor-element.elementor-element-3e64c58{--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-183 .elementor-element.elementor-element-9a430e8 .elementor-heading-title{font-size:var( --e-global-typography-885b86c-font-size );line-height:var( --e-global-typography-885b86c-line-height );}.elementor-183 .elementor-element.elementor-element-11445d6 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-9166b51 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-62888b4{font-size:var( --e-global-typography-bd9747a-font-size );line-height:var( --e-global-typography-bd9747a-line-height );}.elementor-183 .elementor-element.elementor-element-4607086 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-d1c5f46 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-8a966e3{font-size:var( --e-global-typography-bd9747a-font-size );line-height:var( --e-global-typography-bd9747a-line-height );}.elementor-183 .elementor-element.elementor-element-586b457 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-fc64d7e .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-3a66833{font-size:var( --e-global-typography-bd9747a-font-size );line-height:var( --e-global-typography-bd9747a-line-height );}.elementor-183 .elementor-element.elementor-element-efc1a96 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-160f2f7 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-2481ffb{font-size:var( --e-global-typography-bd9747a-font-size );line-height:var( --e-global-typography-bd9747a-line-height );}.elementor-183 .elementor-element.elementor-element-d7ff5bb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-183 .elementor-element.elementor-element-5103d81 .elementor-heading-title{font-size:var( --e-global-typography-885b86c-font-size );line-height:var( --e-global-typography-885b86c-line-height );}.elementor-183 .elementor-element.elementor-element-535697a{font-size:var( --e-global-typography-bd9747a-font-size );line-height:var( --e-global-typography-bd9747a-line-height );}.elementor-183 .elementor-element.elementor-element-5182813{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_image_box{height:550px;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_title{font-size:var( --e-global-typography-3f05fc7-font-size );line-height:var( --e-global-typography-3f05fc7-line-height );}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-208f18e .uc_image_box{height:550px;}.elementor-183 .elementor-element.elementor-element-208f18e .uc_title{font-size:var( --e-global-typography-3f05fc7-font-size );line-height:var( --e-global-typography-3f05fc7-line-height );}.elementor-183 .elementor-element.elementor-element-208f18e .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-208f18e .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-2379b20{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-4ed97e1{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-3773356 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-3773356 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-3773356 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-96865cd .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-96865cd .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-96865cd .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-3a23b73{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-b73e623{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-4845218 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-4845218 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-4845218 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-e5b166d{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-1476367 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-1476367 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-1476367 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-9db1cd9{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-a858903 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-a858903 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-a858903 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-a79f157{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-183 .elementor-element.elementor-element-71fa6dd{--min-height:300px;}.elementor-183 .elementor-element.elementor-element-71fa6dd:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-71fa6dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-183 .elementor-element.elementor-element-43e31af .elementor-heading-title{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-8b51a1f .uc-splitting-text{font-size:var( --e-global-typography-885b86c-font-size );line-height:var( --e-global-typography-885b86c-line-height );}.elementor-183 .elementor-element.elementor-element-bf97c45{text-align:left;font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-038378f .uc-splitting-text{font-size:var( --e-global-typography-885b86c-font-size );line-height:var( --e-global-typography-885b86c-line-height );}.elementor-183 .elementor-element.elementor-element-bd658a4{width:100%;max-width:100%;font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-bd658a4.elementor-element{--align-self:center;}.elementor-183 .elementor-element.elementor-element-dc72e3e{--e-image-carousel-slides-to-show:2;}.elementor-183 .elementor-element.elementor-element-9a430e8 .elementor-heading-title{font-size:var( --e-global-typography-885b86c-font-size );line-height:var( --e-global-typography-885b86c-line-height );}.elementor-183 .elementor-element.elementor-element-11445d6 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-9166b51 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-62888b4{font-size:var( --e-global-typography-bd9747a-font-size );line-height:var( --e-global-typography-bd9747a-line-height );}.elementor-183 .elementor-element.elementor-element-4607086 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-d1c5f46 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-8a966e3{font-size:var( --e-global-typography-bd9747a-font-size );line-height:var( --e-global-typography-bd9747a-line-height );}.elementor-183 .elementor-element.elementor-element-586b457 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-fc64d7e .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-3a66833{font-size:var( --e-global-typography-bd9747a-font-size );line-height:var( --e-global-typography-bd9747a-line-height );}.elementor-183 .elementor-element.elementor-element-efc1a96 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-160f2f7 .elementor-heading-title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-2481ffb{font-size:var( --e-global-typography-bd9747a-font-size );line-height:var( --e-global-typography-bd9747a-line-height );}.elementor-183 .elementor-element.elementor-element-5103d81 .elementor-heading-title{font-size:var( --e-global-typography-885b86c-font-size );line-height:var( --e-global-typography-885b86c-line-height );}.elementor-183 .elementor-element.elementor-element-535697a{font-size:var( --e-global-typography-bd9747a-font-size );line-height:var( --e-global-typography-bd9747a-line-height );}.elementor-183 .elementor-element.elementor-element-5182813{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_title{font-size:var( --e-global-typography-3f05fc7-font-size );line-height:var( --e-global-typography-3f05fc7-line-height );}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-020fba2 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-208f18e .uc_title{font-size:var( --e-global-typography-3f05fc7-font-size );line-height:var( --e-global-typography-3f05fc7-line-height );}.elementor-183 .elementor-element.elementor-element-208f18e .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-208f18e .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-2379b20{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-bfe3d37 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-f29d6ad .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-5f79462 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-1e64496 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-4ed97e1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-ca08df3 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-3773356 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-3773356 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-3773356 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-96865cd .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-96865cd .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-96865cd .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-3a23b73{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-0505d97 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-b73e623{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-4845218 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-4845218 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-4845218 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-e5b166d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-1476367 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-1476367 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-1476367 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-9db1cd9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-a858903 .uc_title{font-size:var( --e-global-typography-5637896-font-size );line-height:var( --e-global-typography-5637896-line-height );}.elementor-183 .elementor-element.elementor-element-a858903 .uc_description{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-a858903 .uc_btn{font-size:var( --e-global-typography-3c593ea-font-size );line-height:var( --e-global-typography-3c593ea-line-height );}.elementor-183 .elementor-element.elementor-element-a79f157{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:1025px){.elementor-183 .elementor-element.elementor-element-71fa6dd:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-71fa6dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-020fba2 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-208f18e *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5182813 *//* Wrapper kad */
.team-glass-card{
  position: relative;
  overflow: hidden;
  border-radius: 14px;            /* ubah ikut design */
}

/* Pastikan gambar fill penuh */
.team-glass-card img{
  display:block; width:100%; height:auto;
}

/* Overlay kaca di bahagian bawah */
.team-glass-overlay{
  position: absolute;
  left:0; right:0; bottom:0;
  padding: clamp(16px, 2.5vw, 28px);
  color:#fff;
  min-height: 130px;              /* tinggi minimum overlay */
  
  /* Kesan glass + gradient gelap bawah */
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.06) 0%,
    rgba(255,255,255,0.05) 14%,
    rgba(0,0,0,0.55) 58%,
    rgba(0,0,0,0.90) 100%
  );
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%); /* Safari */
  border-top: 1px solid rgba(255,255,255,0.22);
  box-shadow: 0 -32px 40px rgba(0,0,0,.35) inset;

  /* Animasi masuk (untuk hover) */
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

/* Tunjuk overlay bila hover pada kad */
.team-glass-card:hover .team-glass-overlay{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Mobile (tiada hover) – sentiasa tunjuk overlay */
@media (hover:none){
  .team-glass-overlay{
    opacity:1; transform:none; pointer-events:auto;
  }
}

/* Tipografi & list dalam overlay */
.team-glass-overlay h1,
.team-glass-overlay h2,
.team-glass-overlay h3,
.team-glass-overlay h4{
  margin:0 0 10px;
  color:#fff;
  line-height:1.2;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

.team-glass-overlay p,
.team-glass-overlay li{
  color: rgba(255,255,255,.92);
}

.team-glass-overlay ul{
  list-style:none; margin:12px 0 0; padding:0;
}
.team-glass-overlay ul li{
  position:relative; padding-left:28px; margin:.4em 0;
}
.team-glass-overlay ul li::before{
  content:"";
  position:absolute; left:0; top:9px;
  width:14px; height:14px; border-radius:50%;
  background: radial-gradient(circle at 40% 40%, #f6e0ff, #b084ff 60%);
  border:2px solid rgba(255,255,255,.9);
  box-shadow: 0 0 0 1px rgba(0,0,0,.2);
}

/* Butang dalam overlay (contoh warna beige) */
.team-glass-overlay .elementor-button,
.team-glass-overlay a.btn{
  background:#e8cfb3; color:#2a2622;
  border-radius:10px; border:0;
  padding:10px 16px; font-weight:600;
  text-decoration:none;
  transition:transform .2s, box-shadow .2s;
}
.team-glass-overlay .elementor-button:hover,
.team-glass-overlay a.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}

/* Fallback jika browser tak support backdrop-filter */
@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){
  .team-glass-overlay{
    background: linear-gradient(180deg, rgba(30,30,30,.35), rgba(0,0,0,.9));
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-bfe3d37 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-f29d6ad *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-5f79462 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1e64496 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-ca08df3 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-3773356 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-96865cd *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-0505d97 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-4845218 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1476367 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-a858903 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-020fba2 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-208f18e *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5182813 *//* Wrapper kad */
.team-glass-card{
  position: relative;
  overflow: hidden;
  border-radius: 14px;            /* ubah ikut design */
}

/* Pastikan gambar fill penuh */
.team-glass-card img{
  display:block; width:100%; height:auto;
}

/* Overlay kaca di bahagian bawah */
.team-glass-overlay{
  position: absolute;
  left:0; right:0; bottom:0;
  padding: clamp(16px, 2.5vw, 28px);
  color:#fff;
  min-height: 130px;              /* tinggi minimum overlay */
  
  /* Kesan glass + gradient gelap bawah */
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.06) 0%,
    rgba(255,255,255,0.05) 14%,
    rgba(0,0,0,0.55) 58%,
    rgba(0,0,0,0.90) 100%
  );
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%); /* Safari */
  border-top: 1px solid rgba(255,255,255,0.22);
  box-shadow: 0 -32px 40px rgba(0,0,0,.35) inset;

  /* Animasi masuk (untuk hover) */
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

/* Tunjuk overlay bila hover pada kad */
.team-glass-card:hover .team-glass-overlay{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Mobile (tiada hover) – sentiasa tunjuk overlay */
@media (hover:none){
  .team-glass-overlay{
    opacity:1; transform:none; pointer-events:auto;
  }
}

/* Tipografi & list dalam overlay */
.team-glass-overlay h1,
.team-glass-overlay h2,
.team-glass-overlay h3,
.team-glass-overlay h4{
  margin:0 0 10px;
  color:#fff;
  line-height:1.2;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

.team-glass-overlay p,
.team-glass-overlay li{
  color: rgba(255,255,255,.92);
}

.team-glass-overlay ul{
  list-style:none; margin:12px 0 0; padding:0;
}
.team-glass-overlay ul li{
  position:relative; padding-left:28px; margin:.4em 0;
}
.team-glass-overlay ul li::before{
  content:"";
  position:absolute; left:0; top:9px;
  width:14px; height:14px; border-radius:50%;
  background: radial-gradient(circle at 40% 40%, #f6e0ff, #b084ff 60%);
  border:2px solid rgba(255,255,255,.9);
  box-shadow: 0 0 0 1px rgba(0,0,0,.2);
}

/* Butang dalam overlay (contoh warna beige) */
.team-glass-overlay .elementor-button,
.team-glass-overlay a.btn{
  background:#e8cfb3; color:#2a2622;
  border-radius:10px; border:0;
  padding:10px 16px; font-weight:600;
  text-decoration:none;
  transition:transform .2s, box-shadow .2s;
}
.team-glass-overlay .elementor-button:hover,
.team-glass-overlay a.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}

/* Fallback jika browser tak support backdrop-filter */
@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){
  .team-glass-overlay{
    background: linear-gradient(180deg, rgba(30,30,30,.35), rgba(0,0,0,.9));
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-bfe3d37 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-f29d6ad *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-5f79462 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1e64496 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-ca08df3 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-3773356 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-96865cd *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-0505d97 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-4845218 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1476367 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-a858903 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-020fba2 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-208f18e *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5182813 *//* Wrapper kad */
.team-glass-card{
  position: relative;
  overflow: hidden;
  border-radius: 14px;            /* ubah ikut design */
}

/* Pastikan gambar fill penuh */
.team-glass-card img{
  display:block; width:100%; height:auto;
}

/* Overlay kaca di bahagian bawah */
.team-glass-overlay{
  position: absolute;
  left:0; right:0; bottom:0;
  padding: clamp(16px, 2.5vw, 28px);
  color:#fff;
  min-height: 130px;              /* tinggi minimum overlay */
  
  /* Kesan glass + gradient gelap bawah */
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.06) 0%,
    rgba(255,255,255,0.05) 14%,
    rgba(0,0,0,0.55) 58%,
    rgba(0,0,0,0.90) 100%
  );
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%); /* Safari */
  border-top: 1px solid rgba(255,255,255,0.22);
  box-shadow: 0 -32px 40px rgba(0,0,0,.35) inset;

  /* Animasi masuk (untuk hover) */
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

/* Tunjuk overlay bila hover pada kad */
.team-glass-card:hover .team-glass-overlay{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Mobile (tiada hover) – sentiasa tunjuk overlay */
@media (hover:none){
  .team-glass-overlay{
    opacity:1; transform:none; pointer-events:auto;
  }
}

/* Tipografi & list dalam overlay */
.team-glass-overlay h1,
.team-glass-overlay h2,
.team-glass-overlay h3,
.team-glass-overlay h4{
  margin:0 0 10px;
  color:#fff;
  line-height:1.2;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

.team-glass-overlay p,
.team-glass-overlay li{
  color: rgba(255,255,255,.92);
}

.team-glass-overlay ul{
  list-style:none; margin:12px 0 0; padding:0;
}
.team-glass-overlay ul li{
  position:relative; padding-left:28px; margin:.4em 0;
}
.team-glass-overlay ul li::before{
  content:"";
  position:absolute; left:0; top:9px;
  width:14px; height:14px; border-radius:50%;
  background: radial-gradient(circle at 40% 40%, #f6e0ff, #b084ff 60%);
  border:2px solid rgba(255,255,255,.9);
  box-shadow: 0 0 0 1px rgba(0,0,0,.2);
}

/* Butang dalam overlay (contoh warna beige) */
.team-glass-overlay .elementor-button,
.team-glass-overlay a.btn{
  background:#e8cfb3; color:#2a2622;
  border-radius:10px; border:0;
  padding:10px 16px; font-weight:600;
  text-decoration:none;
  transition:transform .2s, box-shadow .2s;
}
.team-glass-overlay .elementor-button:hover,
.team-glass-overlay a.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}

/* Fallback jika browser tak support backdrop-filter */
@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){
  .team-glass-overlay{
    background: linear-gradient(180deg, rgba(30,30,30,.35), rgba(0,0,0,.9));
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-bfe3d37 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-f29d6ad *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-5f79462 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1e64496 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-ca08df3 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-3773356 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-96865cd *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-0505d97 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-4845218 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1476367 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-a858903 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-020fba2 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-208f18e *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5182813 *//* Wrapper kad */
.team-glass-card{
  position: relative;
  overflow: hidden;
  border-radius: 14px;            /* ubah ikut design */
}

/* Pastikan gambar fill penuh */
.team-glass-card img{
  display:block; width:100%; height:auto;
}

/* Overlay kaca di bahagian bawah */
.team-glass-overlay{
  position: absolute;
  left:0; right:0; bottom:0;
  padding: clamp(16px, 2.5vw, 28px);
  color:#fff;
  min-height: 130px;              /* tinggi minimum overlay */
  
  /* Kesan glass + gradient gelap bawah */
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.06) 0%,
    rgba(255,255,255,0.05) 14%,
    rgba(0,0,0,0.55) 58%,
    rgba(0,0,0,0.90) 100%
  );
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%); /* Safari */
  border-top: 1px solid rgba(255,255,255,0.22);
  box-shadow: 0 -32px 40px rgba(0,0,0,.35) inset;

  /* Animasi masuk (untuk hover) */
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

/* Tunjuk overlay bila hover pada kad */
.team-glass-card:hover .team-glass-overlay{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Mobile (tiada hover) – sentiasa tunjuk overlay */
@media (hover:none){
  .team-glass-overlay{
    opacity:1; transform:none; pointer-events:auto;
  }
}

/* Tipografi & list dalam overlay */
.team-glass-overlay h1,
.team-glass-overlay h2,
.team-glass-overlay h3,
.team-glass-overlay h4{
  margin:0 0 10px;
  color:#fff;
  line-height:1.2;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

.team-glass-overlay p,
.team-glass-overlay li{
  color: rgba(255,255,255,.92);
}

.team-glass-overlay ul{
  list-style:none; margin:12px 0 0; padding:0;
}
.team-glass-overlay ul li{
  position:relative; padding-left:28px; margin:.4em 0;
}
.team-glass-overlay ul li::before{
  content:"";
  position:absolute; left:0; top:9px;
  width:14px; height:14px; border-radius:50%;
  background: radial-gradient(circle at 40% 40%, #f6e0ff, #b084ff 60%);
  border:2px solid rgba(255,255,255,.9);
  box-shadow: 0 0 0 1px rgba(0,0,0,.2);
}

/* Butang dalam overlay (contoh warna beige) */
.team-glass-overlay .elementor-button,
.team-glass-overlay a.btn{
  background:#e8cfb3; color:#2a2622;
  border-radius:10px; border:0;
  padding:10px 16px; font-weight:600;
  text-decoration:none;
  transition:transform .2s, box-shadow .2s;
}
.team-glass-overlay .elementor-button:hover,
.team-glass-overlay a.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}

/* Fallback jika browser tak support backdrop-filter */
@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){
  .team-glass-overlay{
    background: linear-gradient(180deg, rgba(30,30,30,.35), rgba(0,0,0,.9));
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-bfe3d37 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-f29d6ad *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-5f79462 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1e64496 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-ca08df3 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-3773356 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-96865cd *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-0505d97 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-4845218 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1476367 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-a858903 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-020fba2 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-208f18e *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5182813 *//* Wrapper kad */
.team-glass-card{
  position: relative;
  overflow: hidden;
  border-radius: 14px;            /* ubah ikut design */
}

/* Pastikan gambar fill penuh */
.team-glass-card img{
  display:block; width:100%; height:auto;
}

/* Overlay kaca di bahagian bawah */
.team-glass-overlay{
  position: absolute;
  left:0; right:0; bottom:0;
  padding: clamp(16px, 2.5vw, 28px);
  color:#fff;
  min-height: 130px;              /* tinggi minimum overlay */
  
  /* Kesan glass + gradient gelap bawah */
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.06) 0%,
    rgba(255,255,255,0.05) 14%,
    rgba(0,0,0,0.55) 58%,
    rgba(0,0,0,0.90) 100%
  );
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%); /* Safari */
  border-top: 1px solid rgba(255,255,255,0.22);
  box-shadow: 0 -32px 40px rgba(0,0,0,.35) inset;

  /* Animasi masuk (untuk hover) */
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

/* Tunjuk overlay bila hover pada kad */
.team-glass-card:hover .team-glass-overlay{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Mobile (tiada hover) – sentiasa tunjuk overlay */
@media (hover:none){
  .team-glass-overlay{
    opacity:1; transform:none; pointer-events:auto;
  }
}

/* Tipografi & list dalam overlay */
.team-glass-overlay h1,
.team-glass-overlay h2,
.team-glass-overlay h3,
.team-glass-overlay h4{
  margin:0 0 10px;
  color:#fff;
  line-height:1.2;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

.team-glass-overlay p,
.team-glass-overlay li{
  color: rgba(255,255,255,.92);
}

.team-glass-overlay ul{
  list-style:none; margin:12px 0 0; padding:0;
}
.team-glass-overlay ul li{
  position:relative; padding-left:28px; margin:.4em 0;
}
.team-glass-overlay ul li::before{
  content:"";
  position:absolute; left:0; top:9px;
  width:14px; height:14px; border-radius:50%;
  background: radial-gradient(circle at 40% 40%, #f6e0ff, #b084ff 60%);
  border:2px solid rgba(255,255,255,.9);
  box-shadow: 0 0 0 1px rgba(0,0,0,.2);
}

/* Butang dalam overlay (contoh warna beige) */
.team-glass-overlay .elementor-button,
.team-glass-overlay a.btn{
  background:#e8cfb3; color:#2a2622;
  border-radius:10px; border:0;
  padding:10px 16px; font-weight:600;
  text-decoration:none;
  transition:transform .2s, box-shadow .2s;
}
.team-glass-overlay .elementor-button:hover,
.team-glass-overlay a.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}

/* Fallback jika browser tak support backdrop-filter */
@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){
  .team-glass-overlay{
    background: linear-gradient(180deg, rgba(30,30,30,.35), rgba(0,0,0,.9));
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-bfe3d37 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-f29d6ad *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-5f79462 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1e64496 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-ca08df3 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-3773356 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-96865cd *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-0505d97 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-4845218 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1476367 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-a858903 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-020fba2 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-208f18e *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5182813 *//* Wrapper kad */
.team-glass-card{
  position: relative;
  overflow: hidden;
  border-radius: 14px;            /* ubah ikut design */
}

/* Pastikan gambar fill penuh */
.team-glass-card img{
  display:block; width:100%; height:auto;
}

/* Overlay kaca di bahagian bawah */
.team-glass-overlay{
  position: absolute;
  left:0; right:0; bottom:0;
  padding: clamp(16px, 2.5vw, 28px);
  color:#fff;
  min-height: 130px;              /* tinggi minimum overlay */
  
  /* Kesan glass + gradient gelap bawah */
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.06) 0%,
    rgba(255,255,255,0.05) 14%,
    rgba(0,0,0,0.55) 58%,
    rgba(0,0,0,0.90) 100%
  );
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%); /* Safari */
  border-top: 1px solid rgba(255,255,255,0.22);
  box-shadow: 0 -32px 40px rgba(0,0,0,.35) inset;

  /* Animasi masuk (untuk hover) */
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

/* Tunjuk overlay bila hover pada kad */
.team-glass-card:hover .team-glass-overlay{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Mobile (tiada hover) – sentiasa tunjuk overlay */
@media (hover:none){
  .team-glass-overlay{
    opacity:1; transform:none; pointer-events:auto;
  }
}

/* Tipografi & list dalam overlay */
.team-glass-overlay h1,
.team-glass-overlay h2,
.team-glass-overlay h3,
.team-glass-overlay h4{
  margin:0 0 10px;
  color:#fff;
  line-height:1.2;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

.team-glass-overlay p,
.team-glass-overlay li{
  color: rgba(255,255,255,.92);
}

.team-glass-overlay ul{
  list-style:none; margin:12px 0 0; padding:0;
}
.team-glass-overlay ul li{
  position:relative; padding-left:28px; margin:.4em 0;
}
.team-glass-overlay ul li::before{
  content:"";
  position:absolute; left:0; top:9px;
  width:14px; height:14px; border-radius:50%;
  background: radial-gradient(circle at 40% 40%, #f6e0ff, #b084ff 60%);
  border:2px solid rgba(255,255,255,.9);
  box-shadow: 0 0 0 1px rgba(0,0,0,.2);
}

/* Butang dalam overlay (contoh warna beige) */
.team-glass-overlay .elementor-button,
.team-glass-overlay a.btn{
  background:#e8cfb3; color:#2a2622;
  border-radius:10px; border:0;
  padding:10px 16px; font-weight:600;
  text-decoration:none;
  transition:transform .2s, box-shadow .2s;
}
.team-glass-overlay .elementor-button:hover,
.team-glass-overlay a.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}

/* Fallback jika browser tak support backdrop-filter */
@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){
  .team-glass-overlay{
    background: linear-gradient(180deg, rgba(30,30,30,.35), rgba(0,0,0,.9));
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-bfe3d37 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-f29d6ad *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-5f79462 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1e64496 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-ca08df3 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-3773356 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-96865cd *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-0505d97 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-4845218 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1476367 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-a858903 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-020fba2 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-208f18e *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5182813 *//* Wrapper kad */
.team-glass-card{
  position: relative;
  overflow: hidden;
  border-radius: 14px;            /* ubah ikut design */
}

/* Pastikan gambar fill penuh */
.team-glass-card img{
  display:block; width:100%; height:auto;
}

/* Overlay kaca di bahagian bawah */
.team-glass-overlay{
  position: absolute;
  left:0; right:0; bottom:0;
  padding: clamp(16px, 2.5vw, 28px);
  color:#fff;
  min-height: 130px;              /* tinggi minimum overlay */
  
  /* Kesan glass + gradient gelap bawah */
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.06) 0%,
    rgba(255,255,255,0.05) 14%,
    rgba(0,0,0,0.55) 58%,
    rgba(0,0,0,0.90) 100%
  );
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%); /* Safari */
  border-top: 1px solid rgba(255,255,255,0.22);
  box-shadow: 0 -32px 40px rgba(0,0,0,.35) inset;

  /* Animasi masuk (untuk hover) */
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

/* Tunjuk overlay bila hover pada kad */
.team-glass-card:hover .team-glass-overlay{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Mobile (tiada hover) – sentiasa tunjuk overlay */
@media (hover:none){
  .team-glass-overlay{
    opacity:1; transform:none; pointer-events:auto;
  }
}

/* Tipografi & list dalam overlay */
.team-glass-overlay h1,
.team-glass-overlay h2,
.team-glass-overlay h3,
.team-glass-overlay h4{
  margin:0 0 10px;
  color:#fff;
  line-height:1.2;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

.team-glass-overlay p,
.team-glass-overlay li{
  color: rgba(255,255,255,.92);
}

.team-glass-overlay ul{
  list-style:none; margin:12px 0 0; padding:0;
}
.team-glass-overlay ul li{
  position:relative; padding-left:28px; margin:.4em 0;
}
.team-glass-overlay ul li::before{
  content:"";
  position:absolute; left:0; top:9px;
  width:14px; height:14px; border-radius:50%;
  background: radial-gradient(circle at 40% 40%, #f6e0ff, #b084ff 60%);
  border:2px solid rgba(255,255,255,.9);
  box-shadow: 0 0 0 1px rgba(0,0,0,.2);
}

/* Butang dalam overlay (contoh warna beige) */
.team-glass-overlay .elementor-button,
.team-glass-overlay a.btn{
  background:#e8cfb3; color:#2a2622;
  border-radius:10px; border:0;
  padding:10px 16px; font-weight:600;
  text-decoration:none;
  transition:transform .2s, box-shadow .2s;
}
.team-glass-overlay .elementor-button:hover,
.team-glass-overlay a.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}

/* Fallback jika browser tak support backdrop-filter */
@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){
  .team-glass-overlay{
    background: linear-gradient(180deg, rgba(30,30,30,.35), rgba(0,0,0,.9));
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-bfe3d37 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-f29d6ad *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-5f79462 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1e64496 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-ca08df3 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-3773356 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-96865cd *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-0505d97 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-4845218 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1476367 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-a858903 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-020fba2 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-208f18e *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5182813 *//* Wrapper kad */
.team-glass-card{
  position: relative;
  overflow: hidden;
  border-radius: 14px;            /* ubah ikut design */
}

/* Pastikan gambar fill penuh */
.team-glass-card img{
  display:block; width:100%; height:auto;
}

/* Overlay kaca di bahagian bawah */
.team-glass-overlay{
  position: absolute;
  left:0; right:0; bottom:0;
  padding: clamp(16px, 2.5vw, 28px);
  color:#fff;
  min-height: 130px;              /* tinggi minimum overlay */
  
  /* Kesan glass + gradient gelap bawah */
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.06) 0%,
    rgba(255,255,255,0.05) 14%,
    rgba(0,0,0,0.55) 58%,
    rgba(0,0,0,0.90) 100%
  );
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%); /* Safari */
  border-top: 1px solid rgba(255,255,255,0.22);
  box-shadow: 0 -32px 40px rgba(0,0,0,.35) inset;

  /* Animasi masuk (untuk hover) */
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

/* Tunjuk overlay bila hover pada kad */
.team-glass-card:hover .team-glass-overlay{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Mobile (tiada hover) – sentiasa tunjuk overlay */
@media (hover:none){
  .team-glass-overlay{
    opacity:1; transform:none; pointer-events:auto;
  }
}

/* Tipografi & list dalam overlay */
.team-glass-overlay h1,
.team-glass-overlay h2,
.team-glass-overlay h3,
.team-glass-overlay h4{
  margin:0 0 10px;
  color:#fff;
  line-height:1.2;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

.team-glass-overlay p,
.team-glass-overlay li{
  color: rgba(255,255,255,.92);
}

.team-glass-overlay ul{
  list-style:none; margin:12px 0 0; padding:0;
}
.team-glass-overlay ul li{
  position:relative; padding-left:28px; margin:.4em 0;
}
.team-glass-overlay ul li::before{
  content:"";
  position:absolute; left:0; top:9px;
  width:14px; height:14px; border-radius:50%;
  background: radial-gradient(circle at 40% 40%, #f6e0ff, #b084ff 60%);
  border:2px solid rgba(255,255,255,.9);
  box-shadow: 0 0 0 1px rgba(0,0,0,.2);
}

/* Butang dalam overlay (contoh warna beige) */
.team-glass-overlay .elementor-button,
.team-glass-overlay a.btn{
  background:#e8cfb3; color:#2a2622;
  border-radius:10px; border:0;
  padding:10px 16px; font-weight:600;
  text-decoration:none;
  transition:transform .2s, box-shadow .2s;
}
.team-glass-overlay .elementor-button:hover,
.team-glass-overlay a.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}

/* Fallback jika browser tak support backdrop-filter */
@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){
  .team-glass-overlay{
    background: linear-gradient(180deg, rgba(30,30,30,.35), rgba(0,0,0,.9));
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-bfe3d37 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-f29d6ad *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-5f79462 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1e64496 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-ca08df3 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-3773356 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-96865cd *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-0505d97 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-4845218 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-1476367 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_hover_text_reveal_content_box, class: .elementor-element-a858903 *//* ---- TGA bullets: pink circle + chevron arrow ---- */
.tga-bullets{
  --bullet-bg:#E2C3E0;   /* pink */
  --bullet-size:18px;
  --gap-left:34px;
  --arrow-thick:2px;     /* ketebalan chevron */
}
.tga-bullets{ list-style:none;margin:0;padding:0; }
.tga-bullets li{
  position:relative;
  margin:8px 0;
  padding-left:var(--gap-left);
  line-height:1.5;
}

/* bulatan */
.tga-bullets li::before{
  content:"";
  position:absolute;
  left:0; top:0.6em;
  transform:translateY(-50%);
  width:var(--bullet-size);
  height:var(--bullet-size);
  border-radius:50%;
  background:var(--bullet-bg);
  box-shadow:0 0 0 1px rgba(0,0,0,.05) inset;
}

/* chevron arrow putih di dalam bulatan */
.tga-bullets li::after{
  content:"";
  position:absolute;
  top:0.6em;
  left:calc( (var(--bullet-size) - 8px)/2 ); /* centerkan chevron */
  transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px;
  border-right:var(--arrow-thick) solid #fff;
  border-top:var(--arrow-thick) solid #fff;
}

/* kecilkan pada mobile kecil */
@media (max-width:480px){
  .tga-bullets{ --bullet-size:16px; --gap-left:30px; }
  .tga-bullets li{ margin:6px 0; }
  .tga-bullets li::after{ left:calc( (var(--bullet-size) - 7px)/2 ); width:7px; height:7px; }
}



/* === Overlay + Gloss terus pada widget UE (tanpa container baru) === */
/* 1) Matikan gradient/overlay bawaaan UE dalam widget ini sahaja */
.elementor-element.ue-gloss :is(
  .ue-cr-overlay,
  .ue-cr-gradient,
  .ue-overlay,
  .ue-content-overlay
){
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) Jadikan widget container sebagai lapisan asas dan buat stacking context */
.elementor-element.ue-gloss > .elementor-widget-container{
  position: relative;
  isolation: isolate;           /* pastikan pseudo-element kita di atas */
  overflow: hidden;
  border-radius: 12px;          /* ubah jika perlu */
}

/* 3) OVERLAY gelap (di atas semua kandungan UE) */
.elementor-element.ue-gloss > .elementor-widget-container::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 999;                 /* pastikan paling atas */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.35) 45%,
    rgba(0,0,0,.80) 100%
  );
}

/* 4) GLOSSY shine serong (sedikit di bawah overlay) */
.elementor-element.ue-gloss > .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: -20% -40%;
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(60deg,
    transparent 0%,
    transparent calc(50% - 1px),
    rgba(255,255,255,.38) 50%,
    transparent calc(50% + 1px),
    transparent 100%);
  filter: blur(24px);
  opacity: .45;
  mix-blend-mode: screen;
  transform: translateX(-25%);
  transition: transform .8s ease;
}

/* Optional: animasi sheen ketika hover */
.elementor-element.ue-gloss:hover > .elementor-widget-container::before{
  transform: translateX(25%);
}

/* 5) Pastikan teks putih di atas overlay untuk widget ini sahaja */
.elementor-element.ue-gloss :is(.ue-cr-title, .ue-cr-text, .ue-cr-text p, .ue-cr-text li){
  color:#fff !important;
}

/* Mobile tweak: overlay sedikit lebih gelap, gloss lembut */
@media (max-width:480px){
  .elementor-element.ue-gloss > .elementor-widget-container::after{
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.88) 100%
    );
  }
  .elementor-element.ue-gloss > .elementor-widget-container::before{
    filter: blur(18px);
    opacity: .35;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a79f157 *//* Wrapper kad */
.team-glass-card{
  position: relative;
  overflow: hidden;
  border-radius: 14px;            /* ubah ikut design */
}

/* Pastikan gambar fill penuh */
.team-glass-card img{
  display:block; width:100%; height:auto;
}

/* Overlay kaca di bahagian bawah */
.team-glass-overlay{
  position: absolute;
  left:0; right:0; bottom:0;
  padding: clamp(16px, 2.5vw, 28px);
  color:#fff;
  min-height: 130px;              /* tinggi minimum overlay */
  
  /* Kesan glass + gradient gelap bawah */
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.06) 0%,
    rgba(255,255,255,0.05) 14%,
    rgba(0,0,0,0.55) 58%,
    rgba(0,0,0,0.90) 100%
  );
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%); /* Safari */
  border-top: 1px solid rgba(255,255,255,0.22);
  box-shadow: 0 -32px 40px rgba(0,0,0,.35) inset;

  /* Animasi masuk (untuk hover) */
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

/* Tunjuk overlay bila hover pada kad */
.team-glass-card:hover .team-glass-overlay{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Mobile (tiada hover) – sentiasa tunjuk overlay */
@media (hover:none){
  .team-glass-overlay{
    opacity:1; transform:none; pointer-events:auto;
  }
}

/* Tipografi & list dalam overlay */
.team-glass-overlay h1,
.team-glass-overlay h2,
.team-glass-overlay h3,
.team-glass-overlay h4{
  margin:0 0 10px;
  color:#fff;
  line-height:1.2;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

.team-glass-overlay p,
.team-glass-overlay li{
  color: rgba(255,255,255,.92);
}

.team-glass-overlay ul{
  list-style:none; margin:12px 0 0; padding:0;
}
.team-glass-overlay ul li{
  position:relative; padding-left:28px; margin:.4em 0;
}
.team-glass-overlay ul li::before{
  content:"";
  position:absolute; left:0; top:9px;
  width:14px; height:14px; border-radius:50%;
  background: radial-gradient(circle at 40% 40%, #f6e0ff, #b084ff 60%);
  border:2px solid rgba(255,255,255,.9);
  box-shadow: 0 0 0 1px rgba(0,0,0,.2);
}

/* Butang dalam overlay (contoh warna beige) */
.team-glass-overlay .elementor-button,
.team-glass-overlay a.btn{
  background:#e8cfb3; color:#2a2622;
  border-radius:10px; border:0;
  padding:10px 16px; font-weight:600;
  text-decoration:none;
  transition:transform .2s, box-shadow .2s;
}
.team-glass-overlay .elementor-button:hover,
.team-glass-overlay a.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}

/* Fallback jika browser tak support backdrop-filter */
@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){
  .team-glass-overlay{
    background: linear-gradient(180deg, rgba(30,30,30,.35), rgba(0,0,0,.9));
  }
}/* End custom CSS */