.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-7314 .elementor-element.elementor-element-9306f54 img{width:100%;}.elementor-7314 .elementor-element.elementor-element-172a6dd{padding:10px 0px 0px 0px;}.elementor-7314 .elementor-element.elementor-element-cfbda4c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-advance-tabs{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-advance-tabs .eael-tabs-nav > ul li{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;}.elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-advance-tabs .eael-tabs-nav > ul li i{font-size:16px;}.elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-advance-tabs .eael-tabs-nav > ul li img{width:16px;}.elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-advance-tabs .eael-tabs-nav > ul li svg{width:16px;height:16px;}.elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-tab-inline-icon li .title-before-icon{margin-right:16px;}.elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-tab-inline-icon li .title-after-icon{margin-left:16px;}.elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-tab-top-icon li i, .elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-tab-top-icon li img, .elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-tab-top-icon li svg{margin-bottom:16px;}.elementor-7314 .elementor-element.elementor-element-cfbda4c > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px 0px 0px;}.elementor-7314 .elementor-element.elementor-element-cfbda4c > .elementor-widget-container > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px 0px 0px;}.elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-advance-tabs .eael-tabs-nav > ul li:hover{color:#fff;}.elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-advance-tabs .eael-tabs-nav > ul .active{background-color:#444;}.elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-advance-tabs .eael-tabs-nav > ul li.active{color:#fff;}.elementor-7314 .elementor-element.elementor-element-cfbda4c .eael-advance-tabs .eael-tabs-content > div{color:#333;}/* Start custom CSS for section, class: .elementor-element-172a6dd *//* =========================================
   EAEL PORTFOLIO TABS (DESKTOP + MOBILE)
   Side-by-side mobile + underline + triangle
   Scope: .tab-port
========================================= */

/* ---------- RESET EAEL DEFAULTS ---------- */
.tab-port .eael-tabs-nav,
.tab-port .eael-tabs-nav ul,
.tab-port .eael-tab-nav-item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ---------- DESKTOP LAYOUT ---------- */
.tab-port .eael-tabs-nav {
    display: flex !important;
    justify-content: center !important;
    overflow: visible !important;
}

.tab-port .eael-tabs-nav > ul {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0;
    padding: 0 !important;
    margin: 0 auto !important;
}

/* ---------- TAB ITEM ---------- */
.tab-port .eael-tab-nav-item {
    position: relative !important;
    display: inline-flex !important;
    align-items: center;
    padding: 10px 22px !important;
    margin: 0 !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* ---------- TAB TEXT ---------- */
.tab-port .eael-tab-title {
    font-size: 18px;
    font-weight: 500;
    color: #000 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: nowrap;
}

/* Hover */
.tab-port .eael-tab-nav-item:hover .eael-tab-title {
    color: #000 !important;
}

/* Active text */
.tab-port .eael-tab-nav-item.active .eael-tab-title {
    color: #000!important;
    font-weight: 600;
}

/* ---------- ACTIVE UNDERLINE ---------- */
.tab-port .eael-tab-nav-item.active :after {
    content: "";
    width: 80%;
    height: 7px;
    background: #000;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%);
}

/* ---------- ACTIVE TRIANGLE ---------- */
.tab-port .eael-tab-nav-item.active::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #000;
    position: absolute;
    left: 50%;
    bottom: -11px;
    transform: translateX(-50%) rotate(45deg);
    z-index: 9;
}

/* Remove EAEL default indicator */
.tab-port .eael-tabs-indicator {
    display: none !important;
}

/* =========================================
   MOBILE FORCE SIDE-BY-SIDE
========================================= */
@media (max-width: 767px) {

    /* Wrapper */
    .tab-port .eael-tabs-nav {
        display: block !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
    }

    /* UL — FORCE ROW */
    .tab-port .eael-tabs-nav > ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;

        white-space: nowrap !important;
        overflow-x: auto !important;
        overflow-y: visible !important;

        width: max-content !important;
        min-width: 100% !important;

        padding-bottom: 10px !important;
    }

    /* LI — MOST IMPORTANT */
    .tab-port .eael-tabs-nav > ul > li.eael-tab-nav-item {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        width: auto !important;

        padding: 8px 16px !important;
        margin: 0 !important;
    }

    /* Text */
    .tab-port .eael-tab-title {
        font-size: 14px !important;
    }

    /* Mobile underline */
    .tab-port .eael-tab-nav-item.active::after {
        width: 70%;
        height: 5px;
        bottom: -4px;
    }

    /* Mobile triangle */
    .tab-port .eael-tab-nav-item.active::before {
        width: 12px;
        height: 12px;
        bottom: -9px;
    }

    /* Hide scrollbar */
    .tab-port .eael-tabs-nav > ul::-webkit-scrollbar {
        display: none;
    }
    .tab-port .eael-tabs-nav > ul {
        scrollbar-width: none;
    }
}/* End custom CSS */