@include('frontEnd.includes.layout')
   <!-- 	<div class="body">-->
    	      
			<!--<header id="header" class="header-transparent header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyChangeLogo': true, 'stickyStartAt': 30, 'stickyHeaderContainerHeight': 70}" style="height: 100px;">-->
			<!--	<div class="header-body border-top-0 header-body-bottom-border" style="position: fixed; top: 0px;">-->
			<!--		<div class="header-container container" style="height: 100px; min-height: 0px;">-->
			<!--			<div class="header-row">-->
			<!--				<div class="header-column">-->
			<!--					<div class="header-row">-->
			<!--						<div class="header-logo" style="width: 100px; height: 48px;">-->
			<!--							<a href="index.html">-->
			<!--								<img alt="saas" data-sticky-width="130" data-sticky-height="58" src="assets/img/demos/business-consulting-2/logos/porto.png" style="top: 0px; width: 150px; height: 68px;">-->
			<!--							</a>-->
			<!--						</div>-->
			<!--					</div>-->
			<!--				</div>-->
			<!--				<div class="header-column header-column-nav-menu justify-content-end">-->
			<!--					<div class="header-row">-->
			<!--						<div class="header-nav header-nav-links order-2 order-lg-1">-->
			<!--							<div class="header-nav-main header-nav-main-square header-nav-main-dropdown-no-borders header-nav-main-effect-2 header-nav-main-sub-effect-1">-->
			<!--								<nav class="collapse">-->
											    
											    
			<!--								    @include('frontEnd.includes.menu_new')-->

											    
												<!--<ul class="nav nav-pills" id="mainNav">-->
												<!--	<li class="dropdown-secondary">-->
												<!--		<a class="nav-link active" href="index.html">-->
												<!--			Home-->
												<!--		</a>-->
												<!--	</li>-->
												<!--	<li class="dropdown-secondary">-->
												<!--		<a class="nav-link" href="about_us.html">-->
												<!--			About Us-->
												<!--		</a>-->
												<!--	</li>-->
												<!--	<li class="dropdown-secondary">-->
												<!--		<a class="nav-link" href="services.html">-->
												<!--			Services-->
												<!--		</a>-->
												<!--	</li>-->
													
												<!--	<li class="dropdown-secondary">-->
												<!--		<a class="nav-link" href="news.html">-->
												<!--			News & Media-->
												<!--		</a>-->
												<!--	</li>-->
												<!--	<li class="dropdown-secondary">-->
												<!--		<a class="nav-link" href="career.html">-->
												<!--			Career-->
												<!--		</a>-->
												<!--	</li>-->
												<!--	<li class="dropdown-secondary">-->
												<!--		<a class="nav-link" href="contact_us.html">-->
												<!--			Contact Us-->
												<!--		</a>-->
												<!--	</li>-->
												<!--</ul>-->
			<!--								</nav>-->
											
			<!--							</div>-->
			<!--							<button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">-->
			<!--								<i class="fas fa-bars"></i>-->
			<!--							</button>-->
			<!--						</div>-->
			<!--					</div>-->
			<!--				</div>-->
			<!--				<div class="header-column header-column-search justify-content-center align-items-end">-->
			<!--					<div class="header-nav-features">-->
			<!--						<div class="header-nav-feature header-nav-features-search d-inline-flex">-->
			<!--							<a href="#" class="header-nav-features-toggle" data-focus="headerSearch">-->
			<!--								<i class="fas fa-search header-nav-top-icon text-color-secondary text-3"></i>-->
			<!--							</a>-->
			<!--							<div class="header-nav-features-dropdown header-nav-features-dropdown-mobile-fixed border-radius-0" id="headerTopSearchDropdown">-->
			<!--								<form role="search" action="page-search-results.html" method="get">			-->
			<!--									<div class="simple-search input-group">-->
			<!--										<input class="form-control text-1" id="headerSearch" name="q" type="search" value="" placeholder="Search...">-->
			<!--										<button class="btn" type="submit">-->
			<!--											<i class="fa fa-search header-nav-top-icon text-color-secondary"></i>-->
			<!--										</button>-->
			<!--									</div>-->
			<!--								</form>-->
			<!--							</div>-->
			<!--						</div>-->
			<!--					</div>-->
			<!--				</div>-->
							
			<!--				    @if(@Helper::currentLanguage()->code == "ar" && @Helper::currentLanguage()->direction == "rtl")-->
			<!--				    <div style= "margin-right: 5%;">-->
			<!--				    <button style="background-color:#183f72;color:white"><a style="color:white" href="https://main.saas.com.sa/lang/en">English</a> </button>-->
			<!--				    </div-->
			<!--				    @else-->
			<!--				    <div style="margin-left:10%">-->
			<!--				     <button style="background-color:#183f72;color:white"><a style="color:white" href="https://main.saas.com.sa/lang/ar">العربية</a> </button>-->
			<!--				     </div>-->
			<!--				     @endif-->
							    
							
			<!--			</div>-->
			<!--		</div>-->
			<!--	</div>-->
			<!--</header>-->

<div role="main" class="main">

			 @if(@Helper::currentLanguage()->code == "ar" && @Helper::currentLanguage()->direction == "rtl")
                <section class="page-header page-header-modern custom-page-header bg-color-quaternary" style="transform: scaleX(-1);">
                @else
                <section class="page-header page-header-modern custom-page-header bg-color-quaternary" >
                @endif
                
					<div class="container">
						<div class="row">
								 @if(@Helper::currentLanguage()->code == "ar" && @Helper::currentLanguage()->direction == "rtl")
                     	<div class="col-md-8 order-2 order-md-1 align-self-center p-static" style="transform: scaleX(-1);
    text-align: right;">
                                    @else
                                  	<div class="col-md-8 order-2 order-md-1 align-self-center p-static" style="">
                                    @endif
                                    
								<h1 class="font-weight-bold text-9 text-color-secondary appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="100">{{__('frontend.news')}}</h1>
							</div>
							<div class="col-md-4 order-1 order-md-2 align-self-center">
								<ul class="breadcrumb d-block text-md-end appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="300">
									@if(@Helper::currentLanguage()->code == "ar" && @Helper::currentLanguage()->direction == "rtl")
                                     <li style="direction: rtl; transform: scaleX(-1);">
                                    @else
                                     <li style="">
                                    @endif
                                    <a href="#">{{__('frontend.home')}}</a></li>
									@if(@Helper::currentLanguage()->code == "ar" && @Helper::currentLanguage()->direction == "rtl")
                                   	<li style="direction: rtl; transform: scaleX(-1);" class="active">
                                    @else
                                  	<li  class="active">
                                    @endif
                                    {{__('frontend.news')}}</li>
								</ul>
							</div>
						</div>
					</div>
				</section>

				@if(@Helper::currentLanguage()->code == "ar" && @Helper::currentLanguage()->direction == "rtl")
                       <div class="container py-5" style="direction:rtl">
                                    @else
                                  	<div class="container py-5" style="">
                                    @endif
					<div class="row">
						<div class="col-lg-9">