.elementor-18517 .elementor-element.elementor-element-447ae64{--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:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-18517 .elementor-element.elementor-element-d676212{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18517 .elementor-element.elementor-element-9148761 .dbl__subtitle{text-align:left;}.elementor-18517 .elementor-element.elementor-element-9148761 .dbl__title-wrapper{text-align:left;}.elementor-18517 .elementor-element.elementor-element-9148761 .dbl-title_1{font-size:22px;}.elementor-18517 .elementor-element.elementor-element-6729e55{--display:flex;}.elementor-18517 .elementor-element.elementor-element-4a62a94 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-18517 .elementor-element.elementor-element-4a62a94 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-18517 .elementor-element.elementor-element-4a62a94{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}/* Start custom CSS for container, class: .elementor-element-6729e55 *//* ============================================
   HIJAZ TABS - ALL TABS WITH ICONS
   Theme Color: #06A357
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* ========== MAIN TABS CONTAINER - VISIBLE BOX ========== */
.e-n-tabs-heading {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 20px 25px;
    background: linear-gradient(145deg, #ffffff, #f5fcf7);
    border-radius: 16px;
    border: 2px solid #06A357;
    box-shadow: 
        0 0 0 4px rgba(6, 163, 87, 0.1),
        0 10px 40px rgba(6, 163, 87, 0.12);
    justify-content: center;
    position: relative;
}

/* Subtle inner glow */
.e-n-tabs-heading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 14px;
    border: 1px solid rgba(6, 163, 87, 0.15);
    pointer-events: none;
}

/* ========== NESTED/CHILD TABS - SUBTLE BOX ========== */
.e-n-tabs .e-n-tabs .e-n-tabs-heading,
.e-n-tabs-content .e-n-tabs-heading,
.e-n-tabs .e-n-tabs-content .e-n-tabs-heading {
    background: rgba(6, 163, 87, 0.03) !important;
    border: 1px dashed rgba(6, 163, 87, 0.25) !important;
    box-shadow: none !important;
    padding: 18px 15px !important;
    border-radius: 12px !important;
    margin-top: 15px;
}

.e-n-tabs .e-n-tabs .e-n-tabs-heading::before,
.e-n-tabs-content .e-n-tabs-heading::before {
    display: none;
}

/* Content area */
.e-n-tabs-content {
    background: transparent !important;
}

/* ========== ALL TAB BUTTONS ========== */
.e-n-tabs-heading .e-n-tab-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    padding: 14px 24px;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    background: #ffffff;
    color: #555;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    gap: 8px;
}



/* Hover */
.e-n-tabs-heading .e-n-tab-title:hover {
    background: #e8f5ec;
    border-color: #06A357;
    color: #06A357;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(6, 163, 87, 0.18);
}

/* Active Tab */
.e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
    background: linear-gradient(135deg, #06A357, #08c76a);
    color: #ffffff;
    border-color: #06A357;
    box-shadow: 0 8px 25px rgba(6, 163, 87, 0.35);
    transform: translateY(-3px);
}





/* ========== RESPONSIVE ========== */
@media (max-width: 992px) {
    .e-n-tabs-heading {
        gap: 8px;
        padding: 15px;
    }
    
    .e-n-tabs-heading .e-n-tab-title {
        font-size: 0.85rem;
        padding: 10px 16px;
    }
    
    .e-n-tabs-heading .e-n-tab-title::before {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .e-n-tabs-heading .e-n-tab-title {
        font-size: 0.8rem;
        padding: 10px 14px;
        gap: 6px;
    }
}/* End custom CSS */