@font-face {
font-family: "Cairo", sans-serif;
src: url('../assets/fonts/Cairo-Regular.ttf');}
html {height: 100%; -webkit-text-size-adjust: 100%;}
body{direction:rtl;text-align:right;
  font-family: "Cairo", sans-serif!important;
   position: relative; min-height: 100%; -webkit-font-smoothing: antialiased;}
.navbar-brand img {max-width: 150px; height: auto;}
.hero_one_area.hero_space ul, .scroller-x {direction:ltr}

/* إصلاح الناف بار على الموبايل الحقيقي */
@media (max-width: 991px) {
    html, body {
        position: relative;
        overflow-x: hidden;
        width: 100%;
        min-height: 100vh;
        min-height: -webkit-fill-available;
    }
    
    /* تثبيت الناف بار مع الحفاظ على التصميم */
    .navbar-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform;
    }
    
    /* الناف بار الأسود (navbar-1) */
    .navbar-overlay .navbar-1 {
        background-color: #111 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    }
    
    /* header_2 يبقى شفاف في البداية */
    .header_2.navbar-overlay {
        background-color: transparent !important;
    }
    
    .header_2 .navbar {
        background-color: #fff !important;
        border-bottom: 1px solid rgba(5, 5, 5, 0.05) !important;
    }
    
    /* عند السكرول - sticky */
    .navbar-sticky-init .navbar-overlay {
        background-color: #fff !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    }
    
    .navbar-sticky-init .navbar-1 {
        background-color: #111 !important;
    }
    
    .navbar-sticky-init .header_2 .navbar {
        background-color: #fff !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    }
    
    /* إخفاء الدوائر */
    .cursor, .cursor2 {
        display: none !important;
    }
    
    /* تثبيت اللوجو والمنيو في مكانهم */
    .navbar-brand {
        position: absolute !important;
        right: 15px !important;
        top: 12px !important;
        transform: none !important;
        z-index: 10000 !important;
        max-height: none !important;
    }
    
    .navbar-brand img {
        max-width: 120px !important;
        height: auto !important;
        max-height: 45px !important;
    }
    
    .navbar-toggler {
        position: absolute !important;
        left: 15px !important;
        top: 12px !important;
        transform: none !important;
        z-index: 10000 !important;
        padding: 8px 10px !important;
    }
    
    .navbar .container {
        position: relative;
        min-height: 65px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .navbar-collapse {
        margin-top: 50px !important;
        clear: both;
    }
    
    .nav_right {
        width: 100%;
        justify-content: center !important;
        margin-top: 1rem;
    }
    
    /* إصلاحات الموبايل فقط */
    body, html {overflow-x: hidden !important; max-width: 100vw; width: 100%;}
    .container, .container-fluid {max-width: 100%; overflow-x: hidden;}
    .row {margin-left: 0; margin-right: 0;}
    .hero_two_area, .about_area_2, .feedback_area_2, section {overflow-x: hidden !important; max-width: 100%;}
    .scroller-x {max-width: 100vw;}
    h1, .h1 {font-size: 2rem !important; line-height: 1.2;}
    .img_animation_size {font-size: 2rem !important;}
}

/* تنسيق الناف بار - الألوان والنصوص */

/* navbar-1 بدون header_2 = خلفية غامقة = تكست أبيض */
.navbar-1 .nav-link {
    color: #fff !important;
}

/* header_2 = خلفية فاتحة = تكست أسود */
.header_2 .navbar .nav-link {
    color: #000 !important;
}

/* عند الـ hover */
.navbar-1 .nav-link:hover,
.header_2 .navbar .nav-link:hover {
    color: #2b534e !important;
}

/* الصفحة النشطة (active) بلون مميز */
.navbar-1 .nav-link.active,
.header_2 .navbar .nav-link.active,
.navbar-1 .nav-link[aria-current="page"],
.header_2 .navbar .nav-link[aria-current="page"] {
    color: #2b534e !important;
    font-weight: 600 !important;
}

/* عند السكرول - sticky navbar */
.navbar-sticky-init .header_2 .navbar .nav-link {
    color: #000 !important;
}

.navbar-sticky-init .navbar-1 .nav-link {
    color: #fff !important;
}

/* للناف بار في الموبايل */
@media (max-width: 991px) {
    /* navbar-1 في الموبايل = خلفية غامقة = تكست أبيض */
    .navbar-1 .nav-link {
        color: #fff !important;
    }
    
    /* header_2 في الموبايل = خلفية فاتحة = تكست أسود */
    .header_2 .navbar .nav-link {
        color: #000 !important;
    }
    
    .navbar-1 .nav-link:hover,
    .header_2 .navbar .nav-link:hover {
        color: #2b534e !important;
    }
    
    .navbar-1 .nav-link.active,
    .header_2 .navbar .nav-link.active,
    .navbar-1 .nav-link[aria-current="page"],
    .header_2 .navbar .nav-link[aria-current="page"] {
        color: #2b534e !important;
        font-weight: 600 !important;
    }
}
.ps-3 {
    padding-right: .75rem !important;
	padding-left:unset;
}
.end-0
 {
    left: 0 !important;
	right:unset!important
}

ol, ul {
    padding-right: 2rem;
	padding-left:unset
}
.hero_one_area .shape_1
 {
 left: unset;
 right: 30px;}
.service_list_title::after {
  
    left: unset;
right: -20px;}
.service_list_title:before
 {
  
 right: -90px;
 left:unset}
 .feature_nav .content_btn::after{right:0;left:unset}
 .start-0
 {
    right: 0 !important;
	left:unset!important
}
.leadership_item>div{display:block!important}
.leadership_item .thumb {
    margin-top: 1rem;
}
@media (min-width: 992px) {
    .text-lg-start {
        text-align: right !important;
    }
}
@media (min-width: 992px) {
    .text-lg-end
 {
        text-align: left !important;
    }
}
.footer_title::after {
    left: unset;
right: 0;}
.form-select {
   background-position: 2rem;
padding: .625rem 1.5rem .625rem 4.5rem;}
.case_study_item:hover .btn_arrow img {
    -webkit-transform: rotate(-42deg);
    transform: rotate(-42deg);
}
.faq_area_1::after
 {
    
 background: url(../img/shape/faq_1_bg.png) no-repeat top right / contain;}
 .footer_newsletter .btn {
  
    right: unset;
    left: 10px;
 }
 .hero_three_area::after {
   
    background-position: top left;
}

.feedback_3_wrapper .arrow_circle_btn {
    
    left: unset;
right: 80px;}
.blog_item a svg{  transform: rotate(180deg);}
.hero_five_area .arrow_rotate .content
 {
    left: unset;
 right: 50%;-webkit-transform: translate(-50%, -50%);
    transform: translate(50%, -50%);}
.feedback_area_2 li{direction:rtl;text-align:right}
.ms-auto {
    margin-right: auto !important;margin-left:unset!important
}
/*****/
.hero_three_area .shape_2 {
    left: 0;
right:unset}
.hero_three_area .shape_1 {
    right: 0;
left:unst}
.text-end {
    text-align: left !important;
}
@media (max-width: 1399px) {
    .milestone_area .shape_1 {
        left: -88px;
		right:unset
    }
}
.hero_three_area h1 i, .hero_three_area .h1 i {
    margin-right: unset;
margin-left: -220px;}


.arrow_rotate .content  {
    left: unset; 
    -webkit-transform: translate(-35%, -50%);
    transform: translate(-35%, -50%);
    float: right;
}
/*****/
.edu_list::after {
  left:unset; 
right: 0;}
.edu_list li::before {
    left:unset;
right: -45px;}

.edu_list li::after {
  left:unset;
right: -40px;}
/*****/

.float-end
 {
    float: left !important;
}
.counter_sim {
  
    left: -30px;
right:unset;}
/***********/
.end-0
 {
    left: 0 !important;
	right:unset
}
.accordion.faq_style.four .accordion-item .faq_title{text-align:right}
.cta_box .shape_1
 {
    left: 0;
 right:unset}
 .footer_2::after {
  
 background-position: top left;}
 /*******/
.bg-custom-4 span.end-0{right:0!important;left:unset}
.award_area .shape_1 {
    right:unset!important;
left: -45px!important;}
/*******/
@media (min-width: 576px) {
    .ps-sm-6 {
        padding-right: 1.5rem !important;
		padding-left:unset!important
    }
	    .ps-sm-25 {
        padding-right: 6.25rem !important;
		
		padding-left:unset!important
    }
}
/*********/
@media (min-width: 1200px) {
    .text-xl-end
 {
        text-align: left !important;
    }
}
.abh_img_wrapper .arrow_circle_btn {
    left: unset;
right: 70px;}
.theme_btn_wrapper:hover .btn_arrow.right,.theme_btn_wrapper .btn_arrow.right,
.theme_btn_wrapper:hover .btn_arrow.left{margin:0 10px;}
.bg-primary h1, .bg-primary .h1, .bg-primary h2, .bg-primary .h2, .bg-primary h3, .bg-primary .h3, .bg-primary h4, .bg-primary .h4, .bg-primary h5, .bg-primary .h5, .bg-primary h6, .bg-primary .h6, .bg-primary p, .bg-primary span, .bg-primary-two h1, .bg-primary-two .h1, .bg-primary-two h2, .bg-primary-two .h2, .bg-primary-two h3, .bg-primary-two .h3, .bg-primary-two h4, .bg-primary-two .h4, .bg-primary-two h5, .bg-primary-two .h5, .bg-primary-two h6, .bg-primary-two .h6, .bg-primary-two p, .bg-primary-two span,.service_item:hover .number_box h6, .service_item:hover .number_box .h6{color:#fff!important}
.swiper_btn_style
 {
   
 background: rgba(35, 78, 72, .1);}
.about_item_2::after,.blog_wrapper_2 .swiper_btn_style:hover ,.about_2_subtitle,.about_area_2 .bg-primary-two ,.btn_arrow.bg-primary-two,.feedback_3_wrapper .swiper_btn_style:hover {

background-color: #2c554f!important;}
.bg-primary-two{background-color:#2c554f!important}
.about_item_2:hover .content h4, .about_item_2:hover .content .h4,
 .about_item_2:hover .content p,.hero_space.home_4 .nav_btn a,
 .hero_space.home_4 .nav_btn:hover span,.tag_item:hover, .btn-primary.theme_btn,
 .btn-dark-two.theme_btn.text-white,.btn-primary-two,.hero_about_area .arrow_circle_btn.bg-primary-two.rounded-circle{color:#fff!important}
 .btn-primary-two,.accordion-item:has(.accordion-button[aria-expanded=true]){background-color: #2c554f}
.accordion-button[aria-expanded=true] .faq_title,.accordion-item .accordion-body,.scroller-x a,.feedback_3_wrapper i,
 .arrow_circle_btn_outline:hover,.overlay_btn .hover_content .arrow_circle_btn,
 .pagination_item.bg-primary-two,.process_item_wrapper:hover h6,.process_item_wrapper:hover h5,.process_item_wrapper:hover i,.process_item_wrapper .active h6,.process_item_wrapper .active h5,.process_item_wrapper .active i,.arrow_circle_btn.bg-primary-two.rounded-circle,.list-decimal li,span .fa-solid.fa-reply,.comment-form button{color:#fff!important}
.about_item_2::after, .blog_wrapper_2 .swiper_btn_style:hover .blog_wrapper_2 .swiper_btn_style svg path,
.blog_wrapper_2 .swiper_btn_style:hover .blog_wrapper_2 .swiper_btn_style svg path,.feedback_3_wrapper .swiper_btn_style:hover svg path,.arrow_circle_btn_outline:hover svg path{
stroke: #fff!important;}

::-webkit-scrollbar-thumb
 {
 background: #2c554f;}
 .cta_area .cta_bg_wrapper::after {
  
	background-color:#2c554f;
 background-position: right center;}
 .text-primary,.service_card_body.hover_content i,.bg-dark .text-primary-two{color: #2c554f!important}
 .swiper_btn_style:hover {
    background: rgba(44, 85, 79, .5);
}
.hero_three_area .arrow_rotate .content {
    -webkit-transform: translate(-70%, -50%);
    transform: translate(-70%, -50%);
    float: right;
}
.about_three_wrapper span,.hero_space.home_4 .counter_sim,.hero_two_area.hero_space span{color:#2c554f!important}
 .accordion.faq_style.two .accordion-item .accordion-body,.faq_style.two .accordion-item .faq_title ,
 .bg-secondary-two span i, .blog_wrapper_2.swiper.bg-secondary-two span{color:#333!important}
 .blog_wrapper_2 .swiper_btn_style:hover svg path{stroke:#fff}
.edu_list li::before
 {
    
 background: rgba(44, 85, 79, .5);}
 .button_style .swiper_btn_style:hover,.arrow_circle_btn_outline::after,.footer_2 .footer_title::after, .footer_2 .footer_social_item:hover,.process_item::after,.feature_nav.style-two .content_btn::after{background:#2c554f}
 .hero_four_area.hero_space .text-primary-two,.hero_one_area.hero_space .text-primary,
 .scroller-x .text-primary,.bg-dark-two .text-primary-two,.accordion.faq_style.four .accordion-item:has(.accordion-button[aria-expanded=true]) i,.footer_2 .footer_link:hover,.footer_2.bg-dark .text-primary-two,
 .hero_five_area.hero_space .text-primary-two,.accordion.faq_style.four .accordion-item:has(.accordion-button[aria-expanded=true]) .faq_title,.hero_service_area.bg-dark.hero_space .text-primary-two,.breadcrumb_space .text-primary-two.fw-semibold,.bg-dark.breadcrumb_space .text-primary-two,.hero_about_area .text-primary-two.fw-semiboldk,
 .text-primary.fw-medium{color:#2c554f!important} 
 .hero_four_area.hero_space svg path,.about_area_4 svg path,.accordion.faq_style.three svg path,.project_3_item svg path{stroke:#2c554f}
 .text-outline.primary-two
 {
 -webkit-text-stroke: 1px #2c554f!important;}
 .text-outline.primary-two:hover {
 color: rgba(44, 85, 79, .2)!important}
 .hero_four_area.hero_space .bg-dark span{color:transparent}
 .text-outline.primary-two{color:transparent!important}
 .border-primary-two{border-color:#2c554f!important;color:#333!important}
 
.arrow_circle_btn_outline
 {

    border: 1px solid #2c554f;
 color: #2c554f;}
.gradient_text_2,.service_tab_three .nav-item .tbtn.active h6{
 background: linear-gradient(91.18deg, #FCFCFD -12.62%, #058370 102.38%);-webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    color: rgba(0, 0, 0, 0);}
.hero_five_area.hero_space svg path{fill:#2c554f}
.service_tab_three .nav-item .tbtn.active,.feature_nav.style-two .number_box{border-color:#2c554f}	
.process_item_wrapper .bg-secondary{background-color:#91909040!important}
.bg-custom-4 span{left: 0 !important;
    right: unset!important;  transform: rotateY(180deg)}

/* Fix: إظهار قسم الإعلانات في service-marketing.html */
.ads-section,
#ads {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}