.elementor-3370 .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:80px;--margin-left:0px;--margin-right:0px;}.elementor-3370 .elementor-element.elementor-element-eb8293f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3370 .elementor-element.elementor-element-eb8293f .cz_title .cz_title_content{color:#0f2f2a;font-size:12px;font-family:'Montserrat';text-transform:uppercase;letter-spacing:0.5px;}.elementor-3370 .elementor-element.elementor-element-3cafab1 .cz_line{background-color:#e5e7eb;height:1px;}.elementor-3370 .elementor-element.elementor-element-f0093bf .cz_title .cz_title_content{color:#0f2f2a;font-size:12px;}.elementor-3370 .elementor-element.elementor-element-f0093bf .cz_title .cz_title_content h3{color:#0f2f2a;font-size:56px;font-family:'Playfair';line-height:61.5px;letter-spacing:-1.39767px;}.elementor-3370 .elementor-element.elementor-element-9b131da > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-3370 .elementor-element.elementor-element-9b131da.elementor-element{--align-self:flex-start;}.elementor-3370 .elementor-element.elementor-element-9b131da .cz_title .cz_title_content{color:#0f2f2a;font-size:18px;font-family:'Montserrat';text-transform:uppercase;letter-spacing:0.5px;background-color:#c8a96a;padding:2px 10px;}.elementor-3370 .elementor-element.elementor-element-c91b07a{--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-3370 .elementor-element.elementor-element-9f3bcbd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#E5E7EB;--border-color:#E5E7EB;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3370 .elementor-element.elementor-element-9f3bcbd:hover{border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#0F2F2A;--border-color:#0F2F2A;--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-3370 .elementor-element.elementor-element-9f3bcbd, .elementor-3370 .elementor-element.elementor-element-9f3bcbd::before{--border-transition:0.3s;}.elementor-3370 .elementor-element.elementor-element-cb18bef > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3370 .elementor-element.elementor-element-cb18bef .services{color:#666666;font-size:15px;line-height:22.5px;padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;}.elementor-3370 .elementor-element.elementor-element-cb18bef .services h3,.elementor-3370 .elementor-element.elementor-element-cb18bef services h3 a{color:#0f2f2a;font-size:20px;font-weight:500;line-height:28px;}.elementor-3370 .elementor-element.elementor-element-cb18bef .services .cz_hexagon,.elementor-3370 .elementor-element.elementor-element-cb18bef .services i:not(.cz_sb_sep_icon):not(.cz_hexagon i){color:#0f2f2a;font-size:32px;background-position:center center;padding:0px;border-radius:99px;}.elementor-3370 .elementor-element.elementor-element-cb18bef .services .service_img:not(.service_number){background-color:#0f2f2a;width:100px;padding:20px;border-color:#c8a96a;border-style:solid;border-radius:80px;border-width:3px;}.elementor-3370 .elementor-element.elementor-element-78338c1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#E5E7EB;--border-color:#E5E7EB;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3370 .elementor-element.elementor-element-78338c1:hover{border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#0F2F2A;--border-color:#0F2F2A;--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-3370 .elementor-element.elementor-element-78338c1, .elementor-3370 .elementor-element.elementor-element-78338c1::before{--border-transition:0.3s;}.elementor-3370 .elementor-element.elementor-element-4cad19f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3370 .elementor-element.elementor-element-4cad19f .services{color:#666666;font-size:15px;line-height:22.5px;padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;}.elementor-3370 .elementor-element.elementor-element-4cad19f .services h3,.elementor-3370 .elementor-element.elementor-element-4cad19f services h3 a{color:#0f2f2a;font-size:20px;font-weight:500;line-height:28px;}.elementor-3370 .elementor-element.elementor-element-4cad19f .services .cz_hexagon,.elementor-3370 .elementor-element.elementor-element-4cad19f .services i:not(.cz_sb_sep_icon):not(.cz_hexagon i){color:#0f2f2a;font-size:32px;background-position:center center;padding:0px;border-radius:99px;}.elementor-3370 .elementor-element.elementor-element-4cad19f .services .service_img:not(.service_number){background-color:#0f2f2a;width:100px;padding:20px;border-color:#c8a96a;border-style:solid;border-radius:80px;border-width:3px;}.elementor-3370 .elementor-element.elementor-element-f557d1c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#E5E7EB;--border-color:#E5E7EB;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3370 .elementor-element.elementor-element-f557d1c:hover{border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#0F2F2A;--border-color:#0F2F2A;--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-3370 .elementor-element.elementor-element-f557d1c, .elementor-3370 .elementor-element.elementor-element-f557d1c::before{--border-transition:0.3s;}.elementor-3370 .elementor-element.elementor-element-f3af4e3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3370 .elementor-element.elementor-element-f3af4e3 .services{color:#666666;font-size:15px;line-height:22.5px;padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;}.elementor-3370 .elementor-element.elementor-element-f3af4e3 .services h3,.elementor-3370 .elementor-element.elementor-element-f3af4e3 services h3 a{color:#0f2f2a;font-size:20px;font-weight:500;line-height:28px;}.elementor-3370 .elementor-element.elementor-element-f3af4e3 .services .cz_hexagon,.elementor-3370 .elementor-element.elementor-element-f3af4e3 .services i:not(.cz_sb_sep_icon):not(.cz_hexagon i){color:#0f2f2a;font-size:32px;background-position:center center;padding:0px;border-radius:99px;}.elementor-3370 .elementor-element.elementor-element-f3af4e3 .services .service_img:not(.service_number){background-color:#0f2f2a;width:100px;padding:20px;border-color:#c8a96a;border-style:solid;border-radius:80px;border-width:3px;}.elementor-3370 .elementor-element.elementor-element-9aa303c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#E5E7EB;--border-color:#E5E7EB;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3370 .elementor-element.elementor-element-9aa303c:hover{border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#0F2F2A;--border-color:#0F2F2A;--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-3370 .elementor-element.elementor-element-9aa303c, .elementor-3370 .elementor-element.elementor-element-9aa303c::before{--border-transition:0.3s;}.elementor-3370 .elementor-element.elementor-element-a0944a0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3370 .elementor-element.elementor-element-a0944a0 .services{color:#666666;font-size:15px;line-height:22.5px;padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;}.elementor-3370 .elementor-element.elementor-element-a0944a0 .services h3,.elementor-3370 .elementor-element.elementor-element-a0944a0 services h3 a{color:#0f2f2a;font-size:20px;font-weight:500;line-height:28px;}.elementor-3370 .elementor-element.elementor-element-a0944a0 .services .cz_hexagon,.elementor-3370 .elementor-element.elementor-element-a0944a0 .services i:not(.cz_sb_sep_icon):not(.cz_hexagon i){color:#0f2f2a;font-size:32px;background-position:center center;padding:0px;border-radius:99px;}.elementor-3370 .elementor-element.elementor-element-a0944a0 .services .service_img:not(.service_number){background-color:#0f2f2a;width:100px;padding:20px;border-color:#c8a96a;border-style:solid;border-radius:80px;border-width:3px;}@media(min-width:768px){.elementor-3370 .elementor-element.elementor-element-9f3bcbd{--width:33.3333%;}.elementor-3370 .elementor-element.elementor-element-78338c1{--width:33.3333%;}.elementor-3370 .elementor-element.elementor-element-f557d1c{--width:33.3333%;}.elementor-3370 .elementor-element.elementor-element-9aa303c{--width:33.3333%;}}@media(max-width:767px){.elementor-3370 .elementor-element.elementor-element-f0093bf .cz_title .cz_title_content h3{font-size:30px;line-height:40px;}}/* 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 */