@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">{!!$page->title!!}</h1>
	            <ul class="ct-breadcrumb">
	                <li><a class="breadcrumb-entry" href="{{route('frontend.index')}}">{{__('Home')}}</a></li>
	                <li><span class="breadcrumb-entry">{{$page->title}}</span></li>
	            </ul>
	        </div>
	    </div>
	    <div class="page-title-social">
			<a href="https://www.facebook.com/tameer.integrated/" target="_blank"><i class="fa fa-facebook"></i></a>
			<a href="https://twitter.com/tamerIntegrated" target="_blank"><i class="fa fa-twitter"></i></a>
			<a href="https://www.instagram.com/tameer_integrated/" target="_blank"><i class="fa fa-instagram"></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 content-full-width col-12">
	                    <main id="main" class="site-main">
	                        <article id="post-1169" class="post-1169 page type-page status-publish hentry">
	                            <div class="entry-content clearfix">
	                                <div
	                                    data-vc-full-width="true"
	                                    data-vc-full-width-init="true"
	                                    data-vc-stretch-content="true"
	                                    class="vc_row wpb_row vc_row-fluid vc_row-no-padding row-visible bg-image-ps-inherit"
	                                    style="position: relative; left: -85px; box-sizing: border-box; width: 1370px;"
	                                >
	                                    <div class="wpb_column vc_column_container vc_col-sm-12">
	                                        <div class="vc_column-inner vc_custom_1545818776944">
	                                            <div class="wpb_wrapper">
	                                                <div class="ct-google-map">
	                                                    <div
	                                                        style="width: auto; height: 680px; position: relative; overflow: hidden;"
	                                                    >
	                                                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3705.4220238479447!2d39.11269491494524!3d21.763921785604772!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15c163de4008dc4f%3A0x99fd20f19e23262e!2z2LTYsdmD2Kkg2KrYudmF2YrYsSDYp9mE2YXYqtmD2KfZhdmE2Kkg2YTZhNiq2LfZiNmK2LEg2KfZhNi52YLYp9ix2Yo!5e0!3m2!1sen!2seg!4v1628601402839!5m2!1sen!2seg" width="100%" height="680" style="width: calc(100% - 430px) ;    right: 0;
    position: absolute;" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
	                                                    </div>
	                                                    <div class="ct-google-contact-form" style="left: 100px;">
	                                                        <div class="ct-contact-form-inner">
	                                                            <div class="ct-contact-form-meta">
	                                                                {!!$page->content!!}
	                                                            </div>
	                                                            <div role="form" class="wpcf7" id="wpcf7-f1178-p1169-o1" lang="en-US" dir="ltr">
	                                                                <div class="screen-reader-response" role="alert" aria-live="polite"></div>
	                                                                {{FormBuilder::Build(1)}}
	                                                            </div>
	                                                        </div>
	                                                    </div>
	                                                </div>
	                                            </div>
	                                        </div>
	                                    </div>
	                                </div>
	                                <div class="vc_row-full-width vc_clearfix"></div>
	                            </div>
	                            <!-- .entry-content -->
	                        </article>
	                        <!-- #post-1169 -->
	                    </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">
	.ct-google-map input,
	.ct-google-map input:focus,
	.ct-google-map select:focus,
	.ct-google-map textarea:focus,
	.ct-google-map textarea,
	.ct-google-map select
	 {
	    background-color: transparent;
	    border-width: 0 0 1px 0px;
	    border-color: #2d2d2e;
	    padding: 10px 0;
	    font-size: 15px;
	    color: rgba(255, 255, 255, 0.65);
	    height: 50px;
	    -webkit-border-radius: 0px;
	    -khtml-border-radius: 0px;
	    -moz-border-radius: 0px;
	    -ms-border-radius: 0px;
	    -o-border-radius: 0px;
	    border-radius: 0px;
	}
	.nice-select.form-control.input-box {
    background-color: transparent;
    border-width: 0 0 1px 0px;
    border-color: #2d2d2e;
    padding: 10px 0;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.65);
    height: 50px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    direction: rtl;
}

.nice-select:after {
    right: unset;
    left: 18px;
    color: #fff;
}
	.ct-google-map textarea {
	    height: 140px;
	}
	.ct-contact-form-meta h1,
	.ct-contact-form-meta h2,
	.ct-contact-form-meta h3,
	.ct-contact-form-meta h4,
	.ct-contact-form-meta h5,
	.ct-contact-form-meta h6 {
	    color: #fff;
	}
	</style>
	<style type="text/css" data-type="vc_shortcodes-custom-css">
	    .vc_custom_1545818776944 {
	        padding-top: 0px !important;
	    }
	</style>


@endsection