.elementor-508 .elementor-element.elementor-element-0c3ed20{--display:flex;--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:5% 5%;--flex-wrap:nowrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:10%;--padding-left:20%;--padding-right:20%;}.elementor-508 .elementor-element.elementor-element-0c3ed20:not(.elementor-motion-effects-element-type-background), .elementor-508 .elementor-element.elementor-element-0c3ed20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(40deg, #F1B528 0%, #FFFFFF 27%);}.elementor-508 .elementor-element.elementor-element-0c3ed20, .elementor-508 .elementor-element.elementor-element-0c3ed20::before{--border-transition:0.3s;}.elementor-508 .elementor-element.elementor-element-56f6761{--display:flex;--gap:50px 50px;--background-transition:0.3s;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-508 .elementor-element.elementor-element-b6d7a13 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-508 .elementor-element.elementor-element-b6d7a13{text-align:right;}.elementor-508 .elementor-element.elementor-element-b6d7a13 .elementor-heading-title{color:#212121;font-family:"Noto Kufi Arabic", Sans-serif;font-size:30px;font-weight:800;text-transform:none;font-style:normal;letter-spacing:-2px;}.elementor-508 .elementor-element.elementor-element-b5d43ca{width:100%;max-width:100%;}.elementor-508 .elementor-element.elementor-element-b5d43ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .post-inner-loop .grid-item{padding:15px 15px 15px 15px;}.elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-hover-cat-name,.elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-hover-cat-name a{font-family:"Noto Kufi Arabic", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-e9be5e7 );}.elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-wrapper:hover .pt-dynamic-hover-cat-name,.elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-wrapper:hover .pt-dynamic-hover-cat-name a{color:var( --e-global-color-035e215 );}.elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-wrapper .pt-dynamic-hover-cat-name{padding:16px 45px 16px 49px;background-color:var( --e-global-color-035e215 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-035e215 );border-radius:20px 20px 20px 20px;}.elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-wrapper:hover .pt-dynamic-hover-cat-name{background-color:var( --e-global-color-e9be5e7 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-035e215 );border-radius:20px 20px 20px 20px;}.elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-wrapper.style_1,.elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-wrapper.style_2{overflow:hidden !important;}@media(max-width:1024px){.elementor-508 .elementor-element.elementor-element-0c3ed20{--min-height:600px;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--flex-wrap:wrap;--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-508 .elementor-element.elementor-element-b6d7a13 > .elementor-widget-container{margin:0% 0% 10% 0%;padding:0% 0% 0% 0%;}.elementor-508 .elementor-element.elementor-element-b6d7a13 .elementor-heading-title{font-size:50px;}}@media(max-width:767px){.elementor-508 .elementor-element.elementor-element-0c3ed20{--gap:0px 0px;--padding-top:14%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;}.elementor-508 .elementor-element.elementor-element-56f6761{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-508 .elementor-element.elementor-element-b6d7a13 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-508 .elementor-element.elementor-element-b5d43ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for tp-dynamic-categories, class: .elementor-element-b5d43ca */.elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* لضبط العناصر في المنتصف */
}

.elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-wrapper .pt-dynamic-hover-cat-name {
    display: inline-block;
    background-color: var(--e-global-color-035e215);
    border-style: solid;
    border-width: 2px;
    border-color: var(--e-global-color-035e215);
    border-radius: 20px;
    padding: 16px 20px; /* padding ثابت أعلى وأسفل، ديناميكي لليمين واليسار */
    margin: 5px; /* لإضافة بعض المسافة بين العناصر */
    white-space: nowrap; /* لمنع النص من الالتفاف */
}

.elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list {
    display: flex;
    justify-content: center; /* لضبط العناصر في المنتصف */
}

.elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; /* لضبط توزيع العناصر */
}

.elementor-14 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-wrapper .pt-dynamic-hover-cat-name {
    flex: 1; /* لضبط عرض العنصر بناءً على المحتوى */
    text-align: center; /* لمحاذاة النص في المنتصف */
}

@media only screen and (max-width: 768px) {
    .elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-wrapper {
        justify-content: center; /* لضبط العناصر في المنتصف */
        flex-direction: column; /* لجعل العناصر تظهر في عمود بدلاً من صف */
        align-items: center; /* لضبط العناصر في المنتصف */
    }

    .elementor-508 .elementor-element.elementor-element-b5d43ca .dynamic-cat-list .pt-dynamic-wrapper .pt-dynamic-hover-cat-name {
        width: 90%; /* لجعل العنصر يأخذ عرضاً أكبر على الهاتف */
        padding: 12px 10px; /* تقليل الـ padding لتناسب الشاشة الصغيرة */
        margin: 10px 0; /* تعديل المسافة بين العناصر لتكون في الاتجاه الرأسي */
        font-size: 14px; /* تصغير حجم الخط قليلاً */
        white-space: normal; /* السماح للنص بالالتفاف على أكثر من سطر */
        text-align: center; /* لضبط النص في المنتصف داخل المربع */
        word-wrap: break-word; /* لمنع تجاوز النص لحدود المربع */
    }
}/* End custom CSS */