<p style="display: none;"><img src="{{media url=&quot;wysiwyg/istockphoto-984996502-612x612.jpg&quot;}}" alt=""></p>
<div class="cms-page-wrapper about-page">
<div class="container">
<div class="about-banner">
<div class="left"><img src="https://via.placeholder.com/650X350"></div>
<div class="right">
<h1 style="direction: rtl;"><strong>من نحن</strong></h1>
<p>&nbsp;</p>
<h3 style="direction: rtl;"><strong>Office tech هي واحدة من الشركات الرائدة في تقديم خدمات متكاملة لحلول أماكن العمل بمعايير عالية وجودة منفردة في المملكة العربية السعودية.&nbsp;</strong></h3>
</div>
</div>
<div class="what-we-do">
<h2 class="title" style="direction: rtl;"><strong>ماذا نقدم</strong></h2>
<p class="text-center">&nbsp;</p>
<ul class="list">
<li><img src="{{media url=&quot;wysiwyg/3-2.png&quot;}}" width="100" height="100">
<p>منتجات حصرية من ماركات معروفة</p>
</li>
<li><img src="{{media url=&quot;wysiwyg/1-2_1.png&quot;}}" width="100" height="100">
<p>التركيب والصيانة في الموقع</p>
</li>
<li><img src="{{media url=&quot;wysiwyg/2-2.png&quot;}}" width="100" height="100">
<p>خدمات مدارة حسب الطلب</p>
</li>
<li><img src="{{media url=&quot;wysiwyg/5-2.png&quot;}}" width="100" height="100">
<p>حلول طباعة لجميع الاحتياجات</p>
</li>
<li><img src="{{media url=&quot;wysiwyg/dashboard_1.png&quot;}}" width="100" height="100">
<p>لوحة تحكم رقمية لإدارة الأجهزة بسهولة</p>
</li>
<li><img src="{{media url=&quot;wysiwyg/store.png&quot;}}" width="100" height="100">
<p>متجر واحد لأحتياجات مكتبك</p>
</li>
</ul>
</div>
<div class="choose-wrox">
<h2 class="title">لماذا تختار Office tech؟</h2>
<div class="wroox-div">
<div class="left">
<h2>&nbsp;</h2>
<h2>نواصل السعي وراء التميز و التطوير المستمر في خدماتنا لتلبية معاييرنا العالية للحلول الكاملة لبيئة العمل</h2>
<p>&nbsp;</p>
</div>
<div class="right"><img src="https://via.placeholder.com/550X250"></div>
</div>
</div>
</div>
</div>
<style type="text/css">
	.text-center{
		text-align: center;
	}
	.page-title-wrapper{
		display: none;
	}
	.about-page .title{
		font-size: 20px;
    letter-spacing: 1.4px;
    color: #1D1D1D;
    font-family: 'montserrat_semibold';
    margin-bottom: 20px;
	}
	.about-page  .about-banner{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 40px;
	}
	@media(min-width: 767px){
		.about-page  .about-banner{
			flex-direction: row-reverse;
			align-items: center;
		}
	.about-page  .about-banner .left{
		width: 50%;
		padding-bottom:15px;
	}
	.about-page  .about-banner .right{
		width: 50%
	}
	.choose-wrox .wroox-div .left, .choose-wrox .wroox-div .right{
		width: 50%
	}
	}
	.what-we-do{
		margin-bottom: 30px;

	}
	.what-we-do .title{
		text-align: center;
		}

	.what-we-do .list{
		display: flex;
		flex-wrap: wrap;
		margin-top: 30px;
	}	
	.what-we-do .list li{
		width: calc(33.33% - 30px);
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 30px;
        padding: 25px;
        border: 1px solid #ccc;
        text-align: center;
	}
	.what-we-do .list li img{
			width: 100px;
			margin-bottom: 10px;
			margin-left: auto;
			margin-right: auto;
			display: block;
		}
	.choose-wrox .title{
		text-align: center;
	}
	.choose-wrox .wroox-div{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.about-page p{
		color: #555555;
line-height: 19px;
	}

	@media(max-width: 767px){
		.what-we-do .list li{
			width: calc(50% - 30px);
			padding:10px;
		}
		.about-page .about-banner .left{
			margin-bottom: 25px;
		}
		.what-we-do{
			margin-bottom: 10px;
		}
		.choose-wrox .wroox-div .left{
			margin-bottom: 15px;
		}
	}
</style>