@extends('themes.tameer.app')

@section('content')

	<div id="pagetitle" class="page-title bg-overlay">
	    <div class="container">
	        <div class="page-title-inner" style="opacity: 0.3375;">
	            <h1 class="page-title">{!!$title!!}</h1>
	            <ul class="ct-breadcrumb">
	                <li><a class="breadcrumb-entry" href="{{route('frontend.index')}}">{{__('Home')}}</a></li>
	                <li><a class="breadcrumb-entry" href="/services/}">{{__('Services')}}</a></li>
	                <li><span class="breadcrumb-entry">{{$title}}</span></li>
	            </ul>
	        </div>
	    </div>
	    <div class="page-title-social">
	        <a href="#" target="_blank"><i class="fa fa-facebook"></i></a><a href="#" target="_blank"><i class="fa fa-twitter"></i></a><a href="#" target="_blank"><i class="fa fa-pinterest"></i></a>
	    </div>
	</div>

	<div id="content" class="site-content">
	    <div class="content-inner">
	        <div class="container content-container">
	            <div class="row content-row">
	                <div id="primary" class="content-area col-12">
	                    <main id="main" class="site-main">
	                        <article id="post-1424" class="post-1424 portfolio type-portfolio status-publish has-post-thumbnail hentry">
	                            <div class="post-type-inner">
	                                <div class="vc_row wpb_row vc_row-fluid bg-image-ps-inherit">
	                                    <div class="wpb_column vc_column_container vc_col-sm-12">
	                                        <div class="vc_column-inner">
	                                            <div class="wpb_wrapper">
	                                                <div id="ct-portfolio-details" class="ct-portfolio-details">
	                                                    <div class="ct-portfolio-inner">
	                                                        <div class="ct-portfolio-image">
	                                                            <img class="" src="{{$service->featuredImage['src']}}" width="1170" height="765" alt="archio4" title="archio4" />
	                                                        </div>
	                                                        <div class="ct-portfolio-holder">
	                                                            <div class="ct-portfolio-holder-inner">
	                                                                <div class="ct-portfolio-category"></div>
	                                                                <h3 class="ct-portfolio-title">
	                                                                    {{$title}}
	                                                                </h3>
	                                                                <div class="ct-portfolio-content">
	                                                                    {!!$service->content!!}
	                                                                </div>
	                                                            </div>
	                                                        </div>
	                                                    </div>
	                                                </div>
	                                            </div>
	                                        </div>
	                                    </div>
	                                </div>
	                                <div class="vc_row-full-width vc_clearfix"></div>
	                            </div>
	                        </article>
	                        <!-- #post -->
	                    </main>
	                    <!-- #main -->
	                </div>
	                <!-- #primary -->
	            </div>
	        </div>
	    </div>
	    <!-- #content inner -->
	</div>


@endsection


@section('scripts')

@endsection

@section('styles')
	<style id="cms_theme_options-dynamic-css" title="dynamic-css" class="redux-options-output">
	    .primary-menu li a {
	        font-display: swap;
	    }
	    a {
	        color: #c5984f;
	    }
	    a:hover {
	        color: #9b6f45;
	    }
	    a:active {
	        color: #9b6f45;
	    }
	    body {
	        font-display: swap;
	    }
	    h1,
	    .h1,
	    .text-heading {
	        font-display: swap;
	    }
	    h2,
	    .h2 {
	        font-display: swap;
	    }
	    h3,
	    .h3 {
	        font-display: swap;
	    }
	    h4,
	    .h4 {
	        font-display: swap;
	    }
	    h5,
	    .h5 {
	        font-display: swap;
	    }
	    h6,
	    .h6 {
	        font-display: swap;
	    }
	</style>
	<style type="text/css" id="cms-page-dynamic-css">
	    #content {
	        padding-top: 228px;
	        padding-bottom: 0px;
	    }
	</style>
	<style type="text/css" data-type="vc_shortcodes-custom-css">
	    .vc_custom_1545818776944 {
	        padding-top: 0px !important;
	    }
	</style>


@endsection