.elementor-3246 .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_vertical_curve_timeline .ue-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_vertical_curve_timeline .ue-subtitle{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_vertical_curve_timeline .ue-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_vertical_curve_timeline .ue-slno{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_vertical_curve_timeline .ue-button-link{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3246 .elementor-element.elementor-element-13380d5 .elementor-repeater-item-f250c66 .ue-slno{background-color:var( --e-global-color-secondary );}.elementor-3246 .elementor-element.elementor-element-13380d5 .ue-card::before{border-style:solid;border-color:var( --e-global-color-codevz_primary_color );}.elementor-3246 .elementor-element.elementor-element-13380d5 .ue-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-text );margin-top:0px;}.elementor-3246 .elementor-element.elementor-element-13380d5 .ue-description{color:#000;margin-top:0px;}.elementor-3246 .elementor-element.elementor-element-13380d5 .ue-slno{width:60px;height:60px;font-family:"Inter", Sans-serif;font-size:22px;font-weight:700;background:var( --e-global-color-secondary );color:#ffffff;border-style:none;}.elementor-3246 .elementor-element.elementor-element-bf489b5{--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_step_process .ue-graphic-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_step_process .ue-step-label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_step_process .ue-step-item-content-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_step_process .ue-step-item-content-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3246 .elementor-element.elementor-element-a4aa75a .elementor-repeater-item-fa886ce .ue-step-label{background-color:#C8A96A !important;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .elementor-repeater-item-269b9be .ue-step-label{background-color:#C8A96A !important;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .elementor-repeater-item-a3df372 .ue-step-label{background-color:#C8A96A !important;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .elementor-repeater-item-0eba0e0 .ue-step-label{background-color:#C8A96A !important;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .elementor-repeater-item-a042aa6 .ue-step-label{background-color:#C8A96A !important;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-step-item-gap{width:0px;height:0px;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-step-item-line{background-color:var( --e-global-color-text );}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-step-icon{width:115px;height:121px;background-color:#0F2F2A;color:#ffffff;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-icon{font-size:70px;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-graphic-image img{width:70px;height:70px;object-fit:cover;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-step-icon svg{fill:#ffffff;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-step-icon,.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-graphic-image img{border-radius:10px 10px 10px 10px;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .uc-item-active .ue-step-icon{background-color:#000000 !important;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-step-label{background-color:#c9c9c9;color:#ffffff;font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;padding:5px 10px 5px 10px;border-radius:10px 10px 10px 10px;min-height:0px;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-step-item-content{padding:10px 10px 10px 10px;text-align:center;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-step-item-spacer{width:10px;height:10px;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-step-item-content-title{color:#0F2F2A;font-family:"Inter", Sans-serif;font-size:21px;font-weight:500;margin-top:10px;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-step-item-content-text{color:#666666;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:21px;margin-top:10px;}.elementor-3246 .elementor-element.elementor-element-ab46295 .elementor-repeater-item-fa886ce .ue-step-label{background-color:#C8A96A !important;}.elementor-3246 .elementor-element.elementor-element-ab46295 .elementor-repeater-item-269b9be .ue-step-label{background-color:#C8A96A !important;}.elementor-3246 .elementor-element.elementor-element-ab46295 .elementor-repeater-item-a3df372 .ue-step-label{background-color:#C8A96A !important;}.elementor-3246 .elementor-element.elementor-element-ab46295 .elementor-repeater-item-0eba0e0 .ue-step-label{background-color:#C8A96A !important;}.elementor-3246 .elementor-element.elementor-element-ab46295 .elementor-repeater-item-a042aa6 .ue-step-label{background-color:#C8A96A !important;}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-step-item-gap{width:80px;height:80px;}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-step-item-line{background-color:var( --e-global-color-text );}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-step-icon{width:115px;height:121px;background-color:#0F2F2A;color:#ffffff;}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-icon{font-size:70px;}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-graphic-image img{width:70px;height:70px;object-fit:cover;}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-step-icon svg{fill:#ffffff;}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-step-icon,.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-graphic-image img{border-radius:10px 10px 10px 10px;}.elementor-3246 .elementor-element.elementor-element-ab46295 .uc-item-active .ue-step-icon{background-color:#000000 !important;}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-step-label{background-color:#c9c9c9;color:#ffffff;font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;padding:5px 10px 5px 10px;border-radius:10px 10px 10px 10px;min-height:0px;}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-step-item-content{padding:10px 10px 10px 10px;text-align:center;}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-step-item-spacer{width:10px;height:10px;}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-step-item-content-title{color:#0F2F2A;font-family:"Inter", Sans-serif;font-size:21px;font-weight:500;margin-top:10px;}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-step-item-content-text{color:#666666;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:21px;margin-top:10px;}@media(min-width:768px){.elementor-3246 .elementor-element.elementor-element-71430d6{--content-width:800px;}}@media(max-width:1024px){.elementor-3246 .elementor-element.elementor-element-13380d5 .ue-slno{width:48px;height:48px;}}@media(max-width:767px){.elementor-3246 .elementor-element.elementor-element-13380d5 .ue-slno{width:48px;height:48px;}.elementor-3246 .elementor-element.elementor-element-bf489b5{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-step-label{min-width:0px;}.elementor-3246 .elementor-element.elementor-element-a4aa75a .ue-step-item-content{padding:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-step-label{min-width:0px;}.elementor-3246 .elementor-element.elementor-element-ab46295 .ue-step-item-content{padding:0px 0px 0px 0px;}}/* 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 */