<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>مشخصات خدمت</title>
    <link rel="stylesheet" href="<?php echo e(asset('newerFront/css/font-awesome/css/font-awesome.min.css')); ?>"/>
    <link rel="stylesheet" href="<?php echo e(asset('newerFront/css/bootstrap.min.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('newerFront/css/swipper.min.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('newerFront/css/animated.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('newerFront/css/main.css')); ?>" />
</head>

<body>

    <!-- start header -->

    <header id="header">
        <div class="topHeader marginX">
            <div class="topHeader_container pt-3 d-flex justify-content-between align-items-center">
                <div class="logo">
                    <img src="<?php echo e(asset('newerFront/images/logo/achareh-type-logo.png?ver=3')); ?>" alt="logo">
                </div>
                <div class="search">
                    <form>
                        <input type="text" class="nospaces" placeholder="جستجو خدمات و محصولات..."><button type="submit"
                            class="nospaces"><i class="fa fa-search"></i></button>
                    </form>
                </div>
                <div class="left">
                    <a href="#" class="callHeader p-2">
                        همین حالا تماس بگیرید
                    </a>
                    <a href="#" class="authHeader d-flex align-items-center py-2 px-2 mr-2">
                        <i class="fa fa-user-o ml-1"></i>
                        <span>ورود | ثبت نام</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="botHeader_container">
            <div class="botHeader marginX d-flex py-2 align-items-center">
                <div class="d-flex">
                    <div class="btnMenu">
                        <button class="btnOrange ml-3" onclick="openMegaMenuFunc(1)">
                            <span><i class="fa fa-bars"></i></span>
                            <span>دسته بندی خدمات</span>
                        </button>
                        <div class="mega_menu_container col-lg-11 col-12 mx-auto " style="display: none;"
                            id="megaMenu1">
                            <div class="mega_menu d-flex">
                                <div class="parents col-3">
                                    <ul>
                                        <li class="activeParent" onmouseover="activeCategory(event,1)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            سرمایش

                                        </li>
                                        <li onmouseover="activeCategory(event,2)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            گرمایش

                                        </li>
                                        <li onmouseover="activeCategory(event,3)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            شست و شو

                                        </li>
                                        <li onmouseover="activeCategory(event,4)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            تعمیرات

                                        </li>
                                        <li onmouseover="activeCategory(event,5)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            نظافت
                                        </li>
                                    </ul>
                                </div>
                                <div class="children col-9 d-flex flex-wrap" id="subService1">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange ">
                                            <span>مثال</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست ۱</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>ظرفشویی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>قالیشویی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>اتوکشی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>پذیرایی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>تعمیرات</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>امدادرسانی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>نیرو کمکی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                                <div class="children col-9 d-flex flex-wrap d_none_important" id="subService2">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>مثال</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست ۱</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست ۱</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست ۱</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست ۱</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست ۱ </span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                                <div class="children col-9 d-flex flex-wrap d_none_important" id="subService3">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 1شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 2شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 3شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 4شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 5شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>

                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 6شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                                <div class="children col-9 d-flex flex-wrap d_none_important" id="subService4">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 1تعمیرات</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 2تعمیرات</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 3تعمیرات</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 4تعمیرات</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                                <div class="children col-9 d-flex flex-wrap d_none_important" id="subService5">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 1نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 2نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 3نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 4نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>

                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 5نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>

                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 6نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>

                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 7نظافت</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="btnMenu">
                        <button class="btnOrange" onclick="openMegaMenuFunc(2)">
                            <span><i class="fa fa-bars"></i></span>
                            <span>دسته بندی محصولات</span>
                        </button>
                        <div class="mega_menu_container col-lg-11 col-12 mx-auto" style="display: none;" id="megaMenu2">
                            <div class="mega_menu d-flex">
                                <div class="parents col-lg-3 col-4">
                                    <ul>
                                        <li class="activeParent" onmouseover="activeProductCategory(event,1)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            شیرآلات

                                        </li>
                                        <li onmouseover="activeProductCategory(event,2)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            پمپ

                                        </li>
                                        <li onmouseover="activeProductCategory(event,3)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            شلنگ

                                        </li>
                                        <li onmouseover="activeProductCategory(event,4)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            محصول

                                        </li>
                                        <li onmouseover="activeProductCategory(event,5)">
                                            <i class="fa cancelMouseEvent fa-chevron-left ml-2" aria-hidden="true"></i>
                                            نظافت
                                        </li>
                                    </ul>
                                </div>
                                <div class="children col-9 d-flex flex-wrap" id="subProduct1">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> کالاها</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> تست 2</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2ظرفشویی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2قالیشویی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2اتوکشی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2پذیرایی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">

                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2تعمیرات</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2امدادرسانی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span>2نیرو کمکی</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                                <div class="children col-9 d-flex flex-wrap d_none_important" id="subProduct2">
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 1شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 2شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 3شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 4شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 5شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>

                                    <a class="col-lg-3 col-4 d-flex flex-column justify-content-center">
                                        <div class="d-flex justify-content-between hover_orange">
                                            <span> 6شست و شو</span>
                                            <span><i class="fa fa-arrow-left"></i></span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <ul class="d-flex align-items-center mb-0">
                    <li><a href="#">شگفت انگیز</a></li>
                    <li><a href="#">تماس با ما</a></li>
                    <li><a href="#">سوالات متداول</a></li>
                </ul>
            </div>
        </div>
        <!-- end header -->
    </header>
    <!-- end intro -->

    <!-- mobile header -->
    <div id="mobileHeader" class="d-md-none">
        <div class="mobileHeader_container">
            <div class="rightSec">
                <button class="btnMenuMobile menu border ml-1">
                    <i class="fa fa-bars"></i>
                </button>
                <button class="btnMenuMobile" data-toggle="modal" data-target="#modalSearch">
                    <i class="fa fa-search"></i>
                </button>
            </div>
            <div class="midSec">
                <div class="logo_mobile">
                    <img src="<?php echo e(asset('newerFront/images/logo/achareh-type-logo.png?ver=3')); ?>" alt="logo">
                </div>
            </div>
            <div class="leftSec">
                <button class="btnMenuMobile phone ml-1">
                    <i class="fa fa-phone text-light"></i>
                </button>
                <button class="btnMenuMobile auth border">
                    <i class="fa fa-user-o"></i>
                </button>
            </div>
        </div>
    </div>

    <div id="mobileHeaderMenu" class="mobileHeaderMenu d-md-none col-9">
        <div class="mobileHeaderMenu_container">
            <div class="logo mb-4">
                <img src="<?php echo e(asset('newerFront/images/logo/achareh-type-logo.png?ver=3')); ?>" alt="logo">
                <hr>
            </div>
            <div class="list_container">
                <ul class="menu_ul_0">
                    <li class="menu_ul_0_li">
                        <div class="menu_ul_0_li_contaniner">
                            <div class="name_li_contaianr menu_ul_0_li_name">
                                <span>خدمات</span>
                                <span><i class="fa fa-angle-down"></i></span>
                            </div>
                            <ul class="menu_ul_1" style="display: none;">
                                <li>
                                    <div class="name_li_contaianr menu_ul_1_li_name mr-2">
                                        <span>شست و شو</span>
                                        <span><i class="fa fa-angle-down"></i></span>
                                    </div>
                                    <ul class="menu_ul_2" style="display: none;">
                                        <a href="#">
                                            <li>
                                                پرده شویی
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                قالیشویی
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                شست و شو
                                            </li>
                                        </a>
                                    </ul>
                                </li>

                                <li>
                                    <div class="name_li_contaianr menu_ul_1_li_name mr-2">
                                        <span>سرمایشی</span>
                                        <span><i class="fa fa-angle-down"></i></span>
                                    </div>
                                    <ul class="menu_ul_2" style="display: none;">
                                        <a href="#">
                                            <li>
                                                سرمایش تعمیر
                                            </li>
                                        </a>

                                        <a href="#">

                                            <li>
                                                تعمیر سرمایش
                                            </li>
                                        </a>

                                        <a href="#">

                                            <li>
                                                تعمیرات سرمای
                                            </li>
                                        </a>
                                    </ul>
                                </li>
                                <li>
                                    <div class="name_li_contaianr menu_ul_1_li_name mr-2">
                                        <span>گرمایشی</span>
                                        <span><i class="fa fa-angle-down"></i></span>
                                    </div>
                                    <ul class="menu_ul_2" style="display: none;">
                                        <a href="#">
                                            <li>
                                                آبگرمکن تعمیر
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                تعمیر آبگرمکن
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                تعمیر آبگرمکن
                                            </li>
                                        </a>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="menu_ul_0_li">
                        <div class="menu_ul_0_li_contaniner">
                            <div class="name_li_contaianr menu_ul_0_li_name">
                                <span>محصولات</span>
                                <span><i class="fa fa-angle-down"></i></span>
                            </div>
                            <ul class="menu_ul_1" style="display: none;">
                                <li>
                                    <div class="name_li_contaianr menu_ul_1_li_name  mr-2">
                                        <span>شست و شو</span>
                                        <span><i class="fa fa-angle-down"></i></span>
                                    </div>
                                    <ul class="menu_ul_2" style="display: none;">
                                        <a href="#">
                                            <li>
                                                پرده شویی
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                قالیشویی
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                شست و شو
                                            </li>
                                        </a>
                                    </ul>
                                </li>

                                <li>
                                    <div class="name_li_contaianr menu_ul_1_li_name  mr-2">
                                        <span>سرمایشی</span>
                                        <span><i class="fa fa-angle-down"></i></span>
                                    </div>
                                    <ul class="menu_ul_2" style="display: none;">
                                        <a href="#">
                                            <li>
                                                سرمایش تعمیر
                                            </li>
                                        </a>

                                        <a href="#">

                                            <li>
                                                تعمیر سرمایش
                                            </li>
                                        </a>

                                        <a href="#">

                                            <li>
                                                تعمیرات سرمای
                                            </li>
                                        </a>
                                    </ul>
                                </li>
                                <li>
                                    <div class="name_li_contaianr menu_ul_1_li_name  mr-2">
                                        <span>گرمایشی</span>
                                        <span><i class="fa fa-angle-down"></i></span>
                                    </div>
                                    <ul class="menu_ul_2" style="display: none;">
                                        <a href="#">
                                            <li>
                                                آبگرمکن تعمیر
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                تعمیر آبگرمکن
                                            </li>
                                        </a>
                                        <a href="#">
                                            <li>
                                                تعمیر آبگرمکن
                                            </li>
                                        </a>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="menu_ul_0_li">
                        <a href="#">
                            <div class="name_li_contaianr">
                                <span>شکفت انگیز</span>
                            </div>
                        </a>
                    </li>
                    <li class="menu_ul_0_li">
                        <a href="#">
                            <div class="name_li_contaianr">
                                <span>تماس با ما</span>
                            </div>
                        </a>
                    </li>
                    <li class="menu_ul_0_li">
                        <a href="#">
                            <div class="name_li_contaianr">
                                <span>سوالات متداول</span>
                            </div>
                        </a>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <!-- Modal Search -->
    <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="modalSearchLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="search col-12">
                        <form>
                            <input type="text" class="nospaces" placeholder="جستجو خدمات و محصولات..."><button
                                type="submit" class="nospaces"><i class="fa fa-search"></i></button>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div id="fake_bg_body"></div>
    <!-- end mobile header -->

    <!-- end header -->

    <!-- breadcrumb -->
    <div class="breadcrumbSection marginX my-md-3 my-3">
        <div class="breadcrumb_contanier">
            <ul class="d-flex">
                <li class="ml-2"><a href="#" class="font_size_2">تاسیسات اول</a></li>
                <li class="ml-2"><a href="#" class="font_size_2">خدمات</a></li>
                <li class="ml-2"><a href="#" class="font_size_2 activeText">نصب کاغذ دیواری</a></li>
            </ul>
        </div>
    </div>
    <!-- end breadcrumb -->

    <!-- banner service -->
    <div class="banner_service mx-auto">
        <img src="<?php echo e(asset('newerFront/images/service (7).jpg')); ?>">
    </div>
    <!-- end banner service-->

    <!-- start detail -->
    <div class="servis_details d-xl-flex justify-content-center marginX">
        <div class="service_description col-xl-9 pb-0">
            <h3>نصب کاغذ دیواری</h3>
            <div class="sections">
                <div class="title_witout_margin">
                    <div class="style_header"></div>
                    <span>
                        فهرست قیمت
                    </span>
                </div>
                <p class="pTegDescription font_size_2">
                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است،
                    چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد
                    نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته
                    حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان
                    رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید
                    داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل
                    حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار
                    گیرد.
                </p>
            </div>
            <div class="sections">
                <div class="title_witout_margin">
                    <div class="style_header"></div>
                    <span>
                        مشتری گرامی توجه فرمایید :
                    </span>
                </div>
                <p class="pTegDescription font_size_2">
                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است،
                    چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد
                    نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته
                    حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان
                    رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید
                    داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل
                    حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار
                    گیرد.
                </p>
            </div>
        </div>
        <div class="sevice_btn_start col-xl-2  text-center justify-content-center">
            <a class="d-md-flex d-none d-xl-block text-center justify-content-center align-items-center">شروع کنید</a>
        </div>
        <div class="nav_btns_fixed d-md-none fixed-bottom d-flex justify-content-between">
            <a href="#" class="returnBtn">بازگشت</a>
            <a href="#" class="startBtn">شروع کنید</a>
        </div>
    </div>
    <!-- end start detail -->

    <!-- main section -->

    <div class="main_discount_style main_category_slider mt-5 mt-md-5">
        <div class="title marginX">
            <div class="style_header"></div>
            <span>
                مشتریان درباره خدمت نصب کاغذ دیواری تاسیسات اول چه میگویند ؟
            </span>
        </div>
        <div class="nextSlider text-center border" id="main-categoury-first-slider_navigation_prev"><i
                class="fa fa-chevron-right fa-2x"></i></div>
        <div class="prevSlider text-center border" id="main-categoury-first-slider_navigation_next"><i
                class="fa fa-chevron-left fa-2x"></i></div>
        <div class="first_slider">
            <div class="main-first_slider">
                <!-- Slider main container -->
                <div class="main-categoury-first-slider  col-12">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper">
                        <!-- Slides -->
                        <div class="card_slider  swiper-slide border">
                            <div class="card_slider_comments d-flex flex-column">
                                <div class="comment_details">
                                    <h5>هستی کامروا</h5>
                                    <p class="">اصفهان , اشرفی</p>
                                    <p class="">متخصص : فرهاد ابتکار</p>
                                    <div class="rateUser">
                                        <form class="rate">
                                            <input type="radio" id="rating8" name="rating" value="8" checked /><label for="rating8"
                                                title="4 stars"></label>

                                            <input type="radio" id="rating6" name="rating" value="6" /><label
                                                for="rating6" title="3 stars"></label>

                                            <input type="radio" id="rating4" name="rating" value="4" /><label for="rating4"
                                                title="2 stars"></label>

                                            <input type="radio" id="rating2" name="rating" value="2" /><label for="rating2"
                                                title="1 star"></label>

                                            <input type="radio" id="rating0" name="rating" value="0" /><label for="rating0"
                                                title="No star"></label>
                                        </form>
                                    </div>
                                </div>
                                <div class="comment_body">
                                    <p class="comment_p">
                                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است،
                                        چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد
                                        نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می   باشد، کتابهای زیادی در شصت و سه درصد گذشته
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="card_slider  swiper-slide border">
                            <div class="card_slider_comments d-flex flex-column">
                                <div class="comment_details">
                                    <h5>کیارش راسخی</h5>
                                    <p class="">تهران , منطقه ۵</p>
                                    <p class="">متخصص : فرهاد ابتکار</p>
                                    <div class="rateUser">
                                        <form class="rate">
                                            <input type="radio" id="rating8" name="rating" value="8" checked/><label for="rating8"
                                                title="4 stars"></label>

                                            <input type="radio" id="rating6" name="rating" value="6" /><label
                                                for="rating6" title="3 stars"></label>

                                            <input type="radio" id="rating4" name="rating" value="4" /><label for="rating4"
                                                title="2 stars"></label>

                                            <input type="radio" id="rating2" name="rating" value="2" /><label for="rating2"
                                                title="1 star"></label>

                                            <input type="radio" id="rating0" name="rating" value="0" /><label for="rating0"
                                                title="No star"></label>
                                        </form>
                                    </div>
                                </div>
                                <div class="comment_body">
                                    <p class="comment_p">
                                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است،
                                        چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد
                                        نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می   باشد، کتابهای زیادی در شصت و سه درصد گذشته
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="card_slider  swiper-slide border">
                            <div class="card_slider_comments d-flex flex-column">
                                <div class="comment_details">
                                    <h5>مهسا پناهیان</h5>
                                    <p class="">شیراز , شریعتی</p>
                                    <p class="">متخصص : فرهاد ابتکار</p>
                                    <div class="rateUser">
                                        <form class="rate">
                                            <input type="radio" id="rating8" name="rating" value="8"  /><label for="rating8"
                                                title="4 stars"></label>

                                            <input type="radio" id="rating6" name="rating" value="6" checked /><label
                                                for="rating6" title="3 stars"></label>

                                            <input type="radio" id="rating4" name="rating" value="4" /><label for="rating4"
                                                title="2 stars"></label>

                                            <input type="radio" id="rating2" name="rating" value="2" /><label for="rating2"
                                                title="1 star"></label>

                                            <input type="radio" id="rating0" name="rating" value="0" /><label for="rating0"
                                                title="No star"></label>
                                        </form>
                                    </div>
                                </div>
                                <div class="comment_body">
                                    <p class="comment_p">
                                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است،
                                        چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد
                                        نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می   باشد، کتابهای زیادی در شصت و سه درصد گذشته
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="card_slider  swiper-slide border">
                            <div class="card_slider_comments d-flex flex-column">
                                <div class="comment_details">
                                    <h5>سینا باهنر</h5>
                                    <p class="">تبریز , فرشچیانی</p>
                                    <p class="">متخصص : فرهاد ابتکار</p>
                                    <div class="rateUser">
                                        <form class="rate">
                                            <input type="radio" id="rating8" name="rating" value="8"/><label for="rating8"
                                                title="4 stars"></label>

                                            <input type="radio" id="rating6" name="rating" value="6"  checked/><label
                                                for="rating6" title="3 stars"></label>

                                            <input type="radio" id="rating4" name="rating" value="4" /><label for="rating4"
                                                title="2 stars"></label>

                                            <input type="radio" id="rating2" name="rating" value="2" /><label for="rating2"
                                                title="1 star"></label>

                                            <input type="radio" id="rating0" name="rating" value="0" /><label for="rating0"
                                                title="No star"></label>
                                        </form>
                                    </div>
                                </div>
                                <div class="comment_body">
                                    <p class="comment_p">
                                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است،
                                        چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد
                                        نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می   باشد، کتابهای زیادی در شصت و سه درصد گذشته
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- If we need pagination -->
                    <div class="swiper-pagination bottom_set" id="first_discount_paginate"></div>
                </div>
            </div>
        </div>
    </div>


    <div class="main_discount_style main_category_slider mt-3 mt-md-5 mb-3 mb-md-5">
        <div class="title marginX">
            <div class="style_header"></div>
            <span>
                دیگر سرویس های تاسیسات اول
            </span>
        </div>
        <div class="nextSlider text-center border" id="categoury_second_discount_navigation_prev"><i
                class="fa fa-chevron-right fa-2x"></i></div>
        <div class="prevSlider text-center border" id="categoury_second_discount_navigation_next"><i
                class="fa fa-chevron-left fa-2x"></i></div>
        <div class="first_slider">
            <div class="main-first_slider">
                <!-- Slider main container -->
                <div class="main_categoury_second_slider col-12">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper">
                        <!-- Slides -->
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (4).jpg')); ?>">
                                <div class="slider_title">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (5).jpg')); ?>">
                                <div class="slider_title">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (6).jpg')); ?>">
                                <div class="slider_title">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    </p>
                                </div>
                            </a>
                        </div>

                        <div class="card_slider  swiper-slide">
                            <a href="#" class="text-decoration-none">
                                <img class="img" src="<?php echo e(asset('newerFront/images/service (7).jpg')); ?>">
                                <div class="slider_title">
                                    <p class="font_size_0">سرویس خواب یک طرف کشو مدل بیتا</p>
                                    </p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!-- If we need pagination -->
                    <div class="swiper-pagination bottom_set" id="first_discount_paginate"></div>
                </div>
            </div>
        </div>
    </div>



    <!-- end main section -->

    <!-- start footer -->
    <footer>
        <div class="footer_container marginX">
            <div class="top_footer d-flex flex-wrap justify-content-around">
                <div class="col-6 col-md-3 introBrand">
                    <div class="logo">
                        <img src="<?php echo e(asset('newerFront/images/logo/achareh-type-logo.png?ver=3')); ?>" alt="logo">
                    </div>
                    <p class="font_size_footer_p">
                        طرح‌نما یا لورم ایپسوم به نوشتاری آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته
                        می‌شود. طراح گرافیک از این نوشتار به‌عنوان عنصری از ترکیب‌بندی برای پُر کردن صفحه و ارائهٔ
                </div>
                <div class="col-6 col-md-3  address pr-3">
                    <div class="title_witout_margin">
                        <div class="style_header"></div>
                        <span>
                            دفاتر تاسیسات اول
                        </span>
                    </div>
                    <div class="address1 margin_top_1">
                        <p class="addressName font_size_footer_p">شعبه۱ دفتر مرکزی</p>
                        <p class="addressBody font_size_footer_p">طرح‌نما یا لورم ایپسوم به نوشتاری آزمایشی و بی‌معنی در
                            صنعت چاپ،
                            صفحه‌آرایی </p>
                    </div>
                    <div class="address2 mt-3">
                        <p class="addressName font_size_footer_p">شعبه2 ویژه ثبت نام متخصصین</p>
                        <p class="addressBody font_size_footer_p">طرح‌نما یا لورم ایپسوم به نوشتاری آزمایشی و بی‌معنی در
                            صنعت چاپ،
                            صفحه‌آرایی </p>
                    </div>
                    <div class="phoneNumber">
                        <p class="phoneNumberBody font_size_footer_p">
                            تلفن ۱۲۷۱
                        </p>
                    </div>
                </div>
                <div class="col-6 col-md-3 access mt-5 mt-md-0">
                    <div class="title_witout_margin">
                        <div class="style_header"></div>
                        <span>
                            دسترسی سریع
                        </span>
                    </div>
                    <div class="topTitleAccess mr-3 margin_top_1">

                        <ul class="font_size_footer_p">
                            <a href="#">
                                <li>ثبت نام</li>
                            </a>
                            <a href="#">
                                <li>متخصص نمایندگی تاسیسات اول در شهرهای دیگر</li>
                            </a>
                            <a href="#">
                                <li>سوالات متداول</li>
                            </a>
                            <a href="#">
                                <li>درباره‌ی ما</li>
                            </a>
                            <a href="#">
                                <li>شرایط استفاده</li>
                            </a>
                            <a href="#">
                                <li>پیشنهادات و انتقادات</li>
                            </a>
                            <a href="#">
                                <li>وبلاگ</li>
                            </a>
                        </ul>
                    </div>
                </div>
                <div class="col-6 col-md-3 mt-5 mt-md-0  news">
                    <div class="title_witout_margin">
                        <div class="style_header"></div>
                        <span>
                            عضویت خبرنامه
                        </span>
                    </div>
                    <p class="font_size_footer_p margin_top_1">
                        در خبرنامه تاسیسات اول عضو شوید و زودتر از همه از تخفیف های ویژه ما با خبر شوید . فقط ما هم مثل شما از
                        اسپم بیزاریم .
                    </p>
                    <div class="formNews d-md-flex mx-0 px-0">
                        <input type="text" class="newsInput col-md-9 col-xl-10" placeholder="ایمیل خود را وارد کنید">
                        <button class="buttonInput font_size_footer_p col-md-3 col-xl-2 mt-1 mt-md-0">ثبت</button>
                    </div>
                    <div class="d-flex justify-content-around licenses">
                        <div class="licenses_item border p-0 col-4 mx-1">
                            <img src="<?php echo e(asset('newerFront/images/brands/adidas-black-vector-logo-400x400.png')); ?>">
                        </div>
                        <div class="licenses_item border p-0 col-4 mx-1">
                            <img src="<?php echo e(asset('newerFront/images/brands/adidas-black-vector-logo-400x400.png')); ?>">
                        </div>
                        <div class="licenses_item border p-0 col-4 mx-1">
                            <img src="<?php echo e(asset('newerFront/images/brands/adidas-black-vector-logo-400x400.png')); ?>">
                        </div>
                    </div>
                </div>
            </div>
            <div class="bot_footer mt-4 d-flex flex-column flex-md-row justify-content-between">
                <div class="right_sec order-3 order-md-2 mt-5 mt-md-0">
                    <h5 class="title_witout_margin mr-0 text-center">تاسیسات اول در شبکه های اجتماعی</h5>

                    <div class="social_media d-flex justify-content-md-between justify-content-center">
                        <a href="#">
                            <div class="social_item ml-3 border">
                                <i class="fa fa-instagram" aria-hidden="true"></i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="social_item ml-3 border">
                                <i class="fa fa-whatsapp" aria-hidden="true"></i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="social_item ml-3 border">
                                <i class="fa fa-linkedin" aria-hidden="true"></i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="social_item ml-3 border">
                                <i class="fa fa-facebook" aria-hidden="true"></i>
                            </div>
                        </a>
                    </div>
                </div>
                <div
                    class="left_sec d-flex order-2 justify-content-center justify-content-md-end order-md-3 mt-4 mt-md-auto">
                    <a href="#" class="colma">
                        <img class="img-fluid ml-2" src="<?php echo e(asset('newerFront/images/icons/SeekPng2.com_google-play-logo-png_240528.png')); ?>"
                            title="" alt="" />
                    </a>
                    <a href="#">
                        <img class="img-fluid" src="<?php echo e(asset('newerFront/images/icons/pngwing.com (2).png')); ?>" title="" alt="" />
                    </a>
                </div>
            </div>
        </div>
        <div class="copyright">
            <p class="font_size_footer_p">
                تمامی حقوق مادی و معنوی این این سرویس (وبسایت و اپلیکیشن موبایل) متعلق به تاسیسات اول میباشد .
            </p>
        </div>
    </footer>
    <!-- end footer -->
</body>
<script src="<?php echo e(asset('newerFront/js/swipper.min.js')); ?>"></script>
<script src="<?php echo e(asset('newerFront/js/jquery.min.js')); ?>"></script>
<script src="<?php echo e(asset('newerFront/js/bootstrap.min.js')); ?>"></script>
<script src="<?php echo e(asset('newerFront/js/vue.js')); ?>"></script>
<script src="<?php echo e(asset('newerFront/js/javascript.js')); ?>"></script>

</html>
<?php /**PATH C:\wamp64\www\newer\resources\views/newerFront/serviceDetails.blade.php ENDPATH**/ ?>
