.elementor-2552 .elementor-element.elementor-element-f4dcfc6:not(.elementor-motion-effects-element-type-background), .elementor-2552 .elementor-element.elementor-element-f4dcfc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-25da192 );}.elementor-2552 .elementor-element.elementor-element-f4dcfc6, .elementor-2552 .elementor-element.elementor-element-f4dcfc6 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-2552 .elementor-element.elementor-element-f4dcfc6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2552 .elementor-element.elementor-element-f4dcfc6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2552 .elementor-element.elementor-element-340b235 .elementkit-tab-nav .elementkit-nav-link.active{background-color:var( --e-global-color-accent );}/* Start custom CSS for section, class: .elementor-element-f4dcfc6 */.elementor-2552 .elementor-element.elementor-element-f4dcfc6 .ekit-wid-con .elementkit-tab-content .elementkit-tab-pane{
    padding-left: 0px !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0a74d75 *//* ==========================================

   ELEMENTSKIT SIMPLE TAB CUSTOM HEAD STYLING

   ========================================== */
 
/* 1. Container Alignment Adjustments & Layout */

.elementkit-tab-wraper.vertical {

    display: flex;

    gap: 0;

}
 
.elementkit-tab-wraper.vertical .elementkit-tab-nav {

    border-bottom: none;

    border-right: 1px solid #e2e8f0;

    padding: 0;

    margin: 0;

    min-width: 290px; /* Accommodates larger text sizing comfortably */

    background-color: #ffffff;

    display: flex;

    flex-direction: column;

}
 
/* 2. Individual Nav Item Wrapper */

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item {

    margin: 0;

    padding: 0;

    list-style: none;

    border-bottom: 1px solid #f1f5f9; /* Soft horizontal divider lines */

}
 
/* 3. Base Tab Link & Typography Styling */

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link {

    display: flex;

    align-items: center;

    text-align: left; /* Forces explicit left-alignment */

    justify-content: flex-start;

    padding: 18px 24px;

    color: #0c2340 !important; /* Deep Navy text */

    font-family: 'Oswald', sans-serif !important; /* Set font to Oswald */

    font-size: 18px; /* Slightly upscaled for Oswald readability */

    text-transform: uppercase; /* Common clean standard for Oswald headings */

    font-weight: 500;

    text-decoration: none;

    transition: all 0.3s ease-in-out;

    border: none !important;

    border-radius: 10 !important;

    position: relative;

    background-color: transparent;

}
 
/* 4. Upscaled Icon Layout Adjustments */

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementskit-tab-icon {

    margin-right: 18px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 28px;  /* Increased icon width sizing */

    height: 28px; /* Increased icon height sizing */

    min-width: 28px; /* Prevents icon shrinking inside flex containers */

    transition: all 0.3s ease-in-out;

}
 
.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementskit-tab-icon svg,

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementskit-tab-icon i {

    width: 100%;

    height: 100%;

    font-size: 28px; /* Scales icon font sizes */

    fill: #0056b3;  /* Primary Blue standard state */

    color: #0056b3;

}
 
/* 5. Title Text Layout */

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementskit-tab-title {

    line-height: 1.3;

    flex-grow: 1;

    text-align: left; /* Explicit text alignment backup */

}
 
/* 6. Dynamic Contextual Indicator Arrows */

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link::after {

    content: '';

    position: absolute;

    right: 24px;

    top: 50%;

    transform: translateY(-50%) rotate(-45deg);

    width: 8px;

    height: 8px;

    border-right: 2px solid #0c2340;

    border-bottom: 2px solid #0c2340;

    transition: all 0.3s ease-in-out;

}
 
/* 7. Hover & Active Selected Link States */

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link:hover,

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link.active,

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link.show {

    background-color: #0c2340 !important; /* Full Dark Navy background shift */

    color: #ffffff !important; /* Contrasting typography transformation */

}
 
/* White Icon state transformation on Selection */

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link:hover .elementskit-tab-icon svg,

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link.active .elementskit-tab-icon svg,

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link.show .elementskit-tab-icon svg,

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link:hover .elementskit-tab-icon i,

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link.active .elementskit-tab-icon i,

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link.show .elementskit-tab-icon i {

    fill: #ffffff;

    color: #ffffff;

}
 
/* Orange Arrow highlight transformation on Selection */

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link:hover::after,

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link.active::after,

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link.show::after {

    border-color: #ff5a00; 

}
 
/* ==========================================

   8. RESPONSIVE MEDIA QUERIES (MOBILE FIXES)

   ========================================== */

@media (max-width: 1024px) {

    .elementkit-tab-wraper.vertical .elementkit-tab-nav {

        min-width: 240px; /* Slight scale reduction for standard tablet screens */

    }

}
 
@media (max-width: 767px) {

    /* Transforms layout into clean mobile rows */

    .elementkit-tab-wraper.vertical {

        flex-direction: column;

    }

    .elementkit-tab-wraper.vertical .elementkit-tab-nav {

        width: 100% !important;

        min-width: 100% !important;

        border-right: none;

        border-bottom: 1px solid #e2e8f0;

        margin-bottom: 24px;

    }

    .elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link {

        padding: 16px 20px; /* Tightens tap targets nicely for touch screens */

    }

}/* End custom CSS */