.elementor-160 .elementor-element.elementor-element-7b979872 > .elementor-container{max-width:1370px;}.elementor-160 .elementor-element.elementor-element-7b979872{margin-top:50px;margin-bottom:0px;}.elementor-160 .elementor-element.elementor-element-7b9a4d1a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-160 .elementor-element.elementor-element-511b122a .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:101px;font-weight:600;text-transform:uppercase;color:#F8F8F8;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-160 .elementor-element.elementor-element-51fc2c1d{--grid-columns:4;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-160 .elementor-element.elementor-element-51fc2c1d .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-160 .elementor-element.elementor-element-51fc2c1d .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-160 .elementor-element.elementor-element-51fc2c1d .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-160 .elementor-element.elementor-element-51fc2c1d .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-160 .elementor-element.elementor-element-51fc2c1d .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-160 .elementor-element.elementor-element-530c85e{--grid-columns:4;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-160 .elementor-element.elementor-element-530c85e .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-160 .elementor-element.elementor-element-530c85e .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-160 .elementor-element.elementor-element-530c85e .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-160 .elementor-element.elementor-element-530c85e .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-160 .elementor-element.elementor-element-530c85e .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-160 .elementor-element.elementor-element-51fc2c1d{--grid-columns:2;}.elementor-160 .elementor-element.elementor-element-530c85e{--grid-columns:2;}}@media(max-width:767px){.elementor-160 .elementor-element.elementor-element-7b979872{margin-top:30px;margin-bottom:0px;}.elementor-160 .elementor-element.elementor-element-511b122a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-160 .elementor-element.elementor-element-511b122a{text-align:center;}.elementor-160 .elementor-element.elementor-element-511b122a .elementor-heading-title{font-size:40px;}.elementor-160 .elementor-element.elementor-element-51fc2c1d{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-160 .elementor-element.elementor-element-51fc2c1d > .elementor-widget-container{margin:-18px 0px 0px 0px;}.elementor-160 .elementor-element.elementor-element-530c85e{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-160 .elementor-element.elementor-element-530c85e > .elementor-widget-container{margin:-0px 0px 0px 0px;}}/* Start custom CSS for loop-grid, class: .elementor-element-51fc2c1d */.loop-hide-eles .loop-hide-ele {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-530c85e *//* الحاوية */
.elementor-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px 10px;
    margin-top: 20px;
    padding: 10px;
    max-width: 100%;
    overflow-wrap: break-word;
}

/* الأزرار */
.elementor-pagination .page-numbers {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0264c7;
    color: #ffffff;
    border: 1px solid transparent;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    white-space: nowrap;
    flex-shrink: 0;
    margin: 0;
}

/* الهوفر */
.elementor-pagination .page-numbers:hover {
   background-color: #f06f17;
    color: white;
    border-color: #f06f17;
}

/* الزر النشط */
.elementor-pagination .page-numbers.current {
    background-color: #f06f17;
    color: white;
    border: 2px solid #1d2333;
    font-weight: 700;
}

/* الهواتف */
@media (max-width: 767px) {
    .elementor-pagination {
        gap: 12px 4px;
        padding: 8px 5px;
    }

    .elementor-pagination .page-numbers {
        padding: 7px 16px; /* زيد العرض الأفقي */
        font-size: 14px;
    }
}

/* الشاشات الأصغر */
@media (max-width: 480px) {
    .elementor-pagination {
        gap: 14px 2px;
    }

    .elementor-pagination .page-numbers {
        padding: 6px 14px; /* زيادة بسيطة أيضًا */
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS */@media (min-width: 767px) {
     /* الحالة الافتراضية: مخفي وتحته بمقدار 20px */
.projects-loop {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
  pointer-events: none;
}

/* عند تمرير الماوس على العنصر الأب: يظهر ويصعد للأعلى */
.projects-loop2:hover .projects-loop {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
}/* End custom CSS */