diff --git a/project_status_level_report/static/description/index.html b/project_status_level_report/static/description/index.html
index cbcd10140..c8bf08a8c 100644
--- a/project_status_level_report/static/description/index.html
+++ b/project_status_level_report/static/description/index.html
@@ -21,174 +21,150 @@
 </div>
 <div>
 
-<section class="oe_container" style="padding: 1rem 0rem 1rem; background-color: #ffffff !important;">
-  <div class="row py-4 px-3">
-    <div class="w-100" style="padding-top:30px;padding-bottom:45px;border-radius: 10px;">
-      <ul role="tablist" class="nav nav-pills justify-content-center" data-tabs="tabs" id="pills-tab" style="border: none;background: unset;">
-		  
-		<li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link active show" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400;text-align: center;
-        color: #fff;">Overview </a> </li>  
-        <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home1" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link " style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
-        color: #fff;" >Features </a> </li>
-		  
-        <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
-        color: #fff;">Screenshots </a> </li>
-		  
-		<li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-video" role="tab" aria-controls="pills-profile" aria-selected="false" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
-        color: #fff;">Video </a> </li>  
-       
-      </ul>
-		
-		
-      <div class="tab-content" id="pills-tabContent"
-	   style="padding-top: 30px; padding-bottom: 30px; padding: 30px;">
-        <div class="px-3 pt-1 tab-pane fade active show" id="pills-home" role="tabpanel" aria-labelledby="
-                        pills-home-tab"> 
-          <!-- Overview-->
-          <h2 style="font-weight: 600;text-align: center;width: 100%;">Overview</h2>
-          <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-          <h3 class="oe_slogan" style="text-align: center;font-size: 19px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 31px;font-weight: 400;letter-spacing: .5px;margin-bottom: 21px;">
-            Get more refined control of projects via analyzing them from different aspects. Project status report application helps the business to get a detailed visual of project status from various dimensions.Business organizations can make use of the application to plan,track and collaborate their task.
-
-        </div>
-		  
-		  <div class="px-3 pt-1 tab-pane fade " id="pills-home1" role="tabpanel" aria-labelledby="
-                        pills-home-tab"> 
-          <!-- feature tab-->
-	      <h2 style="font-weight: 600;text-align: center;width: 100%;">Project Status Report</h2>
-          <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">		  
-          <ul>
-			  
-            <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
-			<img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Helps to analyse project from various aspects.</li>
-			  
-            <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
-			<img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Complete project status report in XLS with budget analysis.</li>
-			  
-            <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
-			<img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Tasks, Gantt chart XLS Analysis.</li>
-			  
-            <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-			<img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Project Breakdown Charter Analysis.  </li>
-          </ul>
-        </div>
-		  
-		  
-        <!-- Screenshot tab-->
-        <div class="px-3 tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" >
-			
-          <div class="tab-pane">
-		  <h2 style="font-weight: 600;text-align: center;width: 100%;">Screenshots</h2>
-          <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">	  
-            <div>
-              <section class="oe_container">
-				  
-	<div id="demo" class="row carousel slide  mb32" data-ride="carousel">			  
-	 <div class="carousel-inner">
-      <div class="carousel-item active" style="min-height: 0px;">
-        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;"> 
-			<h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Menu View </h3>
-			
-          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-1.png"> </div>
-           </div>
-      </div>
-      <div class="carousel-item" style="min-height: 0px;">
-        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-		<h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Wizard View  </h3>
-		  
-          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-2.png"> </div>
-          </div>
-        
-      </div>
-		 
-		 
-      <div class="carousel-item" style="min-height: 0px;">
-       <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;"> 
-		  <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Project Graphical Overview  </h3>
-		  
-          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-3.png"> </div>
-          </div>
-        
-      </div>
-		 
-	<div class="carousel-item" style="min-height: 0px;">
-       <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-		  <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Project Information </h3>
-		  
-          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-4.png"> </div>
-           </div>
-        
-      </div>
-
- <div class="carousel-item" style="min-height: 0px;">
-       <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-		  
-		   <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0;font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">The pie chart of overall task status. </h3>
-		   
-          <div style="">
-			  
-			<img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-5.png"> </div>
-          </div>
-        
-      </div>
-      <div class="carousel-item" style="min-height: 0px;">
-       <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-		  
-		   <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0;font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">End user can easily compare the actual and planned time of the project. </h3>
-		   
-          <div style="">
-			  
-			<img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-6.png"> </div>
-          </div>
-        
-      </div>
-      <div class="carousel-item" style="min-height: 0px;">
-       <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-		  
-		   <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0;font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Project task information and bar chart. End user can easily analyse the tasks.</h3>
-		   
-          <div style="">
-			  
-			<img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-8.png"> </div>
-          </div>
-        
-      </div>
-      </div>
 
-		 
-    </div>
-		<a class="carousel-control-prev" href="#demo" data-slide="prev" style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next" style="right:-25px;width: 35px;color: #000;"> <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span> </a> </div>
-		</section>
+	
+	
+	
+	
+	<!--main-->
+	 <section class="oe_container" style="padding: 1rem 0rem 1rem; background-color: #ffffff !important;">
+      <div class="row py-4 px-3">
+         <div class="w-100" style="padding-top:30px;padding-bottom:45px;border-radius: 10px;">
+            <ul role="tablist" class="nav nav-pills justify-content-center" data-tabs="tabs" id="pills-tab" style="border: none;background: unset;">
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link active show" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400;text-align: center;
+                  color: #fff;">Overview </a> </li>
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home1" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link " style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
+                  color: #fff;" >Features </a> </li>
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
+                  color: #fff;">Screenshots </a> </li>
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-video" role="tab" aria-controls="pills-profile" aria-selected="false" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
+                  color: #fff;">Video </a> </li>
+            </ul>
+            <div class="tab-content" id="pills-tabContent"
+               style="padding-top: 30px; padding-bottom: 30px; padding: 30px;">
+               <div class="px-3 pt-1 tab-pane fade active show" id="pills-home" role="tabpanel" aria-labelledby="
+                  pills-home-tab">
+                  <!-- Overview-->
+                  <h2 style="font-weight: 600;text-align: center;width: 100%;">Overview</h2>
+                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                  <h3 class="oe_slogan" style="text-align: center;font-size: 19px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 31px;font-weight: 400;letter-spacing: .5px;margin-bottom: 21px;">
+                     Get more refined control of projects via analyzing them from different aspects. Project status report application helps the business to get a detailed visual of project status from various dimensions.Business organizations can make use of the application to plan,track and collaborate their task.
+                  </h3>
+               </div>
+               <div class="px-3 pt-1 tab-pane fade " id="pills-home1" role="tabpanel" aria-labelledby="
+                  pills-home-tab">
+                  <!-- feature tab-->
+                  <h2 style="font-weight: 600;text-align: center;width: 100%;">Project Status Report</h2>
+                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                  <ul>
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Helps to analyse project from various aspects.
+                     </li>
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+						 Complete project status report in XLS with budget analysis.
+                     </li>
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+						 Tasks, Gantt chart XLS Analysis.
+                     </li>
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+						Project Breakdown Charter Analysis. 
+                     </li>
+                  </ul>
+               </div>
+               <!-- Screenshot tab-->
+               <div class="px-3 tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" >
+                  <div class="tab-pane">
+                     <h2 style="font-weight: 600;text-align: center;width: 100%;">Screenshots</h2>
+                     <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                     <div>
+                        <section class="oe_container">
+                           <div id="demo" class="row carousel slide  mb32" data-ride="carousel">
+                              <div class="carousel-inner">
+                                 <div class="carousel-item active" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Menu View </h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-1.png"> </div>
+                                    </div>
+                                 </div>
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Wizard View  </h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-2.png"> </div>
+                                    </div>
+                                 </div>
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Project Graphical Overview </h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-3.png"> </div>
+                                    </div>
+                                 </div>
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Project Information</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-4.png"> </div>
+                                    </div>
+                                 </div>
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0;font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">The pie chart of overall task status.</h3>
+                                       <div style="">
+                                          <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-5.png"> 
+                                       </div>
+                                    </div>
+                                 </div>
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0;font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">End user can easily compare the actual and planned time of the project.</h3>
+                                       <div style="">
+                                          <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-6.png"> 
+                                       </div>
+                                    </div>
+                                 </div>
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0;font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Project task information and bar chart. End user can easily analyse the tasks.</h3>
+                                       <div style="">
+                                          <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-7.png"> 
+                                       </div>
+                                    </div>
+                                 </div>
+                              </div>
+                              <a class="carousel-control-prev" href="#demo" data-slide="prev" style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next" style="right:-25px;width: 35px;color: #000;"> <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span> </a> 
+                           </div>
+                        </section>
+                     </div>
+                  </div>
+               </div>
+               <div class="px-3 pt-1 tab-pane fade" id="pills-video" role="tabpanel" aria-labelledby="
+                  pills-home-tab">
+                  <!-- Video-->
+                  <h2 style="font-weight: 600;text-align: center;width: 100%;">Video</h2>
+                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                  <center>
+                     <p>Project Status Report Demo</p>
+                     <!--<a href="https://www.youtube.com/watch?v=57QWXrMYe84&feature=youtu.be" target="_blank"> <img src="addon-youtube.png" style="width:80%;"></a>-->
+                     <div class="s_panel_video" data-video-id="PF3WHX84fig?rel=0" style="cursor:pointer;">
+                        <img class="img-fluid s_tooltip_tabs_tooltip_image s_figure_link pb0" src="images/pos_book_order_youtube.png" alt="Cybrosys Cover Video" style="max-width:100%;">
+                     </div>
+                  </center>
+               </div>
+               <!-- faq tab-->
+               <div class="px-2 px-lg-4 pt-3 tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
+                  <ul class="list-unstyled">
+                  </ul>
+               </div>
             </div>
-          </div>
-        </div>
-	    
-			
-		<div class="px-3 pt-1 tab-pane fade" id="pills-video" role="tabpanel" aria-labelledby="
-                        pills-home-tab"> 
-          <!-- Video-->
-          <h2 style="font-weight: 600;text-align: center;width: 100%;">Video</h2>
-          <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-         <center><p>Project Status Report</p>
-         <!--<a href="https://www.youtube.com/watch?v=57QWXrMYe84&feature=youtu.be" target="_blank"> <img src="addon-youtube.png" style="width:80%;"></a>-->
-			 
-		<div class="s_panel_video" data-video-id="PF3WHX84fig?rel=0" style="cursor:pointer;">
-                <img class="img-fluid s_tooltip_tabs_tooltip_image s_figure_link pb0" src="images/youtube-video.png" alt="Cybrosys Cover Video" style="max-width:100%;">
-        </div>
-			 
-	    </center>
-         </div>	
-			
-			
-        <!-- faq tab-->
-        <div class="px-2 px-lg-4 pt-3 tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
-          <ul class="list-unstyled">
-          </ul>
-        </div>
+         </div>
       </div>
-    </div>
-  </div>
-</section>
+   </section>
+	
+	<!--main-->
+	
+	
+	
 
 <section class="oe_container" style="padding: 2rem 3rem 1rem;">
   <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;width: 100%;">Suggested Products</h2>