body{background-color:#fff;color:#000;direction:rtl}
.service_tracker .imob {   display: none;}
.service_tracker .iweb {   display: inline-block;}
 .contentLeft h1{color:#0078BD;margin:0px;padding-bottom:6px;border-bottom:#e3e3e3 10px solid}
 .contentLeft h2{color:#3B3B3B;margin:0px;padding:8px 0px 13px 0px;}
 .service_tracker{}
 .service_tracker .top_info{clear:both}
 .service_tracker .new_line {clear:both;margin:12px auto 8px auto;font-size:18px;display:table;width:920px;}
 .service_tracker .service_form{overflow:hidden;margin:auto;text-align:center;padding-top:20px;width:900px;margin:auto;min-height:220px}
 .service_tracker .service_form label{float:right;padding-left:6px;padding-top:4px;}
 .service_tracker .service_form input{direction:rtl;float:right;border: 2px solid #001fff;color: #434343;height:40px;padding: 1px 20px 1px 20px;width:286px;border-radius:30px;font-size:20px;color:#000;font-family:"PLONI-REG"} 
 .service_tracker .service_form input:focus { border: 2px solid #001fff !important; }
 .service_tracker .service_form input:placeholder-shown { border: 1px solid #ACACAC; }
  .service_tracker .service_form input::placeholder{font-size:18px}
  .service_tracker .service_form input.err-input{border-color:#ff5980}
 .service_tracker .service_form .err{clear:both;display:none;font-size:15px;color:#ff5980;width:920px;margin:auto;text-align:right}
 .service_tracker .service_form .server_err{    clear: both;font-size: 15px;color: #001fff;width: 900px;text-align: right;font-size: 16px;padding-top: 60px;}
 .service_tracker .service_form .btn{float:right;color:#fff;margin-right:10px;text-decoration:none;background-color:#e20588;border-radius:20px;    width: 100px;height: 40px;line-height:43px;font-size:22px;font-weight:normal}
 .service_tracker .track_graph{border:#eee 1px solid;overflow:hidden;width:614px;padding:0px;-webkit-border-radius:17px;-moz-border-radius:17px;border-radius:17px;}
 .service_tracker .track_graph .st{ background-color:#ddd;float:right;width:122px;border:#fff 1px solid;height:24px;}
 .service_tracker .track_graph .step1{-webkit-border-radius: 0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;}
 .service_tracker .track_graph .step5{-webkit-border-radius: 14px 0 0 14px;-moz-border-radius: 14px 0 0 14px;border-radius: 14px 0 0 14px}
 .service_tracker .track_graph .true{background-color:#e51881}
 .service_tracker .track_graph .animate{width:0px;background-color:#0078bd;height:24px;/*background-image:linear-gradient(to right, #00477f, #006db8);*/}
 .service_tracker .track_graph .step1 .animate{background-color:#006db8}
 .service_tracker .track_graph .step2 .animate{background-color:#00477f}
 .service_tracker .track_graph .step3 .animate{background-color:#003a6a}
 .service_tracker .track_graph .step4 .animate{background-color:#012c56}
 .service_tracker .track_graph .step5 .animate{background-color:#011f43}
 .service_tracker .track_graph .step1 .animate{-webkit-border-radius: 0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;}
 .service_tracker .track_graph .step5 .animate{-webkit-border-radius: 14px 0 0 14px;-moz-border-radius: 14px 0 0 14px;border-radius: 14px 0 0 14px}
  .service_tracker .Terms{text-align:center;}
/* .service_tracker .tracker_icon{width:460px;margin-top:40px;margin-bottom:28px;}
 .service_tracker .tracker_icon img{position:relative;right:22px}*/
 .service_tracker .tracker_icon{width:618px;margin-top:20px;margin-bottom:32px;text-align:center}
 .service_tracker .tracker_icon img{}
 .service_tracker .track_explain{width:620px;padding:0 2px;margin-top:0px;margin-bottom:40px;}
 .service_tracker .track_explain .ex{ float:right;width:122px;font-size:11px;color:#005d90;text-align:center;border:#fff 1px solid}
 .service_tracker .track_explain .ex .exnum{clear:both;display:block;text-align:center;height:24px;position:relative;top:-58px;}
 .service_tracker .track_explain .ex .exnum span{transition: all 0.5s ease;display:inline-block;width:21px;height:21px;color:#ddd;font-size:20px;font-weight:bold}
 .service_tracker .track_explain .ex .etxt{position:relative;top:-14px;font-size:14px;font-weight:bold}
 .service_tracker .track_explain .true .exnum span{color:#001f45}
 .service_tracker .track_explain .true {color:#005d90}        
 .service_tracker .graph_sec{width:900px;margin:auto;display:none;margin-top:60px;margin-bottom:60px} 
 .service_tracker .pnl{display:none}
 .service_tracker .end_sec{font-size:20px;color:#001fff;text-align:center;margin-top:60px;display:none;font-weight:bold;height:380px}
 .service_tracker .end_sec div{padding-bottom:10px;}
 .service_tracker .end_sec a{color:#001fff}
 .service_tracker .end_sec .txt_end{font-size:24px;color:#000;font-weight:normal;margin-top:20px}
 .service_tracker .end_sec .txt_end span{font-size:33px;color:#001fff;display:block;font-weight:bold}
 
 .service_tracker .tracker_demo{width:505px;margin:auto;margin-bottom:20px;margin-top:10px;display:none} 
 .service_tracker .tilesResponsive{margin-top:10px}
 .service_tracker .SubTerms{font-size: 15px;width: 920px;margin: auto;text-align: right;}
 .service_tracker .service_form a { cursor: pointer; }
 .service_tracker .s-loader{clear:both;text-align:center;padding-top:8px;height:50px;} 
 .service_tracker .s-loader img{display:none}
 
 
 .service_tracker .lnk_forms{width: 1000px;padding-top: 50px;color: #000;font-weight: normal;margin:30px auto;font-size:20px}
 .service_tracker .lnk_forms a{color:#001fff;font-weight:normal}
 .service_tracker .more_info_txtarea{width:880px;margin:0 auto 70px auto;display:none}
 .service_tracker .more_info_txtarea.on{display:block}
 .service_tracker .more_info_txtarea textarea{width:100%;height:90px;padding:20px;margin-bottom:10px;border-radius:8px;border-color:#8e8e8e}
 .service_tracker .more_info_txtarea label{float:right;font-size:18px;margin-bottom:4px;}
 .service_tracker .more_info_txtarea .send_btn{float:left;margin-right:10px;text-decoration:none;background-color:#e20588;border-radius:30px;width: 155px;padding:12px 0px 7px 0px;;color:#fff;text-decoration: none;text-align:center;font-size: 22px;margin:30px 0px 50px 0px}
 .service_tracker .more_info_txtarea .lnk_forms2{text-decoration: none;color:#000;font-size:19px}
 .service_tracker .more_info_txtarea .lnk_forms2 span{color:#001fff;text-decoration:underline}
 
 .service_tracker .success_message{clear: both;margin: 30px 0px;float: right;text-align: center;width: 100%;color: green;font-size:24px;}
 .service_tracker .failure_message{clear: both;margin: 30px 0px;float: right;text-align: center;width: 100%;color: red;font-size: 24px;}

 .circle_graph:before{content:"";width:900px;display:block;height:1px;background-color:#ccc;margin:0 auto 40px auto}
 .circle_graph .top_circle{text-align: center;padding-bottom:30px}
 .circle_graph .main_circle{display: flex;align-items: center;justify-content: center;}
 .circle_graph .cir_step .cir_number{ width:40px;height:40px;background-color:#f8f9ff;border-radius:30px;display:flex;justify-content:center;align-items:center; margin: auto;font-weight: bold;font-size: 22px;padding-top: 3px;}
 .circle_graph .cir_step .cir_number +span{padding-top: 8px;display:block;font-size:22px;line-height: 20px;text-align:center}
 .circle_graph .cir_step.on .cir_number {background-color:#001fff;color:#fff}
 .circle_graph .cir_step.on .cir_number+span{color:#001fff;    font-weight: bold; }
 .circle_graph .cir_step.cir_step_1{position:relative;right:60px;top:117px}
 .circle_graph .cir_step.cir_step_2{position:relative;right:30px;top:-33px}
 .circle_graph .cir_step.cir_step_4{position:relative;right:-30px;top:-33px}
 .circle_graph .cir_step.cir_step_5{position:relative;right:-60px;top:117px}
 .circle_graph .step_img{position:relative}
 .circle_graph .step_img_1{position:absolute;bottom: 15px;left: 21px;display:none}
 .circle_graph .step_img_2{position:absolute;bottom: 15px;left: 8px;display:none}
 .circle_graph .step_img_3{position:absolute;bottom: 15px;left: 12px;display:none}
 .circle_graph .step_img_4{position:absolute;bottom: 15px;left: 11px;display:none}
 .circle_graph .step_img_5{position:absolute;bottom: 15px;left: 10px;display:none}
 .circle_graph .middle_img_1{position:absolute; top: 120px;right: 160px;display:none}
 .circle_graph .middle_txt_1{position:absolute; top: 340px;right: 214px;display:none}
 .circle_graph .middle_img_2{position:absolute; top: 120px;right: 160px;display:none}
 .circle_graph .middle_txt_2{position:absolute; top: 340px;right: 214px;display:none}
 .circle_graph .middle_img_3{position:absolute; top: 120px;right: 160px;display:none}
 .circle_graph .middle_txt_3{position:absolute; top: 340px;right: 214px;display:none}
 .circle_graph .middle_img_4{position:absolute; top: 120px;right: 160px;display:none}
 .circle_graph .middle_txt_4{position:absolute; top: 340px;right: 214px;display:none}
 .circle_graph .middle_img_5{position:absolute; top: 120px;right: 160px;display:none}
 .circle_graph .middle_txt_5{position:absolute; top: 340px;right: 214px;display:none}
 .circle_graph .side_circle{width:200px}

 .circle_graph .middle_img_1.on{display:block}
 .circle_graph .middle_txt_1.on{display:block}
 .circle_graph .middle_img_2.on{display:block}
 .circle_graph .middle_txt_2.on{display:block}
 .circle_graph .middle_img_3.on{display:block}
 .circle_graph .middle_txt_3.on{display:block}
 .circle_graph .middle_img_4.on{display:block}
 .circle_graph .middle_txt_4.on{display:block}
 .circle_graph .middle_img_5.on{display:block}
 .circle_graph .middle_txt_5.on{display:block}
 .circle_graph .step_img_1.on{display:block}
 .circle_graph .step_img_2.on{display:block}
 .circle_graph .step_img_3.on{display:block}
 .circle_graph .step_img_4.on{display:block}
 .circle_graph .step_img_5.on{display:block}
 .service_tracker .delay {display:none}


@media  only screen and (min-width: 0px) and (max-width: 916px)
{ 

    .service_tracker .SubTerms{margin:auto;width:78%;text-align:center} 
    .service_tracker .iweb{display:none}
    .service_tracker .imob{display:inline-block}
    .service_tracker{min-height: 650px!important;}
    .service_tracker .service_form{margin-right:0px;padding-top:0px;min-height:240px}
    .service_tracker .service_form .server_err{width:80%;margin:auto;padding-right:0px;padding-top:20px;}
    .service_tracker .service_form .err{width:280px;margin:auto;text-align: center;}    
    .service_tracker  .tilesResponsive{width:320px;height:74px;margin:auto}   
    .service_tracker  .tilesResponsive a{width:320px;height:74px!important;} 
    .service_tracker .new_line{margin:10px auto;width:96%;}
    .service_tracker .service_form .btn{z-index:10;float:right;position: fixed;bottom: 0;width: 100%;right: 0;margin: 0;border-radius: 0;height: 50px;line-height: 54px;}
      .service_tracker .service_form input::placeholder{font-size:16px}
    .service_tracker .service_form input{width:82%;font-size:20px;padding: 1px 14px;float:none}
    .service_tracker .service_form label{display:block;float:none}
    .service_tracker .tracker_icon{width:100%;margin-top:0px;margin-bottom:36px}
    .service_tracker .tracker_icon img{width:34%}
    .service_tracker .track_graph{width:100%;}
    .service_tracker .track_graph .st{width:20%;}
    .service_tracker .track_explain{width:100%;margin-top:2px;}
    .service_tracker .track_explain .vertline_short{margin-bottom:2px;background:url("/digital/App_Themes/default/Images/tracker_step_line.jpg") center repeat-y;height:24px;width:2px}
    .service_tracker .track_explain .vertline_long{margin-bottom:2px;background:url("/digital/App_Themes/default/Images/tracker_step_line.jpg") center repeat-y;height:82px;width:2px}
    .service_tracker .graph_sec{width:100%;margin:auto}
    .service_tracker .track_explain .ex{width:20%;}
    .service_tracker .Terms img{width:100%!important}
    .service_tracker .Terms{margin-right:10px;}
    .service_tracker .tracker_demo{width:100%;text-align:center}
    .service_tracker .tracker_demo img{width:310px}
    .service_tracker .service_form{width:100%}
     .service_tracker .tilesResponsive{width:auto;height:auto}
     
     .service_tracker .more_info_txtarea{width:90%}
     .service_tracker .track_explain .ex .etxt{font-size:4vw;}
     .service_tracker .track_explain .ex .exnum{top:-60px}
     .service_tracker .more_info_txtarea .send_btn{width:160px;margin:20px auto;padding:8px 0px 4px 0px;margin:unset}
     .service_tracker .more_info_txtarea label{font-size:4vw}
     .service_tracker .more_info_txtarea .btns{display: flex;flex-direction: column-reverse;}
     .service_tracker .more_info_txtarea .lnk_forms2{text-align:center}
     .service_tracker .end_sec{font-size:16px;height:290px}
     .service_tracker .end_sec .txt_end span {font-size: 6vw;line-height: 10vw;}
     .service_tracker .end_sec div {padding-bottom: 50px;}
     .service_tracker .end_sec img{width:29vw}
     .service_tracker .end_sec .txt_end {font-size: 4.7vw;line-height:5vw}
      .service_tracker .end_sec .lnk_forms{width:100%;padding-top:0px}
     .service_tracker .track_explain .ex .exnum span{font-size:5vw}
     .circle_graph{width:100%}
     .circle_graph:before{content:"";width:90%;display:block;height:1px;background-color:#ccc;margin:auto}
     .circle_graph .cir_step_wrap{display:flex;justify-content:space-between;margin:24px auto;width: 89%;}
     .circle_graph .cir_step_wrap .cir_step{position:static!important;}
      .circle_graph .info_graph{display:flex;justify-content:center;margin:30px 0px}
      .circle_graph .middle_img_mob{position:static;display:block;width:unset;height:100px;margin:auto}
      .circle_graph .step_img .gray_graph{width:90%;display:flex;margin:auto;width:89.375vw;height:7.813vw}
      .circle_graph .step_img_1{bottom: 2.2vw;right: 8vw;width:12.656vw;height:3.438vw}
      .circle_graph .step_img_2{bottom: 2.2vw;right: 8vw;width:28.281vw;height:3.438vw}
      .circle_graph .step_img_3{bottom: 2.2vw;right: 8vw;width:48.594vw;height:3.438vw}
      .circle_graph .step_img_4{bottom: 2.2vw;right: 8vw;width:67.656vw;height:3.438vw}
      .circle_graph .step_img_5{bottom: 2.2vw;right: 8vw;width:70.844vw;height:3.438vw}
      .circle_graph .txt_info_graph{color:#001fff;font-weight:bold;text-align: center;display: flex;align-self: center;font-size: 6vw;line-height: 6vw;margin-right: 2%;width:50%;padding:0px 7vw}
      .circle_graph .info_graph div{width:50%;text-align:right}
       .circle_graph .info_graph.step_info_1{display:none}
       .circle_graph .info_graph.step_info_2{display:none}
       .circle_graph .info_graph.step_info_3{display:none}
       .circle_graph .info_graph.step_info_4{display:none}
       .circle_graph .info_graph.step_info_5{display:none}   
       .circle_graph .info_graph.step_info_1.on{display:flex}
       .circle_graph .info_graph.step_info_2.on{display:flex}
       .circle_graph .info_graph.step_info_3.on{display:flex}
       .circle_graph .info_graph.step_info_4.on{display:flex}
       .circle_graph .info_graph.step_info_5.on{display:flex}
      .circle_graph .cir_step .cir_number {width: 10.938vw;height: 10.938vw;font-size:6vw;padding-top:1vw}
      .circle_graph .cir_step .cir_number + span{font-size:6vw}
      .service_tracker .lnk_forms{width:90%}     

}