<!--
████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
█░░░░░░░░░░░░░░█░░░░░░░░░░█░░░░░░█████████░░░░░░░░░░░░░░█░░░░░░░░░░░░░░█░░░░░░██████████░░░░░░█░░░░░░░░░░░░░░█░░░░░░░░░░░░░░██████████░░░░░░░░░░█░░░░░░░░░░░░░░░░███
█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀░░█░░▄▀░░█████████░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░██████████░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░██████████░░▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀▄▀░░███
█░░▄▀░░░░░░░░░░█░░░░▄▀░░░░█░░▄▀░░█████████░░▄▀░░░░░░▄▀░░█░░▄▀░░░░░░░░░░█░░▄▀░░██████████░░▄▀░░█░░▄▀░░░░░░░░░░█░░▄▀░░░░░░▄▀░░██████████░░░░▄▀░░░░█░░▄▀░░░░░░░░▄▀░░███
█░░▄▀░░███████████░░▄▀░░███░░▄▀░░█████████░░▄▀░░██░░▄▀░░█░░▄▀░░█████████░░▄▀░░██████████░░▄▀░░█░░▄▀░░█████████░░▄▀░░██░░▄▀░░████████████░░▄▀░░███░░▄▀░░████░░▄▀░░███
█░░▄▀░░███████████░░▄▀░░███░░▄▀░░█████████░░▄▀░░░░░░▄▀░░█░░▄▀░░░░░░░░░░█░░▄▀░░██░░░░░░██░░▄▀░░█░░▄▀░░░░░░░░░░█░░▄▀░░░░░░▄▀░░░░██████████░░▄▀░░███░░▄▀░░░░░░░░▄▀░░███
█░░▄▀░░██░░░░░░███░░▄▀░░███░░▄▀░░█████████░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░██░░▄▀░░██░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀▄▀░░██████████░░▄▀░░███░░▄▀▄▀▄▀▄▀▄▀▄▀░░███
█░░▄▀░░██░░▄▀░░███░░▄▀░░███░░▄▀░░█████████░░▄▀░░░░░░▄▀░░█░░░░░░░░░░▄▀░░█░░▄▀░░██░░▄▀░░██░░▄▀░░█░░▄▀░░░░░░░░░░█░░▄▀░░░░░░░░▄▀░░██████████░░▄▀░░███░░▄▀░░░░░░▄▀░░░░███
█░░▄▀░░██░░▄▀░░███░░▄▀░░███░░▄▀░░█████████░░▄▀░░██░░▄▀░░█████████░░▄▀░░█░░▄▀░░░░░░▄▀░░░░░░▄▀░░█░░▄▀░░█████████░░▄▀░░████░░▄▀░░██████████░░▄▀░░███░░▄▀░░██░░▄▀░░█████
█░░▄▀░░░░░░▄▀░░█░░░░▄▀░░░░█░░▄▀░░░░░░░░░░█░░▄▀░░██░░▄▀░░█░░░░░░░░░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░░░░░░░░░█░░▄▀░░░░░░░░▄▀░░█░░░░░░█░░░░▄▀░░░░█░░▄▀░░██░░▄▀░░░░░░█
█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░██░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░░░░░▄▀░░░░░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░█░░▄▀▄▀▄▀░░█░░▄▀░░██░░▄▀▄▀▄▀░░█
█░░░░░░░░░░░░░░█░░░░░░░░░░█░░░░░░░░░░░░░░█░░░░░░██░░░░░░█░░░░░░░░░░░░░░█░░░░░░██░░░░░░██░░░░░░█░░░░░░░░░░░░░░█░░░░░░░░░░░░░░░░█░░░░░░█░░░░░░░░░░█░░░░░░██░░░░░░░░░░█
████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
-->

<!doctype html>
<html lang="fa" dir="rtl" xmlns="http://www.w3.org/1999/html">
<head>

    
        <title>گروه املاک جاوین</title>
        <meta charset="UTF-8">
        <meta name="viewport"  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <meta name="csrf-token" content="u94qAt0fm8MHWw7UjxRRIin01NS3PJL7BYDOwE47">
        <meta name="description" content="جاوین مرجع تخصصی ملکی جهت جستجو و ثبت آگهی برای مشاورین املاک و عموم مردم در ایران است، می توانید آگهی های خرید و فروش ، رهن و اجاره انواع ملک را در آن منتشر کنید تا هزاران نفر آن را مشاهده کنند">
        <meta name="keywords" content="خرید آپارتمان | فروش زمین | رهن خانه | اجاره خانه | تهاتر ملک | خانه ارزان | ملک قدیمی | خانه ویلایی | ساحتمان کیانپارس | مطب پزشکی | ساختمان پزشکان | پارکینگ خودرویی کاریانا | هلدینگ جاوین | مهندس جعفر زاده | اهواز ملک | خودرو پارکینگ">
        <meta name="author" content="info@jawin.co">
        <meta property=og:site_name content="گروه املاک جاوین"/>
        <meta property=og:url content="https://jawin.co"/>
        <meta property=og:title content="گروه املاک جاوین"/>
        <meta property=og:type content=website/>
        <meta property=og:image content="https://jawin.co/uploads/generalinfo/98c56bce74669e2e4e7a9fc1caa8c326cfcd208495d565ef66e7dff9f98764da.jpg"/>
        <meta property=og:description content="جاوین مرجع تخصصی ملکی جهت جستجو و ثبت آگهی برای مشاورین املاک و عموم مردم در ایران است، می توانید آگهی های خرید و فروش ، رهن و اجاره انواع ملک را در آن منتشر کنید تا هزاران نفر آن را مشاهده کنند"/>
        <meta name=og:keywords content="خرید آپارتمان | فروش زمین | رهن خانه | اجاره خانه | تهاتر ملک | خانه ارزان | ملک قدیمی | خانه ویلایی | ساحتمان کیانپارس | مطب پزشکی | ساختمان پزشکان | پارکینگ خودرویی کاریانا | هلدینگ جاوین | مهندس جعفر زاده | اهواز ملک | خودرو پارکینگ"/>
        <link rel="icon"
              href="https://jawin.co/uploads/generalinfo/05a5cf06982ba7892ed2a6d38fe832d6cfcd208495d565ef66e7dff9f98764da.png">
    
    <meta name="google-site-verification" content="google-site-verification=AUIERHgyoSSEQjGZl44VLd_VQ46qDzGDS1WXR1aV63Y" />

    <!-- Bootstrap RTL CSS -->
    <link rel="stylesheet" href="/themeassets/digi-project/css/bootstrap.rtl.min.css">
    <link rel="stylesheet" href="/themeassets/digi-project/fonts/font-face.css">
    <link rel="stylesheet" href="/themeassets/dtheme/css/font-awesome.min.css">
    <link rel="stylesheet" href="/defaultassets/findme/style.css">


    <link rel="stylesheet" href="https://jawin.co/themeassets/dtheme/css/jalalidatepicker.min.css">


    <link rel="stylesheet" href="/themeassets/digi-project/css/style.css">
    <link rel="stylesheet" href="/themeassets/digi-project/css/footer.css">

    <link rel="stylesheet" type="text/css" href="/themeassets/digi-project/slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="/themeassets/digi-project/slick/slick-theme.css"/>
    <script src="/index.js" defer></script>


    <link rel="manifest" href="/manifest.json" />
    <script src="/themeassets/digi-project/js/jquery-3.5.1.slim.min.js"></script>

    
    <script src="https://jawin.co/themeassets/dtheme/js/jalalidatepicker.min.js"></script>


    <!---start GOFTINO code--->

    <!---end GOFTINO code--->
        <script> !function (t, e, n) { t.yektanetAnalyticsObject = n, t[n] = t[n] || function () { t[n].q.push(arguments) }, t[n].q = t[n].q || []; var a = new Date, r = a.getFullYear().toString() + "0" + a.getMonth() + "0" + a.getDate() + "0" + a.getHours(), c = e.getElementsByTagName("script")[0], s = e.createElement("script"); s.id = "ua-script-6ymmZe8E"; s.dataset.analyticsobject = n; s.async = 1; s.type = "text/javascript"; s.src = "https://cdn.yektanet.com/rg_woebegone/scripts_v3/6ymmZe8E/rg.complete.js?v=" + r, c.parentNode.insertBefore(s, c) }(window, document, "yektanet"); </script>

</head>
<body>


<div id="loadingbar" class="text-center w-100 py-4 loadingbar h5" style="height:100vh; position: absolute; top:0vh; z-index: 99999999999999999999999999999999999999999; display: none" dir="rtl">

    <div class="" style="margin-top: 29vh">
        <img src="/uploads/generalinfo/05a5cf06982ba7892ed2a6d38fe832d6cfcd208495d565ef66e7dff9f98764da.png" style="width: 150px" alt="لطفا منتظر بمانید">

        <div class="text-light font-weight-bold h2 pt-3 pb-5" dir="rtl">
            در حال بارگیری
            ...
        </div>

        <h5 class="text-light font-weight-bold ">لطفا کمی صبر کنید</h5>
    </div>
</div>


    <a href="/" class="text-light h4 d-flex justify-content-center align-items-center d-lg-none d-block" style="opacity:0.7; width:59px; height:59px; background:var(--main-color); right: 20vw; bottom: 4vh; z-index: 99999999999999999999999999; position: fixed; border:1px black solid; border-radius:50px; "  onclick="document.getElementById('loadingbar').style.display='block';  window.location.replace('/');">
        <i class="fa fa-home mb-1"></i>
    </a>

    <a href="#" onclick="history.back()" class="text-light h4 d-flex justify-content-center align-items-center d-lg-none d-block" style="opacity:0.7; width:59px; height:59px; background:var(--main-color); left: 21vw; bottom: 4vh; z-index: 99999999999999999999999999; position: fixed; border:1px black solid; border-radius:50px; " >
        <i class="fa fa-angle-left mb-1"></i>
    </a>


<div class="container" style="overflow-x: hidden">
    <div class="row d-flex justify-content-center">
            </div> </div>
<div class="container " style="overflow-x: hidden">
    <div class="fixed-top">

<nav class="w-100 bg-light p-3 d-lg-flex justify-content-between align-items-center d-none" style="border-bottom: 5px var(--main-color) solid; ">

    <div class="d-flex align-items-center">
        <a href="/">
        <img class="pe-4" src="/uploads/generalinfo/d53697441ef12a45422f6660202f9840cfcd208495d565ef66e7dff9f98764da.png" alt="گروه املاک جاوین" style="height: 50px">
        <a class="btn px-4" href="/">خانه</a>
            <a class="btn px-4"  style=" font-weight: 400;   font-size: 16px;" href="https://jawin.co/expert-sale" >مهندسی فروش</a>
            <a class="btn px-4"  style=" font-weight: 400;   font-size: 16px;" href="https://jawin.co/franchise" >اعطای نمایندگی</a>
            <a class="btn px-4"  style=" font-weight: 400;   font-size: 16px;" href="https://jawin.co/mobile/show_faq" >سوالات متداول</a>
            <button class="btn px-4"  style=" font-weight: 400;   font-size: 16px;" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">تماس با ما</button>
            <a class="btn px-4" style=" font-weight: 400;   font-size: 16px;" href="/mobile/blogs" >بلاگ</a>
        
    </div>

    <div>
                <a class="btn btn-light" href="/login">ورود/عضویت</a>
                <a class="btn text-light" style="background: var(--main-color)" href="https://jawin.co/submit_new_advertising" >ثبت آگهی +</a>
    </div>

</nav>

<div class="d-flex justify-content-between align-items-center pt-2 pb-1 bg-light  px-2 d-lg-none" style="border-bottom: 5px var(--main-color) solid; ">

<div>
    <div class="d-flex flex-justify-between  " >
        <button  class=" btn  text-dark  " type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
            <i class="fa fa-book	" style="font-size: 25px!important;"></i>
        </button>

    </div>
</div>

<div class="text-center pt-2">
    <a class="text-dark" href="/">
    <img class="pb-2" src="/uploads/generalinfo/d53697441ef12a45422f6660202f9840cfcd208495d565ef66e7dff9f98764da.png" alt="گروه املاک جاوین" style="height: 60px">

    <h1  class="d-none h5">گروه املاک جاوین</h1></a>
</div>

<div>
    <a href="https://jawin.co/mobile/notifications" type="button" class="btn  ms-auto position-relative notification" style="color: #000000!important; ">
        <svg xmlns="http://www.w3.org/2000/svg" width="18.594" height="21.346" viewBox="0 0 15.594 18.346">
            <g id="Iconly_Bulk_Notification" data-name="Iconly/Bulk/Notification" transform="translate(-3.5 -2)">
                <g id="Notification" transform="translate(3.5 2)">
                    <path id="Fill_1" data-name="Fill 1" d="M14.924,8.847a3.563,3.563,0,0,1-.975-2.613V5.843a5.087,5.087,0,0,0-1.1-3.436A6.459,6.459,0,0,0,7.837,0H7.756A6.486,6.486,0,0,0,2.822,2.3,5.158,5.158,0,0,0,1.645,5.843v.392A3.484,3.484,0,0,1,.67,8.847,3.085,3.085,0,0,0,0,10.967a3.31,3.31,0,0,0,.792,2.181,4.157,4.157,0,0,0,2.66,1.3A38.2,38.2,0,0,0,7.8,14.67c1.461,0,2.9-.1,4.345-.226a4.157,4.157,0,0,0,2.659-1.3,3.315,3.315,0,0,0,.792-2.181,3.085,3.085,0,0,0-.67-2.119" transform="translate(0 0)" fill="#010101"/>
                    <path id="Fill_4" data-name="Fill 4" d="M4.527.073a23.48,23.48,0,0,0-3.711,0C.424.164,0,.375,0,.837A1.422,1.422,0,0,0,.638,1.913h0a3.335,3.335,0,0,0,1.573.672,3.519,3.519,0,0,0,.924,0,3.335,3.335,0,0,0,1.572-.672h0A1.422,1.422,0,0,0,5.343.837c0-.462-.424-.673-.816-.763" transform="translate(5.112 15.73)" fill="#010101" opacity="0.4"/>
                </g>
            </g>
        </svg>
        <span class="position-absolute rounded-circle badge"></span>
    </a>
</div>
</div>
</div>

<div class="offcanvas offcanvas-end pt-4" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
    <div class="offcanvas-header">
        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body">


    <div class="w-100 mb-1 text-center h6 font-weight-bold border-bottom pb-4">
        <img class="pb-2 w-50" src="/uploads/generalinfo/d53697441ef12a45422f6660202f9840cfcd208495d565ef66e7dff9f98764da.png" alt="گروه املاک جاوین">
    </div>

        <div class="row px-2 mt-1">
            </div>

<a href="https://jawin.co/submit_new_advertising" class="btn btn-lg w-100 text-light" style="background-color: var(--main-color);">ثبت آگهی جدید
<i class="fa fa-plus"></i>
</a>
<hr>
        <iframe style="border-radius: 25px; border:4px var(--main-color) solid;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13629.37864900755!2d48.6770782!3d31.3494669!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x3e5dfc642d274024!2z2KfZh9mI2KfYsiDZhdmE2qk!5e0!3m2!1sen!2s!4v1657600617431!5m2!1sen!2s" width="100%" height="200" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

        <div class="text-center mt-2">
            خوزستان - اهواز - کیان آباد، خیابان 13
        </div>

        <div class="d-flex justify-content-around align-items-center py-1 text-center mt-3">
            <div style="border-radius: 25px; "  class="border py-2 w-100 mx-1 "><a href="tel:02191017274"><i class="fa fa-phone"></i><br>تماس با ما</a></div>
            <div style="border-radius: 25px; "  class="border   py-2 w-100 mx-1 "><a href="https://www.instagram.com/jawinco"><i class="fa fa-instagram"></i><br>دنبال کردن</a></div>
            
        </div>

        <div class="d-flex justify-content-around align-items-center py-1 text-center">
            <div style="border-radius: 25px; "  class="border  py-2 w-100 mx-1 "><a href="https://jawin.co/visit_guest"><i class="fa fa-send	"></i><br>ثبت درخواست</a></div>
        </div>


    </div>
</div>

                    
    <style>
        ul li{
            font-size: unset;
        }

        .page_of_book_li_container  li {
            font-size:16px;
        }
        .page_of_book_li_container{
            overflow-y: scroll ;
        }


        .inner-border {

            display: flex;

            justify-content: center;

            flex-direction: column;

        }


        .outer-border {


            border-radius: 40px;

            border: 2px solid #23366A;

            height: 99%;

            width: 100%;

            padding: 6px;

            margin: 0 auto;

        }


        @media (min-width: 992px) {

            .outer-border {

                height: 94%;

            }

        }


        .mid-border {

            border-radius: 50px;

            border: 6px solid #23366A;

            height: 100%;

            width: 100%;

            padding: 2px;

            margin: 0;

        }


        .inner-border {

            position: relative;

            height: 100%;

            width: 100%;

            margin: 0;

        }


        .vertical-decoration {

            position: absolute;

            left: 0;

            right: 0;

            margin: auto;

            width: 11em;

        }


        @media (min-width: 768px) {

            .vertical-decoration {

                width: 16em;

            }

        }


        @media (min-width: 992px) {

            .vertical-decoration {

                width: 20em;

            }

        }


        @media (min-width: 1200px) {

            .vertical-decoration {

                width: 27em;

            }

        }


        .vertical-decoration.top {

            top: 0;

        }


        .vertical-decoration.bottom {

            bottom: 0;

            -webkit-transform: scaleY(-1);

            transform: scaleY(-1);

        }


        h1 {

            font-size: 5em;

            color: #203368;

            text-shadow: 1px 2px 6px #efefef, 1px 0 0 rgba(136, 136, 136, 0.7);

            transform: rotate(0deg) skew(4deg);


        }


        /*  h1:before {

              content: attr(data-title);

              position: absolute;

              left: 0;

              color: #23366A;

              transform: translate(1px, 0) skew(-4deg);

              text-shadow: none;

              transition: 15s cubic-bezier(0, 1.88, .83, .67);


          } */


        /*h1:hover:before {

            transform: translate(3px, 0) skew(-14deg);

            transition: 15s cubic-bezier(0, 1.88, .83, .67);


        }*/


        .base:before, .base:after, .hole:before, .hole:after, .plate, .plate:before, .plate:after {

            position: absolute;

        }


        .base, .hole, .plate {

            margin: auto;

        }


        .base, .base:before, .base:after, .hole, .hole:before, .hole:after, .plate, .plate:before, .plate:after {

            border-radius: 25%;

        }


        .base:before, .base:after, .hole:before, .hole:after, .plate:before, .plate:after {

            content: "Jawin";

            display: block;

        }


        .base:before, .hole {

            background: radial-gradient(100% 100% at bottom left, gray, rgba(128, 128, 128, 0) 50%), radial-gradient(100% 100% at bottom right, gray, rgba(128, 128, 128, 0) 50%), linear-gradient(#333333, #4d4d4d);

        }


        .base:after, .hole:before {

            background-image: url(/themeassets/plastic-grain-texture.jpg);

            background-color: #262626;

            background-blend-mode: luminosity;

        }


        .base:before, .base:after, .plate:before, .plate:after {

            width: 100%;

            height: 100%;

        }


        .base:before, .plate:before {

            transform: translate(-5%, -5%);

        }


        .base:after, .plate:after {

            transform: translate(-6%, -6%);

        }


        .base {

            background: #262626;

            position: relative;

            width: 15em;

            height: 15em;

            transform: rotateX(30deg) rotateZ(45deg);

            z-index: 0;

        }


        .base:after {

            background-size: 100% 100%;

            box-shadow: 0.1em 0.1em 0 #262626 inset;

        }


        .hole {


            transform: translate(-0.9em, -0.9em);

            z-index: 1;

        }


        .hole:before, .hole:after {

            top: 2%;

            left: 2%;

            width: 96%;

            height: 96%;

        }


        .hole:before {

            background-size: 143% 143%;

            box-shadow: 0.3em 0.3em 0.1em 0.1em rgba(0, 0, 0, 0.7) inset, -0.1em -0.1em 0.1em 0.1em rgba(0, 0, 0, 0.7) inset;

        }


        .hole:after {

            animation: blurOutIn 2s ease-out infinite;

            background: black;

        }


        .plate {

            background-image: radial-gradient(8% 10% at 18% 102%, #ebd4ad 33%, rgba(235, 212, 173, 0)), radial-gradient(16% 8% at 106% 10%, #ebd4ad 50%, rgba(235, 212, 173, 0)), linear-gradient(45deg, #7b591e 8%, #b9852d 16% 43%, #ebd4ad 46% 50%, #b9852d 53% 56%, #7b591e 60% 62%, #cd9432 65% 87%, #7b591e 92%);

            top: 0;

            right: 0;

            bottom: 0;

            left: 0;

            width: 65%;

            height: 65%;

            transform: translate(-0.9em, -0.9em);

            z-index: 2;

        }


        .plate:before {

            background: radial-gradient(100% 100% at bottom left, #ebd4ad, rgba(235, 212, 173, 0) 50%), radial-gradient(100% 100% at bottom right, #ebd4ad, rgba(235, 212, 173, 0) 50%), linear-gradient(#b9852d, #cd9432);

        }


        .plate:after {

            background: #d7aa5b;

            box-shadow: 0 0.1em 0 #7b591e inset, 0 0 0 0.1em #ebd4ad inset;

        }


        .plate:nth-child(2) {

            animation: jump1 2s ease-out infinite;

            background-image: linear-gradient(45deg, #523b14 8%, #7b591e 12% 30%, #b9852d 50%, #7b591e 70% 88%, #523b14 92%);

        }


        .plate:nth-child(3), .plate:nth-child(4) {

            width: 50%;

            height: 50%;

        }


        .plate:nth-child(3), .plate:nth-child(5) {

            filter: blur(1px);

            opacity: 0.7;

        }


        .plate:nth-child(3):after, .plate:nth-child(5):after {

            background: #523b14;

            box-shadow: 1.5em 1.5em 0.3em #7b591e inset;

        }


        .plate:nth-child(3) {

            animation: jump2 2s ease-out infinite;

            transform: translate(-1.4em, -1.4em);

            z-index: 3;

        }


        .plate:nth-child(4) {

            animation: jump3 2s ease-out infinite;

            transform: translate(-1.9em, -1.9em);

            z-index: 4;

        }


        .plate:nth-child(5), .plate:nth-child(6) {

            width: 35%;

            height: 35%;

        }


        .plate:nth-child(5) {

            animation: jump4 2s ease-out infinite;

            transform: translate(-2.4em, -2.4em);

            z-index: 5;

        }


        .plate:nth-child(6) {

            animation: jump5 2s ease-out infinite;

            transform: translate(-2.8em, -2.8em);

            z-index: 6;

        }


        /* Animations */

        @keyframes  blurOutIn {

            from, 40%, to {

                filter: blur(0px);

                opacity: 1;

            }

            10%, 30% {

                filter: blur(3px);

                opacity: 0.5;

            }

        }


        @keyframes  jump1 {

            from, 40%, to {

                transform: translate(-0.9em, -0.9em);

            }

            10%, 30% {

                transform: translate(-1.9em, -1.9em);

            }

        }


        @keyframes  jump2 {

            from, 50%, to {

                filter: blur(1px);

                transform: translate(-1.4em, -1.4em);

            }

            10% {

                filter: blur(1px);

                transform: translate(-2.4em, -2.4em);

            }

            20%, 30% {

                filter: blur(4px);

                transform: translate(-1.9em, -1.9em);

            }

            40% {

                filter: blur(7px);

                transform: translate(-0.4em, -0.4em);

            }

        }


        @keyframes  jump3 {

            from, 50%, to {

                transform: translate(-1.9em, -1.9em);

            }

            10% {

                transform: translate(-2.9em, -2.9em);

            }

            20%, 40% {

                transform: translate(-3.9em, -3.9em);

            }

        }


        @keyframes  jump4 {

            from, 60%, to {

                filter: blur(1px);

                transform: translate(-2.4em, -2.4em);

            }

            10% {

                transform: translate(-3.4em, -3.4em);

            }

            20% {

                filter: blur(1px);

                transform: translate(-4.4em, -4.4em);

            }

            30%, 40% {

                filter: blur(4px);

                transform: translate(-3.9em, -3.9em);

            }

            50% {

                filter: blur(7px);

                transform: translate(-1.4em, -1.4em);

            }

        }


        @keyframes  jump5 {

            from, 60%, to {

                transform: translate(-2.8em, -2.8em);

            }

            10% {

                transform: translate(-3.8em, -3.8em);

            }

            20% {

                transform: translate(-4.8em, -4.8em);

            }

            30%, 50% {

                transform: translate(-5.8em, -5.8em);

            }

        }


        #opty_hands {

            /*background: #23366A;*/
            border: 3px solid #23366A;
            /*border: 3px #000 dashed;*/
            width: 350px;

            height: 350px;

            font-size: 1.5vw;

            position: relative;

            overflow: hidden;

            z-index: 1;

        }


        .left-hand {

            display: block;

            position: absolute;

            top: 35%;

            left: -8%;

            width: 40%;

            height: 30%;

            z-index: 3;

            background: #282830;

            box-shadow: 0 2.3rem 0 0 rgba(0, 0, 0, 0.4) inset;

            transform: rotate(15deg);

        }


        .left-hand span {

            displaY: block;

            position: absolute;

            right: 15%;

            top: 40%;

            letter-spacing: -0.6rem;

            line-height: 0;

            color: #eee;

            font-size: 7em;

        }


        .left-hand::after {

            content: '';

            position: absolute;

            display: block;

            left: 100%;

            top: 0;

            z-index: -1;

            border-top-right-radius: 30%;

            border-bottom-right-radius: 30%;

            width: 10%;

            height: 100%;

            background: #2a2a2a;

        }


        .left-hand::before {

            content: '';

            display: block;

            position: absolute;

            border-top-right-radius: 3px;

            border-bottom-right-radius: 3px;

            left: 100%;

            top: 12.5%;

            width: 15%;

            height: 75%;

            background: #fff;

        }


        .right-hand {

            display: block;

            position: absolute;

            top: 35%;

            right: -8%;

            width: 40%;

            height: 30%;

            z-index: 3;

            background: #203368;

            box-shadow: 0 2.3rem 0 0 rgba(0, 0, 0, 0.4) inset;

            transform: rotate(-15deg);

        }


        .right-hand span {

            displaY: block;

            position: absolute;

            left: 15%;

            top: 40%;

            letter-spacing: -0.6rem;

            line-height: 0;

            color: #eee;

            font-size: 7em;

        }


        .right-hand::after {

            content: '';

            position: absolute;

            display: block;

            right: 100%;

            top: 0;

            z-index: -1;

            border-top-left-radius: 50%;

            border-bottom-left-radius: 50%;

            width: 10%;

            height: 100%;

            background: #2a2a2a;

        }


        .right-hand::before {

            content: '';

            display: block;

            position: absolute;

            border-top-left-radius: 2px;

            border-bottom-left-radius: 2px;

            right: 100%;

            top: 12.5%;

            width: 15%;

            height: 75%;

            background: #fff;

        }


        .left-shake {

            position: absolute;

            height: 18%;

            width: 31%;

            z-index: 2;

            border-radius: 20%;

            left: 31%;

            top: 54%;

            background: #F3D89F;

            transform: rotate(45deg);

        }


        .right-shake {

            position: absolute;

            height: 18%;

            width: 31%;

            z-index: 1;

            border-radius: 20%;

            right: 31%;

            top: 52%;

            background: #E3C39D;

            transform: rotate(-45deg);

        }


        .left-shake span {

            position: absolute;

            right: 0;

            top: -20%;

            z-index: 1;

            font-weight: 300;

            color: rgba(0, 0, 0, 0.1);

            font-size: 3em;

            line-height: 25%;

        }


        .right-shake::after {

            content: '';

            display: block;

            position: absolute;

            width: 50%;

            height: 40%;

            border-radius: 30%;

            background: #F3D89F;

            top: -30%;

            z-index: -1;

            right: 13%;

            transform: rotate(40deg);

            box-shadow: -6px -5px 0 0 #E3C39D inset;

        }


        .left-shake::after {

            content: '';

            display: block;

            position: absolute;

            width: 60%;

            height: 40%;

            border-radius: 30%;

            background: #E3C39D;

            top: -40%;

            z-index: -1;

            right: 34%;

            transform: rotate(110deg);

            box-shadow: 0.1em -0.05em 0 rgba(0, 0, 0, 0.05);

        }


        .left-shake::before {

            content: '|||';

            font-weight: 500;

            text-indent: 0.25em;

            color: rgba(0, 0, 0, 0.1);

            line-height: 80%;

            font-size: 1.6em;

            letter-spacing: 0.15em;

            display: block;

            position: absolute;

            width: 50%;

            height: 50%;

            background: #E3C39D;

            box-shadow: 0px -0.5em 0 0 #E3C39D inset, 0px -0.55em 0 0 rgba(0, 0, 0, 0.1) inset, 0px -1em 0 0 rgba(255, 255, 255, 0.2) inset, 0.1em -0.1em 0 0 rgba(0, 0, 0, 0.1);

            right: 10%;

            z-index: 2;

            border-radius: 20%;

            bottom: -10%;

        }


        .right-shake::before {

            content: '';

            display: block;

            position: absolute;

            width: 5%;

            height: 100%;

            background: rgba(0, 0, 0, 0.1);

            right: 39%;

        }


        .right-hand {

            -webkit-animation: right-arm 0.5s linear infinite alternate;

        }


        .left-hand {

            -webkit-animation: left-arm 0.5s linear infinite alternate;

        }


        .right-shake {

            -webkit-animation: right-hand 0.5s linear infinite alternate;

        }


        .left-shake {

            -webkit-animation: left-hand 0.5s linear infinite alternate;

        }


        @-webkit-keyframes right-arm {

            0% {

                top: 37%;

                transform: rotate(-15deg);

            }

            100% {

                top: 38%;

                transform: rotate(-20deg)

            }

        }


        @-webkit-keyframes left-arm {

            0% {

                top: 35%;

                transform: rotate(15deg);

            }

            100% {

                top: 36%;

                transform: rotate(20deg);

            }

        }


        @-webkit-keyframes right-hand {

            0% {

                top: 52%;

            }

            100% {

                top: 57%;

            }

        }


        @-webkit-keyframes left-hand {

            0% {

                top: 54%;

            }

            100% {

                top: 57%;

            }

        }


        .scardamar {

            color: #203368;

        }


        #perspective {

            perspective: 1000;

            -moz-transition: all 0.4s ease-in-out;

            -o-transition: all 0.4s ease-in-out;

            -webkit-transition: all 0.4s ease-in-out;

            transition: all 0.4s ease-in-out;

        }


        #containero {

            border: 3px #ca9d04 solid;

            position: relative;

            width: 100%;

            height: 520px;

            transform-style: preserve-3d;

            z-index: -6;

            direction: rtl;

            text-align: right;

            transform: rotate(3deg);

        }


        #perspective:hover {

            -moz-transition: all 0.4s ease-in-out;

            -o-transition: all 0.4s ease-in-out;

            -webkit-transition: all 0.4s ease-in-out;

            transition: all 0.4s ease-in-out;

            cursor: pointer;

            transform: rotate(-2deg);

        }


        .face {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            backface-visibility: hidden;

        }


        .front {

            background-image: -webkit-repeating-linear-gradient(150deg, #ba0f0f, #ba0f0f 20px, #ffffff 0px, #ffffff 40px, #203368 0px, #203368 60px, #ffffff 0px, #ffffff 80px);

            background-image: -moz-repeating-linear-gradient(150deg, #ba0f0f, #ba0f0f 20px, #ffffff 0px, #ffffff 40px, #203368 0px, #203368 60px, #ffffff 0px, #ffffff 80px);

            background-image: repeating-linear-gradient(150deg, #ba0f0f, #ba0f0f 20px, #ffffff 0px, #ffffff 40px, #203368 0px, #203368 60px, #ffffff 0px, #ffffff 80px);

            z-index: 20;

            -moz-border-radius: 5px;

            -webkit-border-radius: 5px;

            border-radius: 5px;

        }


        .accordion button {

            position: relative;

            display: block;

            text-align: right;

            width: 100%;

            padding: 1em 1em;

            color: #000000;

            font-size: 1.15rem;

            font-weight: 400;

            border: none!important;

            background: none!important;

            outline: none!important;


        }

        .accordion button:hover, .accordion button:focus {

            cursor: pointer;

            color: #ca9d04;

            border: none!important;

            background: none!important;

            outline: none!important;


        }

        .accordion button:hover::after, .accordion button:focus::after {

            cursor: pointer;

            color: #ca9d04;

            border: 1px solid #ca9d04;

        }

        .accordion button .accordion-title {

            padding: 1em 1.5em 1em 0;

            border: none!important;

            background: none!important;

            outline: none!important;

        }

        .accordion button .icon {

            display: inline-block;

            position: absolute;

            top: 18px;

            left: 0;

            width: 22px;

            height: 22px;

            border: 1px solid;

            border-radius: 22px;

            margin: 0 1em;


        }

        .accordion button .icon::before {

            display: block;

            position: absolute;

            content: "";

            top: 9px;

            left: 5px;

            width: 10px;

            height: 2px;

            background: currentColor;

        }

        .accordion button .icon::after {

            display: block;

            position: absolute;

            content: "";

            top: 5px;

            left: 9px;

            width: 2px;

            height: 10px;

            background: currentColor;

            border: none;


        }

        .accordion button[aria-expanded=true] {

            color: #ca9d04;

            border: none!important;

            background: none!important;

            outline: none!important;

        }

        .accordion button[aria-expanded=true] .icon::after {

            width: 0;

        }

        .accordion button[aria-expanded=true] + .accordion-content {

            opacity: 1;

            max-height: 100%;

            transition: all 200ms linear;

            will-change: opacity, max-height;

            border: none!important;

            background: none!important;

            outline: none!important;

        }

        .accordion .accordion-content {

            opacity: 0;

            max-height: 0;

            overflow: hidden;

            transition: opacity 200ms linear, max-height 200ms linear;

            will-change: opacity, max-height;

            border: none!important;

            background: none!important;

            outline: none!important;

        }

        .accordion .accordion-content p {

            font-size: 1rem;

            font-weight: 300;

            margin: 2em 0;

            border: none!important;

            background: none!important;

            outline: none!important;

        }


        .scene {

            width: 100%;

            height:50vh;

            perspective: 1000px;

            perspective-origin: center;

        }


        .scene  .book {

            position: relative;

            width: 100%;

            height: 100%;

            transform-style: preserve-3d;

            background-color: #203368;

        }


        .scene  .page {

            cursor: pointer;

            position: absolute;

            color: black;

            margin-left: 50%;

            width: 50%;

            height: 100%;

            border: solid 3px #000;

            transition: 1.5s transform;

            transform-style: preserve-3d;

            transform-origin: left center;

            box-sizing: border-box;


        }


        .scene .front2,.scene  .back2 {

            display: flex;

            justify-content: center;

            align-items: center;

            position: absolute;

            width: 100%;

            height: 100%;

            backface-visibility: hidden;

            background-color: white;

            text-align: center;

            font-size: 4rem;

            line-height: 100%;

            overflow: hidden;

        }


        .scene  .back2 {

            transform: rotateY(180deg);

        }


        .scene .page.active {

        }


        .scene .page.flipped {

            transform: rotateY(-180deg);

        }


        .scene .page.flipped:last-of-type {

            z-index: 1;

        }


        .llholder {

            position: relative;

            width: 200px;

            height: 200px;

            display: block;

        }


        #lllayer-1 {

            -webkit-animation-name: spin;

            -webkit-animation-duration: 4000ms;

            -webkit-animation-iteration-count: infinite;

            -webkit-animation-timing-function: linear;

            -moz-animation-name: spin;

            -moz-animation-duration: 4000ms;

            -moz-animation-iteration-count: infinite;

            -moz-animation-timing-function: linear;

            -ms-animation-name: spin;

            -ms-animation-duration: 4000ms;

            -ms-animation-iteration-count: infinite;

            -ms-animation-timing-function: linear;


            animation-name: spin;

            animation-duration: 4000ms;

            animation-iteration-count: infinite;

            animation-timing-function: linear;

        }

        @-ms-keyframes spin {

            from {

                -ms-transform: rotate(0deg);

            }

            to {

                -ms-transform: rotate(360deg);

            }

        }

        @-moz-keyframes spin {

            from {

                -moz-transform: rotate(0deg);

            }

            to {

                -moz-transform: rotate(360deg);

            }

        }

        @-webkit-keyframes spin {

            from {

                -webkit-transform: rotate(0deg);

            }

            to {

                -webkit-transform: rotate(360deg);

            }

        }

        @keyframes  spin {

            from {

                transform: rotate(0deg);

            }

            to {

                transform: rotate(360deg);

            }

        }


        .llshape-4,

        .llshape-5,

        .llshape-6 {

        }

        .llshape-1,

        .llshape-4 {

            opacity: 0.2;

        }

        .llshape-2,

        .llshape-5 {

            opacity: 0.5;

        }

        .llshape-3,

        .llshape-6 {

            opacity: 0.5;

        }

        .llh1 {

            font-weight: 400;

            font-size: 26px;

            color: #203368;

            position: absolute;

            top: 41%;

            left: 32%;

        }

        .llh1 #sps {

            color: #ca9d04;

        }


    </style>
    <div id="wrapper" class=" d-flex justify-content-center align-items-center  m-0 p-0">
        <div class="main-container m-0 p-0">
            <div class="body mt-5 pt-5 pb-4">
                <div class="outer-border mt-2 ">
                    <div class="mid-border">
                        <div class="inner-border">
                            <!-- Page Content -->
                            <style>
                                input::-webkit-outer-spin-button,
                                input::-webkit-inner-spin-button {
                                    display: none;
                                }

                                .required:after {
                                    content:" *";
                                    color: red;
                                }

                            </style>
                            <div class="container px-3 text-dark d-flex flex-column justify-content-center" style="min-height: 100vh">


                                <div class="w-100 p-2 ">
                                    <img class="" src="/themeassets/javin/empty_house_700.gif" style="border-radius: 20px; width: 100%">
                                </div>
                                        <h4 class="mt-2 mt-5" style="font-weight: bold; text-align: center"> به دنبال چه هستید ؟</h4>

                                <form class="row col-md-8 mx-auto mt-3 py-2 bg-light"   action="https://jawin.co/visit_guest" enctype="multipart/form-data" method="post"

                                      id="myform" style="border: 3px #203368 solid; border-radius: 20px;">

                                    <input type="hidden" name="_token" value="u94qAt0fm8MHWw7UjxRRIin01NS3PJL7BYDOwE47">                                    <div class="alert alert-danger " style="display: none" id="alert_error_form_cphone" >
                                        شماره تلفن هماره باید 11 رقمی باشد
                                    </div>

                                    <div id="alert_error_form_cname " ></div>

                                    <div class=" w-100 d-flex0 flex-column0 align-items-center0">
                                        <span style="white-space: nowrap" class="d-none row justify-content-center">
                                        <div class="m-2 form-check col">
                                          <input class="form-check-input" value="رهن و اجاره" type="radio" name="what_do_u_want" id="label_1" >
                                          <label class="form-check-label_1" for="flexRadioDefault1">
                                            رهن و اجاره
                                          </label>
                                        </div>
                                        <div class="m-2 form-check col">
                                          <input class="form-check-input" value="پیش فروش" type="radio" name="what_do_u_want" id="flexRadioDefault2" >
                                          <label class="form-check-label" for="flexRadioDefault2">
                                           پیش فروش
                                          </label>
                                        </div>
                                        <div class="m-2 form-check col">
                                          <input class="form-check-input" value="تهاتر" type="radio" name="what_do_u_want" id="flexRadioDefault3" >
                                          <label class="form-check-label" for="flexRadioDefault3">
                                           تهاتر
                                          </label>
                                        </div>
                                        <div class="m-2 form-check col">
                                          <input class="form-check-input" value="مشارکت در ساخت" type="radio" name="what_do_u_want" id="flexRadioDefault4" >
                                          <label class="form-check-label" for="flexRadioDefault4">
                                           مشارکت در ساخت
                                          </label>
                                        </div>
                                    </span>

                                        <select name="formtype" class="indent form-control my-1" required>
                                            <option value="رهن و اجاره" selected>رهن و اجاره</option>
                                            <option value="فروش">فروش</option>
                                         
                                         
                                        </select>
                                    </div>


                                    <span class="col-12 my-1 d-none">
<label class="required label-control">نام و نام خانوادگی</label>
                                     <input  type="text" id="cname_1" name="cname" class="nameinput form-control" value="نامشخص" placeholder="نام و نام خانوادگی" required>

                                  </span>


                                    <span class="col-12">
                                        <label class="required label-control">شماره تماس </label>

                                        <input type="number" onkeyup="validate()"  id="cphone_1" name="cphone"   class="form-control my-1"   placeholder="09161234567" required>
                                      </span>

                                    <input class="d-none" name="targetid" type="text" value="pb">
                                    <input class="d-none" name="targettype" type="text" value="لندینگ">


                                    <input class="d-none" name="expertphone" type="text" value="09163151967">


                                    <span class="col-12">


          </span>

                                    <span class="col-12 my-1">

                                                            <input id="submit_form_1" style="background: #203368; color: #fff;" type="submit" value="ثبت"

                                                                   class="form-control button send ">

                                                            </span>

                                </form>

                                <script>
                                    const form = document.querySelector('form');
                                    form.addEventListener('submit' , validate);

                                    function validate(event){
                                        const cphone_1 = document.getElementById('cphone_1');
                                        const cname_1 = document.getElementById('cname_1');
                                        if(cphone_1.value.length < 11 || cphone_1.value.length > 11){
                                            // $('#alert_error_form').append('شماره تلفن هماره باید 11 رقمی باشد');
                                            $('#alert_error_form_cphone').css('display','block');
                                            $('#submit_form_1').attr('disabled','disabled');
                                            $('#submit_form_1').css('opacity','0.6');
                                            console.log(1);
                                            // alert('شماره تلفن هماره باید 11 رقمی باشد');
                                            // event.preventDefault();
                                        }else {
                                            $('#alert_error_form_cphone').css('display','none');
                                            $('#submit_form_1').removeAttr('disabled');
                                            $('#submit_form_1').css('opacity','1');

                                        }
                                    }
                                </script>

				<br>

                            </div>


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


    <script>


        const pages = document.querySelectorAll('.page')

        const pageCount = pages.length

        pages.forEach( (page, i, pages) => {

            page.style.zIndex = pageCount - i

            page.onclick = event => {

                console.log(page.classList)

                if(page.classList.contains('active')) {

                    page.classList.replace('active', 'flipped')

                    page.style.zIndex = i + 1

                    if((i+1) < pageCount) {

                        pages[i+1].classList.add('active')

                        pages[i+1].classList.remove('flipped')

                        pages[i+1].style.zIndex = pageCount - (i+1)

                    }

                    for(let j = i+2; j < pageCount; j++) {

                        pages[j].classList.remove('active')

                        pages[j].classList.remove('flipped')

                        pages[j].style.zIndex = pageCount - j

                    }

                    for(let j = 0; j < i ; j++) {

                        pages[j].classList.remove('active')

                        pages[j].classList.add('flipped')

                        pages[j].style.zIndex = j + 1

                    }

                } else if(page.classList.contains('flipped')) {

                    page.classList.replace('flipped', 'active')

                    page.style.zIndex = pageCount - i

                    for(let j = i+1; j < pageCount; j++) {

                        pages[j].classList.remove('active')

                        pages[j].classList.remove('flipped')

                        pages[j].style.zIndex = pageCount - j

                    }

                    for(let j = 0; j < i ; j++) {

                        pages[j].classList.remove('active')

                        pages[j].classList.add('flipped')

                        pages[j].style.zIndex = j + 1

                    }

                }

            }

        })


        const items = document.querySelectorAll(".accordion button");


        function toggleAccordion()

        {

            const itemToggle = this.getAttribute("aria-expanded");


            for (i = 0; i < items.length; i++) {

                items[i].setAttribute("aria-expanded", "false");

            }


            if (itemToggle == "false") {

                this.setAttribute("aria-expanded", "true");

            }

        }


        items.forEach((item) => item.addEventListener("click", toggleAccordion));


        (function ($) {

            $.fn.countTo = function (options) {

                options = options || {};


                return $(this).each(function () {

                    // set options for current element

                    var settings = $.extend(

                        {},

                        $.fn.countTo.defaults,

                        {

                            from: $(this).data("from"),

                            to: $(this).data("to"),

                            speed: $(this).data("speed"),

                            refreshInterval: $(this).data("refresh-interval"),

                            decimals: $(this).data("decimals")

                        },

                        options

                    );


                    // how many times to update the value, and how much to increment the value on each update

                    var loops = Math.ceil(settings.speed / settings.refreshInterval),

                        increment = (settings.to - settings.from) / loops;


                    // references & variables that will change with each update

                    var self = this,

                        $self = $(this),

                        loopCount = 0,

                        value = settings.from,

                        data = $self.data("countTo") || {};


                    $self.data("countTo", data);


                    // if an existing interval can be found, clear it first

                    if (data.interval) {

                        clearInterval(data.interval);

                    }

                    data.interval = setInterval(updateTimer, settings.refreshInterval);


                    // initialize the element with the starting value

                    render(value);


                    function updateTimer() {

                        value += increment;

                        loopCount++;


                        render(value);


                        if (typeof settings.onUpdate == "function") {

                            settings.onUpdate.call(self, value);

                        }


                        if (loopCount >= loops) {

                            // remove the interval

                            $self.removeData("countTo");

                            clearInterval(data.interval);

                            value = settings.to;


                            if (typeof settings.onComplete == "function") {

                                settings.onComplete.call(self, value);

                            }

                        }

                    }


                    function render(value) {

                        var formattedValue = settings.formatter.call(self, value, settings);

                        $self.html(formattedValue);

                    }

                });

            };


            $.fn.countTo.defaults = {

                from: 0, // the number the element should start at

                to: 0, // the number the element should end at

                speed: 1000, // how long it should take to count between the target numbers

                refreshInterval: 100, // how often the element should be updated

                decimals: 0, // the number of decimal places to show

                formatter: formatter, // handler for formatting the value before rendering

                onUpdate: null, // callback method for every time the element is updated

                onComplete: null // callback method for when the element finishes updating

            };


            function formatter(value, settings) {

                return value.toFixed(settings.decimals);

            }

        })(jQuery);


        jQuery(function ($) {

            // custom formatting example

            $(".count-number").data("countToOptions", {

                formatter: function (value, options) {

                    return value

                        .toFixed(options.decimals)

                        .replace(/\B(?=(?:\d{3})+(?!\d))/g, ",");

                }

            });


            // start all the timers

            $(".timer").each(count);


            function count(options) {

                var $this = $(this);

                options = $.extend({}, options || {}, $this.data("countToOptions") || {});

                $this.countTo(options);

            }

        });


    </script>


</div>
<footer class="footer-section" >
    <div class="container">
        <div class="footer-cta pt-5 pb-5">
            <div class="row text-right">
                <div class="col-xl-4 col-md-4 mb-30">
                    <div class="d-flex single-cta py-4 py-lg-2">
                        <i class="fa fa-map-marker d-none d-lg-block"></i>
                        <div class="cta-text">
                            <h4 class="mb-2  text-light">دفتر مرکزی</h4>
                            <span class="text-light text-align: justify;">                                آدرس اهواز خیابان اصلی کیان اباد بین خیابان ۱۲ و ۱۳ شرقی املاک زاگرس
</span>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-4 mb-30">
                    <div class="single-cta py-4 py-lg-2">
                        <i class="fa fa-phone  d-none d-lg-block"></i>
                        <div class="cta-text text-light">
                            <h4 class="mb-2  text-light">تماس با ما</h4>
                            <a class="text-light" href="tel:۰۹۱۶۲۳۰۰۸۳۰">۰۹۱۶۲۳۰۰۸۳۰</a>
                            <br>
                            <a class="text-light" href="tel:۰۶۱۳۳۳۸۸۸۸۶">۰۶۱۳۳۳۸۸۸۸۶</a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-4 mb-30">
                    <div class="single-cta py-4 py-lg-2">
                        <i class="fa fa-envelope-open  d-none d-lg-block"></i>
                        <div class="cta-text  ">
                            <h4 class="mb-2 text-light">ارسال ایمیل</h4>
                            <a class="text-light" href="mailto:Zagrossrealestate@gmail.com">Zagrossrealestate@gmail.com</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="p-3  align-items-center footer-cta">

            <div class="row m-3 justify-content-center align-items-center">
                <a  target="_blank" href="https://myket.ir/app/com.goyal.jawin" class="col-lg-4 btn btn-light text-light d-flex justify-content-center align-items-center">
                    <h5 class="  text-dark text-light px-2 m-0 text-center justify-content-center">
                        دریافت اپلیکیشن از
                    </h5>
                    <img style="height: 50px;" src="/themeassets/Myket_logo.png">
                </a>
            </div>


        </div>
        <div class="footer-content pt-5 pb-5 ">
            <div class="row">
                <div class="col-lg-4 col-md-6 mb-50  d-flex flex-column justify-content-center align-items-center py-4 py-lg-2">
                    <div class="footer-widget">
                        <div class="footer-logo ">
                            <a href="/" ><img src="/themeassets/logo-type-landscape.png" class=" img-fluid " alt="/themeassets/logo-type-landscape.png"></a>
                        </div>
                        <div class="footer-text">
                            <p class="text-light" style="text-align: justify;">
                                املاک زاگرس، در سال ۱۳۹۵ فعالیت خود را از منطقه کیانشهر اهواز با تعداد محدودی کارشناس فروش آغاز کرده و اکنون در دو شعبه، با ۵۰ نفر کارشناس فعال در مناطق کیانپارس، کیان آباد، کیانشهر، گلستان و کوروش آماده خدمت رسانی به مشتریان عزیز می باشد.


                            </p>
                            <a class="text-light"  href="https://instagram.com/zagros.realestate">
                                ما را دنبال کنید
                                <i class="fa fa-instagram"></i>
                            </a>
                        </div>

                    </div>
                </div>


                <div class="col-lg-4  d-flex flex-column justify-content-center align-items-center  col-md-6 mb-30  py-4 py-lg-2">
                    <div class="footer-widget-heading">
                        <h3 class="text-light">آگهی های پرطرفدار</h3>
                    </div>
                    <ul style="list-style: none;">
                                                                            
                            <li class="mb-3"><a href="https://jawin.co/real-state/331" class="text-light" >
                                    <i class="fa fa-check"></i>
                                    اپارتمان 150 متری تک واحدی</a></li>
                                                                                
                            <li class="mb-3"><a href="https://jawin.co/real-state/330" class="text-light" >
                                    <i class="fa fa-check"></i>
                                    175متر/شمالی/فاز سه کوهردشت</a></li>
                                                                                
                            <li class="mb-3"><a href="https://jawin.co/real-state/329" class="text-light" >
                                    <i class="fa fa-check"></i>
                                    192متر/بلوک سه/کلید نخورده</a></li>
                                                                                
                            <li class="mb-3"><a href="https://jawin.co/real-state/328" class="text-light" >
                                    <i class="fa fa-check"></i>
                                    ویلایی 188 متر با 30 متر تجاری</a></li>
                                                                                
                            <li class="mb-3"><a href="https://jawin.co/real-state/327" class="text-light" >
                                    <i class="fa fa-check"></i>
                                    ویلایی 212 متری بهداری</a></li>
                                                                                
                            <li class="mb-3"><a href="https://jawin.co/real-state/326" class="text-light" >
                                    <i class="fa fa-check"></i>
                                    ویلایی 280 متری با جواز ساخت</a></li>
                                                                                
                            <li class="mb-3"><a href="https://jawin.co/real-state/325" class="text-light" >
                                    <i class="fa fa-check"></i>
                                    ۳۰۰ متر کلنگی بر ۲۰ موقعیت تجاری بر بلوار</a></li>
                                                                                
                            <li class="mb-3"><a href="https://jawin.co/real-state/324" class="text-light" >
                                    <i class="fa fa-check"></i>
                                    ۲۲۵ مترآپارتمان ۴ خوابه ۴ پارکینگ گوهردشت</a></li>
                                                                                
                            <li class="mb-3"><a href="https://jawin.co/real-state/323" class="text-light" >
                                    <i class="fa fa-check"></i>
                                    آپارتمان 100 متری</a></li>
                                                </ul>
                </div>
                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center mb-50 py-4 py-lg-2">
                    <img class=" bg-light p-2 rounded" style="max-width: 400px" src="/themeassets/e-namad.png" alt="نماد اعتمد تستی">
                    <div class="d-flex m-3">
                        <a class="btn btn-dark m-1" href="https://jawin.co/all_counseling_show">مشاهده مشاوران</a>
                        <a class="btn btn-dark m-1" href="https://jawin.co/all_agency_show">مشاهده آژانس ها</a>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="copyright-area">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 col-lg-6 text-center  my-4 mt-md-0 ">
                    <a href="/" class="text-light">
                        تمام حقوق مادی و معنوی متعلق به
                        گروه املاک جاوین
                        می باشد
                    </a>
                </div>
                <div class="col-xl-6 col-lg-6 text-center my-4 mt-md-0 ">
                    <a class="text-light" href="https://www.gilasweb.ir/">
                        <a class="text-light" href="https://jawin.co/terms-of-service">قوانین و مقررات</a>
                    </a>
                </div>
                <div class=" col-lg-12 text-center mt-4 mt-md-0 border-top border-light pt-3 mt-3">
                    <a class="text-light" href="https://www.gilasweb.ir/">
                        طراحی و توسعه در تیم نرم افزاری گیلاس
                    </a>
                </div>
            </div>
        </div>
    </div>
</footer>

<a class="add-button" style=" left:0px; bottom:100px; position: fixed">
    <div class="css-selectorgold" style="color:white; text-decoration: none; font-size:13px;  border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding: 10px 12px; border:2px #000 solid">
        نصب
    </div>
</a>

<div id="rotate-screen" style="overflow: hidden;">
    <div class="rotate-content">
        <div class="rotate-box">
            <div class="rotate-device-img"></div>
            <div class="rotate-text rotate-subtitle">برای نمایش بهتر لطفا گوشی را فقط در حالت عمودی قرار دهید</div>
            <a href="/" style="margin-top:20px; color:white; text-decoration: none; font-size:12px; font-family:IRANSans; background-color: #635357; border-radius: 15px;  padding: 10px 10px">متوجه شدم</a>
        </div>
    </div>
</div>


<script type="text/javascript">
    !function(){var i="UHUaL2",a=window,d=document;function g(){var g=d.createElement("script"),s="https://www.goftino.com/widget/"+i,l=localStorage.getItem("goftino_"+i);g.async=!0,g.src=l?s+"?o="+l:s;d.getElementsByTagName("head")[0].appendChild(g);}"complete"===d.readyState?g():a.attachEvent?a.attachEvent("onload",g):a.addEventListener("load",g,!1);}();
</script>

<script>
    function addfavorate(productid) {
        if (0 == 1) {
            var xmlhttp = new XMLHttpRequest();
            xmlhttp.onreadystatechange = function () {
                if (this.readyState == 4 && this.status == 200) {
                    const vartext = JSON.parse(this.responseText);
                    // console.log(vartext.btnstatus);
                    // console.log("btnred" + productid);
                    if (vartext.btnstatus == 'red') {
                        document.getElementById("btnred" + productid).style.display = 'block';
                        document.getElementById("btnwhite" + productid).style.display = 'none';
                    }
                    if (vartext.btnstatus == 'white') {
                        document.getElementById("btnred" + productid).style.display = 'none';
                        document.getElementById("btnwhite" + productid).style.display = 'block';
                    }
                }
            };
            xmlhttp.open("POST", "/mobile/user/addfavorite?productid=" + productid, true);
            xmlhttp.send();
        } else {
            alert("برای ثبت علاقه مندی هاتون ابتدا وارد حساب کاربری خودتون بشین");
            // document.write("لطفا ابتدا وارد حساب کاربری خود شوید ");             }
        }
    }

    function addincartspeedajax(varobjid) {

        var selectcolor;
        var selectsize;
        var arrayOfElements1 = document.getElementsByClassName('selectcolor');
        var arrayOfElements2 = document.getElementsByClassName('selectsize');

        for (var i = 0; i < arrayOfElements1.length; i++) {
            if (arrayOfElements1[i].checked) {
                selectcolor = arrayOfElements1[i].value;
            }
        }

        for (var j = 0; j < arrayOfElements2.length; j++) {
            if (arrayOfElements2[j].checked) {
                selectsize = arrayOfElements2[j].value;
            }
        }

        //alert(selectsize+'/'+selectcolor)

        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function () {
            if (this.readyState == 4 && this.status == 200) {
                const vartext = JSON.parse(this.responseText);


                if (vartext.status == "nomore") {
                    alert(vartext.error);
                }
                if (vartext.status == "noprod") {
                    alert(vartext.error);
                }
                // document.getElementById("error").innerHTML = vartext.error;
            }
        };

        if (selectsize !== undefined && selectcolor !== undefined) {
            xmlhttp.open("POST", "/user/cart/addspeedajax?id=" + varobjid + "&color=" + selectcolor + "&size=" + selectsize, true);
            xmlhttp.send();
        } else {
            // xmlhttp.open("POST","/user/cart/addspeedajax?id="+varobjid +"&color="+ selectcolor +"&size=" + selectsize ,true);
            // alert('لطفا ویژگی های محصول را انتخاب کنید')
            xmlhttp.open("POST", "/user/cart/addspeedajax?id=" + varobjid, true);
            xmlhttp.send();

        }


    }

    function getrefreshdatajax(varobjid) {
        var selectcolor;
        var selectsize;
        var arrayOfElements1 = document.getElementsByClassName('selectcolor');
        var arrayOfElements2 = document.getElementsByClassName('selectsize');

        for (var i = 0; i < arrayOfElements1.length; i++) {
            if (arrayOfElements1[i].checked) {
                selectcolor = arrayOfElements1[i].value;
            }
        }

        for (var j = 0; j < arrayOfElements2.length; j++) {
            if (arrayOfElements2[j].checked) {
                selectsize = arrayOfElements2[j].value;
            }
        }

        //alert(selectsize+'/'+selectcolor)

        const formatter = new Intl.NumberFormat('en-US', {
            minimumFractionDigits: 0
        })

        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function () {
            if (this.readyState == 4 && this.status == 200) {
                const vartext = JSON.parse(this.responseText);

                if (vartext.cartnumber == '1') {
                    document.getElementById("shopping-cart1").click();
                    // document.getElementById("shopping-cart2").click();
                }

                document.getElementById("getdatajax1").innerHTML = vartext.cart;
                document.getElementById("cartnumber1").innerHTML = vartext.cartnumber;
                document.getElementById("cartnumber2").innerHTML = vartext.cartnumber;
                document.getElementById("cartprice1").innerHTML = formatter.format(vartext.cartprice) + ' تومان ';
            }
        };


        if (selectsize !== undefined && selectcolor !== undefined) {
            xmlhttp.open("get", "/user/cart/getrefreshdatajax?id=" + varobjid + "&color=" + selectcolor + "&size=" + selectsize, true);
            xmlhttp.send();
        }

    }


    function check_ajax_new_price(varobjid) {
        var selectcolor;
        var selectsize;
        var arrayOfElements1 = document.getElementsByClassName('selectcolor');
        var arrayOfElements2 = document.getElementsByClassName('selectsize');


        for (var i = 0; i < arrayOfElements1.length; i++) {
            if (arrayOfElements1[i].checked) {
                selectcolor = arrayOfElements1[i].value;
            }
        }

        for (var j = 0; j < arrayOfElements2.length; j++) {
            if (arrayOfElements2[j].checked) {
                selectsize = arrayOfElements2[j].value;
            }
        }

        //alert(selectsize+'/'+selectcolor)

        const formatter = new Intl.NumberFormat('en-US', {
            minimumFractionDigits: 0
        })


        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function () {
            if (this.readyState == 4 && this.status == 200) {
                const vartext = JSON.parse(this.responseText);

                if (vartext.cartnumber == '1') {
                    document.getElementById("shopping-cart1").click();
                    // document.getElementById("shopping-cart2").click();
                }

                document.getElementById("check_ajax_new_price").innerHTML = vartext.newprice;
                document.getElementById("product_number_alert").innerHTML = vartext.product_number_alert;
                //     document.getElementById("cartnumber1").innerHTML = vartext.cartnumber;
                //     document.getElementById("cartnumber2").innerHTML = vartext.cartnumber;
                //     document.getElementById("cartprice1").innerHTML = formatter.format(vartext.cartprice)+' تومان ';
            }
        };

        if (selectsize !== undefined && selectcolor !== undefined) {
            xmlhttp.open("get", "/user/cart/check_ajax_new_price?id=" + varobjid + "&color=" + selectcolor + "&size=" + selectsize, true);
            xmlhttp.send();
        }

        console.log('1');

    }

    function deleteproductajax(pid, realid) {
        const formatter = new Intl.NumberFormat('en-US', {
            minimumFractionDigits: 0
        })

        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function () {
            if (this.readyState == 4 && this.status == 200) {
                const vartext = JSON.parse(this.responseText);
                document.getElementById("cartnumber1").innerHTML = vartext.cartnumber;
                document.getElementById("cartnumber2").innerHTML = vartext.cartnumber;
                document.getElementById(pid).remove();
                document.getElementById("cartprice1").innerHTML = formatter.format(vartext.cartprice) + ' تومان ';
            }
        };
        xmlhttp.open("GET", "/user/cart/deletespeedajax?id=" + pid + "&realid=" + realid, true);
        xmlhttp.send();
    }

</script>


<!-- Bootstrap Bundle with Popper -->

<script src="/themeassets/digi-project/js/bootstrap.min.js" ></script>
<!-- Slick Slider -->
<script type="text/javascript" src="/themeassets/digi-project/slick/slick.min.js"></script>

<script src="/themeassets/digi-project/js/script.js"></script>

<script>


    $("document").ready(function() {
        // $("#temporary_alert").delay(1000).show(0)
        setTimeout(function() { $("#temporary_alert").hide; }, 6000);

    });

</script>
<script type="text/javascript">

    // $(document).ready(function () {
    //
    //     ConvertNumberToPersion();
    // });
    //
    // function ConvertNumberToPersion() {
    //     persian = { 0: '۰', 1: '۱', 2: '۲', 3: '۳', 4: '۴', 5: '۵', 6: '۶', 7: '۷', 8: '۸', 9: '۹' };
    //     function traverse(el) {
    //
    //         if (el.nodeType === 3  ) {
    //
    //             console.log( el.nodeName);
    //
    //             if (el.nodeName == '#text'){
    //                 var list = el.data.match(/[0-9]/g);
    //                 if (list != null && list.length != 0) {
    //                     for (var i = 0; i < list.length; i++)
    //                         el.data = el.data.replace(list[i], persian[list[i]]);
    //                 }
    //
    //             }
    //
    //         }
    //         for (var i = 0; i < el.childNodes.length; i++) {
    //             traverse(el.childNodes[i]);
    //         }
    //     }
    //     traverse(document.body);
    // }


    // fl_fa2en_num


    // String.prototype.toPersianDigits= function(){
    // // function toPersianDigits (){
    //     var id= ['۰','۱','۲','۳','۴','۵','۶','۷','۸','۹'];
    //     return this.replace(/[0-9]/g, function(w){
    //         return id[+w]
    //     });
    // }
    // $(document).ready(function () {
    //     $(document.body).innerText.toPersianDigits();
    //     console.log(1);
    // });


    // var arabicNumbers = ['۰', '١', '٢', '٣', '٤', '٥', '٦', '٧', '٨', '٩'];
    // $('.english_to_persian_number').text(function (i, v) {
    //     var chars = v.split('');
    //     for (var i = 0; i < chars.length; i++) {
    //         if (/\d/.test(chars[i])) {
    //             chars[i] = arabicNumbers[chars[i]];
    //         }
    //     }
    //     return chars.join('');
    // });

</script>
</body>
</html>