.elementor-2954 .elementor-element.elementor-element-71430d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-ucaddon_carousel_flip_box .ue-flip-box__panel--front .ue-flip-box__title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_carousel_flip_box .ue-flip-box__panel--front .ue-flip-box__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_carousel_flip_box .ue-flip-box__panel--back .ue-flip-box__title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_carousel_flip_box .ue-flip-box__panel--back .ue-flip-box__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_carousel_flip_box .ue_btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--front{background-color:#102F2A;padding:20px 20px 20px 20px;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--back{background-color:#2b2b2b;padding:20px 20px 20px 20px;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .elementor-repeater-item-6012cac .ue-flip-box__panel--front{background-size:cover !important;background-position:center center !important;background-blend-mode:normal  !important;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .elementor-repeater-item-6012cac .ue-flip-box__panel--back{background-size:cover !important;background-position:center center !important;background-blend-mode:normal  !important;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .elementor-repeater-item-941d4b7 .ue-flip-box__panel--front{background-size:cover !important;background-position:center center !important;background-blend-mode:normal  !important;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .elementor-repeater-item-941d4b7 .ue-flip-box__panel--back{background-size:cover !important;background-position:center center !important;background-blend-mode:normal  !important;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .elementor-repeater-item-413717f .ue-flip-box__panel--front{background-size:cover !important;background-position:center center !important;background-blend-mode:normal  !important;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .elementor-repeater-item-413717f .ue-flip-box__panel--back{background-size:cover !important;background-position:center center !important;background-blend-mode:normal  !important;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .elementor-repeater-item-de00933 .ue-flip-box__panel--front{background-size:cover !important;background-position:center center !important;background-blend-mode:normal  !important;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .elementor-repeater-item-de00933 .ue-flip-box__panel--back{background-size:cover !important;background-position:center center !important;background-blend-mode:normal  !important;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box{height:300px;--duration:800ms;opacity:100%;transform:scale(1,1);}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel{border-radius:0px;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__overlay{transition-duration:800ms !important;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--front .ue-flip-box__panel__content{align-items:center;justify-content:center;text-align:center;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--front-overlay{opacity:100%;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--front .ue-flip-box__icon{font-size:54px;color:#3e3ff0;width:62px;height:62px;background-color:#ffffff;border-radius:100px;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--front .ue-flip-box__icon svg{fill:#3e3ff0 !important;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--front .ue-flip-box__icon svg path{fill:#3e3ff0 !important;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--front .ue-flip-box__title{color:#ffffff;margin-top:10px;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--front .ue-flip-box__description{color:rgba(255, 255, 255, 0.70);margin-top:10px;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__front-trigger{font-size:20px;color:#303030;opacity:100%;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__front-trigger svg{fill:#303030;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__front-trigger:hover{color:#303030;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__front-trigger:hover svg{fill:#303030;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--back .ue-flip-box__panel__content{align-items:center;justify-content:center;text-align:center;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--back-overlay{opacity:100%;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--back .ue-flip-box__icon{font-size:50px;color:#d9d9d9;width:122px;height:122px;background-color:#6a6a6a;border-radius:100px;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--back .ue-flip-box__icon svg{fill:#d9d9d9 !important;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--back .ue-flip-box__icon svg path{fill:#d9d9d9 !important;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box-icons{justify-content:center;text-align:left;margin-top:20px;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box-icons a{width:80px;height:80px;font-size:15px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#000000;border-radius:30px 30px 30px 30px;margin:5px 5px 5px 5px;color:#000000;background-color:#ffffff;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box-icons a svg{fill:#000000;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--back .ue-flip-box__title{color:#ffffff;margin-top:10px;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__panel--back .ue-flip-box__description{color:#c6c6c6;margin-top:10px;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue_btn{padding:10px 20px 10px 20px;background-color:#bfbfbf;color:#ffffff;display:inline-block;border-radius:100px;margin:10px 0px 0px 0px;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue_btn:hover{background-color:#8d8d8d;color:#ffffff;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__back-trigger{font-size:20px;color:#ececec;opacity:100%;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__back-trigger svg{fill:#ececec;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__back-trigger:hover{color:#ececec;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .ue-flip-box__back-trigger:hover svg{fill:#ececec;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .owl-dot.active{background-color:#000000;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .owl-dots{margin-top:20px;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .owl-nav .owl-prev{left:0px;right:auto;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .owl-nav .owl-next{right:0px;left:auto;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .owl-carousel .owl-nav .owl-next,.elementor-2954 .elementor-element.elementor-element-2c2cc34 .owl-carousel .owl-nav .owl-prev{top:90px;border-radius:0px;width:62px;height:62px;line-height:62px;font-size:24px;background-color:#ffffff;color:#000000;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .owl-carousel .owl-nav .owl-next:hover,.elementor-2954 .elementor-element.elementor-element-2c2cc34 .owl-carousel .owl-nav .owl-prev:hover{background-color:#000000;color:#ffffff;}.elementor-2954 .elementor-element.elementor-element-2c2cc34 .uc-active-item .ue-flip-box{opacity:100%;transform:scale(1,1);}.elementor-2954 .elementor-element.elementor-element-f184b1d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-2954 .elementor-element.elementor-element-5796628{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2954 .elementor-element.elementor-element-b4e832b{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2954 .elementor-element.elementor-element-b4e832b:not(.elementor-motion-effects-element-type-background), .elementor-2954 .elementor-element.elementor-element-b4e832b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://project.swot.com.my/75/wp-content/uploads/2026/04/column-bg-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2954 .elementor-element.elementor-element-b4e832b.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-2954 .elementor-element.elementor-element-c55b7d9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2954 .elementor-element.elementor-element-c55b7d9.elementor-element{--align-self:flex-start;}.elementor-2954 .elementor-element.elementor-element-c55b7d9 .cz_title .cz_title_content{color:#0f2f2a;font-size:12px;font-family:'Montserrat';text-transform:uppercase;letter-spacing:0.5px;background-color:#c8a96a;padding:2px 10px;}.elementor-2954 .elementor-element.elementor-element-16e0974 .cz_title .cz_title_content{color:#0f2f2a;font-size:12px;}.elementor-2954 .elementor-element.elementor-element-16e0974 .cz_title .cz_title_content h3{color:#ffffff;font-size:56px;font-family:'Playfair';line-height:61.5px;letter-spacing:-1.39767px;}.elementor-2954 .elementor-element.elementor-element-5d1e4b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2954 .elementor-element.elementor-element-863f7fd{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2954 .elementor-element.elementor-element-863f7fd:not(.elementor-motion-effects-element-type-background), .elementor-2954 .elementor-element.elementor-element-863f7fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F2EE;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2954 .elementor-element.elementor-element-e043c02{text-align:start;}.elementor-2954 .elementor-element.elementor-element-e043c02 img{max-width:50px;height:50px;}.elementor-2954 .elementor-element.elementor-element-833080a .cz_gap{height:60px;}.elementor-2954 .elementor-element.elementor-element-8498207 .cz_title .cz_title_content{color:#0f2f2a;font-size:20px;font-family:'Inter';font-weight:700;line-height:28px;}.elementor-2954 .elementor-element.elementor-element-4e00994{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2954 .elementor-element.elementor-element-c3ae2eb{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2954 .elementor-element.elementor-element-c3ae2eb:not(.elementor-motion-effects-element-type-background), .elementor-2954 .elementor-element.elementor-element-c3ae2eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F2EE;}.elementor-2954 .elementor-element.elementor-element-9ebae38{text-align:start;}.elementor-2954 .elementor-element.elementor-element-9ebae38 img{max-width:50px;height:50px;}.elementor-2954 .elementor-element.elementor-element-3bdeb36 .cz_gap{height:60px;}.elementor-2954 .elementor-element.elementor-element-5f74113 .cz_title .cz_title_content{color:#0f2f2a;font-size:20px;font-family:'Inter';font-weight:700;line-height:28px;}.elementor-2954 .elementor-element.elementor-element-84f124f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2954 .elementor-element.elementor-element-6869807{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2954 .elementor-element.elementor-element-6869807:not(.elementor-motion-effects-element-type-background), .elementor-2954 .elementor-element.elementor-element-6869807 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F2EE;}.elementor-2954 .elementor-element.elementor-element-15343fd{text-align:start;}.elementor-2954 .elementor-element.elementor-element-15343fd img{max-width:50px;height:50px;}.elementor-2954 .elementor-element.elementor-element-683d418 .cz_gap{height:60px;}.elementor-2954 .elementor-element.elementor-element-41d3286 .cz_title .cz_title_content{color:#0f2f2a;font-size:20px;font-family:'Inter';font-weight:700;line-height:28px;}.elementor-2954 .elementor-element.elementor-element-d7b286a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2954 .elementor-element.elementor-element-338a1de{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2954 .elementor-element.elementor-element-338a1de:not(.elementor-motion-effects-element-type-background), .elementor-2954 .elementor-element.elementor-element-338a1de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F2EE;}.elementor-2954 .elementor-element.elementor-element-eae29ee{text-align:start;}.elementor-2954 .elementor-element.elementor-element-eae29ee img{max-width:50px;height:50px;}.elementor-2954 .elementor-element.elementor-element-b12ae57 .cz_gap{height:60px;}.elementor-2954 .elementor-element.elementor-element-f97ecd8 .cz_title .cz_title_content{color:#0f2f2a;font-size:20px;font-family:'Inter';font-weight:700;line-height:28px;}.elementor-2954 .elementor-element.elementor-element-e218163{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2954 .elementor-element.elementor-element-e218163.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-2954 .elementor-element.elementor-element-4c09b2c{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-2954 .elementor-element.elementor-element-4c09b2c:not(.elementor-motion-effects-element-type-background), .elementor-2954 .elementor-element.elementor-element-4c09b2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://project.swot.com.my/75/wp-content/uploads/2026/04/corporate-board-meeting-discussing-sustainability-ethical-practices-large-modern-room.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2954 .elementor-element.elementor-element-4c09b2c.e-con{--flex-grow:1;--flex-shrink:1;}@media(min-width:768px){.elementor-2954 .elementor-element.elementor-element-5796628{--width:33.3333%;}.elementor-2954 .elementor-element.elementor-element-5d1e4b1{--width:33.3333%;}.elementor-2954 .elementor-element.elementor-element-4e00994{--width:33.3333%;}.elementor-2954 .elementor-element.elementor-element-84f124f{--width:33.3333%;}.elementor-2954 .elementor-element.elementor-element-d7b286a{--width:33.3333%;}.elementor-2954 .elementor-element.elementor-element-e218163{--width:33.3333%;}}@media(min-width:1025px){.elementor-2954 .elementor-element.elementor-element-b4e832b:not(.elementor-motion-effects-element-type-background), .elementor-2954 .elementor-element.elementor-element-b4e832b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-2954 .elementor-element.elementor-element-4c09b2c:not(.elementor-motion-effects-element-type-background), .elementor-2954 .elementor-element.elementor-element-4c09b2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-2954 .elementor-element.elementor-element-b4e832b{--min-height:250px;--justify-content:center;}.elementor-2954 .elementor-element.elementor-element-16e0974 .cz_title .cz_title_content h3{font-size:30px;line-height:40px;}.elementor-2954 .elementor-element.elementor-element-4c09b2c{--min-height:300px;}}/* Start custom CSS *//* Removes the icon/image on the front of the flip box */
.ue-flip-box .ue-flip-box__icon, 
.ue-flip-box .ue-flip-box__image_wrapper {
    display: none !important;
}

/* 1. Shrink all slides by default */
.owl-item {
    transform: scale(0.85);
    transition: transform 0.5s ease, opacity 0.5s ease;
    opacity: 0.6; /* Optional: dims side slides like BCG */
}

/* 2. Enlarge the center (active) slide */
.owl-item.active.center {
    transform: scale(1.1);
    opacity: 1;
    z-index: 10;
}

/* 3. Hide details by default, show only on center slide */
.owl-item .ue-flip-box_panel__content {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.owl-item.active.center .ue-flip-box_panel__content {
    opacity: 1;
}

/* Forces the back panel to be visible on the center slide without flipping */
.owl-item.active.center .ue-flip-box__container:hover .ue-flip-box__panel--front {
    transform: none !important; /* Prevents the flip */
}

.owl-item.active.center .ue-flip-box__panel--back {
    opacity: 1 !important;
    transform: none !important;
    background: rgba(0,0,0,0); /* Darkens image to make text readable */
}

/* Removes the "Read More" button from the flip box panel */
.ue-flip-box .ue-flip-box__button {
    display: none !important;
}

/* 1. General Container: Align everything to the left */
.ue-flip-box .ue-flip-box__panel_content {
    align-items: flex-start !important;
    text-align: left !important;
    padding: 20px !important; /* Adjust padding to keep text away from edges */
    justify-content: flex-end !important; /* Keeps boxes toward the bottom like the BCG style */
}

/* remove the icon */
.elementor-widget-ucaddon_carousel_flip_box .ue-flip-box__panel--front .ue-flip-box__title {
    display: none !important; 
}

/* 2. Title Style */
.ue-flip-box .ue-flip-box__title {
    background-color: #c8a96a !important;
    color: #fff !important;
    padding: 10px !important;
    display: inline-block !important; /* Makes the box only as wide as the text */
    margin-bottom: 10px !important;
    font-weight: bold;
    border-radius: 30px; /* Optional: adds a slight rounded corner */
}

/* 3. Description Style (Semi-transparent black) */
.ue-flip-box .ue-flip-box__description {
    background-color: rgba(0, 0, 0, 0.5) !important;
    color: #ffffff !important;
    padding: 12px 15px !important;
    display: block !important; /* Allows it to span the width if needed */
    line-height: 1.4;
    border-radius: 4px;
}

/* 1. Remove the empty icon box/spacer */
.ue-flip-box .ue-flip-box_icon, 
.ue-flip-box .ue-flip-box_icon_wrapper,
.ue-flip-box .ue-flip-box__icon_wrapper {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Hide the front-side description box (since you only want the title/box on the active center) */
.ue-flip-box .ue-flip-box__panel--front .ue-flip-box__description {
    display: none !important;
}

/* 3. Ensure the title is also hidden on non-active slides if it's leaving ghost boxes */
.owl-item:not(.center) .ue-flip-box__title,
.owl-item:not(.center) .ue-flip-box__description {
    display: none !important;
}

/* Hide the icon/spacer in the middle */
.ue-flip-box__panel_wrapper img, 
.ue-flip-box__panel_wrapper .ue-flip-box__icon {
    display: none !important;
}

/* Align content to the left */
.ue-flip-box__panel_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important; /* Shoves the orange box and text to the left */
    text-align: left !important;
    padding-left: 20px; /* Optional: adds a little breathing room from the edge */
}

/* Remove the dark overlay to make the background image clear */
.ue-flip-box__panel--back-overlay {
    background-color: transparent !important;
    opacity: 0 !important;
}

/* make the panel content align to left */
.ue-flip-box__panel--back .ue-flip-box__panel__content {
    /*align-items: flex-start !important;*/
    text-align: left !important;
}

/* make center item more bigger*/
@media (min-width: 768px) {
    .owl-item.active.uc-active-item {
        height: 120%;
        width:440px !important;
    }
    
    .owl-item.active {
        height: 90%;
        width:380px !important; 
    }
    
    .owl-stage-outer {
        height: 120%;
    }
    
    .owl-stage-outer{
        overflow-x: unset !important;
        overflow-y: unset !important;
    }
    
    .owl-item .ue-flip-box{
        display: none;
    }
    
    .owl-item.active .ue-flip-box {
        display: block;
    }
}

/** start governance-control page flip-box **/
.ue-flip-box__title svg{
    width:40px!important;
    height:40px!important;
    fill:#fff;
    transition: all .3s ease;
    padding:3px!important;
}

/* hover color */
.ue-flip-box:hover .ue-flip-box__title svg{
    fill:#fff;
}

.owl-next{
    right: -20px !important;
}


/** end governance-control page flip-box **/

/* 1. The Base State */
.my-hover-box {
    transition: all 0.4s ease !important;
    cursor: pointer;
    /* FIX: This stops the orange from leaking out of the corners */
    overflow: hidden !important; 
    border-radius: 10px; /* Match this number to whatever radius you set in Elementor */
}

/* 2. The Hover State */
.my-hover-box:hover {
    background-color: #fe8300 !important; 
}

/* 3. Text and Icon Color Fixes */
.my-hover-box:hover,
.my-hover-box:hover * {
    color: #ffffff !important; 
}

.my-hover-box:hover .elementor-icon {
    background-color: #002D2D !important; 
}

.my-hover-box:hover .elementor-icon svg {
    fill: #ffffff !important; 
}

/* 4. Ensure no overlays block the radius */
.my-hover-box:hover::before {
    opacity: 0 !important;
    border-radius: inherit !important;
}/* End custom CSS */