.elementor-3833 .elementor-element.elementor-element-56dbafc{--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:80px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-3833 .elementor-element.elementor-element-ec68aed > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3833 .elementor-element.elementor-element-ec68aed .cz_title .cz_title_content{color:#0f2f2a;font-size:12px;font-family:'Montserrat';text-transform:uppercase;letter-spacing:0.5px;}.elementor-3833 .elementor-element.elementor-element-3fefcac .cz_line{background-color:#e5e7eb;height:1px;}.elementor-3833 .elementor-element.elementor-element-abab1bc .cz_title .cz_title_content{color:#0f2f2a;font-size:12px;}.elementor-3833 .elementor-element.elementor-element-abab1bc .cz_title .cz_title_content h3{color:#0f2f2a;font-size:56px;font-family:'Playfair';line-height:61.5px;letter-spacing:-1.39767px;}.elementor-3833 .elementor-element.elementor-element-061081c{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3833 .elementor-element.elementor-element-4697520{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3833 .elementor-element.elementor-element-c9a32a6{--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;}.elementor-3833 .elementor-element.elementor-element-d40dc1b{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3833 .elementor-element.elementor-element-d40dc1b:not(.elementor-motion-effects-element-type-background), .elementor-3833 .elementor-element.elementor-element-d40dc1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-codevz_primary_color );}.elementor-3833 .elementor-element.elementor-element-9028d71 .cz_title .cz_title_content{color:#c8a96a;font-size:20px;font-weight:500;}.elementor-3833 .elementor-element.elementor-element-9028d71 .cz_title .cz_title_line span,.elementor-3833 .elementor-element.elementor-element-9028d71 .cz_title .cz_line_side_solo{background-color:#0f2f2a;width:1px;height:30px;}.elementor-3833 .elementor-element.elementor-element-12a6190 .cz_title .cz_title_content{color:#ffffff;font-size:15px;font-weight:400;line-height:1.25;margin-top:-30px;}.elementor-3833 .elementor-element.elementor-element-12a6190 .cz_title .cz_title_line span,.elementor-3833 .elementor-element.elementor-element-12a6190 .cz_title .cz_line_side_solo{background-color:#666666;width:1px;height:80px;}.elementor-3833 .elementor-element.elementor-element-76692e6{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3833 .elementor-element.elementor-element-76692e6:not(.elementor-motion-effects-element-type-background), .elementor-3833 .elementor-element.elementor-element-76692e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-codevz_primary_color );}.elementor-3833 .elementor-element.elementor-element-0d381cd .cz_title .cz_title_content{color:#c8a96a;font-size:20px;font-weight:500;}.elementor-3833 .elementor-element.elementor-element-0d381cd .cz_title .cz_title_line span,.elementor-3833 .elementor-element.elementor-element-0d381cd .cz_title .cz_line_side_solo{background-color:#0f2f2a;width:1px;height:30px;}.elementor-3833 .elementor-element.elementor-element-372c3d2 .cz_title .cz_title_content{color:#ffffff;font-size:15px;font-weight:400;line-height:1.25;margin-top:-30px;}.elementor-3833 .elementor-element.elementor-element-372c3d2 .cz_title .cz_title_line span,.elementor-3833 .elementor-element.elementor-element-372c3d2 .cz_title .cz_line_side_solo{background-color:#666666;width:1px;height:80px;}.elementor-3833 .elementor-element.elementor-element-7bf10d8{--display:flex;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-3833 .elementor-element.elementor-element-7c16bd4{--iteration-count:infinite;}.elementor-3833 .elementor-element.elementor-element-7c16bd4 .elementor-headline{text-align:center;font-family:"Playfair", Sans-serif;font-size:36px;font-weight:600;}.elementor-3833 .elementor-element.elementor-element-7c16bd4 .elementor-headline-dynamic-text{font-family:"Playfair", Sans-serif;font-weight:600;}.elementor-3833 .elementor-element.elementor-element-2fe7a35{--display:flex;}.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-3833 .elementor-element.elementor-element-72012c2{width:initial;max-width:initial;}.elementor-3833 .elementor-element.elementor-element-72012c2.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-3833 .elementor-element.elementor-element-56dbafc{--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-3833 .elementor-element.elementor-element-abab1bc .cz_title .cz_title_content h3{font-size:30px;line-height:40px;}.elementor-3833 .elementor-element.elementor-element-7c16bd4 .elementor-headline{text-align:start;font-size:30px;}.elementor-3833 .elementor-element.elementor-element-72012c2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3833 .elementor-element.elementor-element-72012c2 img{width:100%;}}/* 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. Orange Title Style */
.ue-flip-box .ue-flip-box__title {
    background-color: #fe8300 !important;
    color: #0e4344 !important;
    padding: 8px 15px !important;
    display: inline-block !important; /* Makes the box only as wide as the text */
    margin-bottom: 10px !important;
    font-weight: bold;
    border-radius: 4px; /* 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;
    }
}

/* 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 */