.elementor-8968 .elementor-element.elementor-element-849755c{--display:flex;--min-height:350px;--flex-direction:column;--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;--justify-content:center;--align-items:center;--overlay-opacity:0.8;}.elementor-8968 .elementor-element.elementor-element-849755c:not(.elementor-motion-effects-element-type-background), .elementor-8968 .elementor-element.elementor-element-849755c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://deepdive.ist/wp-content/uploads/2026/01/Hero-image-1.webp");background-position:center center;}.elementor-8968 .elementor-element.elementor-element-849755c::before, .elementor-8968 .elementor-element.elementor-element-849755c > .elementor-background-video-container::before, .elementor-8968 .elementor-element.elementor-element-849755c > .e-con-inner > .elementor-background-video-container::before, .elementor-8968 .elementor-element.elementor-element-849755c > .elementor-background-slideshow::before, .elementor-8968 .elementor-element.elementor-element-849755c > .e-con-inner > .elementor-background-slideshow::before, .elementor-8968 .elementor-element.elementor-element-849755c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#002366;--background-overlay:'';}.elementor-8968 .elementor-element.elementor-element-9a0c0b3{text-align:center;}.elementor-8968 .elementor-element.elementor-element-9a0c0b3 .elementor-heading-title{font-size:44px;color:#FFFFFF;}.elementor-8968 .elementor-element.elementor-element-fc6ccfd{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8968 .elementor-element.elementor-element-fff62df{--grid-columns:3;--grid-row-gap:40px;--grid-column-gap:30px;}.elementor-8968 .elementor-element.elementor-element-fff62df > .elementor-widget-container{padding:20px 0px 60px 0px;}.elementor-8968 .elementor-element.elementor-element-fff62df .elementor-loop-container{grid-auto-rows:1fr;}.elementor-8968 .elementor-element.elementor-element-fff62df .e-loop-item > .elementor-section, .elementor-8968 .elementor-element.elementor-element-fff62df .e-loop-item > .elementor-section > .elementor-container, .elementor-8968 .elementor-element.elementor-element-fff62df .e-loop-item > .e-con, .elementor-8968 .elementor-element.elementor-element-fff62df .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-8968 .elementor-element.elementor-element-fff62df .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-8968 .elementor-element.elementor-element-fff62df .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-8968 .elementor-element.elementor-element-fff62df .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-8968 .elementor-element.elementor-element-fff62df .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-8968 .elementor-element.elementor-element-fff62df .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}body.elementor-page-8968:not(.elementor-motion-effects-element-type-background), body.elementor-page-8968 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FBFD;}@media(max-width:1024px){.elementor-8968 .elementor-element.elementor-element-fff62df{--grid-columns:2;}}@media(max-width:767px){.elementor-8968 .elementor-element.elementor-element-fff62df{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-d2f9c8c *//* 1. تنظيف الحاوية وتوسيط الأزرار */
.elementor-8968 .elementor-element.elementor-element-d2f9c8c .e-filter {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important; /* للسماح بنزول الأزرار لسطر جديد */
    gap: 10px !important; /* المسافة بين الأزرار */
    margin-bottom: 30px !important;
}

/* 2. تصميم الزر (الوضع العادي) - ومسح اللون الأحمر */
.elementor-8968 .elementor-element.elementor-element-d2f9c8c .e-filter-item {
    background-color: #FFFFFF !important; /* يفرض الأبيض بدلاً من الأحمر */
    background-image: none !important; /* يزيل أي تدرج لوني من الثيم */
    color: #666666 !important; /* نص رمادي */
    border: 1px solid #E0E0E0 !important; /* إطار رمادي خفيف */
    border-radius: 50px !important; /* الزوايا الدائرية (شكل الكبسولة) */
    padding: 10px 25px !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important;
    transition: all 0.3s ease !important;
    
    /* تنظيف إضافي لمسح ستايلات القالب */
    text-transform: none !important;
    margin: 0 !important;
    line-height: normal !important;
}

/* 3. تأثير التمرير (Hover) */
.elementor-8968 .elementor-element.elementor-element-d2f9c8c .e-filter-item:hover {
    background-color: #F0F8FF !important; /* سماوي فاتح جداً */
    color: #002366 !important; /* نص أزرق غامق */
    border-color: #002366 !important;
    transform: translateY(-3px); /* حركة خفيفة للأعلى */
}

/* 4. الزر النشط/المختار (Active State) */
.elementor-8968 .elementor-element.elementor-element-d2f9c8c .e-filter-item[aria-selected="true"] {
    background-color: #002366 !important; /* أزرق غامق */
    color: #FFFFFF !important; /* نص أبيض */
    border-color: #002366 !important;
    box-shadow: 0 5px 15px rgba(0, 35, 102, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fff62df *//* 1. تنسيق الحاوية الرئيسية للأرقام */
.elementor-8968 .elementor-element.elementor-element-fff62df .elementor-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important; /* المسافة بين الأزرار */
    margin-top: 40px !important;
    padding-bottom: 20px !important;
}

/* 2. تنسيق الأرقام (الوضع العادي) */
.elementor-8968 .elementor-element.elementor-element-fff62df .page-numbers {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important; /* عرض ثابت */
    height: 45px !important; /* ارتفاع ثابت ليكون مربعاً/دائرياً */
    background-color: #FFFFFF !important;
    border: 1px solid #EBEBEB !important;
    color: #666666 !important;
    font-family: 'Tajawal', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border-radius: 50% !important; /* يجعلها دائرية تماماً */
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03) !important;
}

/* 3. عند التمرير (Hover) */
.elementor-8968 .elementor-element.elementor-element-fff62df .page-numbers:hover {
    background-color: #FFFFFF !important;
    color: #002366 !important; /* أزرق غامق */
    border-color: #00E5FF !important; /* إطار سماوي */
    transform: translateY(-3px); /* حركة للأعلى */
    box-shadow: 0 5px 15px rgba(0, 229, 255, 0.2) !important; /* ظل سماوي */
}

/* 4. الرقم النشط (الصفحة الحالية) */
.elementor-8968 .elementor-element.elementor-element-fff62df .page-numbers.current {
    background-color: #002366 !important; /* خلفية زرقاء غامقة */
    color: #FFFFFF !important; /* نص أبيض */
    border-color: #002366 !important;
    box-shadow: 0 5px 15px rgba(0, 35, 102, 0.3) !important; /* ظل أزرق */
    cursor: default !important;
    transform: scale(1.1); /* تكبير بسيط للتميز */
}

/* 5. أزرار التالي والسابق (Next/Prev) */
.elementor-8968 .elementor-element.elementor-element-fff62df .page-numbers.next, 
.elementor-8968 .elementor-element.elementor-element-fff62df .page-numbers.prev {
    font-size: 14px !important;
    width: auto !important; /* عرض مرن للنص */
    padding: 0 20px !important; /* مساحة للنص */
    border-radius: 50px !important; /* شكل كبسولة */
}/* End custom CSS */