.elementor-33381 .elementor-element.elementor-element-ba38efa{z-index:9999;}@media(min-width:768px){.elementor-33381 .elementor-element.elementor-element-b4ab676{width:100%;}}/* Start custom CSS for section, class: .elementor-element-ba38efa *//* =====================================================
   PRODUCT MEGA MENU — CLEAN RESET
   ===================================================== */

.kolapp-sa-product-menu{
    box-sizing:border-box !important;

    position:relative !important;

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

    left:auto !important;
    right:auto !important;
    top:auto !important;

    transform:none !important;

    margin:0 !important;

    padding:28px 30px 32px !important;

    background:#ffffff !important;

    border-bottom:1px solid #e2eee8;

    font-family:'Poppins',Arial,sans-serif;

    direction:ltr;
    text-align:left;

    overflow:hidden !important;

    z-index:1 !important;
}


/* REMOVE ALL OLD PSEUDO FULL-WIDTH BACKGROUNDS */

.kolapp-sa-product-menu::before{
    display:none !important;
    content:none !important;
}


/* =====================================================
   INNER MENU
   ===================================================== */

.kolapp-sa-product-menu .kpm-wrap{
    box-sizing:border-box !important;

    width:100% !important;
    max-width:1500px !important;

    margin:0 auto !important;
    padding:0 !important;

    display:grid !important;

    grid-template-columns:
        320px
        minmax(0,1fr) !important;

    gap:50px !important;

    align-items:start !important;

    position:relative !important;

    left:auto !important;
    right:auto !important;

    transform:none !important;
}


/* =====================================================
   PRODUCT AREA
   ===================================================== */

.kolapp-sa-product-menu .kpm-products-area{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr) !important;

    gap:60px !important;

    align-items:start !important;

    padding:3px 0 0 !important;

    margin:0 !important;
}


/* =====================================================
   COLUMNS
   ===================================================== */

.kolapp-sa-product-menu .kpm-product-column{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    margin:0 !important;
}


/* =====================================================
   PRODUCT LINKS
   ===================================================== */

.kolapp-sa-product-menu .kpm-product-link{
    width:100% !important;
    min-width:0 !important;

    display:grid !important;

    grid-template-columns:
        30px
        minmax(0,1fr) !important;

    gap:13px !important;
}


/* =====================================================
   STOP THE NARROW WORD WRAPPING
   ===================================================== */

.kolapp-sa-product-menu .kpm-product-title,
.kolapp-sa-product-menu .kpm-product-desc{
    width:auto !important;
    max-width:none !important;

    word-break:normal !important;
    overflow-wrap:normal !important;

    white-space:normal !important;
}


/* =====================================================
   FEATURE CARD
   ===================================================== */

.kolapp-sa-product-menu .kpm-feature-card{
    width:100% !important;
    max-width:320px !important;

    min-width:0 !important;

    margin:0 !important;
}


/* =====================================================
   ELEMENTOR PRODUCT CONTAINER
   ONLY REMOVE WIDTH RESTRICTIONS
   ===================================================== */

.saudi-product-mega{
    overflow:visible !important;
}


/* IMPORTANT:
   Do NOT position this container.
*/

.saudi-product-mega .elementor-widget-html,
.saudi-product-mega .elementor-widget-container{
    width:100% !important;
    max-width:100% !important;

    margin:0 !important;

    position:relative !important;

    left:auto !important;
    right:auto !important;

    transform:none !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media(max-width:1100px){

    .kolapp-sa-product-menu{
        padding:25px !important;
    }

    .kolapp-sa-product-menu .kpm-wrap{
        grid-template-columns:
            280px
            minmax(0,1fr) !important;

        gap:30px !important;
    }

    .kolapp-sa-product-menu .kpm-products-area{
        gap:30px !important;
    }

}


/* =====================================================
   SMALL TABLET
   ===================================================== */

@media(max-width:850px){

    .kolapp-sa-product-menu .kpm-wrap{
        grid-template-columns:1fr !important;
    }

    .kolapp-sa-product-menu .kpm-feature-card{
        max-width:none !important;
    }

}


/* =====================================================
   MOBILE
   ===================================================== */

@media(max-width:650px){

    .kolapp-sa-product-menu{
        padding:20px 18px 26px !important;
    }

    .kolapp-sa-product-menu .kpm-products-area{
        grid-template-columns:1fr !important;
    }

}/* End custom CSS */