<!DOCTYPE html>
<html lang="en">
<head>
  <title>Cyber Mobile</title>
  <meta name="title" content="Cyber Mobile">
  <meta name="description" content="">
  <meta property="og:title" content="Cyber Mobile">
  <meta property="og:description" content="">
  <meta property="og:image" content="images/logo.png">

  <meta property="og:url" content="https://cyber-mobiles.com">
  <meta property="twitter:card" content="">
  <meta property="twitter:url" content="https://cyber-mobiles.com">
  <meta property="twitter:title" content="Cyber Mobile">
  <meta property="twitter:description" content="">
  <meta property="twitter:image" content="images/Cyber Mobile.png">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/png" href="images/logo.png">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">  
  
  <link rel="stylesheet" type="text/css" href="https://cyber-mobiles.com/css/style.css"> 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <link href="https://fonts.googleapis.com/css?family=Poppins&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&amp;display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cyber-mobiles.com/css/owl.carousel.min.css">
  <link rel="stylesheet" href="https://cyber-mobiles.com/css/owl.theme.default.min.css">
  <script src="https://cyber-mobiles.com/js/owl.carousel.js"></script>
  <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/main.css" />
  <script src="https://kit.fontawesome.com/4535b9971a.js" crossorigin="anonymous"></script>
</head>
<body>
   <style type="text/css">
    @media only screen and (max-width: 767px){
      .vdosrcblk, .libsrcblk {
          padding: 0 15px !important;
      }
      .vdobgblock-in {
          width: 95% !important;
      }
    }
  </style>
      <!-- header css -->
  <style type="text/css">
    .wrapper-hdr {
      background: rgb(35, 37, 38);
      animation: sky 5s ease 1s;
      display: table;
      width: 100%;
      height: 100%;
    }

    .inner-hdr {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
    }
    .logo-btcamp {
      margin: 0 auto;
      max-height: 100px;
      padding: 10px 15px 5px;
    }
    .title-btcamp {
      font-size: 16px;
      margin: 0 0 10px;
      font-weight: 500;
    }
    .bootcampdet-top{
      left: 0;
      right: 0;
      z-index: 9999;
      position: absolute;
      height:0px;
         -webkit-transition:height, 0.5s linear;
      -moz-transition: height, 0.5s linear;
      -ms-transition: height, 0.5s linear;
      -o-transition: height, 0.5s linear;
      transition: height, 0.5s linear;
      overflow: hidden;
       top: 45px;
    }
    .bootcampdet-top.show-anim{
      height: 300px;
      -webkit-transition: height, 0.5s linear;
      -moz-transition: height, 0.5s linear;
      -ms-transition: height, 0.5s linear;
      -o-transition: height, 0.5s linear;
      transition: height, 0.5s linear;
      padding: 15px 0 0;    
    }
    .addbtcam-rev{
      background-color: #119cda;
      width: auto;
      font-size: 14px;
      border: 0 !important;
      outline: none !important;
      height: 35px !important;
      font-weight: bold;
    }
    
    .bootcampdet-top{
      background-color:transparent;
      overflow: hidden;
    }
    #mblfireworks{
      display: block;     
      width: 100%;
      height: 300px;
      left: 0;
      right: 0;
      float: center;
      color:#6F6F6F;
      text-align: center;
      font-size: 12px;
      position: absolute;
      z-index: 0;
    }
    #mblfireworks a {
      color:#6F6F6F;
    }
    #mblfireworks1{
      display: block;     
      width: 100%;
      height: 45px;
      left: 0;
      right: 0;
      float: center;
      color:#6F6F6F;
      text-align: center;
      font-size: 12px;
      position: absolute;
      z-index: 0;
    }
    #mblfireworks1 a {
      color:#6F6F6F;
    }
    .title-btcamp.crstit {
      color: #000 !important;
      text-align: center !important;
      font-weight: bold;
      font-size: 15px !important;
    }
    h3.title-btcamp.crstit {
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-height: 1.3em;
      max-height: 2.6em;
      white-space: unset !important;
    }
    .hdrpadsp{
      padding: 0 5px;
    }
    @media screen and (min-width: 768px){
      .textcentercss{
        text-align: center;
      }
      .hdrpadsp{
        display: inline-block;
       /*float: none;*/
       text-align: center;
       margin: 0 auto;
      }
    }
    @media only screen and (max-width: 767px){ 
      .section_feedback{
        overflow-x: hidden;
      }   
      
    }
    .topstickyico,.topstickyico1{
      display: block;
      animation: bounce 1s infinite alternate;
      -webkit-animation: bounce 1s infinite alternate;
    }
    @keyframes bounce {
      from {
        transform: translateY(0px);
      }
      to {
        transform: translateY(-5px);
      }
    }
    @-webkit-keyframes bounce {
      from {
        transform: translateY(0px);
      }
      to {
        transform: translateY(-5px);
      }
    }
    #stickybar-container1 .wrapper-hdr {
      background: rgb(35, 37, 38);
      animation: sky 5s ease 1s;
      display: table;
      width: 100%;
      height: 100%;
    }
    #stickybar-container.moreheight {
      height: 345px;
      position: absolute;
    }
    .moreheight canvas.sketch,.moreheight #canvasholder{
      height: 345px;
    }
    .moreheight #canvasholder{
      position: absolute;
    }
    .bootcampdet-top1{
      left: 0;
      right: 0;
      z-index: 9999;
      position: absolute;
      display: none;
      /*height:0px;*/
         -webkit-transition:height, 0.5s linear;
      -moz-transition: height, 0.5s linear;
      -ms-transition: height, 0.5s linear;
      -o-transition: height, 0.5s linear;
      transition: height, 0.5s linear;
      overflow: hidden;
      /*background-color: #3498DB;*/
      background-image: -webkit-linear-gradient(top, rgb(35, 37, 38), rgb(65, 67, 69));
    }
    .bootcampdet-top1.show-anim{
      display: block;
      -webkit-transition: height, 0.5s linear;
      -moz-transition: height, 0.5s linear;
      -ms-transition: height, 0.5s linear;
      -o-transition: height, 0.5s linear;
      transition: height, 0.5s linear;
      padding: 8px 0 10px;    
    }
    @media only screen and (max-width: 767px){ 
      .section_feedback{
        overflow-x: hidden;
      } 
      .bootcampdet-top1.show-anim{
      /*height: 540px;*/
      }  
      .hdrpadsp{
        padding-bottom: 15px;
      }
    }
    #stickybar-container,#stickybar-container1 {

    color:#000;
    font-family:Georgia,Times New Roman,Times,serif;
    }
    #stickybar-container,#stickybar-container1 {
    font-size:14px;
    font-weight:normal;
    height:45px;
    line-height:1px;
    margin:0;
    overflow:visible;
    padding:0;
    position:relative;
    text-align:center;
    width:100%;
    z-index:1000;
    direction: rtl;
    cursor: pointer;
    }
    .navbar-fixed-top {
      position: absolute;
      top: auto !important;
    }
  </style>
  <script type="text/javascript">
    $(document).on('click','#stickybar-container1',function(){
      $('.topstickyico1 i').toggleClass("fal fa-angle-up fal fa-angle-down");
      $('.bootcampdet-top1').toggleClass('show-anim');
      $('.togltitle').toggle();
    });
  </script>
  <!-- header end -->
  <div class="wrapper">
    <div class="header sec1 sec-order" id="sec1" style="position: relative;" > 
        
        <nav class="navbar navbar-fixed-top engNav">
          <div class="container">
              <div class="navbar-header navbar-right hdr-rtl">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#engNav">
                  <i class="fa fa-bars" aria-hidden="true"></i>
                </button>
              </div>
              <div class="collapse navbar-collapse navbar-left" id="engNav">
                <ul class="desktopNav nav1 navbar-nav">             
                  <li class="homeli1 active" data-id="sec1"><a class="homeli" href="javascript:void(0);"> الرئيسية </a></li>             
                  
                  <li class="instli1" data-id="sec3"><a class="instli" href="javascript:void(0);"> مدير المشروع</a></li>                
                  <li class="watchli1" data-id="sec4"><a class="watchli" href="javascript:void(0);"> مشاهدة </a></li>
                  <li class="libli1" data-id="sec5"><a class="libli" href="javascript:void(0);">المكتبة</a></li>
                  <li class="fdbckli1" data-id="sec6"><a class="fdbckli" href="javascript:void(0);"> التقيم </a></li>
                </ul>
                <ul class="mobileNav nav1 navbar-nav"> 
                  <li class="homeli1 active" data-id="sec1"><a class="homeli" href="javascript:void(0);"> الرئيسية </a></li>             
                  
                  <li class="instli1" data-id="sec3"><a class="instli" href="javascript:void(0);"> مدير المشروع</a></li> 
                  <li class="watchli1" data-id="sec4"><a class="watchli" href="javascript:void(0);"> مشاهدة </a></li>
                  <li class="libli1" data-id="sec5"><a class="libli" href="javascript:void(0);">المكتبة</a></li>                
                  <li class="fdbckli1" data-id="sec6"><a class="fdbckli" href="javascript:void(0);"> التقيم </a></li>
                </ul>
              </div>
          </div>
        </nav>
        <div class="banner containerstar">
          <section class="banner-blk hdrleftbg">
            <div class="posrelative container">
              <div class="row posrelative">
                <div class="col-xs-12 col-sm-7 text-center leftbg posrelative" style="">
                  <img src="https://cyber-mobiles.com/images/tree.png" class="img-responsive randabsimg treerandimg">
                  <img src="https://cyber-mobiles.com/images/logo.png" class="hdrcrsimage">
                  <img src="https://cyber-mobiles.com/images/tree2.png" class="img-responsive randabsimg treerandimg2">
                </div>
                <div class="col-xs-12 col-sm-5 hdrdescblk posrelative blobheader">
                  <h3 class="hdrtitle"><span class="pinktext" style="color: #162536;">Cyber Mobile</span></h3>
                  
          <p dir="rtl" style="line-height: 1.656; font-weight: bold; text-align: justify;">
                              <span id="docs-internal-guid-402e80ce-d29f-5e94-0e77-d4cca83ba2c9"><span style="font-size: 14pt;
            font-family: Arial; direction: rtl; color: #fff; vertical-align: baseline; background-color: transparent;">
            
          الدورة المتقدمة لحماية الجوالات الذكية 
          <img src="https://assets.techcampus.com/7c5a4848c34d028e3042acf35c33affd.png" width="20px">
            
            <img src="https://cdn2.iconfinder.com/data/icons/metro-uinvert-dock/256/OS_Android.png" width="20px">
            يمكن إختراق أنظمة الجوال بأكثر من 100 طريقة وتختلف من مستخدم ونظام لآخر، يمكن بكل بساطة من تشغيل الكاميرا 
              <img src="https://cdn.iconscout.com/icon/free/png-256/apple-camera-493147.png" width="20px"> 
            واخذ نسخ كاملة من البوم الصور
                <img src="https://assets.techcampus.com/cdfbd5703727fee367e488e030ff9277.png
          " width="20px">  او حتى تشغيل المايك 
              <img src="https://assets.techcampus.com/7b24af59c64990e90e92b15ede88112a.png" width="20px"> 
          وسماع كل شي حول الجوال 😱 كل هذا وأكثر سنتعلمها في هذه الدورة مباشرة بالإضافة الى تطبيق بأكثر من ثلاثة معامل إفتراضية 
            <img src="https://www.shareicon.net/data/256x256/2016/07/03/790463_education_512x512.png" width="20px"></span></span></p>

                </div>

              </div>
            </div>
            <style type="text/css">
              .svg-sec{
                background-image: url(https://cyber-mobiles.com/images/wave.png);
                background-repeat: repeat-x;
            background-size: contain;
            min-height: 40px;
            /*-webkit-animation: animatedBackground 10s linear infinite;
            animation: backgroundScroll 20s linear infinite;*/
        }

        @-webkit-keyframes backgroundScroll {
        from {background-position: 0 0;}
        to {background-position: -400px 0;}
        }
                
        @keyframes backgroundScroll {
        from {background-position: 0 0;}
        to {background-position: -400px 0;}
        }
            </style>
            <div class="svg-sec">
              <img src="https://cyber-mobiles.com/images/wave.png" class="img-responsive" style="opacity:0">
            </div>
          </section>

        </div>

      </div>
    <div class="of--hidden color--tan bg--black" data-component="hero">
      <div class="hero__height df fdc jcc">
        <div class="pr">
          <div class="hide--md">
            <div class="pa hero__circle hero__circle--mobile">
              <div class="hero__circle__entrance--desktop" style="opacity:0">
                <div class="hero__circle__image">
                  <img class="db x " src="https://cyber-mobiles.com/images/ellipsis-m1.svg" alt=""/>
                  <div></div>
                </div>
              </div>
            </div>
            <div class="pa hero__circle hero__circle--mobile">
              <div class="hero__circle__entrance--desktop" style="opacity:0">
                <div class="hero__circle__image">
                  <img class="db x " src="https://cyber-mobiles.com/images/ellipsis-m2.svg" alt=""/>
                  <div>
                    <img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/43780b16893a4ca1a60054597e402d2cc48ed339-61x61.png"/>
                    <img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/b167f2ca3ea2d3632fd07f2b4da89cec3523b795-61x61.png"/>
                    <img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/e3d145103e342bc214bb15780fe7459c66ba1f21-61x61.png"/>
                    <img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/73e584bfb5d186e0ab19e22d2c7a1f914712f874-61x61.png"/>
                  </div>
                </div>
              </div>
            </div>
            <div class="pa hero__circle hero__circle--mobile">
              <div class="hero__circle__entrance--desktop" style="opacity:0">
                <div class="hero__circle__image">
                  <img class="db x " src="https://cyber-mobiles.com/images/ellipsis-m3.svg" alt=""/>
                  <div>
                    <img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/6078c7a174c289c130a7bbf47048f42455e2a59b-61x61.png"/>
                    <img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/cbe7c9ebb37062468d76cc51b5734a6429d59074-61x61.png"/>
                    <img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/9de3483166bca3a67a0a66e5a9af4077b4b0b399-61x61.png"/>
                  </div>
                </div>
              </div>
            </div>
            <div class="pa hero__circle hero__circle--mobile">
              <div class="hero__circle__entrance--desktop" style="opacity:0"><div class="hero__circle__image">
                <img class="db x " src="https://cyber-mobiles.com/images/ellipsis-m4.svg" alt=""/>
                <div>
                  <img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/de7ef99de23fcaf90b724af99a557ae849d573cf-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/51ccf0acf7933c8850826bfacd7ef1a6378f5a83-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/7a62d9645d933360895c451d6c46c03360f2f108-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/bc88ab63f63f0e49bcdded882aa35ee147aa99be-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/6a93f78f479871e4278350c3102694985051a271-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/315fc6457c4cd2ea1d30bcaf3739a1c1c2565275-61x61.png"/>
                </div>
                </div>
              </div>
            </div>
          </div>
          <div class="show--md">
            <div class="pa hero__circle hero__circle--desktop">
              <div class="hero__circle__entrance--desktop" style="opacity:0">
                <div class="hero__circle__image">
                  <img class="db x" src="https://cyber-mobiles.com/images/ellipsis-d1.svg" alt=""/>
                  <div>
                    <img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/43780b16893a4ca1a60054597e402d2cc48ed339-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/b167f2ca3ea2d3632fd07f2b4da89cec3523b795-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/e3d145103e342bc214bb15780fe7459c66ba1f21-61x61.png"/>
                  </div>
                </div>
              </div>
            </div>
            <div class="pa hero__circle hero__circle--desktop">
              <div class="hero__circle__entrance--desktop" style="opacity:0">
                <div class="hero__circle__image">
                  <img class="db x" src="https://cyber-mobiles.com/images/ellipsis-d2.svg" alt=""/>
                  <div>
                    <img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/73e584bfb5d186e0ab19e22d2c7a1f914712f874-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/6078c7a174c289c130a7bbf47048f42455e2a59b-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/cbe7c9ebb37062468d76cc51b5734a6429d59074-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/9de3483166bca3a67a0a66e5a9af4077b4b0b399-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/de7ef99de23fcaf90b724af99a557ae849d573cf-61x61.png"/>
                  </div>
                </div>
              </div>
            </div>
            <div class="pa hero__circle hero__circle--desktop">
              <div class="hero__circle__entrance--desktop" style="opacity:0">
                <div class="hero__circle__image">
                  <img class="db x" src="https://cyber-mobiles.com/images/ellipsis-d3.svg" alt=""/>
                  <div><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/51ccf0acf7933c8850826bfacd7ef1a6378f5a83-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/7a62d9645d933360895c451d6c46c03360f2f108-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/bc88ab63f63f0e49bcdded882aa35ee147aa99be-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/6a93f78f479871e4278350c3102694985051a271-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/315fc6457c4cd2ea1d30bcaf3739a1c1c2565275-61x61.png"/>
                    </div>
                  </div>
                </div>
              </div>
              <div class="pa hero__circle hero__circle--desktop">
                <div class="hero__circle__entrance--desktop" style="opacity:0"><div class="hero__circle__image"><img class="db x" src="https://cyber-mobiles.com/images/ellipsis-d4.svg" alt=""/><div><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/1bc0d3d26e2391f4f8e32903057d5de43ba585ff-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/30abc8b689aa5d011379367d8e6f8873ff5f3e46-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/6a22f32744bf5bfc4c87e9f838807b4d69524c06-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/c0ac4640d5ab4f66fc187c7e54574a4459503376-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/69dc8d3b9ec4e14cb106c1b594aef0a318f3e992-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/4d7be729c73187a4c8c9baccdef26e7859ccb9ac-61x61.png"/>
                </div>
                </div>
                </div>
            </div>
            <div class="pa hero__circle hero__circle--desktop">
              <div class="hero__circle__entrance--desktop" style="opacity:0"><div class="hero__circle__image"><img class="db x" src="https://cyber-mobiles.com/images/ellipsis-d5.svg" alt=""/><div><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/315fc6457c4cd2ea1d30bcaf3739a1c1c2565275-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/81e48f6362235e015f4a0f48ae4a880012dc7c4d-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/3efc4be46c525d1751514227bfab79601e857ac7-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/dbde5604dfa254389c43acb85a97f03561b4210c-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/20b352fec277c74302335d09c4b6ae3124e3c1a0-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/c0a32129cc15c1c14615d4a5a290b7650e0f2c1d-61x61.png"/></div></div></div>
            </div>
            <div class="pa hero__circle hero__circle--desktop">
              <div class="hero__circle__entrance--desktop" style="opacity:0"><div class="hero__circle__image"><img class="db x" src="https://cyber-mobiles.com/images/ellipsis-d6.svg" alt=""/><div><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/61c316695732a2747ed83b941ef362561d87a68f-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/0261f74a0018ae68ace667e12adaa1f1b6071b75-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/6b4a96158f96efdd976f6e4145448513c1674279-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/7bab58c9ec21860becbae1d9eff8eb6ca5dd8c6a-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/e711204b0f4d4e651d3e846dcd203a9c8ec99622-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/84d4dd7fb68ce0757428e07e7639e1884af3e736-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/b4df99190f0c4307335a7194ee292b42ad2eb3d6-61x61.png"/><img class="db pa hero__circle__icon" alt="" src="https://cyber-mobiles.com/images/43780b16893a4ca1a60054597e402d2cc48ed339-61x61.png"/></div></div></div>
            </div>
          </div>
          <div class="x of--hidden push-up hero__content">
            <div class="row align--center">
              <div class="col c9d--md c7d--lg">
                <img src="https://cyber-mobiles.com/images/mobile4.png" class="db mxa hero__logo">
                
              </div>
            </div>
          </div>
        </div>
      </div>
      
    </div>
    <section class="instructorsec sec3 sec-order" id="sec3" style="position:relative;z-index: 999;">
          <div class="container">
            <div class="row">
              <div class="col-xs-12 col-sm-12 text-center">
                 
                <h3 class="main-tit" data-lang="97" style="margin-top: 5px;">مدير المشروع</h3>
              </div>
            </div>
          </div>
          <div class="container containerinst">
            <div class="row instrtop padbot" style="padding-bottom: 55px;position: relative;">
              <div class="col-xs-12 col-sm-6 instcol visible-xs" style="overflow: hidden;">
                <div class="instructorimgsec">
                  <img src="https://cyber-mobiles.com/images/yaser_cyber.jpg" class="img-responsive">
                </div>
              </div>
              <div class="col-xs-12 col-sm-6 insttxttop " style="position: relative;">
                
                <h3 class="instname" data-lang="98" style="margin-bottom: 10px;font-weight: bold;">د. ياسر العصيفير </h3>
                <p class="redtxt" data-lang="99" style="font-weight: bold;">محترف أمن سيبراني</p>
                <h4 class="desc"><i class="fas fa-graduation-cap"></i> <span data-lang="100">الأمن السيبراني، البرمجة، ريادة الأعمال</span></h4>
                <h4 class="desc"><i class="fas fa-clock"></i> <span data-lang="101">أكثر من 10 سنوات </span></h4>
                <h4 class="desc"><i class="fas fa-map-marker-alt"></i><span data-lang="102"> دبي، الإمارات العربية المتحدة</span> </h4>
                <p class="desc" data-lang="103">الجوال يعتبر من اكثر الاجهزة استخدام في العالم، فهي معك في كل مكان وزمان، وهي الان تعتبر قوية وبمميزات تنافس اجهزه الابتوب. توفر مميزات مهمة لك كالكاميرا والمايك والدردشة والتواصل المباشره ومعرفة مكانك لكن نفس هذه المميزات قد تكون ضدك في حالة الاختراق وقد يستخدمها المخترق لإبتزازك واستغلالها لمصلحته. فيجب عليك تعلم حماية جوالك وجوالات عائلتك ومعرفة خطرها وحمايتها الان والاهم معرفة اذا لاقدر الله يمكن يخترق او لا ومنعها، استمتعوا.</p>
                <style type="text/css">
                  .inst-social-list {
                      margin: 15px 0;
                      list-style: none;
                      padding: 0;
                  }
                  .inst-social-list li {
                      display: inline-block;
                      padding: 0 10px;
                      vertical-align: middle;
                  }
                  .inst-social-list li a {
                      color: #000;
                      cursor: pointer;
                      display: block;
                  }
                  .inst-social-list li img{
                    height: 25px;
                  }
                  .inst-social-list li a i{
                      font-size: 23px;
                      color: #666;
                      display: block;
                  }
              </style>
              <ul class="inst-social-list">
                 <li>
                    <a href="https://alosefer.com/" target="_blank" ><i class="fas fa-globe" aria-hidden="true"></i></a>
                 </li>
                 <li>
                    <a href="https://twitter.com/alosefer" target="_blank"><img src="https://assets.techcampus.com/1eb954465cb31e6bbc49bbd8c3f078d7.png" class="img-responsive"></a>
                 </li>
                 <li>
                    <a href="https://ae.linkedin.com/in/alosefer" target="_blank"><img src="https://assets.techcampus.com/a9e19083fa2a954b1335d34f022fb923.png" class="img-responsive"></a>
                 </li>
                 <li>
                    <a href="https://scholar.google.com/citations?user=O5yFTskAAAAJ&amp;hl=en" target="_blank">
                       <img src="https://cybervpns.com/images/google-scholar.svg" class="img-responsive">
                    </a>
                 </li>
              </ul>
                
              </div>
              <div class="col-xs-12 col-sm-6 instcol hidden-xs" style="overflow: hidden;">
                <div class="instructorimgsec">
                  <img src="https://cyber-mobiles.com/images/yaser_cyber.jpg" class="img-responsive">
                </div>
              </div>
              
            </div>
          </div>
        </section>
    <div data-component="pack" class="bg--black sec4 sec-order" id="sec4">
      <div>
      <div class="parallax show--md" data-speed="-8" data-offset="300" style="margin-top:-150px;">
        <div data-component="frameAnimation" data-speed="150">
          <img class="db x" src="https://cyber-mobiles.com/images/flame-animation_1.svg" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_2.svg" style="display:none" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_3.svg" style="display:none" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_4.svg" style="display:none" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_5.svg" style="display:none" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_6.svg" style="display:none" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_7.svg" style="display:none" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_8.svg" style="display:none" alt=""/>
        </div>
        <div class="pb10 bg--red" style="margin-top:-1px"></div>
        <div class="pb10 bg--red" style="margin-top:-1px"></div>
      </div>
      <div class="parallax hide--md" data-speed="-13" data-offset="100">
        <div data-component="frameAnimation" data-speed="150">
          <img class="db x" src="https://cyber-mobiles.com/images/flame-animation_1.svg" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_2.svg" style="display:none" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_3.svg" style="display:none" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_4.svg" style="display:none" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_5.svg" style="display:none" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_6.svg" style="display:none" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_7.svg" style="display:none" alt=""/><img class="db x" src="https://cyber-mobiles.com/images/flame-animation_8.svg" style="display:none" alt=""/>
        </div>
        <div class="pb10 bg--red" style="margin-top:-1px"></div>
      </div>
      <div class="push-up">
        <div class="bg--red pt4 pt0--md pb8">
          <div class="grid-container contained">
            <div class="row align--center align--middle">
              <div class="contentsec">
                <div class="row nomargin">
                  <div class="col-xs-12 col-sm-12 titbotspcss">
                    <h3 class="main-tit main-titred">مشاهدة</h3>
                  </div>

                            <div class="col-xs-12 col-sm-12 nopadding rowtop visible-xs  backdropcss listofblk">  
                        
          <div class="row videolist"  style="height: auto;">
               <div class="col-xs-6 col-sm-6 minhtbtnsec">
                <h3 class="videotxtcss vdosrcbtn video15 active" data-id="1" data-src="https://player.vimeo.com/video/416517333"><i class="fal fa-video vdoico" aria-hidden="true"></i>Cyber Mobile Plus</h3>
              </div>
              <div class="col-xs-6 col-sm-6 minhtbtnsec">
                <h3 class="videotxtcss vdosrcbtn video16" data-id="1" data-src="https://player.vimeo.com/video/331430528"><i class="fal fa-video vdoico" aria-hidden="true"></i>Cyber Mobile</h3>
              </div>
            </div>
          </div>
            <div class="col-xs-12 col-sm-12 nopadding rowtop hidden-xs  backdropcss listofblk" style="padding:0;">  
                        
          <div class="row videolist" style="height: auto;">
              <div class="col-xs-6 col-sm-6 minhtbtnsec" >
                <h3 class="videotxtcss vdosrcbtn video15 active" data-id="1" data-src="https://player.vimeo.com/video/416517333"><i class="fal fa-video vdoico" aria-hidden="true"></i>Cyber Mobile Plus</h3>
              </div>
              <div class="col-xs-6 col-sm-6 minhtbtnsec">
                <h3 class="videotxtcss vdosrcbtn video16" data-id="1" data-src="https://player.vimeo.com/video/331430528"><i class="fal fa-video vdoico" aria-hidden="true"></i>Cyber Mobile</h3>
              </div>
            </div>
          </div>
                  
          <div class="col-xs-12 col-sm-12 vdosrcblk">
            
                        <div class="vdobgblock">
              <!-- <img src="https://assets.techcampus.com/11461c6576d029e714de690f78b94fa5.jpeg" class="thumbnailimg"> -->
              <!-- <div class="thumbnailimg">
                <p>Watch</p>
              </div> -->
              <div class="vdobgblock-in" style="height: auto;">
                
                <div class="loginbox">
                  <div class="row">
                    <div class="col-xs-12 col-sm-12">
                      <h3 class="logtitle">تسجيل مستخدم جديد أو تسجيل الدخول  </h3>
                    </div>
                  </div>
                  <div class="alert_title"></div>
                  <div class="row form-input">
                    <form id="loginform3" name="loginform3" method="POST">
                      <div class="sign">
                        <div id="wrapper">
                          <label class="en-label emaillbl">البريد الإلكتروني</label>
                          <div class="input-container1">
                            <i class="fas fa-envelope icon1" aria-hidden="true"></i>
                            <input type="email" name="email" id="loginemail" placeholder="you@example.com" autocomplete="email" tabindex="1" class="ng-empty form-control" required="" value="">
                          </div>
                        </div>
                        <div id="html_element111"></div>
                        <p class="login_errormsg" style="color:red;text-align: center;"></p>
                        <button type="button" class="btn logbtn disabled1" tabindex="5" id="login_btn"><span>البريد الإلكتروني</span></button>
                      </div>
                       </form>
                      <div class="verifye" style="text-align: center; display: none;">
                        <form id="loginform4" name="loginform4" class="loginform4" method="POST">                      
                         <!--  <h3 class="logtitle emailtitle1">تم إرسال كود التحقق الى بريدك</h3>
                          <p class="emaildesc1 mailexpst"><span class="dynemail"></span></p>
                          <p class="emaildesc1 mailexpst">يرجى استخدام كود التحقق لمرة واحدة خلال ساعة واحدة فقط  </p> -->                      
                          <label class="en-label emaillbl" style="margin-bottom: 0px;">كود التحقق</label>
                          <style type="text/css">
                            .inputbox {
                                list-style: none;
                                padding: 0;
                                width: 100%;
                                margin: 15px auto 15px;
                            }
                            .inputbox li {
                              width: 16.666%;
                              height: 55px;
                              float: left;
                              padding: 0 10px;
                            }
                            .inputbox li input {
                              height: 55px;
                            }
                            html[data-dir="rtl"] .inputbox li {
                              /*float: right;*/
                            }
                            html[data-dir="rtl"] #login_modal .inputbox li input, html[data-dir="ltr"] #login_modal .inputbox li input {
                              height: 55px !important;
                              padding: 0 !important;
                              width: 100% !important;
                              text-align: center !important;
                            }
                            @media only screen and (max-width: 767px){
                              .inputbox li {
                              padding: 0 5px !important;
                              }
                            }
                            input.verifyinput{
                                height: 55px !important;
                                padding: 0 5px!important;
                                width: 100% !important;
                                text-align: center !important;
                                background: transparent !important;
                                border: 1px solid #d2d2d2 !important;
                                text-indent: 0px !important;
                                margin-bottom: 10px !important;
                                color: #000;
                                margin-right: 5px;
                                letter-spacing: initial;
                                font-size: 20px;
                            }
                            .flexblkcss{
                                display: -ms-flexbox!important;
                                display: flex!important;
                                text-align: center;
                                max-width: 350px;
                                margin: 0 auto;
                                direction: ltr;
                            }
                            .flexblkcss input:last-child {
                                  margin: 0 !important;
                            }
                          </style>
                          <div class="flexblkcss">
                            <input type="text" id="emailpass1" name="emailpass1" placeholder="X" class="inputnewcss form-control verifyinput def-txt-input" maxlength="1" style="text-align: center;">
                            <input type="text" pattern="\d*" id="emailpass2" name="emailpass2" placeholder="X" class="inputnewcss form-control verifyinput def-txt-input" maxlength="1" style="text-align: center;">
                            <input type="text" pattern="\d*" id="emailpass3" name="emailpass3" placeholder="X" class="inputnewcss form-control verifyinput def-txt-input" maxlength="1" style="text-align: center;">
                            <input type="text" pattern="\d*" id="emailpass4" name="emailpass4" placeholder="X" class="inputnewcss form-control verifyinput def-txt-input" maxlength="1" style="text-align: center;">
                            <input type="text" pattern="\d*" id="emailpass5" name="emailpass5" placeholder="X" class="inputnewcss form-control verifyinput def-txt-input" maxlength="1" style="text-align: center;">
                            <input type="text" pattern="\d*" id="emailpass6" name="emailpass6" placeholder="X" class="inputnewcss form-control verifyinput def-txt-input" maxlength="1" style="text-align: center;">
                          </div>
                          <input type="hidden" class="form-control" name="emailpass" placeholder="XXXXXX" id="emailpass">
                          <div id="html_element1111"></div><br>
                          <p class="googleauth_errormsg" style="color:red;text-align: center;"></p>
                          <button id="loginnow" class="btn logbtn disabled1" type="button" data-watchid ="1" data-watch="https://player.vimeo.com/video/416517333" data-lab="https://player.vimeo.com/video/657377274"><b> البريد الإلكتروني </b></button>
                        </form>
                      </div>
                      <script type="text/javascript">
                          var $inputs = $(".def-txt-input");
                          const form = document.querySelector('form.loginform4')
                          const inputs = form.querySelectorAll('input.def-txt-input')
                          const KEYBOARDS = {
                          backspace: 8,
                          arrowLeft: 37,
                          arrowRight: 39,
                          }
                          var intRegex = /^\d+$/;

                          // Prevents user from manually entering non-digits.
                          $inputs.on("input.def-txt-input", function(){
                            if(!intRegex.test($(this).val())){
                                $(this).val("");
                            }
                          });
                          function handleInput(e) {
                          const input = e.target
                          const nextInput = input.nextElementSibling
                          if (nextInput && input.value) {
                            nextInput.focus()
                            if (nextInput.value) {
                              nextInput.select()
                            }
                          }
                          }

                          function handlePaste(e) {
                          e.preventDefault()
                          const paste = e.clipboardData.getData('text')

                          inputs.forEach((input, i) => {
                            if(!intRegex.test(paste[i])){
                              input.value = ''
                            }else{
                              input.value = paste[i] || ''
                            }
                            
                          })

                          }

                          function handleBackspace(e) { 
                          const input = e.target
                          if (input.value) {
                            input.value = ''
                            return
                          }

                          input.previousElementSibling.focus()
                          }

                          function handleArrowLeft(e) {
                          const previousInput = e.target.previousElementSibling
                          if (!previousInput) return
                          previousInput.focus()
                          }

                          function handleArrowRight(e) {
                          const nextInput = e.target.nextElementSibling
                          if (!nextInput) return
                          nextInput.focus()
                          }

                          form.addEventListener('input', handleInput)
                          inputs[0].addEventListener('paste', handlePaste)

                          inputs.forEach(input => {
                          input.addEventListener('focus', e => {
                            setTimeout(() => {
                              e.target.select()
                            }, 0)
                          })

                          input.addEventListener('keydown', e => {
                            switch(e.keyCode) {
                              case KEYBOARDS.backspace:
                                handleBackspace(e)
                                break
                              case KEYBOARDS.arrowLeft:
                                handleArrowLeft(e)
                                break
                              case KEYBOARDS.arrowRight:
                                handleArrowRight(e)
                                break
                              default:  
                            }
                          })
                          })
                          $(function(){
                            $(document).on('input', '#emailpass1, #emailpass2, #emailpass3, #emailpass4, #emailpass5, #emailpass6', function (event) {
                              var str = "";
                                 $('#emailpass1, #emailpass2, #emailpass3, #emailpass4, #emailpass5, #emailpass6').each(function() {

                                     str += $(this).val().replace(' ', '');
                                     
                                     if ($(this).val()) {
                                      $('#loginnow').removeClass('disabled1');
                                    }else{
                                      $('#loginnow').addClass('disabled1');
                                      return false;
                                    }
                                 });

                                 $('#emailpass').val(str);

                            });
                            $("#emailpass1, #emailpass2, #emailpass3, #emailpass4, #emailpass5, #emailpass6").bind('paste', function (e){
                              var str = "";
                                 $('#emailpass1, #emailpass2, #emailpass3, #emailpass4, #emailpass5, #emailpass6').each(function() {

                                     str += $(this).val().replace(' ', '');
                                     
                                     if ($(this).val()) {
                                      $('#loginnow').removeClass('disabled1');
                                    }else{
                                      $('#loginnow').addClass('disabled1');
                                      return false;
                                    }
                                 });

                                 $('#emailpass').val(str);

                            });
                             $('#emailpass1, #emailpass2, #emailpass3, #emailpass4, #emailpass5, #emailpass6').keyup(function(){  
                              
                                 var str = "";
                                 $('#emailpass1, #emailpass2, #emailpass3, #emailpass4, #emailpass5, #emailpass6').each(function() {

                                     str += $(this).val().replace(' ', '');
                                     
                                     if ($(this).val()) {
                                      $('#loginnow').removeClass('disabled1');
                                    }else{
                                      $('#loginnow').addClass('disabled1');
                                      return false;
                                    }
                                 });
                                 $('#emailpass').val(str);
                             });

                          });
                      </script>
                   
                  </div>
                </div>
              
                <div class="progresslogin" style="display: none;">
              
                </div>
                <div class="progreswithoutenroll" style="display: none;">
                </div>
                <div class="progreswithenroll"   style="display: none;" >
                </div>
              </div>
            </div> 
                       
          </div>
        
                 <!--  <div class="col-xs-12 col-sm-6 hidden-xs">
                    <h3 class="main-title1">Cyber Mobile Plus</h3>
                    <iframe src="https://player.vimeo.com/video/416517333" width="100%" height="480" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
                  </div>
                  <div class="col-xs-12 col-sm-6">
                    <h3 class="main-title1">Cyber Mobile</h3>
                    <iframe src="https://player.vimeo.com/video/331430528" width="100%" height="480" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
                  </div>
                  <div class="col-xs-12 col-sm-6 visible-xs">
                    <h3 class="main-title1">Cyber Mobile Plus</h3>
                    <iframe src="https://player.vimeo.com/video/416517333" width="100%" height="480" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
                  </div> -->
                </div>
              </div>
              <img src="https://cyber-mobiles.com/images/5f188f5a1a0939d8d1a.svg" width="828" alt="" class="image-26">
            </div>
          </div>
        </div>
      </div>
      </div>
    </div>
    <style type="text/css">
      .parallax.show--md {
          transform: translate3d(0px, 3.75px, 0px) !important;
      }
        .liblist li h3,.liblist li{
          z-index: 999;
          position: relative;
        }
      </style>
      <section class="library-sec sec5 sec-order grey-bg" id="sec5">
        <div class="container posrelative"> 
          <div class="row">
            <div class="col-xs-12 col-sm-12 text-center">
              <h1 class="main-tit libcss">المكتبة التفاعلية  </h1>
            </div>
          </div>
          <style type="text/css">
             @media only screen and (max-width: 767px) {
              .leftbg {
                  margin: 0px 0 0px;
              }
              .header .navbar-fixed-top,.header .navbar-fixed-topbg{
                background: transparent;
              }
              .navbar-toggle {
                border: 1px solid #baa8c6;
                color: #fff;
                background: #000;
            }
            .randimg8{
              left: auto;
            }
            .hdrimgpos7{
              top: -115px;
              max-height: 105px;
            }
            .steprandimg{
              max-height: 60px;
            }
            .liblist li{
              border-right: 1px solid #eee;
              white-space: nowrap;
            }
            .liblist li h3{
              font-size: 14px;
              position: relative;
              z-index: 999;
            }
            .liblist li.active{
              border-bottom: 1px solid #fff;
            }
            .icolabs {
              margin: 0 5px;
            }
            .liblist li{
              border-left: 1px solid #eee;
            }
            .liblist{
                text-align: right;
                direction: rtl;
                overflow: -moz-scrollbars-none;
                scrollbar-base-color: transparent;
                -webkit-overflow-scrolling: touch;
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-flex: 1;
                padding: 4px;
                list-style: none;
                margin: 0px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
              }

              .liblist li{
                display: inline-block;
                padding: 0 8px 0px;
                margin-bottom: 10px;
                color: #fff;
              }
              .liblist li a{
                opacity: 1;
                white-space: nowrap;
                -webkit-transition-property: opacity;
                transition-property: opacity;
                -webkit-transition-duration: .1s;
                transition-duration: .1s;
                -webkit-transition-timing-function: ease-in-out;
                transition-timing-function: ease-in-out;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background: none;
                display: -webkit-inline-box;
                display: -webkit-inline-flex;
                display: -ms-inline-flexbox;
                display: inline-flex;
                border: none;
                border-radius: 0px;
                margin: 0;
                padding: 6px 10px 6px 0px;
                line-height: 24px;
                text-align: center;
                text-decoration: none;
                cursor: pointer;
                -webkit-transition-property: -webkit-box-shadow;
                transition-property: -webkit-box-shadow;
                transition-property: box-shadow;
                transition-property: box-shadow,-webkit-box-shadow;
                -webkit-transition-duration: .15s;
                transition-duration: .15s;
                -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
                -ms-touch-action: manipulation;
                touch-action: manipulation;
                border: 1px solid transparent;
              }
              .ondemandcoursetit{
                font-size: 12px;
              }
              .liblist li.activebg a {
                background-color: transparent !important;
              }
              .liblist{
                position: relative;
                z-index: 9999;
              }
              .libbtn{
                background: transparent !important;
                border-radius: 0px;
                border: 0 !important;
                outline: none !important;
              }
            }
          </style>
              <style type="text/css">
         .backdropcss{
    -webkit-animation: blur forwards;
    -moz-animation: blur forwards;
    -o-animation: blur forwards;
    animation: blur forwards;
    pointer-events: none;
}
.backdropcss .videolist,.backdropcss .liblist {
    overflow: hidden;
}
@-webkit-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@-moz-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@-o-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}
.meter { 
    height: 5px;
    position: relative;
    background: #f3efe6;
    overflow: hidden;
    width: 100%;
    border-radius: 4px;
}

.meter span {
    display: block;
    height: 100%;
}

.progress {
    background-color: #e4c465;
    -webkit-animation: progressBar 9s ease-in-out;
    -webkit-animation-fill-mode:both; 
    -moz-animation: progressBar 9s ease-in-out;
    -moz-animation-fill-mode:both; 
}

@-webkit-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}

@-moz-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}
.progresslogin,.progreswithoutenroll,.progreswithenroll{
    padding-top: 20%;
    width: 50%;
    margin: 0 auto;
}
.progress_text{
    font-size: 18px;
    color: #000;
    width: 100%;
    text-align: center;
    direction: rtl;
    font-weight: bold;

}
.logtitle{
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 0px 0px 0px;
    margin: 10px 0 0;
    color: #000;
}
label.en-label{color:#333;font-size:16px;font-weight:700;margin-bottom:15px;margin-top:25px;display:block;font-family:roboto,arial,sans-serif;text-align:right;}
.input-container1 input{
background: #fff !important;
border: 1px solid #eee !important;
padding: 0 30px 0 15px!important;
text-indent: 0px !important;
margin-bottom: 10px !important;
width: 100% !important;
border-radius: 8px;
    font-size: 14px;
    height: 50px;
} 
.logbtn {
background-color: #5ccca5;
border-radius: 100px;
width: 100%;
color: #fff;
padding: 15px;
font-size: 14px;
outline: none !important;
box-shadow: none;
}
.signuptxt{
  color: #b0b2be;
  font-size: 18px;
  padding-bottom: 25px;
  text-align: center;
}
.g-recaptcha div{
  margin-top: 25px;
  margin-bottom: 25px;
}
.logbtn.focus, .logbtn:focus, .logbtn:hover{
  color: #fff;
  outline: none;
}
.input-container1 {
display: -ms-flexbox;
display: flex;
width: 100%;
position: relative;
margin-bottom: 15px;
}
.icon1 {
  padding: 15px 10px;
  background: transparent;
  min-width: 40px;
  text-align: center;
  position: absolute;
  right: 0;
  font-size: 18px;
}
.icon1 {
  color: #ccc;
}
.loginbox>.row{
    margin: 0;
}
.vdobgblock-in{
    width: 50%;
    margin: 0 auto;
    background: #fff;
    padding: 10px 15px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    border: 1px solid rgba(0,0,0,.2);
}
.vdobgblock {
    min-height: 390px;
    display: flex;
    align-items: center;
}
.thumbnailimg {
    position: absolute;
    z-index: -1;
    /*opacity: 0.4;*/
    width: 100%;
    height: 100%;
    -webkit-animation: blur forwards;
    -moz-animation: blur forwards;
    -o-animation: blur forwards;
    animation: blur forwards;
    pointer-events: none;
}
button.disabled1 {
    background: #adb5bd;
    border: 1px solid #adb5bd;
    cursor: not-allowed;
    pointer-events: none;
}
      </style>
              <div class="row nomargin" style="position: relative;z-index: 99;">
            <div class="col-xs-12 col-sm-3 nopadding rowtop listofblk  backdropcss  visible-xs" style="position: relative;z-index: 99;clear: both;">
              <ul class="row liblist liblistmob">
                <li class="col-xs-12 col-sm-12 minhtbtnsec active" data-id="1">
                  <button class="libtxtcss libbtn lib1 active" data-id="1"><i class="fal fa-video icolabs urlico vdoico" aria-hidden="true"></i>   WhatsApp</button>
                </li>
                <li class="col-xs-12 col-sm-12 minhtbtnsec" data-id="2">
                  <button class="libtxtcss libbtn lib2" data-id="2"><i class="fal fa-video icolabs urlico vdoico" aria-hidden="true"></i> Instagram</button>
                </li>
                <li class="col-xs-12 col-sm-12 minhtbtnsec" data-id="3">
                  <button class="libtxtcss libbtn lib3" data-id="3"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i>تأكد من المواقع والملفات الخبيثة ر</button>
                </li>
                <li class="col-xs-12 col-sm-12 minhtbtnsec" data-id="4">
                  <button class="libtxtcss libbtn lib4" data-id="4"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> أفحص المتصفح من الثغرات </button>
                </li>
                <li class="col-xs-12 col-sm-12 minhtbtnsec" data-id="5">
                  <button class="libtxtcss libbtn lib5" data-id="5"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i>الثانية في الانترنت</button> 
                </li>
                <li class="col-xs-12 col-sm-12 minhtbtnsec" data-id="6">
                  <button class="libtxtcss libbtn lib6" data-id="6"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i>أرشيف الإنترنت</button> 
                </li>
                <li class="col-xs-12 col-sm-12 minhtbtnsec" data-id="7">
                  <button class="libtxtcss libbtn lib7" data-id="7"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i>نظام التحليل الرقمي للجوالي</button> 
                </li>
                <li class="col-xs-12 col-sm-12 minhtbtnsec" data-id="8">
                  <button class="libtxtcss libbtn lib8" data-id="8"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> التحقيق الرقمي للجوال</button>
                </li>
                <li class="col-xs-12 col-sm-12 minhtbtnsec" data-id="9">
                  <button class="libtxtcss libbtn lib9" data-id="9"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i>فحص ثغرات الجوال</button>
                </li>
                <li class="col-xs-12 col-sm-12 minhtbtnsec" data-id="10">
                  <button class="libtxtcss libbtn lib10" data-id="10"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> إنشاء VPN خاص بالتفصيل </button>
                </li>
                <li class="col-xs-12 col-sm-12 minhtbtnsec" data-id="11">
                  <button class="libtxtcss libbtn lib11" data-id="11"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> حفظ كلمات المرور بشكل آمن</button>
                </li>
                <li class="col-xs-12 col-sm-12 minhtbtnsec" data-id="12">
                  <button class="libtxtcss libbtn lib12" data-id="12"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> تطبيق للتنبية عند فتح كاميرا او صوت الاندرويد</button>
                </li>
                <li class="col-xs-12 col-sm-12 minhtbtnsec" data-id="13">
                  <button class="libtxtcss libbtn lib13" data-id="13"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> تطبيق حماية التجسس للأندرويد</button>
                </li>
                <li class="col-xs-12 col-sm-12 minhtbtnsec" data-id="14">
                  <button class="libtxtcss libbtn lib14" data-id="14"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> Drive-By Download</button>
                </li>
              </ul>
            </div>
                       <div class="col-xs-12 col-sm-9 libsrcblk" style="padding:0px;background-image:none !important;">
            <div class="vdobgblock" style="height: 100%;">
              <img src="https://assets.techcampus.com/11461c6576d029e714de690f78b94fa5.jpeg" class="thumbnailimg">
              
              <div class="vdobgblock-in" style="height: auto;">
                
                <div class="loginbox">
                  <div class="row">
                    <div class="col-xs-12 col-sm-12">
                      <h3 class="logtitle">تسجيل مستخدم جديد أو تسجيل الدخول  </h3>
                    </div>
                  </div>
                  <div class="alert_title"></div>
                  <div class="row form-input">
            
                    <form id="loginformlab3" name="loginform3" method="POST">
                      <div class="sign">
                        <div id="wrapper">
                          <label class="en-label emaillbl">البريد الإلكتروني</label>
                          <div class="input-container1">
                            <i class="fas fa-envelope icon1" aria-hidden="true"></i>
                            <input type="email" name="email" id="loginemaillab" placeholder="you@example.com" autocomplete="email" tabindex="1" class="ng-empty form-control" required="" value="">
                          </div>
                        </div>
                        <div id="html_element111l"></div>
                        <p class="login_errormsg" style="color:red;text-align: center;"></p>
                        <button type="button" class="btn logbtn disabled1" tabindex="5" id="login_btnlab"><span>البريد الإلكتروني</span></button>
                      </div>
                      </form>
                      <div class="verifye" style="text-align: center; display: none;">
                        <form id="loginform4lab" class="loginform4lab" name="loginform4" method="POST">                      
                         <!--  <h3 class="logtitle emailtitle1">تم إرسال كود التحقق الى بريدك</h3>
                          <p class="emaildesc1 mailexpst"><span class="dynemail"></span></p>
                          <p class="emaildesc1 mailexpst">يرجى استخدام كود التحقق لمرة واحدة خلال ساعة واحدة فقط  </p> -->                      
                          <label class="en-label emaillbl" style="margin-bottom: 0px;">كود التحقق</label>
                          <style type="text/css">
                            .inputbox {
                                list-style: none;
                                padding: 0;
                                width: 100%;
                                margin: 15px auto 15px;
                            }
                            .inputbox li {
                              width: 16.666%;
                              height: 55px;
                              float: left;
                              padding: 0 10px;
                            }
                            .inputbox li input {
                              height: 55px;
                            }
                            html[data-dir="rtl"] .inputbox li {
                              /*float: right;*/
                            }
                            html[data-dir="rtl"] #login_modal .inputbox li input, html[data-dir="ltr"] #login_modal .inputbox li input {
                              height: 55px !important;
                              padding: 0 !important;
                              width: 100% !important;
                              text-align: center !important;
                            }
                            @media only screen and (max-width: 767px){
                              .inputbox li {
                              padding: 0 5px !important;
                              }
                            }
                            input.verifyinput{
                                height: 55px !important;
                                padding: 0 5px!important;
                                width: 100% !important;
                                text-align: center !important;
                                background: transparent !important;
                                border: 1px solid #d2d2d2 !important;
                                text-indent: 0px !important;
                                margin-bottom: 10px !important;
                                color: #000;
                                margin-right: 5px;
                                letter-spacing: initial;
                                font-size: 20px;
                            }
                            .flexblkcss{
                                display: -ms-flexbox!important;
                                display: flex!important;
                                text-align: center;
                                max-width: 350px;
                                margin: 0 auto;
                                direction: ltr;
                            }
                            .flexblkcss input:last-child {
                                  margin: 0 !important;
                            }
                          </style>
                          <div class="flexblkcss">
                            <input type="text" id="labemailpass1" name="emailpass1" placeholder="X" class="inputnewcss form-control verifyinput def-txt-inputlab" maxlength="1" style="text-align: center;">
                            <input type="text" pattern="\d*" id="labemailpass2" name="emailpass2" placeholder="X" class="inputnewcss form-control verifyinput def-txt-inputlab" maxlength="1" style="text-align: center;">
                            <input type="text" pattern="\d*" id="labemailpass3" name="emailpass3" placeholder="X" class="inputnewcss form-control verifyinput def-txt-inputlab" maxlength="1" style="text-align: center;">
                            <input type="text" pattern="\d*" id="labemailpass4" name="emailpass4" placeholder="X" class="inputnewcss form-control verifyinput def-txt-inputlab" maxlength="1" style="text-align: center;">
                            <input type="text" pattern="\d*" id="labemailpass5" name="emailpass5" placeholder="X" class="inputnewcss form-control verifyinput def-txt-inputlab" maxlength="1" style="text-align: center;">
                            <input type="text" pattern="\d*" id="labemailpass6" name="emailpass6" placeholder="X" class="inputnewcss form-control verifyinput def-txt-inputlab" maxlength="1" style="text-align: center;">
                          </div>
                          <input type="hidden" class="form-control" name="emailpass" placeholder="XXXXXX" id="labemailpass">
                          <div id="html_elementl1"></div><br>
                          <p class="googleauth_errormsg" style="color:red;text-align: center;"></p>
                          <button id="loginnowlab" class="btn logbtn disabled1" type="button" data-watchid ="1" data-watch="https://player.vimeo.com/video/416517333" data-lab="https://player.vimeo.com/video/657377274"><b> البريد الإلكتروني </b></button>
                        </form>
                      </div>
                      <script type="text/javascript">
                          var $inputslab = $(".def-txt-inputlab");
                          const formlab = document.querySelector('form.loginform4lab')
                          const inputslab = formlab.querySelectorAll('input.def-txt-inputlab')
                          const KEYBOARDSlab = {
                                      backspace: 8,
                                      arrowLeft: 37,
                                      arrowRight: 39,
                                    }
                          var intRegexlab = /^\d+$/;
                          $inputslab.on("input.def-txt-inputlab", function(){
                            if(!intRegexlab.test($(this).val())){
                                $(this).val("");
                            }
                          });
                          function handleInputlab(e) {
                              const input = e.target
                              const nextInput = input.nextElementSibling
                              if (nextInput && input.value) {
                                nextInput.focus()
                                if (nextInput.value) {
                                  nextInput.select()
                                }
                              }
                            }

                            function handlePastelab(e) {
                              e.preventDefault()
                              const paste = e.clipboardData.getData('text')
                              
                              inputslab.forEach((input, i) => {
                                if(!intRegexlab.test(paste[i])){
                                  input.value = ''
                                }else{
                                  input.value = paste[i] || ''
                                }
                                
                              })

                            }

                            function handleBackspacelab(e) { 
                              const input = e.target
                              if (input.value) {
                                input.value = ''
                                return
                              }
                              
                              input.previousElementSibling.focus()
                            }

                            function handleArrowLeftlab(e) {
                              const previousInput = e.target.previousElementSibling
                              if (!previousInput) return
                              previousInput.focus()
                            }

                            function handleArrowRightlab(e) {
                              const nextInput = e.target.nextElementSibling
                              if (!nextInput) return
                              nextInput.focus()
                            }

                            formlab.addEventListener('input', handleInputlab)
                            inputslab[0].addEventListener('paste', handlePastelab)

                            inputslab.forEach(input => {
                              input.addEventListener('focus', e => {
                                setTimeout(() => {
                                  e.target.select()
                                }, 0)
                              })
                              
                              input.addEventListener('keydown', e => {
                                switch(e.keyCode) {
                                  case KEYBOARDS.backspace:
                                    handleBackspacelab(e)
                                    break
                                  case KEYBOARDS.arrowLeft:
                                    handleArrowLeftlab(e)
                                    break
                                  case KEYBOARDS.arrowRight:
                                    handleArrowRightlab(e)
                                    break
                                  default:  
                                }
                              })
                            })
                          $(function(){
                            $(document).on('input', '#labemailpass1, #labemailpass2, #labemailpass3, #labemailpass4, #labemailpass5, #labemailpass6', function (event) {
                              var str = "";
                                 $('#labemailpass1, #labemailpass2, #labemailpass3, #labemailpass4, #labemailpass5, #labemailpass6').each(function() {

                                     str += $(this).val().replace(' ', '');
                                     
                                     if ($(this).val()) {
                                      $('#loginnowlab').removeClass('disabled1');
                                    }else{
                                      $('#loginnowlab').addClass('disabled1');
                                      return false;
                                    }
                                 });
                                 $('#labemailpass').val(str);

                            });
                            $("#labemailpass1, #labemailpass2, #labemailpass3, #labemailpass4, #labemailpass5, #labemailpass6").bind('paste', function (e){
                              var str = "";
                                 $('#labemailpass1, #labemailpass2, #labemailpass3, #labemailpass4, #labemailpass5, #labemailpass6').each(function() {

                                     str += $(this).val().replace(' ', '');
                                     
                                     if ($(this).val()) {
                                      $('#loginnowlab').removeClass('disabled1');
                                    }else{
                                      $('#loginnowlab').addClass('disabled1');
                                      return false;
                                    }
                                 });
                                 $('#labemailpass').val(str);

                            });

                             $('#labemailpass1, #labemailpass2, #labemailpass3, #labemailpass4, #labemailpass5, #labemailpass6').keyup(function(){  
                              
                                 var str = "";
                                 $('#labemailpass1, #labemailpass2, #labemailpass3, #labemailpass4, #labemailpass5, #labemailpass6').each(function() {

                                     str += $(this).val().replace(' ', '');
                                     
                                     if ($(this).val()) {
                                      $('#loginnowlab').removeClass('disabled1');
                                    }else{
                                      $('#loginnowlab').addClass('disabled1');
                                      return false;
                                    }
                                 });
                                 $('#labemailpass').val(str);
                             });

                          });
                      </script>
                    
                  </div>
                </div>
                <div class="progresslogin" style="display: none;">
              
                </div>
                <div class="progreswithoutenroll" style="display: none;">
                </div>
                <div class="progreswithenroll"   style="display: none;" >
                </div>
              </div>
            </div>
            
          </div>
                    
            <div class="col-xs-12 col-sm-3 nopadding rowtop listofblk  backdropcss  hidden-xs">
              <div class="row liblist">
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  
                    <h3 class="libtxtcss libbtn lib1 active" data-id="1"><i class="fal fa-video icolabs urlico vdoico" aria-hidden="true"></i> إختبار المعلومات الابتزاز والتنمر الإلكتروني</h3>
                </div>
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  <h3 class="libtxtcss libbtn lib2" data-id="2"><i class="fal fa-video icolabs urlico vdoico" aria-hidden="true"></i> Instagram</h3>
                </div>
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  <h3 class="libtxtcss libbtn lib3" data-id="3"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i>تأكد من المواقع والملفات الخبيثة ر</h3>
                </div>
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  <h3 class="libtxtcss libbtn lib4" data-id="4"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> أفحص المتصفح من الثغرات </h3>
                </div>
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  <h3 class="libtxtcss libbtn lib5" data-id="5"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i>الثانية في الانترنت</h3> 
                </div>
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  <h3 class="libtxtcss libbtn lib6" data-id="6"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i>أرشيف الإنترنت</h3> 
                </div>
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  <h3 class="libtxtcss libbtn lib7" data-id="7"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i>نظام التحليل الرقمي للجوالي</h3> 
                </div>
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  <h3 class="libtxtcss libbtn lib8" data-id="8"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> التحقيق الرقمي للجوال</h3>
                </div>
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  <h3 class="libtxtcss libbtn lib9" data-id="9"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> فحص ثغرات الجوال</h3>
                </div>
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  <h3 class="libtxtcss libbtn lib10" data-id="10"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> إنشاء VPN خاص بالتفصيل </h3>
                </div>
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  <h3 class="libtxtcss libbtn lib11" data-id="11"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> حفظ كلمات المرور بشكل آمن</h3>
                </div>
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  <h3 class="libtxtcss libbtn lib12" data-id="12"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> تطبيق للتنبية عند فتح كاميرا او صوت الاندرويد</h3>
                </div>
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  <h3 class="libtxtcss libbtn lib13" data-id="13"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> تطبيق حماية التجسس للأندرويد</h3>
                </div>
                <div class="col-xs-12 col-sm-12 minhtbtnsec">
                  <h3 class="libtxtcss libbtn lib14" data-id="14"><i class="fas fa-link icolabs urlico" aria-hidden="true"></i> Drive-By Download</h3>
                </div>

              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="register-blk posrelative">

        <div class="container posrelative"> 
          <div class="row">
            <div class="col-xs-12 col-sm-12 text-center">
              <h1 class="main-tit libcss">الشهادة</h1>
            </div>
          </div>       
          <div class="row d-flexcss">
            <div class="col-xs-12 col-sm-6 posrelative feedbackblkcss btmmobcss text-center" style="margin:0 auto;">
              <div class="mainblkcss">
                <div class="mainblkcss1">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                </div>
              </div>
            </div>
            <style type="text/css">
              .d-flexcss{
                display: flex;
                justify-content: center;
                align-items: center;
              }
            </style>
            <div class="col-xs-12 col-sm-6 posrelative feedbackblkcss btmmobcss text-center" style="margin:0 auto;">               
              
              <h2 style="direction: rtl;"> نموذج الحصول على شهادة حضور لدورة Cyber Mobile <i class="fas fa-shopping-cart" aria-hidden="true"></i></h2>
              <button class="btn1css" id="certificatebtn"> شراء شهادة</button>
            </div>
          </div>
        </div> 
      </section>
      <section class="feedback-sec sec6 sec-order grey-bg" id="sec6">
          <div class="container posrelative">
            <div class="row">
              <div class="col-xs-12 col-sm-12 text-center">
                <h1 class="main-tit feedbackcss main-titred">تقيم المبادرة </h1>
              </div>
            </div>
            <div id="demos" style="position: relative;">
                <div class="row">
                  <div class="large-12 columns text-center">
                        <div class="owl-carousel owl-theme usrreviewcarousel">
                            
                            <div class="item">
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>‎الدوره اللي خلتني احب عالم الامن السيراني لانها كانت معلومات جميله واشكرك دكتور ياسر على جهودك الجباره</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://assets.techcampus.com/033d9e86c5b39c2b13e6f595824b8936.png" class="img-circle">
                                      <h5>Maliha</h5>
                                    </div>
                                  </div>
                              </div>
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>‎كل دورات د ياسر ثرية جدا لان اهم مافي التدريب عن بعد ايصال المعلومة مهما كان مدى صعوبتها وحريصة جدا على حضور جميع دوراته لانها تضيف للمستوى العلمي لدى الشخص الان اقدر اقول اني عرفت كيف أحرص على امن جوالي دورة جدا ممتعه ومفيدة ومليئة بالمعلومات</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://assets.techcampus.com/033d9e86c5b39c2b13e6f595824b8936.png" class="img-circle">
                                      <h5>Dareen</h5>
                                    </div>
                                  </div>
                              </div>
                            </div>
                            <div class="item">
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>فعلا نتعرض في هذا الوقت للكثير من المخاطر السيبرانيه شكرا جزيلا على هذه الدورة</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://assets.techcampus.com/2a5f7a775b509828faaa6a8c620c9f46.png" class="img-circle">
                                      <h5>‏Anas bin baz</h5>
                                    </div>
                                  </div>
                              </div>
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>‎اعطاني نظره شاملة عن طرق اختراق الهاتف و الذي يعتبر اكثر شي يستخدم بشكل يوم</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://assets.techcampus.com/0584b3a5284961f2999f0c1db8bc9fbc.png" class="img-circle">
                                      <h5>Mohammed</h5>
                                    </div>
                                </div>
                            </div>
                            </div>
                            <div class="item">
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>‎محاضرة متميزة وشرح ممتاز وطريقة شرحك ممتازة جدا يعطيك العافية</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://assets.techcampus.com/033d9e86c5b39c2b13e6f595824b8936.png" class="img-circle">
                                      <h5>Sara</h5>
                                    </div>
                                  </div>
                              </div>
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>دورة في قمة الروعة والفائدة حتى اللي مامعه اساسيات بايطلع ويستفيد كيف يتم الاختراق وحتى يكون على اطلاع</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://assets.techcampus.com/2a5f7a775b509828faaa6a8c620c9f46.png" class="img-circle">
                                      <h5>محمد</h5>
                                    </div>
                                </div>
                            </div>
                            </div>
                            <div class="item">
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>‎دورة ممتازة نشكر منصة تك كامبس وبالاخص المبدع الدكتور ياسر</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://users.techcampus.com/f6a0adf8fb8305e4e79a17908cf18802.png" class="img-circle">
                                      <h5>Mohammed</h5>
                                    </div>
                                  </div>
                              </div>
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>‎دوره تستحق المشاهده ومجهود مميز للقائمين بها</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://users.techcampus.com/3b70d0435ea7f9c46d6c92918b5bfec0.jpg" class="img-circle">
                                      <h5>Abdullah AlShehri</h5>
                                    </div>
                                </div>
                            </div>
                            </div>
                            <div class="item">
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>‎شرح متميز شكرا لجهودكم</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://techcamp.us/uploads/a7a5c1e5eb042bfc6b1d5ff41a2d91ee.jpg" class="img-circle">
                                      <h5>طارق</h5>
                                    </div>
                                  </div>
                              </div>
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>‎معلومات مهمه نحتاجها بشكل كبير</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://assets.techcampus.com/033d9e86c5b39c2b13e6f595824b8936.png" class="img-circle">
                                      <h5>Norah</h5>
                                    </div>
                                </div>
                            </div>
                            </div>
                            <div class="item">
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>‎‎شكراً على هذه الدورة الجملية ولقد استفدت كثير في تطوير معرفتي</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://assets.techcampus.com/033d9e86c5b39c2b13e6f595824b8936.png" class="img-circle">
                                      <h5>أبرار</h5>
                                    </div>
                                  </div>
                              </div>
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>‎رهييب جدا يعطيك العافية دكتور</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://users.techcampus.com/a93071b71938496b4aeaf650b5dae13a.jpeg" class="img-circle">
                                      <h5>Shaden</h5>
                                    </div>
                                </div>
                            </div>
                            </div>
                            <div class="item">
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>all of the information was valuable</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://assets.techcampus.com/033d9e86c5b39c2b13e6f595824b8936.png" class="img-circle">
                                      <h5>Shoug</h5>
                                    </div>
                                  </div>
                              </div>
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>تستحق كل الشكر والتقدير والله يجزاك الخير</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://assets.techcampus.com/2a5f7a775b509828faaa6a8c620c9f46.png" class="img-circle">
                                      <h5>عبدالرحيم</h5>
                                    </div>
                                </div>
                            </div>
                            </div>
                            <div class="item">
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>شكرا دكتور ياسر من اعماق القلب</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://assets.techcampus.com/2a5f7a775b509828faaa6a8c620c9f46.png" class="img-circle">
                                      <h5>Omar</h5>
                                    </div>
                                  </div>
                              </div>
                              <div class="usrfeed-blk">
                                  <div class="usrfedd_bck_box">                            
                                    <div class="usrfedd_bck_body">
                                      <p>THE BEST CYBER MOBILE PLUS LESSON</p>
                                    </div>
                                    <div class="usrfedd_bck_head">
                                      <img src="https://assets.techcampus.com/033d9e86c5b39c2b13e6f595824b8936.png" class="img-circle">
                                      <h5>NADA</h5>
                                    </div>
                                </div>
                            </div>
                            </div>
                           
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-12 text-center">
                <button class="btn1css" id="feedbackbtn">اضافة تقيم </button>
              </div>
            </div>
        <div class="row">
              <div class="col-xs-12 col-sm-12 text-center">
                <img src="https://cyber-mobiles.com/images/logo2.png" class="img-responsive logo2css">
              </div>
            </div>
        </div>
    </section>


  </div>
  <footer>
      <div class="container">      
        <div class="col-xs-12 col-md-4 col-sm-4 text-center">
            <p class="copyright-text">All Copyrights Reserved To Cyber Mobile or its affiliates.</p>
        </div>
        <div class="col-xs-12 col-md-4 col-sm-4 text-center">
          
        </div>
        <div class="col-xs-12 col-md-4 col-sm-4 text-center">
          <ul class="list-inline social_media_button">
            <li class="social-icon">Part of <a href="http://holding.vc" target="_blank"><img src="https://cyber-mobiles.com/images/smlogo.png" class="img-responsive imgico" width="35" height="35"> Holding.VC</a></li>
          </ul>  
        </div>      
      </div>   
    </footer>
  <script type="text/javascript" src="https://js.stripe.com/v2/"></script>
<script type="text/javascript" src="https://js.stripe.com/v3/"></script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
  <div class="modal fade in" id="addreview" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-body">
          <h3 class="instruct-tit" style="text-align: center !important;">اضافة تقيم جديد</h3>
          <form id="form21" method="POST" enctype="multipart/form-data">
            <div class="form-group form_body_notes">
              <div class="row">
                <div class="col-lg-12">
                  <label class="lbltitle">الاسم</label>
                  <input type="text" name="fdname" id="fdname" class="form-control" placeholder="محمد علي">
                </div>
                <div class="col-lg-12">
                  <label class="lbltitle">البريد الالكتروني</label>
                  <input type="email" name="fdemail" id="fdemail" class="form-control" placeholder="mohammed@gamil.com">
                </div>
                <div style="clear: both;">
                  <div class="form-group text-center form_body_notes">
               <div class="row">
                <div class="col-lg-12">
                  <div class="star-rating">
                    <span class="fa fa-star-o" data-rating="1" aria-hidden="true"></span>
                    <span class="fa fa-star-o" data-rating="2" aria-hidden="true"></span>
                    <span class="fa fa-star-o" data-rating="3" aria-hidden="true"></span>
                    <span class="fa fa-star-o" data-rating="4" aria-hidden="true"></span>
                    <span class="fa fa-star-o" data-rating="5" aria-hidden="true"></span>
                    <input type="hidden" name="rating" class="rating-value" id="rating" value="">
                  </div>
                </div>
              </div>   
            </div>
                </div>
                <div class="col-lg-12" style="text-align: center;">
                  <label class="lbltitle">الصورة الرمزية</label>
                  <ul class="userimage-blk row " style="margin: 0px;">
                    <li style="width: 14.28%;float: right;">
                      <img src="https://cyber-mobiles.com/images/2a5f7a775b509828faaa6a8c620c9f46.png" class="def-img" style="width: auto;">
                    </li>
                    <li style="width: 14.28%;float: right;">
                      <img src="https://cyber-mobiles.com/images/033d9e86c5b39c2b13e6f595824b8936.png" class="def-img" style="width: auto;">
                    </li>
                    <li style="width: 14.28%;float: right;">
                      <img src="https://cyber-mobiles.com/images/0584b3a5284961f2999f0c1db8bc9fbc.png" class="def-img" style="width: auto;">
                    </li>
                    <li style="width: 14.28%;float: right;">
                      <img src="https://cyber-mobiles.com/images/f1889827aad438d98a5f6c794e9c3bbb.png" class="def-img" style="width: auto;">
                    </li>
                    <li style="width: 14.28%;float: right;">
                      <img src="https://cyber-mobiles.com/images/fedb2e1f16873304588582b3e3f0fac3.png" class="def-img" style="width: auto;">
                    </li>
                    
                    <li style="width: 14.28%;float: right;">
                      <label for="imagefd" style="width: 100%;text-align: center;">
                        <span class="browseimg" style="font-size: 40px;color: #d5d5d5;"><i class="fas fa-camera" aria-hidden="true"></i></span>
                        
                      </label>
                      <input type="file" name="imagefd" id="imagefd" class="form-control" style="display: none;" onchange="readurlattachment(this);">
                    </li>
                    <input type="hidden" name="userimage" id="userimage">
                  </ul>
                  <img src="" id="previewimagelogo" style="display: none;width: 100px;height: 100px;border-radius: 50%;margin: 15px 0 0;">
                </div>
                <div class="col-lg-12" style="clear: both;">
                  <label class="lbltitle">التقيم</label>
                  <div class="form_body_notes">
                    <textarea class="form-control textareacss" cols="5" id="review" name="review" style="margin-bottom: 0px !important;"></textarea>
                    <label for="image" id="lbl_crsimgup" class="lbl_crsimgup">
                    <i class="fa fa-image up-cv" aria-hidden="true"></i>
                    </label>
                    <input type="file" name="image[]" required="" accept="image/*" id="image" multiple="" style="display: none;">
                    
                  </div>
                  <p class="lbltitle feedbackcount" style="text-align: right !important;"></p>
                </div> 
                <div class="form-group" style="width: 100%;">
                  <div id="previewimages" style="display: none;"></div>
                </div>               
              </div>
              <div id="html_element"></div>
            </div>
            <div class="btnsec row">
              <p class="errormsg"></p>
              <p class="succesmsg"></p>
              <div class="col-xs-6 col-sm-6 rtlcolcss">
                <button type="button" class="btn cmbtncss btnyes saveeview" id="saveeview">ارسال</button>
              </div>
              <div class="col-xs-6 col-sm-6 rtlcol">
                <button type="button" class="btn cmbtncss btnno cancelnotes" onclick="window.location.reload();">الغاء</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
  <style type="text/css">
    .userimage-blk li {
    margin: 0 2px;
    }
    .star-rating {
    line-height: 32px;
    font-size: 1.25em;
    color: #ccc;
    }
    .star-rating .fa-star {
    color: #faa545;
    }
  </style>
   <style type="text/css">
    .tit-blk {
      margin: 0 auto 0;
      text-align: center;
      color: #666;
    }
    .tit-blk h3 {
    margin-top: 0px;
    font-size: 32px;
    font-weight: 100;
    font-family: Open Sans,Segoe UI,sans-serif;
    margin-bottom: 20px;
    }
    .rtlcol {
    float: right;
    direction: rtl;
    }
    .tit-blk p {
    font-size: 14px;
    color: #666;
    }
    .row.fee-structure h3 {
    font-size: 18px;
    color: #d43f3a;
    font-weight: bold;
    margin-top: 10px;
    }
    label.en-label {
    display: block;
    font-weight: 700;
    text-align: right;
    }
    .floatleftrtl {
    float: left !important;
    }
    .input-container1 {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    }
    .input-container1 input {
    background: transparent !important;
    border: 1px solid #d2d2d2 !important;
    padding: 0 30px 0 15px!important;
    text-indent: 0px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
    height: 45px;
    }
    .icon1 {
      padding: 15px 10px;
      background: transparent;
      min-width: 40px;
      text-align: center;
      position: absolute;
      right: 0;
      font-size: 18px;
    }
    .icon1 {
      color: #ccc;
    }
    .input-container1 input{
      direction: rtl;
      text-align: right;
      padding: 0 15px 0 30px!important;
    }
    .icon1,.icon1{
      left: 0;
      right: auto;
    }
    .form-group button {
        margin: 5px auto;
    }
    .paymentbtn {
        border-radius: 4px;
        box-sizing: border-box;
        cursor: pointer;
        font-weight: 700;
        padding: 0 20px;
        position: relative;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        height: 40px;
        line-height: 38px;
        min-width: 96px;
        font-size: 18px;
        width: 100%;
        background-color: #00ff84;
        border: 1px solid #00ff84;
        color: #002333;
        text-decoration: none;
    }
    .cert-note {
        font-size: 14px;
        padding: 15px 0;
    }
    .cert-note {
        color: #666;
    }
     #html_element>div,#html_element1>div,#html_element2>div,#html_element111l>div,#html_elementl1>div,#html_element111>div,#html_element1111>div {
      margin: 0 auto;
    }
  </style>
  <div class="modal fade in cmnmodalcss" id="buycertificatemdl" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-body">
          <form method="post" id="paymentFrm" enctype="multipart/form-data" action="#">
          <div class="col-xs-12 col-sm-12">
            <div class="tit-blk">
              <h3><b>Cyber Mobile  </b><p></p></h3>
              <p style="font-size: 18px;"></p>
              <p style="font-size: 18px;"></p>
              <b style="color: #d9534f;font-size: 19px;">Price : <span class="price-original">10.00 USD </span></b>
              <div class="certnameblk">
                <label class="en-label">الإسم المطلوب للشهادة (يمكن استخدام عربي او انجليزي بالكامل ولايمكن التعديل عليها لاحقاً)</label>
              <div class="input-container1">
                <i class="fal fa-file-certificate icon1"></i>
                <input type="text" name="name" class="form-control payment-input" placeholder="الإسم في الشهادة" value="" required="">
              </div>
              </div>
              <p class="discount-rate" style="color: #32325d;font-size: 24px;font-weight: bold;display: block;"></p>
              <div class="row fee-structure nomargin">
                <div class="col-xs-4 col-sm-4 text-center rtlcol"><p>Price</p><h3 class="discount-fee">10.00 $</h3></div>
                <div class="col-xs-4 col-sm-4 text-center rtlcol"><p>Online Fees</p><h3 class="online-fee">0.5 $</h3></div>
                <div class="col-xs-4 col-sm-4 text-center rtlcol"><p>Total Price</p><h3 class="total-fee">10.5 $</h3></div>
              </div> 
            </div>
            
          </div>
          <div class="row nomargin">
            <div class="col-xs-12 col-sm-2 text-center  paydiv">
              <div class="but-holder1" style="display: block;">
                
                  <input type="hidden" name="course_user_name" id="course_user_name1" value="ckc">
                          
                
              </div>
            </div>
            <div class="col-xs-12 col-sm-10 text-center  paydiv" style="float: none;margin: 0 auto;clear: both;">
              <div class="but-holder2" style="display: none;">
                <div class="card">
                  <div class="card-header bg-success text-white"></div>
                    <div class="card-body bg-light">
                      
                               
                        <div class="form-group">
                          <input type="hidden" name="course_user_name" id="course_user_name" value="ckc">
                          <input type="hidden" name="amount" id="amount" value="10.5">
                          <input type="hidden" name="amount1" id="amount1" value="10.5">
                          <button type="submit" id="payBtn" class="btn paymentbtn">تأكيد الدفع</button>
                           <p class="cert-note">سيتم إصدار الشهادة بعد نجاح الدفع</p>
                        </div>  
                        
                    </div>
                </div>
              </div>
              <div class="but-holder" style="display: block;">
                <div class="card">
                  <div class="card-header bg-success text-white"></div>
                  <div class="card-body bg-light">
                    <div id="payment-errors"></div>  
                    
                      <div class="form-group">
                        <label class="en-label">الاسم
                        <div class="text-right pull-right floatleftrtl">                          
                          <img src="https://assets.techcampus.com/475bdd911a5b9ed128a7634378b7a9ba.png" class="img-responsive" style="display: inline-block;">
                          <img src="https://assets.techcampus.com/88247c6013c39c034c6ab8d7dd7bec9b.png" class="img-responsive" style="display: inline-block;">
                          <img src="https://assets.techcampus.com/3265cf885e3e1f4c4f7b2be961cafcb6.png" class="img-responsive" style="display: inline-block;">
                        </div>
                        </label>
                        <div class="input-container1">
                          <i class="fas fa-user icon1" aria-hidden="true"></i>
                          <input type="text" name="name1" class="form-control payment-input" placeholder="الاسم" value="" required="">
                        </div>                
                      </div>
                      <div class="form-group">
                        <label class="en-label">البريد الإلكتروني</label>
                        <div class="input-container1">
                          <i class="fal fa-envelope icon1"></i>
                          <input type="text" name="certemail" id="certemail" class="form-control payment-input" placeholder="البريد الإلكتروني" autocomplete="off" value="" required="">
                        </div>      
                      </div>  
                      <div class="form-group">
                        <label class="en-label">رقم البطاقة</label>
                        <div class="input-container1">
                          <i class="fal fa-lock-alt icon1" aria-hidden="true"></i>
                          <input type="number" name="card_num" id="card_num" class="form-control payment-input" placeholder="رقم البطاقة" autocomplete="off" value="" required="">
                        </div>      
                      </div>  
                      <div class="row nomargin">
                        <div class="col-xs-12 col-sm-8 rtlcol">
                          <div class="row nomargin">
                            <div class="col-xs-6 col-sm-6 rtlcol">
                              <div class="form-group">
                                <label class="en-label">Month</label>
                                <div class="input-container1">
                                  <i class="fal fa-calendar-alt icon1" aria-hidden="true"></i>
                                  <input type="text" name="exp_month" maxlength="2" class="form-control payment-input" id="card-expiry-month" placeholder="MM" value="" required="">
                                </div>
                              </div>
                            </div>
                            <div class="col-xs-6 col-sm-6 rtlcol">
                                <div class="form-group">
                                  <label class="en-label">Year</label>
                                  <div class="input-container1">
                                    <i class="fal fa-calendar-alt icon1" aria-hidden="true"></i>
                                    <input type="text" name="exp_year" class="form-control payment-input" maxlength="4" id="card-expiry-year" placeholder="YYYY" required="" value="">
                                  </div>
                                </div>
                            </div>
                          </div>
                        </div>
                        <div class="col-sm-4 rtlcol">
                          <div class="form-group">
                            <label class="en-label">CVC</label>
                            <div class="input-container1">
                              <i class="fal fa-credit-card icon1" aria-hidden="true"></i>
                              <input type="password" name="cvc" id="card-cvc" maxlength="3" class="form-control payment-input" autocomplete="off" placeholder="CVC" value="" required="">
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="form-group">
                        <p class="error" style="text-align: center;color: red;"></p>
                        <p class="success" style="text-align: center;color: green;"></p>
                        <input type="hidden" name="course_user_name" id="course_user_names" value="ckc">
                        <input type="hidden" name="amount" id="amounts" value="10.5">
                        <input type="hidden" name="amount1" id="amounts1" value="10.5">
                        <div id="html_element1"></div><br>
                        <button type="submit" id="payBtn" class="btn paymentbtn submitbtn">تأكيد الدفع</button>
                         <p class="successmsg1" style="font-size:14px;font-weight: bold;margin: 10px 0;text-align: center;"></p>
                         <p class="cert-note">لأي استفسار او مساعدة بالدفع او الشهادة الرجاء التواصل مع الدعم الفني عبر <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d1a2a4a1a1bea3a591a5b4b2b9b2b0bca1a4a2ffb2bebc">[email&#160;protected]</a></p>
                      </div>   
                  </div>
                </div>
              </div>
            </div>
          </div>
          
          </form>
        </div>
      </div>
    </div>
  </div>
  <style type="text/css">
    h4.desc{
      font-weight: bold;
    }
    .usrfedd_bck_body p{
      min-height: 160px;
    }
    .userimage-blk li {
    margin: 0 2px;
    }
    .star-rating {
    line-height: 32px;
    font-size: 1.25em;
    color: #ccc;
    }
    .star-rating .fa-star {
    color: #faa545;
    }
  </style>
  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript">
    $(document).ready(function() {
      var clicked = false;
      $(document).on('click','.nav1 li',function(e){ 
        clicked = true;
        $('.nav1 li').removeClass('active');
        $(this).addClass('active');

        var dataid = $(this).attr('data-id');
        $('html, body').animate({
          'scrollTop' : $("."+dataid).position().top
        }, 1500);
        setTimeout(function(){  
          clicked = false;              
        },2000);      
      });
      document.addEventListener("scroll", function () {
        if (!clicked) { 
          var $menu = $('.nav1');
          $('.sec-order').each(function() {
            if($(this).position().top <= $(document).scrollTop() && ($(this).position().top + $(this).outerHeight()) > $(document).scrollTop()) {

                var secid = $(this).attr('id');
                
                $('.nav1 li').removeClass('active');
                $('.nav1 li[data-id="'+secid+'"]').addClass('active');
                
                
            }
          });
        }
      });

         
    });
    $(document).on('click','.libbtn',function(){
        var dataid = $(this).attr('data-id');
        var dataid = $(this).attr("data-id");
        var $menu = $('ul.liblist'); 
        var elOffset = $('ul.liblist li[data-id="'+dataid+'"]').offset().left;
        var elWidth = $('ul.liblist li[data-id="'+dataid+'"]').outerWidth(true);
        var menuScrollLeft = $menu.scrollLeft();
        var menuWidth = $menu.width();
          
        var myScrollPos = elOffset + (elWidth / 2) + menuScrollLeft - (menuWidth / 2);
        $menu.scrollLeft(myScrollPos);
        $('ul.liblist li').removeClass('active');
        $('.libbtn').removeClass('active');
        $(this).addClass('active');
        $(this).parent().addClass('active');
        if(dataid == '2'){
          $('.libsrcblk').html('<iframe src="https://player.vimeo.com/video/657377065" style="border: 0; width: 100%; height: 600px;" allowfullscreen></iframe>');
        }else if(dataid == '3'){
          $('.libsrcblk').html('<div class="liblinksec"><a type="button" class="btn cmbtncss libbtncss" href="https://www.virustotal.com/gui/home/upload" target="_blank">تأكد من المواقع والملفات الخبيثة </a></div>');
          }else if(dataid == '4'){
          $('.libsrcblk').html('<div class="liblinksec"><a type="button" class="btn cmbtncss libbtncss" href="https://cyber-leaks.com/browsercheck" target="_blank">أفحص المتصفح من الثغرات </a></div>');
          }else if(dataid == '5'){
          $('.libsrcblk').html('<div class="liblinksec"><a type="button" class="btn cmbtncss libbtncss" href="http://www.internetlivestats.com/one-second/" target="_blank">الثانية في الانترنت</a></div>');
          }else if(dataid == '6'){
          $('.libsrcblk').html('<div class="liblinksec"><a type="button" class="btn cmbtncss libbtncss" href="https://archive.org/web/" target="_blank">أرشيف الإنترنت</a></div>');
          }else if(dataid == '7'){
          $('.libsrcblk').html('<div class="liblinksec"><a type="button" class="btn cmbtncss libbtncss" href="https://santoku-linux.com/" target="_blank">نظام التحليل الرقمي للجوال</a></div>');
          }else if(dataid == '8'){
          $('.libsrcblk').html('<div class="liblinksec"><a type="button" class="btn cmbtncss libbtncss" href="http://andriller.com" target="_blank">التحقيق الرقمي للجوال</a></div>');
          }else if(dataid == '9'){
          $('.libsrcblk').html('<div class="liblinksec"><a type="button" class="btn cmbtncss libbtncss" href="https://github.com/AndroidVTS/android-vts" target="_blank">فحص ثغرات الجوال</a></div>');
          }else if(dataid == '10'){
          $('.libsrcblk').html('<div class="liblinksec"><a type="button" class="btn cmbtncss libbtncss" href="https://cybervpns.com/" target="_blank">إنشاء VPN خاص بالتفصيل </a></div>');
          }else if(dataid == '11'){
          $('.libsrcblk').html('<div class="liblinksec"><a type="button" class="btn cmbtncss libbtncss" href="https://lastpass.com " target="_blank">حفظ كلمات المرور بشكل آمن</a></div>');
          }else if(dataid == '12'){
          $('.libsrcblk').html('<div class="liblinksec"><a type="button" class="btn cmbtncss libbtncss" href="https://play.google.com/store/apps/details?id=com.davidmontesin.cameraalert" target="_blank">تطبيق للتنبية عند فتح كاميرا او صوت الاندرويد</a></div>');
          }else if(dataid == '13'){
          $('.libsrcblk').html('<div class="liblinksec"><a type="button" class="btn cmbtncss libbtncss" href="https://play.google.com/store/apps/details?id=erfanrouhani.antispy" target="_blank">تطبيق حماية التجسس للأندرويد</a></div>');
          }else if(dataid == '14'){
          $('.libsrcblk').html('<div class="liblinksec"><a type="button" class="btn cmbtncss libbtncss" href="https://www.linkedin.com/pulse/drive-by-download-real-threat-yaser-alosefer" target="_blank">Drive-By Download</a></div>');
          }else{
            $('.libsrcblk').html('<iframe src="https://player.vimeo.com/video/657377274" style="border: 0; width: 100%; height: 600px;" allowfullscreen></iframe>');
          }
        });
        $(document).on("click","#feedbackbtn",function(){        
        $('#addreview').modal();
        $('.errormsg').html('');$('.succesmsg').html('');
      });

      $(document).on("click","#certificatebtn",function(){        
        $('#buycertificatemdl').modal();
        $('.errormsg').html('');$('.succesmsg').html('');
      }); 
      
      $(document).ready(function() {
        $('.usrreviewcarousel').owlCarousel({
          loop: true,
          rtl:true,
          margin: 10,
          responsiveClass: true,
          nav:false,
          dots: true,
          mouseDrag : false,
          touchDrag : false,
          responsive: {
            0: {
              items: 1,
              margin:0
            },
            600: {
              items: 2,
              margin:0
            },
            1000: {
              items: 3,
              loop: false,
              margin: 20
            },
            1200: {
              items: 3,
              loop: false,
              margin: 20
            }
          }
        })
      });
  </script>
  <script type="text/javascript">
    $(document).on('click', '.def-img', function(){ 
        var datasrc = $(this).attr('src');
        
        document.getElementById('userimage').value = 'https://cyber-mobiles.com/'+datasrc;
        $('.def-img').css('border','0');
        $(".browseimg").css('border','0'); 
        $(this).css('border','1px solid #666');
        $('#previewimagelogo').show();
        $('#previewimagelogo').attr('src',datasrc);

      });
      
      function readurlattachment(input) {
        if (input.files && input.files[0]) {
          var  myfile1= $('#imagefd').val();
          var ext1 = myfile1.split('.').pop(); 
          if(ext1=="png" || ext1=="jpg" || ext1=="jpeg" || ext1=="PNG" ){ 
          $('.errormsg').html('');
          
          document.getElementById('userimage').value = '';
          $('#previewimagelogo').hide();
          $(".browseimg").css('border','0'); 
          $('.def-img').css('border','0');         
          var  myfile= $('#imagefd').val();
          var ext = myfile.split('\\').pop(); 
          var reader = new FileReader();

          reader.onload = function(e) {
            var image = new Image();
              image.src = e.target.result;
              image.onload = function () {
              var height = this.height;
              var width = this.width;
              if (height < 1500 || width < 1500) {
               html = '<img src="' + e.target.result + '" class="img-responsive lgimg"/>';
                $('.browseimg').css('border','1px solid #666');
                document.getElementById('userimage').value = '';
                $('#previewimagelogo').show();
                $('#previewimagelogo').attr('src',e.target.result);
                $('.def-img').css('border','0');   
                myver = e.target.result;
              } else {
                  
                  $(".browseimg").css('border','0'); 
                  document.getElementById('userimage').value = '';
                  $('#previewimagelogo').hide();
                  $('.def-img').css('border','0');   
                  $(".errormsg").html('Height and Width must be lesser than 1500X1500.');      
                    return false; 
              }
              };
            
          };
          reader.readAsDataURL(input.files[0]);
         }else{
            $('.errormsg').html('Upload valid file');
            document.getElementById('userimage').value = '';
            $('#previewimagelogo').hide();
            $('.def-img').css('border','0');   
            $('.browseimg').css('border','0');
            return false;
        
         }
          

        } else {
          $('.errormsg').html('');
          $('.browseimg').css('border','0'); 
          document.getElementById('userimage').value = '';
          $('#previewimagelogo').hide();
          $('.def-img').css('border','0');   
          
        }
      }
    function validateEmail($email) {
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        return emailReg.test( $email );
    }
    var $star_rating = $('.star-rating .fa');

    var SetRatingStar = function() {
      return $star_rating.each(function() {
        if (parseInt($star_rating.siblings('input.rating-value').val()) >= parseInt($(this).data('rating'))) {
          return $(this).removeClass('fa fa-star-o').addClass('fas fa-star');
        } else {
          return $(this).removeClass('fas fa-star').addClass('fa fa-star-o');
        }
      });
    };

    $star_rating.on('click', function() {
      $("#saveeview").attr('disabled',false);
      $star_rating.siblings('input.rating-value').val($(this).data('rating'));
      return SetRatingStar();
    });
    document.querySelector('#image').addEventListener("change", previewImages);

    function previewImages() {
      $('.errormsg').html('');
      var preview = document.querySelector('#previewimages');
      $('#previewimages').html(''); 
      $("#saveeview").attr('disabled',false);
      $('#previewimages').css('display','none');
      if (this.files.length<5){
        
      if (this.files) {
        [].forEach.call(this.files, readAndPreview);
      }else{
        $('#previewimages').css('display','none');
      }

      function readAndPreview(file) {
        $('#previewimages').css('display','flex');
        if (!/\.(jpe?g|png|gif)$/i.test(file.name)) {
          return alert(file.name + " is not an image");
        } 
        
        var reader = new FileReader();
        reader.onload = function (e) {
          
          $("#previewimages").append('<div class="imgholder"><img src="'+e.target.result+'" class="img-responsive"></div>');
        };
        var imgln = $("#image").get(0).files.length;
        if(imgln=='2'){
          $('#previewimages').css('flex-direction','row');
        }else{
          $('#previewimages').css('flex-direction','column');
        }
        reader.readAsDataURL(file);
        
      }
    }else{
      $('#previewimages').css('display','none');
     
      $('.errormsg').html('You can only upload a maximum of 4 files');
    }

      
    }
    $(document).on('input', '#review', function (event) {
      var countxt = $(this).val().trim().length;
      if ($(this).val().trim()) {

        if (countxt > 2000) {      
          var text = $(this).val();
          $(this).val(text.substr(0, 2000));  
          $('.feedbackcount').empty().append('0');           
        }else{         
          countxt = 2000-countxt;
          $('.feedbackcount').empty().append(countxt);           

        }      

      }else{            
        $('.feedbackcount').empty().append('2000'); 
      }
    });
    $(document).on('click', '.imageprevcrs', function(){ 
      showimgmodal1($(this).data('url'),"image");
      return false;
    });
    function showimgmodal1(a,b){
     var modal = document.getElementById('imgmyModal1');
     var curmodalimg = document.getElementById("curmodalimg");
     if(b == 'image'){
         modal.style.display = "block";
         curmodalimg.src = a;
     var span123 = document.getElementsByClassName("close_curimg_modal")[0];
       span123.onclick = function() {
           modal.style.display = "none";
       }
     }else{

     window.open(a, '_blank');

     }
    }

        //set your publishable key
        Stripe.setPublishableKey('pk_live_FSjYRQpTeSDP8TC5ynvWiaq900UKbL5MX5');
        
        //callback to handle the response from stripe
        function stripeResponseHandler(status, response) {
            if (response.error) {
                //enable the submit button
                grecaptcha.reset(1);
                $('#payBtn').removeAttr("disabled");
                $('#payment-errors').addClass('alert alert-danger');
                $("#payment-errors").html(response.error.message);
            } else {
                var form$ = $("#paymentFrm");
                //get token id
                var token = response['id'];
                //insert the token into the form
                form$.append("<input type='hidden' name='stripeToken' value='" + token + "' />");
                //submit form to the server
               //form$.get(0).submit();
                  submitform();
            }
        }
        $(document).ready(function() {
            //on form submit
            $("#paymentFrm").submit(function(event) {

                //disable the submit button to prevent repeated clicks
                $('#payBtn').attr("disabled", "disabled");

                  

                
                //create single-use token to charge the user
                Stripe.createToken({
                    number: $('#card_num').val(),
                    cvc: $('#card-cvc').val(),
                    exp_month: $('#card-expiry-month').val(),                     
                    exp_year: $('#card-expiry-year').val()
                }, stripeResponseHandler);
                
                //submit from callback
                return false;
            });

              $("#paymentFrm1").submit(function(event) {
                  $('#payBtn').attr("disabled", "disabled");
              });
        });


        ///
        function submitform(){
           var data = new FormData($('#paymentFrm')[0]);
                 
                  $('.submitbtn').attr('disabled',true);

                  $.ajax({
                  type:"POST",
                  url:'https://cyber-mobiles.com/'+"home/buycertificate",
                  data:data,
                  dataType: "json",
                  mimeType: "multipart/form-data",
                  contentType: false,
                  cache: false,
                  processData: false,
                  success:function(data) { 

                    if(data.status == 'success') {
                      $('.successmsg1').html('تم الشراء بنجاح، قريبا ستسلم بريد بالشهادة');
                      $('.error').html('');
                      $('.submitbtn').hide();
                     // $('#payBtn').attr('disabled',false);
                       
                    } else {
                      grecaptcha.reset(1);
                      $('.submitbtn').attr('disabled',false);
                      $('.error').html(data.msg);
                      $('.success').html('');

                    }

                  }

                });
        }
        $(document).on("click","#saveeview",function(){ 
      $('.errormsg').html('');$('.succesmsg').html('');
      if($("#fdname").val() == ""){

         $(".errormsg").html('Name is required');
          return false;
      }
      if($("#fdemail").val() == ""){
         $(".errormsg").html('Email is required');
          return false;
      }
      if(!validateEmail($("#fdemail").val())){
        grecaptcha.reset(0);
        $(".errormsg").html("Email ID is invalid");
        return false;
      }
      
      if($("#review").val() == ""){
         $(".errormsg").html("Feedback is required");
          return false;
      }
      
      var data = new FormData($('#form21')[0]);

      $.ajax({
        type:"POST",
        url:'https://cyber-mobiles.com/'+"home/savereview",
        data:data,
        dataType: "json",
        mimeType: "multipart/form-data",
        contentType: false,
        cache: false,
        processData: false,
        success:function(data) {   
            $("#saveeview").html('ارسال');
              $('#saveeview').prop('disabled', false);
              $('#saveeview').removeClass("disabled")
            if(data.status == 'success'){
              $('.errormsg').html('');
              $(".succesmsg").html('التقيم تحت المراجعة وشكرا جزيلاُ');
                   
              
             


               setTimeout(function(){
                $(".succesmsg").html('');
                $(".errormsg").html('');
                  $('#addreview').modal('hide');   
                
                
                $("#form21")[0].reset();
                $('#previewimages').html(''); 
                $('#previewimages').css('display','none');
     
                $('.errormsg').html('');
                $('.browseimg').css('border','0'); 
                document.getElementById('userimage').value = '';
                document.getElementById('imagefd').value = '';
                $('#previewimagelogo').hide();
                $('.def-img').css('border','0');  

              }, 3000);
                
            }

            if(data.status == 'error'){
              grecaptcha.reset(0);
              $(".errormsg").html(data.msg);
              return false;
            }


        }
      });


    });
       var onloadCallback = function() {
        grecaptcha.render('html_element', {
          'sitekey' : '6LcfKfcUAAAAAG8zDZx6SPfjelawXX2yFEalj6_Z'
        });
        
           grecaptcha.render('html_element1', {
          'sitekey' : '6LeSiLkUAAAAAKGaXhPds-2yxEzaS2-JoLdFHDBT'
        });

            grecaptcha.render('html_element111', {
              'sitekey' : '6LfJyk4gAAAAAM853mnvy148k6CVrRQGsTKrzH13'
            });

            grecaptcha.render('html_element1111', {
              'sitekey' : '6LfUzE4gAAAAADnMih1txtSmyqWx-5Nrq-3hD03m'
            });

          grecaptcha.render('html_element111l', {
              'sitekey' : '6Lc_z04gAAAAAOzjmV_6YV_B8D2G6PPv8IBVX54f'
            });

             grecaptcha.render('html_elementl1', {
              'sitekey' : '6Lfp0E4gAAAAAOIS3tVusG9fP2GYFcgZjQynYhHk'
            });
      };


     $("#loginemail").keyup(function(){
      if(document.getElementById("loginemail").value==="") { 
          $('#login_btn').addClass('disabled1');
      } else { 
     
          $('#login_btn').removeClass('disabled1');
        
      }
  
    });
    $("#loginemail").on('input propertychange', function () {
      if(document.getElementById("loginemail").value==="") { 
          $('#login_btn').addClass('disabled1');
      } else { 
     
          $('#login_btn').removeClass('disabled1');
        
      }
    });
    $("#loginemaillab").keyup(function(){
      if(document.getElementById("loginemaillab").value==="") { 
          $('#login_btnlab').addClass('disabled1');
      } else { 
     
          $('#login_btnlab').removeClass('disabled1');
        
      }
  
    });
    $("#loginemaillab").on('input propertychange', function () {
      if(document.getElementById("loginemaillab").value==="") { 
          $('#login_btnlab').addClass('disabled1');
      } else { 
     
          $('#login_btnlab').removeClass('disabled1');
        
      }
    });
        $(document).on('click','.vdosrcbtn',function(){
      
      var datasrc = $(this).attr('data-src');
      var dataid = $(this).attr('data-id');
      $('.vdosrcbtn').removeClass('active');
      $(this).addClass('active');            
     
      $('.listofblk').removeClass('backdropcss');
      $('.vdosrcblk').html('<div class="progreswithenroll"><h3 class="progress_text">تحميل المقاطع..</h3><div class="meter"><span style="width:100%;"><span class="progress" style="background:green;"></span></span></div></div><div class="iframesec" style="display:none;"><iframe id="frameid" width="100%" height="390" src="'+datasrc+'" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div>'); 

      setTimeout(function () {
        $('.iframesec').fadeIn(3000);
        $('.progreswithenroll').hide();
      }, 9000);    
      
      
    });
    $(document).on("click","#login_btnlab",function(){
      if($("#loginemaillab").val() == ""){
        $(".login_errormsg").html("Please enter valid email address");
        return false;
      }
      if( !validateEmail($("#loginemaillab").val())){
        grecaptcha.reset(4);     
        $(".login_errormsg").html("Email ID is not valid");
        return false;

      }
      $('#login_btnlab').html('Loading...');
      $('#login_btnlab').addClass('disabled1');  
      var data = new FormData($('#loginformlab3')[0]);
      data.append('lab',1);
       $.ajax({
          type:"POST",
          url:'https://cyber-mobiles.com/'+"home/verifyemail",
          data:data,
          dataType: "json",
          mimeType: "multipart/form-data",
          contentType: false,
          cache: false,
          processData: false,
          success:function(data)
          {  

            if(data.status == 'success') {
              $('.dynemail').html($("#loginemail").val());
              $('.verifye').show();
              $('.sign').hide();
            } else {
              grecaptcha.reset(4);   
              $('#login_btnlab').html('<span>البريد الإلكتروني</span>');
              $('#login_btnlab').removeClass('disabled1'); 
              $(".login_errormsg").html(data.msg);
              return false;
            }

          }
      });
     
    });
    $(document).on("click","#login_btn",function(){
      if($("#loginemail").val() == ""){
        $(".login_errormsg").html("Please enter valid email address");
        return false;
      }
      if( !validateEmail($("#loginemail").val())){
        grecaptcha.reset(2);     
        $(".login_errormsg").html("Email ID is not valid");
        return false;

      }
      $('#login_btn').html('Loading...');
      $('#login_btn').addClass('disabled1');  
      var data = new FormData($('#loginform3')[0]);
       $.ajax({
          type:"POST",
          url:'https://cyber-mobiles.com/'+"home/verifyemail",
          data:data,
          dataType: "json",
          mimeType: "multipart/form-data",
          contentType: false,
          cache: false,
          processData: false,
          success:function(data)
          {  

            if(data.status == 'success') {
              $('.dynemail').html($("#loginemail").val());
              $('.verifye').show();
              $('.sign').hide();
            } else {
              grecaptcha.reset(2);
              $('#login_btn').html('<span>البريد الإلكتروني</span>');
              $('#login_btn').removeClass('disabled1'); 
              $(".login_errormsg").html(data.msg);
              return false;
            }

          }
      });
     
    });
    $(document).on("click","#loginnowlab",function(){

      var email = document.getElementById('loginemaillab').value;
      var code = document.getElementById('labemailpass').value;
      var datawatchurl = $(this).attr('data-watch');
      var datalaburl = $(this).attr('data-lab');
      var data = new FormData($('#loginform4lab')[0]);
      data.append('email',email);
      data.append('code',code);
      data.append('lab',1);

      $('#loginnowlab').html('Loading...');
      $('#loginnowlab').addClass('disabled1'); 

      $.ajax({
          type:"POST",
          url:'https://cyber-mobiles.com/'+"home/confirmverifycode",
          data:data,
          dataType: "json",
          mimeType: "multipart/form-data",
          contentType: false,
          cache: false,
          processData: false,
          success:function(data)
          {  

            $('#loginnowlab').html('Sign in');
            $('#loginnowlab').removeClass('disabled1'); 

            if(data.status == 'error') {
               grecaptcha.reset(5);
              $('.googleauth_errormsg').html(data.msg);
              return false;
            } else {

            $('.loginbox').hide();
            $('.progresslogin').show();
            $('.progresslogin').html('<h3 class="progress_text">التحقق..</h3><div class="meter"><span style="width:50%;"><span class="progress"></span></span></div>');

            if(data == 1) {
              setTimeout(function () {
                $('.loginbox').hide();
                $('.progresslogin').hide();
                $('.progreswithoutenroll').hide();
                $('.progreswithenroll').show();
                $('.progreswithenroll').html('<h3 class="progress_text">تحميل المقاطع</h3><div class="meter"><span style="width:100%;"><span class="progress" style="background:green;"></span></span></div>');  
                
              }, 9000); 
              setTimeout(function () {
                  $('.progreswithenroll').hide();
                  $('.listofblk').removeClass('backdropcss');
                $('.vdosrcblk').html('<iframe id="frameid" width="100%" height="390" src="'+datawatchurl+'" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>');
                  $('.libsrcblk').html('<iframe src="'+datalaburl+'" style="border: 0; width: 100%; height: 600px;" allowfullscreen></iframe>');
                }, 18000);           
              
            } else if(data == 0) {
              setTimeout(function () {
                $('.loginbox').hide();
                $('.progresslogin').hide();
                $('.progreswithoutenroll').show();
                $('.progreswithoutenroll').html('<h3 class="progress_text">التسجيل..</h3><div class="meter"><span style="width:75%;"><span class="progress"></span></span></div>');              
              }, 9000);
               setTimeout(function () {
                $('.loginbox').hide();
                $('.progresslogin').hide();
                $('.progreswithoutenroll').hide();
                $('.progreswithenroll').show();
                $('.progreswithenroll').html('<h3 class="progress_text">تحميل المقاطع..</h3><div class="meter"><span style="width:100%;"><span class="progress" style="background:green;"></span></span></div>');              
              }, 18000);

                setTimeout(function () {
                  $('.progreswithenroll').hide();
                  $('.listofblk').removeClass('backdropcss');
                 $('.vdosrcblk').html('<iframe id="frameid" width="100%" height="390" src="'+datawatchurl+'" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>');
                  $('.libsrcblk').html('<iframe src="'+datalaburl+'" style="border: 0; width: 100%; height: 600px;" allowfullscreen></iframe>');
                }, 27000);    


            }

            }

            

          }
      });

      
    });
    $(document).on("click","#loginnow",function(){

      var email = document.getElementById('loginemail').value;
      var code = document.getElementById('emailpass').value;
      var datawatchurl = $(this).attr('data-watch');
      var datalaburl = $(this).attr('data-lab');
      var data = new FormData($('#loginform4')[0]);
      data.append('email',email);
      data.append('code',code);

      $('#loginnow').html('Loading...');
      $('#loginnow').addClass('disabled1'); 

      $.ajax({
          type:"POST",
          url:'https://cyber-mobiles.com/'+"home/confirmverifycode",
          data:data,
          dataType: "json",
          mimeType: "multipart/form-data",
          contentType: false,
          cache: false,
          processData: false,
          success:function(data)
          {  

            $('#loginnow').html('Sign in');
            $('#loginnow').removeClass('disabled1'); 

            if(data.status == 'error') {
               grecaptcha.reset(3);  
              $('.googleauth_errormsg').html(data.msg);
              return false;
            } else {

            $('.loginbox').hide();
            $('.progresslogin').show();
            $('.progresslogin').html('<h3 class="progress_text">التحقق..</h3><div class="meter"><span style="width:50%;"><span class="progress"></span></span></div>');

            if(data == 1) {
              setTimeout(function () {
                $('.loginbox').hide();
                $('.progresslogin').hide();
                $('.progreswithoutenroll').hide();
                $('.progreswithenroll').show();
                $('.progreswithenroll').html('<h3 class="progress_text">تحميل المقاطع..</h3><div class="meter"><span style="width:100%;"><span class="progress" style="background:green;"></span></span></div>');  
                
              }, 9000); 
              setTimeout(function () {
                  $('.progreswithenroll').hide();
                  $('.listofblk').removeClass('backdropcss');
                  $('.vdosrcblk').html('<iframe id="frameid" width="100%" height="390" src="'+datawatchurl+'" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>');
                   $('.libsrcblk').html('<iframe src="'+datalaburl+'" style="border: 0; width: 100%; height: 600px;" allowfullscreen></iframe>');
                }, 18000);           
              
            } else if(data == 0) {
              setTimeout(function () {
                $('.loginbox').hide();
                $('.progresslogin').hide();
                $('.progreswithoutenroll').show();
                $('.progreswithoutenroll').html('<h3 class="progress_text">التسجيل..</h3><div class="meter"><span style="width:75%;"><span class="progress"></span></span></div>');              
              }, 9000);
               setTimeout(function () {
                $('.loginbox').hide();
                $('.progresslogin').hide();
                $('.progreswithoutenroll').hide();
                $('.progreswithenroll').show();
                $('.progreswithenroll').html('<h3 class="progress_text">تحميل المقاطع..</h3><div class="meter"><span style="width:100%;"><span class="progress" style="background:green;"></span></span></div>');              
              }, 18000);

                 setTimeout(function () {
                  $('.progreswithenroll').hide();
                  $('.listofblk').removeClass('backdropcss');
                  $('.vdosrcblk').html('<iframe id="frameid" width="100%" height="390" src="'+datawatchurl+'" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>');
                   $('.libsrcblk').html('<iframe src="'+datalaburl+'" style="border: 0; width: 100%; height: 600px;" allowfullscreen></iframe>');
                }, 27000);    

            }

            }

            

          }
      });

      
    });
</script>
  <script src="https://cyber-mobiles.com/js/main.js"></script>
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-GX56BVFS5V"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-GX56BVFS5V');
</script>
</body>
</html>