.elementor-2336 .elementor-element.elementor-element-0effbd1{--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-2336 .elementor-element.elementor-element-a1b0f18{--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-2336 .elementor-element.elementor-element-832d0ee{--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;}/* Start custom CSS *//* 1. ضبط الحاوية الأساسية لتأخذ كامل عرض وطول الشاشة */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* لمنع أي سكرول يظهر خارج الحدود */
    background-color: #0d1110; /* لون الخلفية الخاص بك */
}

/* 2. إذا كان لديك حاوية رئيسية تغلف الموقع بالكامل */
.full-screen-container {
    width: 100vw; /* 100% من عرض الـ Viewport */
    height: 100vh; /* 100% من طول الـ Viewport */
    display: flex;
    flex-direction: column;
}
/* إخفاء قسم الـ Breadcrumb (العنوان العلوي) */
.transpi__breadcrumb-wrapper {
    display: none !important;
}/* End custom CSS */