From 792e50cf1a48e7a86881a61fb73fa424aeb7f587 Mon Sep 17 00:00:00 2001
From: akshith6212 <akshith6212@gmail.com>
Date: Sat, 15 May 2021 19:54:15 +0530
Subject: [PATCH] fixed bugs

---
 assets/css/main.css | 1994 +++++++++++++++++++++----------------------
 index.html          | 1689 ++++++++++++++++++------------------
 2 files changed, 1838 insertions(+), 1845 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 15532f3..db1955e 100755
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,1942 +1,1942 @@
 @import url("https://fonts.googleapis.com/css?family=Open+Sans|Titillium+Web:600,700");
 
 html {
-  overflow-x: hidden;
+    overflow-x: hidden;
 }
 
 body {
-  background: #fff;
-  font-size: 14px;
-  font-weight: 400;
-  font-family: 'Open Sans', sans-serif;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  -webkit-font-smoothing: subpixel-antialiased;
-  color: #abacae;
-  line-height: 25px;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  overflow-x: hidden;
+    background: #fff;
+    font-size: 14px;
+    font-weight: 400;
+    font-family: 'Open Sans', sans-serif;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    -webkit-font-smoothing: subpixel-antialiased;
+    color: #abacae;
+    line-height: 25px;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    overflow-x: hidden;
 }
 
 h1,
 h2,
 h3,
 h4 {
-  font-size: 38px;
-  color: #222222;
-  font-weight: 700;
-  font-family: 'Titillium Web', sans-serif;
+    font-size: 38px;
+    color: #222222;
+    font-weight: 700;
+    font-family: 'Titillium Web', sans-serif;
 }
 
 a {
-  -webkit-transition: all 0.2s linear;
-  -moz-transition: all 0.2s linear;
-  -o-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+    -webkit-transition: all 0.2s linear;
+    -moz-transition: all 0.2s linear;
+    -o-transition: all 0.2s linear;
+    transition: all 0.2s linear;
 }
 
 a:hover {
-  text-decoration: none;
+    text-decoration: none;
 }
 
 a a:focus {
-  outline: none;
+    outline: none;
 }
 
 p {
-  font-weight: 400;
-  font-family: 'Open Sans', sans-serif;
-  margin: 0px;
-  font-size: 14px;
+    font-weight: 400;
+    font-family: 'Open Sans', sans-serif;
+    margin: 0px;
+    font-size: 14px;
 }
 
 ul,
 ol {
-  list-style: outside none none;
-  margin: 0;
-  padding: 0;
+    list-style: outside none none;
+    margin: 0;
+    padding: 0;
 }
 
 ul li,
 ol li {
-  list-style: none;
+    list-style: none;
 }
 
 a:not([href]):not([tabindex]) {
-  color: #fff;
+    color: #fff;
 }
 
 .section-header {
-  margin-bottom: 30px;
+    margin-bottom: 30px;
 }
 
 .section-header p {
-  text: center;
-  font-weight: 400;
-  line-height: 26px;
+    text: center;
+    font-weight: 400;
+    line-height: 26px;
 }
 
 .section-title {
-  font-size: 30px;
-  color: #222222;
-  display: inline-block;
-  font-weight: 700;
-  text-transform: uppercase;
-  position: relative;
+    font-size: 30px;
+    color: #222222;
+    display: inline-block;
+    font-weight: 700;
+    text-transform: uppercase;
+    position: relative;
 }
 
 .padding-none {
-  padding: 0px;
+    padding: 0px;
 }
 
 .bg-gray {
-  background: #f9f9f9;
+    background: #f9f9f9;
 }
 
 .overlay {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0px;
-  left: 0px;
-  background: rgba(15, 17, 27, 0.8);
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0px;
+    left: 0px;
+    background: rgba(15, 17, 27, 0.8);
 }
 
 .btn {
-  font-size: 14px;
-  padding: 10px 30px;
-  cursor: pointer;
-  font-weight: 400;
-  color: #fff;
-  border-radius: 30px;
-  -webkit-transition: all 0.2s linear;
-  -moz-transition: all 0.2s linear;
-  -o-transition: all 0.2s linear;
-  transition: all 0.2s linear;
-  display: inline-block;
+    font-size: 14px;
+    padding: 10px 30px;
+    cursor: pointer;
+    font-weight: 400;
+    color: #fff;
+    border-radius: 30px;
+    -webkit-transition: all 0.2s linear;
+    -moz-transition: all 0.2s linear;
+    -o-transition: all 0.2s linear;
+    transition: all 0.2s linear;
+    display: inline-block;
 }
 
 .btn:focus,
 .btn:active {
-  box-shadow: none;
-  outline: none;
-  color: #fff;
+    box-shadow: none;
+    outline: none;
+    color: #fff;
 }
 
 .btn-common {
-  background-color: #3d60f4;
-  position: relative;
-  z-index: 1;
-  text-transform: uppercase;
+    background-color: #3d60f4;
+    position: relative;
+    z-index: 1;
+    text-transform: uppercase;
 }
 
 .btn-common:hover {
-  color: #fff;
-  background-color: #222;
-  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
-  transition: all .2s ease-in-out;
-  -moz-transition: all .2s ease-in-out;
-  -webkit-transition: all .2s ease-in-out;
+    color: #fff;
+    background-color: #222;
+    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
+    transition: all .2s ease-in-out;
+    -moz-transition: all .2s ease-in-out;
+    -webkit-transition: all .2s ease-in-out;
 }
 
 .btn-border {
-  color: #3d60f4;
-  background-color: transparent;
-  border: 1px solid #3d60f4;
-  border-radius: 30px;
-  text-transform: uppercase;
+    color: #3d60f4;
+    background-color: transparent;
+    border: 1px solid #3d60f4;
+    border-radius: 30px;
+    text-transform: uppercase;
 }
 
 .btn-border:hover {
-  color: #fff;
-  border-color: #3d60f4;
-  background-color: #3d60f4;
+    color: #fff;
+    border-color: #3d60f4;
+    background-color: #3d60f4;
 }
 
 .btn-border:focus {
-  color: #fff;
-  border-color: #3d60f4;
-  background-color: #3d60f4;
+    color: #fff;
+    border-color: #3d60f4;
+    background-color: #3d60f4;
 }
 
 .btn-lg {
-  padding: 14px 33px;
-  text-transform: uppercase;
-  font-size: 16px;
+    padding: 14px 33px;
+    text-transform: uppercase;
+    font-size: 16px;
 }
 
 .btn-rm {
-  padding: 7px 18px;
-  text-transform: capitalize;
+    padding: 7px 18px;
+    text-transform: capitalize;
 }
 
 button:focus {
-  outline: none !important;
+    outline: none !important;
 }
 
 .icon-close,
 .icon-check {
-  color: #3d60f4;
+    color: #3d60f4;
 }
 
 .social-icon a {
-  color: #666;
-  background: #fff;
-  width: 32px;
-  height: 32px;
-  line-height: 34px;
-  display: inline-block;
-  text-align: center;
-  border-radius: 100%;
-  font-size: 16px;
-  margin: 15px 6px 12px 4px;
-  transition: all 0.3s ease-in-out 0s;
-  -moz-transition: all 0.3s ease-in-out 0s;
-  -webkit-transition: all 0.3s ease-in-out 0s;
-  -o-transition: all 0.3s ease-in-out 0s;
+    color: #666;
+    background: #fff;
+    width: 32px;
+    height: 32px;
+    line-height: 34px;
+    display: inline-block;
+    text-align: center;
+    border-radius: 100%;
+    font-size: 16px;
+    margin: 15px 6px 12px 4px;
+    transition: all 0.3s ease-in-out 0s;
+    -moz-transition: all 0.3s ease-in-out 0s;
+    -webkit-transition: all 0.3s ease-in-out 0s;
+    -o-transition: all 0.3s ease-in-out 0s;
 }
 
 .social-icon a:hover {
-  color: #fff !important;
+    color: #fff !important;
 }
 
 .social-icon .facebook:hover {
-  background: #3b5999;
+    background: #3b5999;
 }
 
 .social-icon .twitter:hover {
-  background: #4A9CEC;
+    background: #4A9CEC;
 }
 
 .social-icon .instagram:hover {
-  background: #D6274D;
+    background: #D6274D;
 }
 
 .social-icon .linkedin:hover {
-  background: #1260A2;
+    background: #1260A2;
 }
 
 .social-icon .google:hover {
-  background: #CE332A;
+    background: #CE332A;
 }
 
 /* ScrollToTop */
 a.back-to-top {
-  display: none;
-  position: fixed;
-  bottom: 18px;
-  right: 15px;
-  text-decoration: none;
+    display: none;
+    position: fixed;
+    bottom: 18px;
+    right: 15px;
+    text-decoration: none;
 }
 
 a.back-to-top i {
-  display: block;
-  font-size: 22px;
-  width: 40px;
-  height: 40px;
-  line-height: 40px;
-  color: #fff;
-  background: #3d60f4;
-  border-radius: 30px;
-  text-align: center;
-  transition: all 0.2s ease-in-out;
-  -moz-transition: all 0.2s ease-in-out;
-  -webkit-transition: all 0.2s ease-in-out;
-  -o-transition: all 0.2s ease-in-out;
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
+    display: block;
+    font-size: 22px;
+    width: 40px;
+    height: 40px;
+    line-height: 40px;
+    color: #fff;
+    background: #3d60f4;
+    border-radius: 30px;
+    text-align: center;
+    transition: all 0.2s ease-in-out;
+    -moz-transition: all 0.2s ease-in-out;
+    -webkit-transition: all 0.2s ease-in-out;
+    -o-transition: all 0.2s ease-in-out;
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
 }
 
 a.back-to-top:hover,
 a.back-to-top:focus {
-  text-decoration: none;
+    text-decoration: none;
 }
 
 /* Preloader */
 #preloader {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: #fff;
-  z-index: 9999999;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #fff;
+    z-index: 9999999;
 }
 
 .loader {
-  top: 50%;
-  width: 50px;
-  height: 50px;
-  border-radius: 100%;
-  position: relative;
-  margin: 0 auto;
+    top: 50%;
+    width: 50px;
+    height: 50px;
+    border-radius: 100%;
+    position: relative;
+    margin: 0 auto;
 }
 
 #loader-1:before,
 #loader-1:after {
-  content: "";
-  position: absolute;
-  top: -10px;
-  left: -10px;
-  width: 100%;
-  height: 100%;
-  border-radius: 100%;
-  border: 7px solid transparent;
-  border-top-color: #3d60f4;
+    content: "";
+    position: absolute;
+    top: -10px;
+    left: -10px;
+    width: 100%;
+    height: 100%;
+    border-radius: 100%;
+    border: 7px solid transparent;
+    border-top-color: #3d60f4;
 }
 
 #loader-1:before {
-  z-index: 100;
-  animation: spin 1s infinite;
+    z-index: 100;
+    animation: spin 1s infinite;
 }
 
 #loader-1:after {
-  border: 7px solid #f2f2f2;
+    border: 7px solid #f2f2f2;
 }
 
 @keyframes spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
+    0% {
+        -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
 
-  100% {
-    -webkit-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    -o-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
+    100% {
+        -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
 }
 
 .section-padding {
-  padding: 60px 0;
+    padding: 60px 0;
 }
 
 hr {
-  border-top: 1px dotted #ddd;
+    border-top: 1px dotted #ddd;
 }
 
 .feature-bg {
-  background: #3d60f4;
+    background: #3d60f4;
 }
 
 .text-wrapper {
-  height: 100%;
-  display: table;
-  padding-left: 140px;
-  /* SOMETHING CHANGED */
-  text-align: right;
+    height: 100%;
+    display: table;
+    padding-left: 140px;
+    /* SOMETHING CHANGED */
+    text-align: left;
 }
 
-.text-wrapper>div {
-  vertical-align: middle;
-  display: table-cell;
+.text-wrapper > div {
+    vertical-align: middle;
+    display: table-cell;
 }
 
 .feature-thumb {
-  padding: 40px 0;
+    padding: 40px 0;
 }
 
 .feature-item {
-  padding: 30px;
+    padding: 30px;
 }
 
 .feature-item .icon {
-  float: left;
-  border: 1px solid #fff;
-  width: 80px;
-  height: 80px;
-  text-align: center;
-  border-radius: 50%;
-  transition: all .6s ease;
-  -moz-transition: all .6s ease;
-  -webkit-transition: all .6s ease;
+    float: left;
+    border: 1px solid #fff;
+    width: 80px;
+    height: 80px;
+    text-align: center;
+    border-radius: 50%;
+    transition: all .6s ease;
+    -moz-transition: all .6s ease;
+    -webkit-transition: all .6s ease;
 }
 
 .feature-item .icon i {
-  font-size: 36px;
-  color: #fff;
-  line-height: 80px;
+    font-size: 36px;
+    color: #fff;
+    line-height: 80px;
 }
 
 .feature-content {
-  color: #fff;
-  margin-left: 100px;
+    color: #fff;
+    margin-left: 100px;
 }
 
 .feature-content h3 {
-  color: #fff;
-  text-transform: uppercase;
-  font-size: 18px;
+    color: #fff;
+    text-transform: uppercase;
+    font-size: 18px;
 }
 
 .feature-item:hover .icon {
-  background: #fff;
+    background: #fff;
 }
 
 .feature-item:hover .icon i {
-  color: #3d60f4;
+    color: #3d60f4;
 }
 
 /* Services Item */
 .services-item {
-  background: #fff;
-  margin: 15px 0;
-  padding: 30px;
-  border-radius: 4px;
-  /* SOMETHING CHANGED */
-  text-align: center;
-  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
-  transition: all 0.3s ease-in-out 0s;
-  -moz-transition: all 0.3s ease-in-out 0s;
-  -webkit-transition: all 0.3s ease-in-out 0s;
-  -o-transition: all 0.3s ease-in-out 0s;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  -ms-border-radius: 4px;
-  -o-border-radius: 4px;
+    background: #fff;
+    margin: 15px 0;
+    padding: 30px;
+    border-radius: 4px;
+    /* SOMETHING CHANGED */
+    text-align: left;
+    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
+    transition: all 0.3s ease-in-out 0s;
+    -moz-transition: all 0.3s ease-in-out 0s;
+    -webkit-transition: all 0.3s ease-in-out 0s;
+    -o-transition: all 0.3s ease-in-out 0s;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    -ms-border-radius: 4px;
+    -o-border-radius: 4px;
 }
 
 .services-item .icon i {
-  font-size: 42px;
-  color: #3d60f4;
+    font-size: 42px;
+    color: #3d60f4;
 }
 
 .services-item .services-content h3 {
-  font-weight: 600;
-  text-transform: uppercase;
-  margin-bottom: 10px;
+    font-weight: 600;
+    text-transform: uppercase;
+    margin-bottom: 10px;
 }
 
 .services-item .services-content h3 a {
-  font-size: 18px;
-  color: #585b60;
+    font-size: 18px;
+    color: #585b60;
 }
 
 .services-item .services-content h3 a:hover {
-  color: #3d60f4;
+    color: #3d60f4;
 }
 
 .services-item:hover {
-  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
+    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
 }
 
 #service {
-  position: relative;
+    position: relative;
 }
 
 /* Container Outside Shape */
 .container-outside {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 47.1%;
-  height: 100%;
-  background: #3d60f4;
-  overflow: hidden;
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 47.1%;
+    height: 100%;
+    background: #3d60f4;
+    overflow: hidden;
 }
 
 .heading {
-  padding-left: 30px;
+    padding-left: 30px;
 }
 
 .d-table {
-  display: table;
-  width: 100%;
-  height: 100%;
+    display: table;
+    width: 100%;
+    height: 100%;
 }
 
 .dt-cell {
-  display: table-cell;
-  vertical-align: middle;
+    display: table-cell;
+    vertical-align: middle;
 }
 
 .skill-area img {
-  border-radius: 4px;
+    border-radius: 4px;
 }
 
 .skills-section {
-  margin-top: 30px;
+    margin-top: 30px;
 }
 
 .skills-section .progress-box h5 {
-  color: #222222;
-  font-size: 14px;
-  text-transform: uppercase;
-  font-weight: 600;
+    color: #222222;
+    font-size: 14px;
+    text-transform: uppercase;
+    font-weight: 600;
 }
 
 .skills-section .progress {
-  background: #f9f9f9;
-  height: 10px;
-  margin-bottom: 30px;
+    background: #f9f9f9;
+    height: 10px;
+    margin-bottom: 30px;
 }
 
 .skills-section .progress .progress-bar {
-  background: #3d60f4;
+    background: #3d60f4;
 }
 
 .navbar-brand {
-  position: relative;
-  padding: 0px;
+    position: relative;
+    padding: 0px;
 }
 
 .top-nav-collapse {
-  background: #fff;
-  z-index: 999999;
-  top: 0px !important;
-  box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
-  -webkit-animation-duration: 1s;
-  animation-duration: 1s;
-  background: #fff !important;
+    background: #fff;
+    z-index: 999999;
+    top: 0px !important;
+    box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
+    -webkit-animation-duration: 1s;
+    animation-duration: 1s;
+    background: #fff !important;
 }
 
 .top-nav-collapse .navbar-brand {
-  top: 0px;
+    top: 0px;
 }
 
 .top-nav-collapse .navbar-nav .nav-link {
-  color: #585b60 !important;
-  margin-top: 0px !important;
-  margin-bottom: 0px !important;
+    color: #585b60 !important;
+    margin-top: 0px !important;
+    margin-bottom: 0px !important;
 }
 
 .top-nav-collapse .navbar-nav .nav-link:hover {
-  cursor: pointer;
-  color: #3d60f4 !important;
+    cursor: pointer;
+    color: #3d60f4 !important;
 }
 
 .top-nav-collapse .navbar-nav li.active a.nav-link {
-  color: #3d60f4 !important;
+    color: #3d60f4 !important;
 }
 
 .indigo {
-  background: transparent;
+    background: transparent;
 }
 
 .menu-bg {
-  background: transparent;
+    background: transparent;
 }
 
 .navbar-expand-md .navbar-nav .nav-link i {
-  font-size: 14px;
-  margin-left: 5px;
-  vertical-align: middle;
-  -webkit-transition: all 0.3s ease-in-out;
-  -moz-transition: all 0.3s ease-in-out;
-  transition: all 0.3s ease-in-out;
+    font-size: 14px;
+    margin-left: 5px;
+    vertical-align: middle;
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
 }
 
 .navbar-expand-md .navbar-nav .nav-link {
-  font-family: 'Titillium Web', sans-serif;
-  color: #585b60;
-  font-weight: 600;
-  padding: 8px 10px;
-  line-height: 40px;
-  text-transform: uppercase;
-  cursor: pointer;
-  background: transparent;
-  -webkit-transition: all 0.3s ease-in-out;
-  -moz-transition: all 0.3s ease-in-out;
-  transition: all 0.3s ease-in-out;
+    font-family: 'Titillium Web', sans-serif;
+    color: #585b60;
+    font-weight: 600;
+    padding: 8px 10px;
+    line-height: 40px;
+    text-transform: uppercase;
+    cursor: pointer;
+    background: transparent;
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
 }
 
 .navbar-expand-md .navbar-nav li a:hover,
-.navbar-expand-md .navbar-nav li .active>a,
+.navbar-expand-md .navbar-nav li .active > a,
 .navbar-expand-md .navbar-nav li a:focus {
-  color: #3d60f4;
-  outline: none;
+    color: #3d60f4;
+    outline: none;
 }
 
-.navbar-expand-md .navbar-nav .active>.nav-link,
+.navbar-expand-md .navbar-nav .active > .nav-link,
 .navbar-expand-md .navbar-nav .nav-link.active,
 .navbar-expand-md .navbar-nav .nav-link.open,
-.navbar-expand-md .navbar-nav .open>.nav-link {
-  color: #3d60f4 !important;
+.navbar-expand-md .navbar-nav .open > .nav-link {
+    color: #3d60f4 !important;
 }
 
 .navbar-expand-md .navbar-nav .nav-link:focus,
 .navbar-expand-md .navbar-nav .nav-link:hover {
-  color: #3d60f4 !important;
+    color: #3d60f4 !important;
 }
 
 .navbar {
-  padding: 0;
+    padding: 0;
 }
 
 .navbar li.active a.nav-link {
-  color: #3d60f4;
+    color: #3d60f4;
 }
 
 .menu-white .navbar-nav .nav-link {
-  color: #fff;
+    color: #fff;
 }
 
 .dropdown-toggle::after {
-  display: none;
+    display: none;
 }
 
 .dropdown-menu {
-  margin: 0;
-  padding: 0;
-  display: none;
-  position: absolute;
-  z-index: 99;
-  min-width: 210px;
-  background-color: #fff;
-  white-space: nowrap;
-  border-radius: 4px;
-  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  animation: fadeIn 0.4s;
-  -webkit-animation: fadeIn 0.4s;
-  -moz-animation: fadeIn 0.4s;
-  -o-animation: fadeIn 0.4s;
-  -ms-animation: fadeIn 0.4s;
+    margin: 0;
+    padding: 0;
+    display: none;
+    position: absolute;
+    z-index: 99;
+    min-width: 210px;
+    background-color: #fff;
+    white-space: nowrap;
+    border-radius: 4px;
+    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+    animation: fadeIn 0.4s;
+    -webkit-animation: fadeIn 0.4s;
+    -moz-animation: fadeIn 0.4s;
+    -o-animation: fadeIn 0.4s;
+    -ms-animation: fadeIn 0.4s;
 }
 
 .dropdown-menu:before {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  bottom: 100%;
-  left: 20%;
-  margin-left: -5px;
-  border-right: 10px solid transparent;
-  border-left: 10px solid transparent;
-  border-bottom: 10px solid #fff;
+    content: "";
+    display: inline-block;
+    position: absolute;
+    bottom: 100%;
+    left: 20%;
+    margin-left: -5px;
+    border-right: 10px solid transparent;
+    border-left: 10px solid transparent;
+    border-bottom: 10px solid #fff;
 }
 
 .dropdown:hover .dropdown-menu {
-  display: block;
-  position: absolute;
-  text-align: left;
-  top: 100%;
-  border: none;
-  animation: fadeIn 0.4s;
-  -webkit-animation: fadeIn 0.4s;
-  -moz-animation: fadeIn 0.4s;
-  -o-animation: fadeIn 0.4s;
-  -ms-animation: fadeIn 0.4s;
+    display: block;
+    position: absolute;
+    text-align: left;
+    top: 100%;
+    border: none;
+    animation: fadeIn 0.4s;
+    -webkit-animation: fadeIn 0.4s;
+    -moz-animation: fadeIn 0.4s;
+    -o-animation: fadeIn 0.4s;
+    -ms-animation: fadeIn 0.4s;
 }
 
 .dropdown .dropdown-menu .dropdown-item {
-  width: 100%;
-  padding: 10px 20px;
-  font-size: 14px;
-  color: #333;
-  border-bottom: 1px solid #f1f1f1;
-  text-decoration: none;
-  display: inline-block;
-  float: left;
-  clear: both;
-  position: relative;
-  outline: 0;
-  transition: all 0.3s ease-in-out;
-  -webkit-transition: all 0.3s ease-in-out;
-  -moz-transition: all 0.3s ease-in-out;
-  -o-transition: all 0.3s ease-in-out;
-  -ms-transition: all 0.3s ease-in-out;
+    width: 100%;
+    padding: 10px 20px;
+    font-size: 14px;
+    color: #333;
+    border-bottom: 1px solid #f1f1f1;
+    text-decoration: none;
+    display: inline-block;
+    float: left;
+    clear: both;
+    position: relative;
+    outline: 0;
+    transition: all 0.3s ease-in-out;
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    -ms-transition: all 0.3s ease-in-out;
 }
 
 .dropdown .dropdown-menu .dropdown-item:last-child {
-  border-bottom: none;
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
+    border-bottom: none;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
 }
 
 .dropdown .dropdown-menu .dropdown-item:first-child {
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
 }
 
 .dropdown .dropdown-item:focus,
 .dropdown .dropdown-item:hover,
 .dropdown .dropdown-item.active {
-  color: #3d60f4;
-  background: #f7f7f7;
+    color: #3d60f4;
+    background: #f7f7f7;
 }
 
 .dropdown-item.active,
 .dropdown-item:active {
-  background: transparent;
+    background: transparent;
 }
 
 .fadeInUpMenu {
-  -webkit-animation-name: fadeInUpMenu;
-  animation-name: fadeInUpMenu;
+    -webkit-animation-name: fadeInUpMenu;
+    animation-name: fadeInUpMenu;
 }
 
 /* ==========================================================================
 3. Hero Area
 ========================================================================== */
 #hero-area {
-  color: #fff;
-  overflow: hidden;
-  position: relative;
-  background: url(../img/hero-bg.png);
+    color: #fff;
+    overflow: hidden;
+    position: relative;
+    background: url(../img/hero-bg.png);
 }
 
 #hero-area .contents {
-  padding: 170px 0px 50px;
+    padding: 170px 0px 50px;
 }
 
 #hero-area .contents .head-title {
-  color: #585b60;
-  text-transform: uppercase;
-  font-size: 30px;
-  line-height: 48px;
-  font-weight: 700;
-  margin-bottom: 30px;
+    color: #585b60;
+    text-transform: uppercase;
+    font-size: 30px;
+    line-height: 48px;
+    font-weight: 700;
+    margin-bottom: 30px;
 }
 
 /* Team Item */
 .team-item:hover {
-  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
+    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
 }
 
 .team-item {
-  margin: 15px 0;
-  border-radius: 0px;
-  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
-  transition: all 0.3s ease-in-out 0s;
-  -moz-transition: all 0.3s ease-in-out 0s;
-  -webkit-transition: all 0.3s ease-in-out 0s;
-  -o-transition: all 0.3s ease-in-out 0s;
+    margin: 15px 0;
+    border-radius: 0px;
+    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
+    transition: all 0.3s ease-in-out 0s;
+    -moz-transition: all 0.3s ease-in-out 0s;
+    -webkit-transition: all 0.3s ease-in-out 0s;
+    -o-transition: all 0.3s ease-in-out 0s;
 }
 
 .team-item .team-img {
-  position: relative;
-  cursor: pointer;
-  overflow: hidden;
-  border-radius: 0px;
+    position: relative;
+    cursor: pointer;
+    overflow: hidden;
+    border-radius: 0px;
 }
 
 .team-item .team-overlay {
-  height: 100%;
-  position: absolute;
-  top: 0;
-  background: rgba(255, 255, 255, 0.8);
-  opacity: 0;
-  width: 100%;
-  border-radius: 0px;
-  transition: all 0.3s ease-in-out 0s;
-  -moz-transition: all 0.3s ease-in-out 0s;
-  -webkit-transition: all 0.3s ease-in-out 0s;
-  -o-transition: all 0.3s ease-in-out 0s;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    background: rgba(255, 255, 255, 0.8);
+    opacity: 0;
+    width: 100%;
+    border-radius: 0px;
+    transition: all 0.3s ease-in-out 0s;
+    -moz-transition: all 0.3s ease-in-out 0s;
+    -webkit-transition: all 0.3s ease-in-out 0s;
+    -o-transition: all 0.3s ease-in-out 0s;
 }
 
 .team-item .overlay-social-icon {
-  color: #fff;
-  top: 45%;
-  position: absolute;
-  display: table-cell;
-  margin: 0 auto;
-  width: 100%;
-  transition: all 0.3s ease-in-out 0s;
-  -moz-transition: all 0.3s ease-in-out 0s;
-  -webkit-transition: all 0.3s ease-in-out 0s;
-  -o-transition: all 0.3s ease-in-out 0s;
+    color: #fff;
+    top: 45%;
+    position: absolute;
+    display: table-cell;
+    margin: 0 auto;
+    width: 100%;
+    transition: all 0.3s ease-in-out 0s;
+    -moz-transition: all 0.3s ease-in-out 0s;
+    -webkit-transition: all 0.3s ease-in-out 0s;
+    -o-transition: all 0.3s ease-in-out 0s;
 }
 
 .team-item .overlay-social-icon .social-icons {
-  padding-left: 0;
-  transition: all 0.3s ease-in-out 0s;
-  -moz-transition: all 0.3s ease-in-out 0s;
-  -webkit-transition: all 0.3s ease-in-out 0s;
-  -o-transition: all 0.3s ease-in-out 0s;
+    padding-left: 0;
+    transition: all 0.3s ease-in-out 0s;
+    -moz-transition: all 0.3s ease-in-out 0s;
+    -webkit-transition: all 0.3s ease-in-out 0s;
+    -o-transition: all 0.3s ease-in-out 0s;
 }
 
 .team-item .overlay-social-icon .social-icons li {
-  display: inline-block;
-  margin: 0 4px;
+    display: inline-block;
+    margin: 0 4px;
 }
 
 .team-item .overlay-social-icon .social-icons li a {
-  letter-spacing: 0px;
-  outline: 0 !important;
+    letter-spacing: 0px;
+    outline: 0 !important;
 }
 
 .team-item .overlay-social-icon .social-icons li a i {
-  font-size: 20px;
-  color: #fff;
-  width: 36px;
-  height: 36px;
-  background: #3d60f4;
-  display: block;
-  border-radius: 30px;
-  line-height: 36px;
-  transition: all 0.3s ease-in-out 0s;
-  -moz-transition: all 0.3s ease-in-out 0s;
-  -webkit-transition: all 0.3s ease-in-out 0s;
-  -o-transition: all 0.3s ease-in-out 0s;
+    font-size: 20px;
+    color: #fff;
+    width: 36px;
+    height: 36px;
+    background: #3d60f4;
+    display: block;
+    border-radius: 30px;
+    line-height: 36px;
+    transition: all 0.3s ease-in-out 0s;
+    -moz-transition: all 0.3s ease-in-out 0s;
+    -webkit-transition: all 0.3s ease-in-out 0s;
+    -o-transition: all 0.3s ease-in-out 0s;
 }
 
 .team-item .overlay-social-icon .social-icons li a:hover .lni-facebook-filled {
-  background: #3B5998;
+    background: #3B5998;
 }
 
 .team-item .overlay-social-icon .social-icons li a:hover .lni-twitter-filled {
-  background: #00aced;
+    background: #00aced;
 }
 
 .team-item .overlay-social-icon .social-icons li a:hover .lni-instagram-filled {
-  background: #fb3958;
+    background: #fb3958;
 }
 
 .team-item .info-text {
-  padding: 15px 20px;
-  background: #fff;
+    padding: 15px 20px;
+    background: #fff;
 }
 
 .team-item .info-text h3 {
-  font-size: 16px;
-  text-transform: uppercase;
-  font-weight: 700;
-  margin-bottom: 5px;
+    font-size: 16px;
+    text-transform: uppercase;
+    font-weight: 700;
+    margin-bottom: 5px;
 }
 
 .team-item .info-text h3 a {
-  color: #333;
+    color: #333;
 }
 
 .team-item .info-text h3 a:hover {
-  color: #3d60f4;
+    color: #3d60f4;
 }
 
 .team-item .info-text p {
-  margin: 0;
-  color: #888;
+    margin: 0;
+    color: #888;
 }
 
 .team-item:hover .team-overlay {
-  opacity: 1;
+    opacity: 1;
 }
 
 /* ==========================================================================
  Counter Section Style
  ========================================================================== */
 #counter {
-  background: url(../img/count-bg.jpg);
-  background-position: center center;
-  background-size: cover;
-  position: relative;
-  z-index: 1;
+    background: url(../img/count-bg.jpg);
+    background-position: center center;
+    background-size: cover;
+    position: relative;
+    z-index: 1;
 }
 
 #counter .counter-text {
-  height: 100%;
-  width: 100%;
-  display: table;
+    height: 100%;
+    width: 100%;
+    display: table;
 }
 
-#counter .counter-text>div {
-  vertical-align: middle;
-  display: table-cell;
+#counter .counter-text > div {
+    vertical-align: middle;
+    display: table-cell;
 }
 
 #counter .counter-text h3 {
-  font-size: 30px;
-  font-weight: 700;
-  margin-bottom: 20px;
+    font-size: 30px;
+    font-weight: 700;
+    margin-bottom: 20px;
 }
 
 #counter .counter-text .desc-text p {
-  margin-bottom: 15px;
+    margin-bottom: 15px;
 }
 
 #counter .counter-box {
-  padding: 20px 15px;
-  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
-  overflow: hidden;
-  border-radius: 0px;
-  box-shadow: 0px 9px 16px 0px rgba(225, 225, 225, 0.004);
-  text-align: center;
-  position: relative;
+    padding: 20px 15px;
+    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
+    overflow: hidden;
+    border-radius: 0px;
+    box-shadow: 0px 9px 16px 0px rgba(225, 225, 225, 0.004);
+    text-align: center;
+    position: relative;
 }
 
 #counter .counter-box .icon-o {
-  color: #fff;
-  margin-bottom: 20px;
+    color: #fff;
+    margin-bottom: 20px;
 }
 
 #counter .counter-box .icon-o i {
-  font-size: 42px;
+    font-size: 42px;
 }
 
 #counter .counter-box h3 {
-  color: #fff;
-  font-size: 30px;
-  font-weight: 700;
-  padding-bottom: 10px;
-  position: relative;
-  transition: all 0.4s ease-in-out;
-  -moz-transition: all 0.4s ease-in-out;
-  -webkit-transition: all 0.4s ease-in-out;
-  -o-transition: all 0.4s ease-in-out;
+    color: #fff;
+    font-size: 30px;
+    font-weight: 700;
+    padding-bottom: 10px;
+    position: relative;
+    transition: all 0.4s ease-in-out;
+    -moz-transition: all 0.4s ease-in-out;
+    -webkit-transition: all 0.4s ease-in-out;
+    -o-transition: all 0.4s ease-in-out;
 }
 
 #counter .counter-box h3:before {
-  position: absolute;
-  content: '';
-  height: 1px;
-  width: 45px;
-  left: 50%;
-  bottom: 0;
-  -webkit-transform: translateX(-50%);
-  transform: translateX(-50%);
-  background-color: #e5e5e5;
+    position: absolute;
+    content: '';
+    height: 1px;
+    width: 45px;
+    left: 50%;
+    bottom: 0;
+    -webkit-transform: translateX(-50%);
+    transform: translateX(-50%);
+    background-color: #e5e5e5;
 }
 
 #counter .counter-box p {
-  color: #fff;
-  font-size: 16px;
+    color: #fff;
+    font-size: 16px;
 }
 
 /* ==========================================================================
    Video promo Style
    ========================================================================== */
 .video-promo {
-  position: relative;
-  background: url(../img/bg-video.jpg);
+    position: relative;
+    background: url(../img/bg-video.jpg);
 }
 
 .video-promo .video-promo-content {
-  color: #fff;
-  margin-bottom: 15px;
+    color: #fff;
+    margin-bottom: 15px;
 }
 
 .video-promo .video-promo-content .video-popup {
-  width: 80px;
-  height: 80px;
-  background: transparent;
-  line-height: 80px;
-  text-align: center;
-  border: 3px solid #fff;
-  color: #fff;
-  border-radius: 50%;
-  display: inline-block;
-  font-size: 26px;
+    width: 80px;
+    height: 80px;
+    background: transparent;
+    line-height: 80px;
+    text-align: center;
+    border: 3px solid #fff;
+    color: #fff;
+    border-radius: 50%;
+    display: inline-block;
+    font-size: 26px;
 }
 
 .video-promo .video-promo-content .video-popup:hover {
-  background: #fff;
-  color: #3d60f4;
-  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);
+    background: #fff;
+    color: #3d60f4;
+    box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);
 }
 
 .video-promo .video-promo-content h2 {
-  color: #fff;
-  font-size: 30px;
-  text-transform: uppercase;
+    color: #fff;
+    font-size: 30px;
+    text-transform: uppercase;
 }
 
 .video-promo .video-promo-content p {
-  color: #fff;
+    color: #fff;
 }
 
 .client-item-wrapper {
-  text-align: center;
-  padding: 15px;
+    text-align: center;
+    padding: 15px;
 }
 
 .client-item-wrapper img {
-  opacity: 0.5;
-  filter: grayscale(100%);
-  -webkit-filter: grayscale(100%);
-  filter: gray;
-  transition: all .6s ease;
-  -moz-transition: all .6s ease;
-  -webkit-transition: all .6s ease;
+    opacity: 0.5;
+    filter: grayscale(100%);
+    -webkit-filter: grayscale(100%);
+    filter: gray;
+    transition: all .6s ease;
+    -moz-transition: all .6s ease;
+    -webkit-transition: all .6s ease;
 }
 
 .client-item-wrapper:hover img {
-  opacity: 1;
-  filter: grayscale(0%);
-  -webkit-filter: grayscale(0%);
+    opacity: 1;
+    filter: grayscale(0%);
+    -webkit-filter: grayscale(0%);
 }
 
 #latest .text-content {
-  height: 100%;
-  display: table;
-  padding-left: 60px;
-  padding-right: 120px;
+    height: 100%;
+    display: table;
+    padding-left: 60px;
+    padding-right: 120px;
 }
 
-#latest .text-content>div {
-  vertical-align: middle;
-  display: table-cell;
+#latest .text-content > div {
+    vertical-align: middle;
+    display: table-cell;
 }
 
 /* ==========================================================================
    Portfolio Section
    ========================================================================== */
 #portfolios {
-  background: #f9f9f9;
+    background: #f9f9f9;
 }
 
 #portfolios .mix {
-  padding: 0px;
+    padding: 0px;
 }
 
 #portfolios .portfolio-item {
-  padding: 10px;
+    padding: 10px;
 }
 
 #portfolio .mix {
-  display: none;
+    display: none;
 }
 
 .controls {
-  text-align: center;
-  padding: 0px 0px 20px;
+    text-align: center;
+    padding: 0px 0px 20px;
 }
 
 .controls .active {
-  color: #3d60f4 !important;
-  border-color: #3d60f4;
-  background: transparent;
+    color: #3d60f4 !important;
+    border-color: #3d60f4;
+    background: transparent;
 }
 
 .controls .btn {
-  text-transform: uppercase;
-  margin: 2px;
+    text-transform: uppercase;
+    margin: 2px;
 }
 
 .controls:hover {
-  color: #fff;
-  cursor: pointer;
+    color: #fff;
+    cursor: pointer;
 }
 
 .shot-item {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    position: relative;
 }
 
 .shot-item img {
-  width: 100%;
-  height: 100%;
-  transition: all .6s ease;
-  -moz-transition: all .6s ease;
-  -webkit-transition: all .6s ease;
+    width: 100%;
+    height: 100%;
+    transition: all .6s ease;
+    -moz-transition: all .6s ease;
+    -webkit-transition: all .6s ease;
 }
 
 .shot-item .single-content {
-  background-color: rgba(22, 26, 39, 0.7);
-  height: 100%;
-  left: 0;
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  transition: all .6s ease;
-  -moz-transition: all .6s ease;
-  -webkit-transition: all .6s ease;
-  width: 100%;
+    background-color: rgba(22, 26, 39, 0.7);
+    height: 100%;
+    left: 0;
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    transition: all .6s ease;
+    -moz-transition: all .6s ease;
+    -webkit-transition: all .6s ease;
+    width: 100%;
 }
 
 .shot-item .single-content .fancy-table {
-  display: table;
-  height: 100%;
-  left: 0;
-  position: relative;
-  top: 0;
-  width: 100%;
-  z-index: 2;
+    display: table;
+    height: 100%;
+    left: 0;
+    position: relative;
+    top: 0;
+    width: 100%;
+    z-index: 2;
 }
 
 .shot-item .single-content .fancy-table .table-cell {
-  display: table-cell;
-  vertical-align: middle;
-  text-align: center;
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
 }
 
 .shot-item .single-content .zoom-icon {
-  margin-bottom: 15px;
+    margin-bottom: 15px;
 }
 
 .shot-item .single-content .zoom-icon a i {
-  color: #fff;
-  font-size: 22px;
-  background: #3d60f4;
-  width: 48px;
-  height: 48px;
-  display: block;
-  line-height: 48px;
-  margin: 0 auto;
-  border-radius: 30px;
+    color: #fff;
+    font-size: 22px;
+    background: #3d60f4;
+    width: 48px;
+    height: 48px;
+    display: block;
+    line-height: 48px;
+    margin: 0 auto;
+    border-radius: 30px;
 }
 
 .shot-item .single-content a {
-  color: #fff;
-  text-transform: uppercase;
-  font-size: 20px;
-  font-weight: 600;
-  font-family: 'Titillium Web', sans-serif;
+    color: #fff;
+    text-transform: uppercase;
+    font-size: 20px;
+    font-weight: 600;
+    font-family: 'Titillium Web', sans-serif;
 }
 
 .shot-item:hover img {
-  -webkit-transform: scale(1.1);
-  -ms-transform: scale(1.1);
-  transform: scale(1.1);
+    -webkit-transform: scale(1.1);
+    -ms-transform: scale(1.1);
+    transform: scale(1.1);
 }
 
 .shot-item:hover .single-content {
-  opacity: 1;
+    opacity: 1;
 }
 
 .shot-item:hover .single-content a {
-  margin-bottom: 0;
+    margin-bottom: 0;
 }
 
 /* ==========================================================================
    Pricing Table Style
    ========================================================================== */
 #pricing {
-  text-align: center;
+    text-align: center;
 }
 
 #pricing .title {
-  padding-top: 25px;
-  padding-bottom: 25px;
-  background: #3d60f4;
-  border-top-right-radius: 4px;
-  border-top-left-radius: 4px;
+    padding-top: 25px;
+    padding-bottom: 25px;
+    background: #3d60f4;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
 }
 
 #pricing .title h3 {
-  text-transform: uppercase;
-  color: #fff;
-  font-size: 18px;
-  margin-bottom: 0px;
+    text-transform: uppercase;
+    color: #fff;
+    font-size: 18px;
+    margin-bottom: 0px;
 }
 
 #pricing .table {
-  margin-top: 15px;
-  padding-bottom: 30px;
-  border-radius: 4px;
-  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
-  -webkit-transition: all .3s linear;
-  -moz-transition: all .3s linear;
-  -ms-transition: all .3s linear;
-  -o-transition: all .3s linear;
-  transition: all .3s linear;
+    margin-top: 15px;
+    padding-bottom: 30px;
+    border-radius: 4px;
+    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
+    -webkit-transition: all .3s linear;
+    -moz-transition: all .3s linear;
+    -ms-transition: all .3s linear;
+    -o-transition: all .3s linear;
+    transition: all .3s linear;
 }
 
 #pricing .table .icon {
-  padding-top: 30px;
+    padding-top: 30px;
 }
 
 #pricing .table .icon i {
-  color: #3d60f4;
-  font-size: 42px;
+    color: #3d60f4;
+    font-size: 42px;
 }
 
 #pricing .table .pricing-header {
-  position: relative;
-  padding-bottom: 20px;
-  text-align: center;
+    position: relative;
+    padding-bottom: 20px;
+    text-align: center;
 }
 
 #pricing .table .pricing-header .price-value {
-  font-family: 'Titillium Web', sans-serif;
-  font-size: 30px;
-  color: #222222;
-  position: relative;
-  /* SOMETHING CHANGED */
-  text-align: left;
-  font-weight: 700;
-  padding: 30px 0;
-  border-bottom: 1px solid #f1f1f1;
+    font-family: 'Titillium Web', sans-serif;
+    font-size: 30px;
+    color: #222222;
+    position: relative;
+    /* SOMETHING CHANGED */
+    text-align: senter;
+    font-weight: 700;
+    padding: 30px 0;
+    border-bottom: 1px solid #f1f1f1;
 }
 
 #pricing .table .pricing-header .price-value sup {
-  font-size: 18px;
-  font-weight: 600;
-  top: -18px;
+    font-size: 18px;
+    font-weight: 600;
+    top: -18px;
 }
 
 #pricing .table .pricing-header .price-value span {
-  font-size: 14px;
-  font-weight: 600;
+    font-size: 14px;
+    font-weight: 600;
 }
 
 #pricing .table .description {
-  /* SOMETHING CHANGED */
-  text-align: right;
-  padding: 0px 50px;
-  margin-bottom: 20px;
+    /* SOMETHING CHANGED */
+    text-align: center;
+    padding: 0px 50px;
+    margin-bottom: 20px;
 }
 
 #pricing .table .description li {
-  font-size: 14px;
-  font-weight: 400;
-  color: #abacae;
-  padding-bottom: 15px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #abacae;
+    padding-bottom: 15px;
 }
 
 #pricing .table:hover {
-  background: #ffffff;
-  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
+    background: #ffffff;
+    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
 }
 
 #pricing #active-tb {
-  background: #ffffff;
-  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
+    background: #ffffff;
+    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
 }
 
 #pricing #active-tb .title {
-  background: #222222;
+    background: #222222;
 }
 
 #pricing #active-tb .price-value {
-  color: #3d60f4;
+    color: #3d60f4;
 }
 
 #pricing #active-tb .btn-common {
-  background: #222222;
+    background: #222222;
 }
 
 #pricing .active {
-  z-index: 99999;
+    z-index: 99999;
 }
 
 /* ==========================================================================
   17. Blog 
    ========================================================================== */
 #blog .blog-item-wrapper {
-  background: #fff;
-  border-radius: 4px;
-  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
-  -webkit-transition: transform 0.2s linear, -webkit-box-shadow 0.2s linear;
-  -moz-transition: transform 0.2s linear, -moz-box-shadow 0.2s linear;
-  transition: transform 0.2s linear, box-shadow 0.2s linear;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
+    -webkit-transition: transform 0.2s linear, -webkit-box-shadow 0.2s linear;
+    -moz-transition: transform 0.2s linear, -moz-box-shadow 0.2s linear;
+    transition: transform 0.2s linear, box-shadow 0.2s linear;
 }
 
 #blog .blog-item-wrapper:hover {
-  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
+    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
 }
 
 #blog .blog-item-wrapper:hover .blog-item-img:before {
-  opacity: 1;
-  height: 100%;
-  width: 100%;
+    opacity: 1;
+    height: 100%;
+    width: 100%;
 }
 
 #blog .blog-item-img {
-  position: relative;
-  overflow: hidden;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+    position: relative;
+    overflow: hidden;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
 }
 
 #blog .blog-item-img img {
-  width: 100%;
+    width: 100%;
 }
 
 #blog .blog-item-text {
-  padding: 20px;
+    padding: 20px;
 }
 
 #blog .blog-item-text h3 {
-  font-size: 15px;
-  font-weight: 600;
-  display: block;
-  text-transform: uppercase;
+    font-size: 15px;
+    font-weight: 600;
+    display: block;
+    text-transform: uppercase;
 }
 
 #blog .blog-item-text h3 a {
-  color: #333;
+    color: #333;
 }
 
 #blog .blog-item-text h3 a:hover {
-  color: #3d60f4;
+    color: #3d60f4;
 }
 
 #blog .blog-item-text p {
-  line-height: 25px;
-  margin-bottom: 20px;
+    line-height: 25px;
+    margin-bottom: 20px;
 }
 
 .meta-tags {
-  margin-bottom: 10px;
+    margin-bottom: 10px;
 }
 
 .meta-tags span {
-  color: #999;
-  margin-right: 10px;
+    color: #999;
+    margin-right: 10px;
 }
 
 .meta-tags span i {
-  margin-right: 5px;
+    margin-right: 5px;
 }
 
 .meta-tags span a {
-  color: #999;
+    color: #999;
 }
 
 .meta-tags span a:hover {
-  color: #3d60f4;
+    color: #3d60f4;
 }
 
 .page-header {
-  background-image: url(../img/page-header-bg.jpg);
-  background-size: cover;
-  background-position: center center;
-  background-repeat: no-repeat;
-  position: relative;
-  height: 400px;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  z-index: 1;
+    background-image: url(../img/page-header-bg.jpg);
+    background-size: cover;
+    background-position: center center;
+    background-repeat: no-repeat;
+    position: relative;
+    height: 400px;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    z-index: 1;
 }
 
 .page-header::after {
-  position: absolute;
-  content: "";
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  background-color: rgba(0, 0, 0, 0.8);
-  z-index: -1;
+    position: absolute;
+    content: "";
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background-color: rgba(0, 0, 0, 0.8);
+    z-index: -1;
 }
 
 .breadcrumb-wrapper {
-  padding: 180px 0 100px;
+    padding: 180px 0 100px;
 }
 
 .breadcrumb-wrapper h2 {
-  color: #fff;
-  font-size: 28px;
-  font-weight: 700;
-  line-height: 28px;
-  margin-bottom: 10px;
-  position: relative;
-  text-transform: uppercase;
+    color: #fff;
+    font-size: 28px;
+    font-weight: 700;
+    line-height: 28px;
+    margin-bottom: 10px;
+    position: relative;
+    text-transform: uppercase;
 }
 
 .breadcrumb-wrapper .breadcrumb-title p,
 .breadcrumb-wrapper .breadcrumb-title a {
-  color: #fff;
+    color: #fff;
 }
 
 .breadcrumb-wrapper .breadcrumb-title p:hover,
 .breadcrumb-wrapper .breadcrumb-title a:hover {
-  color: #3d60f4;
+    color: #3d60f4;
 }
 
 #blog-single {
-  padding: 60px 0;
+    padding: 60px 0;
 }
 
 #blog-single .blog-post {
-  background: #fff;
-  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
-  overflow: hidden;
-  margin-bottom: 40px;
+    background: #fff;
+    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
+    overflow: hidden;
+    margin-bottom: 40px;
 }
 
 #blog-single .blog-post .post-thumb img {
-  width: 100%;
+    width: 100%;
 }
 
 #blog-single .blog-post .post-content {
-  padding: 30px;
+    padding: 30px;
 }
 
 #blog-single .blog-post .post-content h3 {
-  font-size: 22px;
-  padding-bottom: 10px;
+    font-size: 22px;
+    padding-bottom: 10px;
 }
 
 .blog-comment {
-  background: #fff;
-  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
-  padding: 50px 30px;
-  margin-top: 30px;
-  overflow: hidden;
+    background: #fff;
+    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
+    padding: 50px 30px;
+    margin-top: 30px;
+    overflow: hidden;
 }
 
 .blog-comment h4 {
-  font-size: 24px;
-  margin-bottom: 30px;
+    font-size: 24px;
+    margin-bottom: 30px;
 }
 
 .blog-comment .comment-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  margin-bottom: 50px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    margin-bottom: 50px;
 }
 
 .blog-comment .comment-list .the-comment {
-  border-bottom: 1px solid #e7e6e6;
-  padding-bottom: 25px;
-  margin-bottom: 25px;
+    border-bottom: 1px solid #e7e6e6;
+    padding-bottom: 25px;
+    margin-bottom: 25px;
 }
 
 .blog-comment .comment-list .children {
-  padding-left: 40px;
+    padding-left: 40px;
 }
 
 .blog-comment .avatar {
-  float: left;
-  margin-right: 15px;
-  padding: 5px;
-  border-radius: 4px;
-  background: #ffffff;
-  border: 1px solid #f1f1f1;
+    float: left;
+    margin-right: 15px;
+    padding: 5px;
+    border-radius: 4px;
+    background: #ffffff;
+    border: 1px solid #f1f1f1;
 }
 
 .blog-comment .comment-author {
-  margin-bottom: 10px;
+    margin-bottom: 10px;
 }
 
 .blog-comment .meta {
-  margin-bottom: 10px;
-  color: #999;
+    margin-bottom: 10px;
+    color: #999;
 }
 
 .post-meta {
-  color: #fff;
-  margin-top: 15px;
-  margin-bottom: 15px;
+    color: #fff;
+    margin-top: 15px;
+    margin-bottom: 15px;
 }
 
 .post-meta ul li {
-  display: inline-block;
-  margin-right: 8px;
-  margin-left: 8px;
+    display: inline-block;
+    margin-right: 8px;
+    margin-left: 8px;
 }
 
 .post-meta ul li i {
-  margin-right: 5px;
+    margin-right: 5px;
 }
 
 .post-meta ul li a {
-  color: #fff;
+    color: #fff;
 }
 
 .post-meta ul li a:hover {
-  color: #3d60f4;
+    color: #3d60f4;
 }
 
 .single-widget {
-  margin-bottom: 30px;
+    margin-bottom: 30px;
 }
 
 .single-widget .form-control {
-  margin-bottom: 0;
+    margin-bottom: 0;
 }
 
 .single-widget {
-  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
-  padding: 20px;
+    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
+    padding: 20px;
 }
 
 .widget-latest-post h4,
 .categories h4,
 .tags h4 {
-  color: #333333;
-  font-size: 18px;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 24px;
-  margin-bottom: 30px;
-  text-transform: capitalize;
-  padding-bottom: 10px;
-  border-bottom: 3px double #ddd;
+    color: #333333;
+    font-size: 18px;
+    font-weight: 400;
+    letter-spacing: 0;
+    line-height: 24px;
+    margin-bottom: 30px;
+    text-transform: capitalize;
+    padding-bottom: 10px;
+    border-bottom: 3px double #ddd;
 }
 
 .single-latest-post {
-  margin-bottom: 20px;
-  overflow: hidden;
+    margin-bottom: 20px;
+    overflow: hidden;
 }
 
 .single-latest-post .latest-post-img {
-  float: left;
-  width: 30%;
-  margin-right: 20px;
+    float: left;
+    width: 30%;
+    margin-right: 20px;
 }
 
 .single-latest-post a {
-  color: #333333;
-  font-size: 15px;
-  line-height: 18px;
-  font-weight: 700;
-  letter-spacing: 0;
-  text-transform: capitalize;
+    color: #333333;
+    font-size: 15px;
+    line-height: 18px;
+    font-weight: 700;
+    letter-spacing: 0;
+    text-transform: capitalize;
 }
 
 .single-latest-post h5 {
-  margin-bottom: 0;
+    margin-bottom: 0;
 }
 
 .single-latest-post a:hover {
-  color: #3d60f4;
+    color: #3d60f4;
 }
 
 .categories ul li {
-  padding-bottom: 10px;
+    padding-bottom: 10px;
 }
 
 .categories ul li a {
-  color: #999999;
-  display: block;
-  font-size: 14px;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 18px;
+    color: #999999;
+    display: block;
+    font-size: 14px;
+    font-weight: 400;
+    letter-spacing: 0;
+    line-height: 18px;
 }
 
 .categories ul li a:hover {
-  color: #3d60f4;
+    color: #3d60f4;
 }
 
 .tags {
-  width: 100%;
-  display: inline-block;
+    width: 100%;
+    display: inline-block;
 }
 
 .tags ul li a {
-  color: #999;
-  border: 1px solid #f1f1f1;
-  padding: 5px 15px;
-  margin: 0 5px 5px 0;
-  font-size: 14px;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 18px;
-  display: block;
-  float: left;
-  -webkit-transition: all 0.3s ease 0s;
-  -moz-transition: all 0.3s ease 0s;
-  -o-transition: all 0.3s ease 0s;
-  transition: all 0.3s ease 0s;
+    color: #999;
+    border: 1px solid #f1f1f1;
+    padding: 5px 15px;
+    margin: 0 5px 5px 0;
+    font-size: 14px;
+    font-weight: 400;
+    letter-spacing: 0;
+    line-height: 18px;
+    display: block;
+    float: left;
+    -webkit-transition: all 0.3s ease 0s;
+    -moz-transition: all 0.3s ease 0s;
+    -o-transition: all 0.3s ease 0s;
+    transition: all 0.3s ease 0s;
 }
 
 .tags ul li a:hover {
-  background-color: #222222;
-  border-color: #222222;
-  color: #fff;
+    background-color: #222222;
+    border-color: #222222;
+    color: #fff;
 }
 
 .testimonial {
-  background: #34363a;
-  position: relative;
-  background: url(../img/testimonial.jpg);
+    background: #34363a;
+    position: relative;
+    background: url(../img/testimonial.jpg);
 }
 
 .testimonial .section-title {
-  color: #fff;
+    color: #fff;
 }
 
 .testimonial p {
-  color: #fff;
+    color: #fff;
 }
 
 .testimonial-item {
-  border-radius: 4px;
-  text-align: center;
+    border-radius: 4px;
+    text-align: center;
 }
 
 .testimonial-item .img-thumb {
-  position: relative;
-  margin: 15px 15px 15px 0;
+    position: relative;
+    margin: 15px 15px 15px 0;
 }
 
 .testimonial-item .img-thumb img {
-  border-radius: 50%;
-  display: inline-block;
-  width: inherit;
-  padding: 7px;
+    border-radius: 50%;
+    display: inline-block;
+    width: inherit;
+    padding: 7px;
 }
 
 .testimonial-item .content {
-  overflow: hidden;
+    overflow: hidden;
 }
 
 .testimonial-item .content .description {
-  width: 100%;
+    width: 100%;
 }
 
 .testimonial-item .info h2 {
-  font-size: 16px;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 30px;
-  margin: 0;
+    font-size: 16px;
+    font-weight: 700;
+    text-transform: uppercase;
+    line-height: 30px;
+    margin: 0;
 }
 
 .testimonial-item .info h2 a {
-  color: #fff;
+    color: #fff;
 }
 
 .testimonial-item .info h3 {
-  margin: 0;
-  clear: both;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 26px;
-  margin-bottom: 10px;
+    margin: 0;
+    clear: both;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 26px;
+    margin-bottom: 10px;
 }
 
 .testimonial-item .info h3 a {
-  color: #fff;
+    color: #fff;
 }
 
 .testimonial-item .info .indicator {
-  font-size: 26px;
-  font-weight: 700;
-  color: #3d60f4;
+    font-size: 26px;
+    font-weight: 700;
+    color: #3d60f4;
 }
 
 .testimonial-item .icon-social {
-  margin-top: 30px;
+    margin-top: 30px;
 }
 
 .testimonial-item .icon-social a {
-  color: #666;
-  background: #fff;
-  width: 32px;
-  height: 32px;
-  line-height: 34px;
-  display: inline-block;
-  text-align: center;
-  border-radius: 100%;
-  font-size: 15px;
-  margin: 15px 6px 12px 4px;
-  transition: all 0.3s ease-in-out 0s;
-  -moz-transition: all 0.3s ease-in-out 0s;
-  -webkit-transition: all 0.3s ease-in-out 0s;
-  -o-transition: all 0.3s ease-in-out 0s;
+    color: #666;
+    background: #fff;
+    width: 32px;
+    height: 32px;
+    line-height: 34px;
+    display: inline-block;
+    text-align: center;
+    border-radius: 100%;
+    font-size: 15px;
+    margin: 15px 6px 12px 4px;
+    transition: all 0.3s ease-in-out 0s;
+    -moz-transition: all 0.3s ease-in-out 0s;
+    -webkit-transition: all 0.3s ease-in-out 0s;
+    -o-transition: all 0.3s ease-in-out 0s;
 }
 
 .testimonial-item .icon-social a:hover {
-  color: #fff;
+    color: #fff;
 }
 
 .testimonial-item .icon-social .facebook:hover {
-  background: #3b5999;
+    background: #3b5999;
 }
 
 .testimonial-item .icon-social .twitter:hover {
-  background: #4A9CEC;
+    background: #4A9CEC;
 }
 
 .testimonial-item .icon-social .instagram:hover {
-  background: #D6274D;
+    background: #D6274D;
 }
 
 .testimonial-item .icon-social .linkedin:hover {
-  background: #1260A2;
+    background: #1260A2;
 }
 
 .testimonial-item .icon-social .google:hover {
-  background: #CE332A;
+    background: #CE332A;
 }
 
 .owl-pagination {
-  position: absolute;
-  width: 100%;
-  left: 0;
-  bottom: -40px;
+    position: absolute;
+    width: 100%;
+    left: 0;
+    bottom: -40px;
 }
 
 .owl-carousel .owl-dots {
-  text-align: center;
-  margin-top: 20px;
+    text-align: center;
+    margin-top: 20px;
 }
 
 .owl-carousel button.owl-dot {
-  display: inline-block;
-  zoom: 1;
-  display: inline;
-  text-align: center;
+    display: inline-block;
+    zoom: 1;
+    display: inline;
+    text-align: center;
 }
 
 .owl-carousel button.owl-dot span {
-  display: block;
-  width: 12px;
-  height: 12px;
-  margin: 2px 4px;
-  filter: alpha(opacity=50);
-  opacity: 1;
-  border-radius: 30px;
-  background: #fff;
-  border: 2px solid #fff;
-  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
-  transition: all 0.4s ease-in-out;
-  -moz-transition: all 0.4s ease-in-out;
-  -webkit-transition: all 0.4s ease-in-out;
-  -o-transition: all 0.4s ease-in-out;
+    display: block;
+    width: 12px;
+    height: 12px;
+    margin: 2px 4px;
+    filter: alpha(opacity=50);
+    opacity: 1;
+    border-radius: 30px;
+    background: #fff;
+    border: 2px solid #fff;
+    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
+    transition: all 0.4s ease-in-out;
+    -moz-transition: all 0.4s ease-in-out;
+    -webkit-transition: all 0.4s ease-in-out;
+    -o-transition: all 0.4s ease-in-out;
 }
 
 .owl-carousel button.owl-dot.active span,
 .owl-carousel button.owl-dot.clickable,
 .owl-carousel button.owl-dot:hover span {
-  background: #3d60f4;
+    background: #3d60f4;
 }
 
 .slick-slider {
-  padding: 80px 0;
+    padding: 80px 0;
 }
 
 .slider-center img {
-  opacity: 0.7;
-  transition: all 0.4s ease-in-out;
-  -moz-transition: all 0.4s ease-in-out;
-  -webkit-transition: all 0.4s ease-in-out;
-  -o-transition: all 0.4s ease-in-out;
-  padding: 63px 63px;
-  position: relative;
-  text-align: center;
+    opacity: 0.7;
+    transition: all 0.4s ease-in-out;
+    -moz-transition: all 0.4s ease-in-out;
+    -webkit-transition: all 0.4s ease-in-out;
+    -o-transition: all 0.4s ease-in-out;
+    padding: 63px 63px;
+    position: relative;
+    text-align: center;
 }
 
 .slider-center .slick-center img {
-  -moz-transform: scale(1.9);
-  -ms-transform: scale(1.9);
-  -o-transform: scale(1.9);
-  -webkit-transform: scale(1.9);
-  opacity: 1;
-  transform: scale(1.9);
+    -moz-transform: scale(1.9);
+    -ms-transform: scale(1.9);
+    -o-transform: scale(1.9);
+    -webkit-transform: scale(1.9);
+    opacity: 1;
+    transform: scale(1.9);
 }
 
 .form-control {
-  width: 100%;
-  margin-bottom: 20px;
-  font-size: 14px;
-  border-radius: 4px;
-  -webkit-transition: all 0.3s;
-  -moz-transition: all 0.3s;
-  transition: all 0.3s;
-  padding: 8px 20px;
-  border: 1px solid #F7F7F7;
+    width: 100%;
+    margin-bottom: 20px;
+    font-size: 14px;
+    border-radius: 4px;
+    -webkit-transition: all 0.3s;
+    -moz-transition: all 0.3s;
+    transition: all 0.3s;
+    padding: 8px 20px;
+    border: 1px solid #F7F7F7;
 }
 
 .form-control:focus {
-  border-color: #3d60f4;
-  box-shadow: none;
-  outline: none;
+    border-color: #3d60f4;
+    box-shadow: none;
+    outline: none;
 }
 
 textarea {
-  border-radius: 4px !important;
+    border-radius: 4px !important;
 }
 
 .form-control:focus {
-  box-shadow: none;
-  outline: none;
+    box-shadow: none;
+    outline: none;
 }
 
 .btn.disabled,
 .btn:disabled {
-  opacity: 1;
+    opacity: 1;
 }
 
 .contact-form-area h2 {
-  font-size: 18px;
-  text-transform: uppercase;
+    font-size: 18px;
+    text-transform: uppercase;
 }
 
 .contact-right-area {
-  margin-left: 50px;
+    margin-left: 50px;
 }
 
 .contact-right-area .contact-title {
-  margin-bottom: 20px;
+    margin-bottom: 20px;
 }
 
 .contact-right-area .contact-title h1 {
-  font-size: 22px;
+    font-size: 22px;
 }
 
 .contact-right {
-  padding: 4px;
+    padding: 4px;
 }
 
 .contact-right .single-contact {
-  margin: 30px 0px;
-  padding: 3px 55px;
-  position: relative;
-  color: #abacae;
+    margin: 30px 0px;
+    padding: 3px 55px;
+    position: relative;
+    color: #abacae;
 }
 
 .contact-right .single-contact p {
-  margin-bottom: 0px;
+    margin-bottom: 0px;
 }
 
 .contact-right .single-contact p a {
-  color: #abacae;
+    color: #abacae;
 }
 
 .contact-right .contact-icon {
-  background: #3d60f4;
-  color: #fff;
-  border-radius: 4px;
-  font-size: 20px;
-  height: 40px;
-  left: 0;
-  padding-top: 8px;
-  position: absolute;
-  text-align: center;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-  transform: translateY(-50%);
-  width: 40px;
+    background: #3d60f4;
+    color: #fff;
+    border-radius: 4px;
+    font-size: 20px;
+    height: 40px;
+    left: 0;
+    padding-top: 8px;
+    position: absolute;
+    text-align: center;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%);
+    width: 40px;
 }
 
 #contact {
-  position: relative;
-  overflow: hidden;
+    position: relative;
+    overflow: hidden;
 }
 
 .text-danger {
-  font-size: 14px;
-  margin-top: 10px;
+    font-size: 14px;
+    margin-top: 10px;
 }
 
 .list-unstyled li {
-  color: #d9534f;
+    color: #d9534f;
 }
 
 #conatiner-map {
-  margin-top: 30px;
-  text-align: center;
-  background-color: #fff;
-  height: 480px;
-  -webkit-transition: all 0.3s;
-  -moz-transition: all 0.3s;
-  transition: all 0.3s;
-  z-index: 101;
-  width: 100%;
+    margin-top: 30px;
+    text-align: center;
+    background-color: #fff;
+    height: 480px;
+    -webkit-transition: all 0.3s;
+    -moz-transition: all 0.3s;
+    transition: all 0.3s;
+    z-index: 101;
+    width: 100%;
 }
 
 .h3 {
-  font-size: 16px;
-  margin-top: 26px;
+    font-size: 16px;
+    margin-top: 26px;
 }
 
 .subscribes {
-  background: #f8f9fb;
+    background: #f8f9fb;
 }
 
 .subscribes h4 {
-  text-align: center;
-  font-size: 40px;
+    text-align: center;
+    font-size: 40px;
 }
 
 .subscribes p {
-  font-size: 14px;
-  text-align: center;
-  margin-bottom: 30px;
+    font-size: 14px;
+    text-align: center;
+    margin-bottom: 30px;
 }
 
 .subscribe {
-  margin-top: 5px;
-  width: 100%;
-  text-align: center;
+    margin-top: 5px;
+    width: 100%;
+    text-align: center;
 }
 
 .subscribe .form-control {
-  width: 100%;
-  border-radius: 50px;
-  position: relative;
-  height: 52px;
-  border: 1px solid #3d60f4;
+    width: 100%;
+    border-radius: 50px;
+    position: relative;
+    height: 52px;
+    border: 1px solid #3d60f4;
 }
 
 .subscribe .btn-submit {
-  border: none;
-  cursor: pointer;
-  background: transparent;
+    border: none;
+    cursor: pointer;
+    background: transparent;
 }
 
 .subscribe .btn-submit i {
-  width: 48px;
-  height: 48px;
-  background: #3d60f4;
-  cursor: pointer;
-  display: block;
-  color: #fff;
-  line-height: 48px;
-  border-radius: 50%;
+    width: 48px;
+    height: 48px;
+    background: #3d60f4;
+    cursor: pointer;
+    display: block;
+    color: #fff;
+    line-height: 48px;
+    border-radius: 50%;
 }
 
 /* Footer Area Start */
 .footer-area {
-  background: #34363a;
+    background: #34363a;
 }
 
 .footer-area .footer-titel {
-  font-size: 20px;
-  color: #fff;
-  font-weight: 700;
-  padding-bottom: 10px;
-  letter-spacing: 0.5px;
+    font-size: 20px;
+    color: #fff;
+    font-weight: 700;
+    padding-bottom: 10px;
+    letter-spacing: 0.5px;
 }
 
 .footer-area ul li {
-  margin-bottom: 10px;
+    margin-bottom: 10px;
 }
 
 .footer-area ul li a {
-  color: #ccc;
-  font-size: 14px;
-  font-weight: 400;
+    color: #ccc;
+    font-size: 14px;
+    font-weight: 400;
 }
 
 .footer-area ul li a:hover {
-  color: #3d60f4;
+    color: #3d60f4;
 }
 
 .footer-area #subscribe-form {
-  margin-top: 15px;
+    margin-top: 15px;
 }
 
 .footer-area #subscribe-form .form-group {
-  position: relative;
+    position: relative;
 }
 
 .footer-area #subscribe-form .form-group .btn-common {
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 7px 15px;
-  height: 39px;
-  border-radius: 0;
-  background: transparent;
-  color: #3d60f4;
-  border-left: 1px solid #ddd;
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 7px 15px;
+    height: 39px;
+    border-radius: 0;
+    background: transparent;
+    color: #3d60f4;
+    border-left: 1px solid #ddd;
 }
 
 .copyright {
-  background: #34363a;
-  padding: 15px;
+    background: #34363a;
+    padding: 15px;
 }
 
 
 .copyright .footer-logo img {
-  width: 80%;
+    width: 80%;
 }
 
 .copyright p {
-  line-height: 60px;
-  color: #fff;
-  text-align: center;
-  margin: 0;
+    line-height: 60px;
+    color: #fff;
+    text-align: center;
+    margin: 0;
 }
 
 .copyright p a {
-  color: #fff;
+    color: #fff;
 }
 
 .copyright p a:hover {
-  color: #3d60f4;
-}
\ No newline at end of file
+    color: #3d60f4;
+}
diff --git a/index.html b/index.html
index c8ca2c8..43d9cc6 100755
--- a/index.html
+++ b/index.html
@@ -2,911 +2,904 @@
 <html lang="en">
 
 <head>
-  <!-- Required meta tags -->
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-  <title>Stack - Bootstrap 4 Business Template</title>
+    <title>Stack - Bootstrap 4 Business Template</title>
 
-  <!-- Bootstrap CSS -->
-  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
-  <!-- Icon -->
-  <link rel="stylesheet" href="assets/fonts/line-icons.css">
-  <!-- Slicknav -->
-  <link rel="stylesheet" href="assets/css/slicknav.css">
-  <!-- Owl carousel -->
-  <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
-  <link rel="stylesheet" href="assets/css/owl.theme.css">
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
+    <!-- Icon -->
+    <link rel="stylesheet" href="assets/fonts/line-icons.css">
+    <!-- Slicknav -->
+    <link rel="stylesheet" href="assets/css/slicknav.css">
+    <!-- Owl carousel -->
+    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
+    <link rel="stylesheet" href="assets/css/owl.theme.css">
 
-  <link rel="stylesheet" href="assets/css/magnific-popup.css">
-  <link rel="stylesheet" href="assets/css/nivo-lightbox.css">
-  <!-- Animate -->
-  <link rel="stylesheet" href="assets/css/animate.css">
-  <!-- Main Style -->
-  <link rel="stylesheet" href="assets/css/main.css">
-  <!-- Responsive Style -->
-  <link rel="stylesheet" href="assets/css/responsive.css">
+    <link rel="stylesheet" href="assets/css/magnific-popup.css">
+    <link rel="stylesheet" href="assets/css/nivo-lightbox.css">
+    <!-- Animate -->
+    <link rel="stylesheet" href="assets/css/animate.css">
+    <!-- Main Style -->
+    <link rel="stylesheet" href="assets/css/main.css">
+    <!-- Responsive Style -->
+    <link rel="stylesheet" href="assets/css/responsive.css">
 
 </head>
 
 <body>
 
-  <!-- Header Area wrapper Starts -->
-  <header id="header-wrap">
-    <!-- Navbar Start -->
-    <nav class="navbar navbar-expand-md bg-inverse fixed-top scrolling-navbar">
-      <div class="container">
-        <!-- Brand and toggle get grouped for better mobile display -->
-        <a href="index.html" class="navbar-brand"><img src="https://www.incubateind.com/images/logo.svg" alt=""
-            width="100"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
-          aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <i class="lni-menu"></i>
-        </button>
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-          <ul class="navbar-nav mr-auto w-100 justify-content-end clearfix">
-            <li class="nav-item active">
-              <a class="nav-link" href="#hero-area">
-                Home
-              </a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#feature">
-                Feature
-              </a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#services">
-                Services
-              </a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#team">
-                Team
-              </a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#pricing">
-                Pricing
-              </a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#testimonial">
-                Testimonial
-              </a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#blog">
-                Blog
-              </a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#contact">
-                Contact
-              </a>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </nav>
-    <!-- Navbar End -->
-
-    <!-- Hero Area Start -->
-    <div id="hero-area" class="hero-area-bg">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-12 col-sm-12">
-            <div class="contents text-left">
-              <h2 class="head-title wow fadeInUp">We Discover, Design & Build Digital <br> Presence of Businesses</h2>
-              <div class="header-button wow fadeInUp" data-wow-delay="0.3s">
-                <a href="#services" class="btn btn-common">Explore</a>
-              </div>
+    <!-- Header Area wrapper Starts -->
+    <header id="header-wrap">
+        <!-- Navbar Start -->
+        <nav class="navbar navbar-expand-md bg-inverse fixed-top scrolling-navbar">
+            <div class="container">
+                <!-- Brand and toggle get grouped for better mobile display -->
+                <a href="index.html" class="navbar-brand"><img src="https://www.incubateind.com/images/logo.svg" alt="" width="100"></a>
+                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+                    <i class="lni-menu"></i>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarCollapse">
+                    <ul class="navbar-nav mr-auto w-100 justify-content-end clearfix">
+                        <li class="nav-item active">
+                            <a class="nav-link" href="#hero-area">
+                                Home
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#feature">
+                                Feature
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#services">
+                                Services
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#team">
+                                Team
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#pricing">
+                                Pricing
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#testimonial">
+                                Testimonial
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#blog">
+                                Blog
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#contact">
+                                Contact
+                            </a>
+                        </li>
+                    </ul>
+                </div>
             </div>
-            <div class="img-thumb text-center wow fadeInUp" data-wow-delay="0.6s">
-              <img class="img-fluid" src="assets/img/hero-1.png" alt="">
+        </nav>
+        <!-- Navbar End -->
+
+        <!-- Hero Area Start -->
+        <div id="hero-area" class="hero-area-bg">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12 col-sm-12">
+                        <div class="contents text-center">
+                            <h2 class="head-title wow fadeInUp">We Discover, Design &#38; Build Digital <br> Presence of Businesses</h2>
+                            <div class="header-button wow fadeInUp" data-wow-delay="0.3s">
+                                <a href="#services" class="btn btn-common">Explore</a>
+                            </div>
+                        </div>
+                        <div class="img-thumb text-center wow fadeInUp" data-wow-delay="0.6s">
+                            <img class="img-fluid" src="assets/img/hero-1.png" alt="">
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
-    </div>
-    <!-- Hero Area End -->
+        <!-- Hero Area End -->
 
-  </header>
-  <!-- Header Area wrapper End -->
+    </header>
+    <!-- Header Area wrapper End -->
 
-  <!-- Feature Section Start -->
-  <div id="feature">
-    <div class="container-fluid">
-      <div class="row">
-        <div class="col-lg-6 col-md-12 col-sm-12">
-          <div class="text-wrapper">
-            <div>
-              <h2 class="title-hl wow fadeInLeft" data-wow-delay="0.3s">We are helping to grow <br> your business.</h2>
-              <p class="mb-4">A digital studio specialising in User Experience & eCommerce, we combine innovation with
-                digital craftsmanship to help brands fulfill their potential.</p>
-              <a href="#" class="btn btn-common">More About Us</a>
-            </div>
-          </div>
-        </div>
-        <div class="col-lg-6 col-md-12 col-sm-12 padding-none feature-bg">
-          <div class="feature-thumb">
-            <div class="feature-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
-              <div class="icon">
-                <i class="lni-microphone"></i>
-              </div>
-              <div class="feature-content">
-                <h3>What we do</h3>
-                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia con- sequuntur
-                  magni dolores </p>
-              </div>
-            </div>
-            <div class="feature-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="500ms">
-              <div class="icon">
-                <i class="lni-users"></i>
-              </div>
-              <div class="feature-content">
-                <h3>Meet our team</h3>
-                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia con- sequuntur
-                  magni dolores </p>
-              </div>
-            </div>
-            <div class="feature-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="700ms">
-              <div class="icon">
-                <i class="lni-medall-alt"></i>
-              </div>
-              <div class="feature-content">
-                <h3>Our Creation</h3>
-                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia con- sequuntur
-                  magni dolores </p>
-              </div>
+    <!-- Feature Section Start -->
+    <div id="feature">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-6 col-md-12 col-sm-12">
+                    <div class="text-wrapper">
+                        <div>
+                            <h2 class="title-hl wow fadeInLeft" data-wow-delay="0.3s">We are helping to grow <br> your business.</h2>
+                            <p class="mb-4">A digital studio specialising in User Experience & eCommerce, we combine innovation with
+                                digital craftsmanship to help brands fulfill their potential.</p>
+                            <a href="#" class="btn btn-common">More About Us</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-6 col-md-12 col-sm-12 padding-none feature-bg">
+                    <div class="feature-thumb">
+                        <div class="feature-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
+                            <div class="icon">
+                                <i class="lni-microphone"></i>
+                            </div>
+                            <div class="feature-content">
+                                <h3>What we do</h3>
+                                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia con- sequuntur
+                                    magni dolores </p>
+                            </div>
+                        </div>
+                        <div class="feature-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="500ms">
+                            <div class="icon">
+                                <i class="lni-users"></i>
+                            </div>
+                            <div class="feature-content">
+                                <h3>Meet our team</h3>
+                                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia con- sequuntur
+                                    magni dolores </p>
+                            </div>
+                        </div>
+                        <div class="feature-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="700ms">
+                            <div class="icon">
+                                <i class="lni-medall-alt"></i>
+                            </div>
+                            <div class="feature-content">
+                                <h3>Our Creation</h3>
+                                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia con- sequuntur
+                                    magni dolores </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
     </div>
-  </div>
-  <!-- Feature Section End -->
+    <!-- Feature Section End -->
 
-  <!-- Services Section Start -->
-  <section id="services" class="section-padding bg-gray">
-    <div class="container">
-      <div class="section-header text-center">
-        <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Our Services</h2>
-        <p>A desire to help and empower others between community contributors in technology <br> began to grow in 2020.
-        </p>
-      </div>
-      <div class="row">
-        <!-- Services item -->
-        <div class="col-md-6 col-lg-4 col-xs-12">
-          <div class="services-item wow fadeInRight" data-wow-delay="0.3s">
-            <div class="icon">
-              <i class="lni-pencil"></i>
-            </div>
-            <div class="services-content">
-              <h3><a href="#">Content Writing</a></h3>
-              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perspiciatis dicta labore nulla beatae
-                quaerat quia incidunt laborum aspernatur...</p>
-            </div>
-          </div>
-        </div>
-        <!-- Services item -->
-        <div class="col-md-6 col-lg-4 col-xs-12">
-          <div class="services-item wow fadeInRight" data-wow-delay="0.6s">
-            <div class="icon">
-              <i class="lni-briefcase"></i>
-            </div>
-            <div class="services-content">
-              <h3><a href="#">Digital Marketing</a></h3>
-              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perspiciatis dicta labore nulla beatae
-                quaerat quia incidunt laborum aspernatur...</p>
-            </div>
-          </div>
-        </div>
-        <!-- Services item -->
-        <div class="col-md-6 col-lg-4 col-xs-12">
-          <div class="services-item wow fadeInRight" data-wow-delay="0.9s">
-            <div class="icon">
-              <i class="lni-cog"></i>
-            </div>
-            <div class="services-content">
-              <h3><a href="#">Web Development</a></h3>
-              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perspiciatis dicta labore nulla beatae
-                quaerat quia incidunt laborum aspernatur...</p>
-            </div>
-          </div>
-        </div>
-        <!-- Services item -->
-        <div class="col-md-6 col-lg-4 col-xs-12">
-          <div class="services-item wow fadeInRight" data-wow-delay="1.2s">
-            <div class="icon">
-              <i class="lni-mobile"></i>
-            </div>
-            <div class="services-content">
-              <h3><a href="#">IOS & Android</a></h3>
-              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perspiciatis dicta labore nulla beatae
-                quaerat quia incidunt laborum aspernatur...</p>
-            </div>
-          </div>
-        </div>
-        <!-- Services item -->
-        <div class="col-md-6 col-lg-4 col-xs-12">
-          <div class="services-item wow fadeInRight" data-wow-delay="1.5s">
-            <div class="icon">
-              <i class="lni-layers"></i>
-            </div>
-            <div class="services-content">
-              <h3><a href="#">UI/UX Design</a></h3>
-              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perspiciatis dicta labore nulla beatae
-                quaerat quia incidunt laborum aspernatur...</p>
-            </div>
-          </div>
-        </div>
-        <!-- Services item -->
-        <div class="col-md-6 col-lg-4 col-xs-12">
-          <div class="services-item wow fadeInRight" data-wow-delay="1.8s">
-            <div class="icon">
-              <i class="lni-rocket"></i>
-            </div>
-            <div class="services-content">
-              <h3><a href="#">Branding & Identity</a></h3>
-              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perspiciatis dicta labore nulla beatae
-                quaerat quia incidunt laborum aspernatur...</p>
+    <!-- Services Section Start -->
+    <section id="services" class="section-padding bg-gray">
+        <div class="container">
+            <div class="section-header text-center">
+                <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Our Services</h2>
+                <p>A desire to help and empower others between community contributors in technology <br> began to grow in 2020.
+                </p>
+            </div>
+            <div class="row">
+                <!-- Services item -->
+                <div class="col-md-6 col-lg-4 col-xs-12">
+                    <div class="services-item wow fadeInRight" data-wow-delay="0.3s">
+                        <div class="icon">
+                            <i class="lni-pencil"></i>
+                        </div>
+                        <div class="services-content">
+                            <h3><a href="#">Content Writing</a></h3>
+                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perspiciatis dicta labore nulla beatae
+                                quaerat quia incidunt laborum aspernatur...</p>
+                        </div>
+                    </div>
+                </div>
+                <!-- Services item -->
+                <div class="col-md-6 col-lg-4 col-xs-12">
+                    <div class="services-item wow fadeInRight" data-wow-delay="0.6s">
+                        <div class="icon">
+                            <i class="lni-briefcase"></i>
+                        </div>
+                        <div class="services-content">
+                            <h3><a href="#">Digital Marketing</a></h3>
+                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perspiciatis dicta labore nulla beatae
+                                quaerat quia incidunt laborum aspernatur...</p>
+                        </div>
+                    </div>
+                </div>
+                <!-- Services item -->
+                <div class="col-md-6 col-lg-4 col-xs-12">
+                    <div class="services-item wow fadeInRight" data-wow-delay="0.9s">
+                        <div class="icon">
+                            <i class="lni-cog"></i>
+                        </div>
+                        <div class="services-content">
+                            <h3><a href="#">Web Development</a></h3>
+                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perspiciatis dicta labore nulla beatae
+                                quaerat quia incidunt laborum aspernatur...</p>
+                        </div>
+                    </div>
+                </div>
+                <!-- Services item -->
+                <div class="col-md-6 col-lg-4 col-xs-12">
+                    <div class="services-item wow fadeInRight" data-wow-delay="1.2s">
+                        <div class="icon">
+                            <i class="lni-mobile"></i>
+                        </div>
+                        <div class="services-content">
+                            <h3><a href="#">IOS & Android</a></h3>
+                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perspiciatis dicta labore nulla beatae
+                                quaerat quia incidunt laborum aspernatur...</p>
+                        </div>
+                    </div>
+                </div>
+                <!-- Services item -->
+                <div class="col-md-6 col-lg-4 col-xs-12">
+                    <div class="services-item wow fadeInRight" data-wow-delay="1.5s">
+                        <div class="icon">
+                            <i class="lni-layers"></i>
+                        </div>
+                        <div class="services-content">
+                            <h3><a href="#">UI/UX Design</a></h3>
+                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perspiciatis dicta labore nulla beatae
+                                quaerat quia incidunt laborum aspernatur...</p>
+                        </div>
+                    </div>
+                </div>
+                <!-- Services item -->
+                <div class="col-md-6 col-lg-4 col-xs-12">
+                    <div class="services-item wow fadeInRight" data-wow-delay="1.8s">
+                        <div class="icon">
+                            <i class="lni-rocket"></i>
+                        </div>
+                        <div class="services-content">
+                            <h3><a href="#">Branding & Identity</a></h3>
+                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perspiciatis dicta labore nulla beatae
+                                quaerat quia incidunt laborum aspernatur...</p>
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!-- Services Section End -->
-
-  <!-- Start Video promo Section -->
-  <section class="video-promo section-padding">
-    <div class="overlay"></div>
-    <div class="container">
-      <div class="row">
-        <div class="col-md-12 col-sm-12">
-          <div class="video-promo-content text-center wow fadeInUp" data-wow-delay="0.3s">
-            <a href="https://www.youtube.com/watch?v=yP6kdOZHids" class="video-popup"><i class="lni-film-play"></i></a>
-            <h2 class="mt-3 wow zoomIn" data-wow-duration="1000ms" data-wow-delay="100ms">Watch Video</h2>
-          </div>
         </div>
-      </div>
-    </div>
-  </section>
-  <!-- End Video Promo Section -->
+    </section>
+    <!-- Services Section End -->
 
-  <!-- Team Section Start -->
-  <section id="team" class="section-padding text-center">
-    <div class="container">
-      <div class="section-header text-center">
-        <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Meet our team</h2>
-        <p>A desire to help and empower others between community contributors in technology <br> began to grow in 2020.
-        </p>
-      </div>
-      <div class="row">
-        <div class="col-sm-6 col-md-6 col-lg-3">
-          <!-- Team Item Starts -->
-          <div class="team-item text-center wow fadeInRight" data-wow-delay="0.3s">
-            <div class="team-img">
-              <img class="img-fluid" src="assets/img/team/team-01.png" alt="">
-              <div class="team-overlay">
-                <div class="overlay-social-icon text-center">
-                  <ul class="social-icons">
-                    <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
-                    <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
-                    <li><a href="#"><i class="lni-instagram-filled" aria-hidden="true"></i></a></li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-            <div class="info-text">
-              <h3><a href="#">David Smith</a></h3>
-              <p>Chief Operating Officer</p>
-            </div>
-          </div>
-          <!-- Team Item Ends -->
-        </div>
-        <div class="col-sm-6 col-md-6 col-lg-3">
-          <!-- Team Item Starts -->
-          <div class="team-item text-center wow fadeInRight" data-wow-delay="0.6s">
-            <div class="team-img">
-              <img class="img-fluid" src="assets/img/team/team-02.png" alt="">
-              <div class="team-overlay">
-                <div class="overlay-social-icon text-center">
-                  <ul class="social-icons">
-                    <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
-                    <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
-                    <li><a href="#"><i class="lni-instagram-filled" aria-hidden="true"></i></a></li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-            <div class="info-text">
-              <h3><a href="#">Eric Peterson</a></h3>
-              <p>Product Designer</p>
+    <!-- Start Video promo Section -->
+    <section class="video-promo section-padding">
+        <div class="overlay"></div>
+        <div class="container">
+            <div class="row">
+                <div class="col-md-12 col-sm-12">
+                    <div class="video-promo-content text-center wow fadeInUp" data-wow-delay="0.3s">
+                        <a href="https://www.youtube.com/watch?v=yP6kdOZHids" class="video-popup"><i class="lni-film-play"></i></a>
+                        <h2 class="mt-3 wow zoomIn" data-wow-duration="1000ms" data-wow-delay="100ms">Watch Video</h2>
+                    </div>
+                </div>
             </div>
-          </div>
-          <!-- Team Item Ends -->
         </div>
+    </section>
+    <!-- End Video Promo Section -->
 
-        <div class="col-sm-6 col-md-6 col-lg-3">
-          <!-- Team Item Starts -->
-          <div class="team-item text-center wow fadeInRight" data-wow-delay="0.9s">
-            <div class="team-img">
-              <img class="img-fluid" src="assets/img/team/team-03.png" alt="">
-              <div class="team-overlay">
-                <div class="overlay-social-icon text-center">
-                  <ul class="social-icons">
-                    <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
-                    <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
-                    <li><a href="#"><i class="lni-instagram-filled" aria-hidden="true"></i></a></li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-            <div class="info-text">
-              <h3><a href="#">Durwin Babb</a></h3>
-              <p>Lead Designer</p>
-            </div>
-          </div>
-          <!-- Team Item Ends -->
-        </div>
+    <!-- Team Section Start -->
+    <section id="team" class="section-padding text-center">
+        <div class="container">
+            <div class="section-header text-center">
+                <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Meet our team</h2>
+                <p>A desire to help and empower others between community contributors in technology <br> began to grow in 2020.
+                </p>
+            </div>
+            <div class="row">
+                <div class="col-sm-6 col-md-6 col-lg-3">
+                    <!-- Team Item Starts -->
+                    <div class="team-item text-center wow fadeInRight" data-wow-delay="0.3s">
+                        <div class="team-img">
+                            <img class="img-fluid" src="assets/img/team/team-01.png" alt="">
+                            <div class="team-overlay">
+                                <div class="overlay-social-icon text-center">
+                                    <ul class="social-icons">
+                                        <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
+                                        <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
+                                        <li><a href="#"><i class="lni-instagram-filled" aria-hidden="true"></i></a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="info-text">
+                            <h3><a href="#">David Smith</a></h3>
+                            <p>Chief Operating Officer</p>
+                        </div>
+                    </div>
+                    <!-- Team Item Ends -->
+                </div>
+                <div class="col-sm-6 col-md-6 col-lg-3">
+                    <!-- Team Item Starts -->
+                    <div class="team-item text-center wow fadeInRight" data-wow-delay="0.6s">
+                        <div class="team-img">
+                            <img class="img-fluid" src="assets/img/team/team-02.png" alt="">
+                            <div class="team-overlay">
+                                <div class="overlay-social-icon text-center">
+                                    <ul class="social-icons">
+                                        <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
+                                        <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
+                                        <li><a href="#"><i class="lni-instagram-filled" aria-hidden="true"></i></a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="info-text">
+                            <h3><a href="#">Eric Peterson</a></h3>
+                            <p>Product Designer</p>
+                        </div>
+                    </div>
+                    <!-- Team Item Ends -->
+                </div>
 
-        <div class="col-sm-6 col-md-6 col-lg-3">
-          <!-- Team Item Starts -->
-          <div class="team-item text-center wow fadeInRight" data-wow-delay="1.2s">
-            <div class="team-img">
-              <img class="img-fluid" src="assets/img/team/team-04.png" alt="">
-              <div class="team-overlay">
-                <div class="overlay-social-icon text-center">
-                  <ul class="social-icons">
-                    <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
-                    <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
-                    <li><a href="#"><i class="lni-instagram-filled" aria-hidden="true"></i></a></li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-            <div class="info-text">
-              <h3><a href="#">Marijn Otte</a></h3>
-              <p>Front-end Developer</p>
-            </div>
-          </div>
-          <!-- Team Item Ends -->
-        </div>
+                <div class="col-sm-6 col-md-6 col-lg-3">
+                    <!-- Team Item Starts -->
+                    <div class="team-item text-center wow fadeInRight" data-wow-delay="0.9s">
+                        <div class="team-img">
+                            <img class="img-fluid" src="assets/img/team/team-03.png" alt="">
+                            <div class="team-overlay">
+                                <div class="overlay-social-icon text-center">
+                                    <ul class="social-icons">
+                                        <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
+                                        <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
+                                        <li><a href="#"><i class="lni-instagram-filled" aria-hidden="true"></i></a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="info-text">
+                            <h3><a href="#">Durwin Babb</a></h3>
+                            <p>Lead Designer</p>
+                        </div>
+                    </div>
+                    <!-- Team Item Ends -->
+                </div>
 
-      </div>
-    </div>
-  </section>
-  <!-- Team Section End -->
+                <div class="col-sm-6 col-md-6 col-lg-3">
+                    <!-- Team Item Starts -->
+                    <div class="team-item text-center wow fadeInRight" data-wow-delay="1.2s">
+                        <div class="team-img">
+                            <img class="img-fluid" src="assets/img/team/team-04.png" alt="">
+                            <div class="team-overlay">
+                                <div class="overlay-social-icon text-center">
+                                    <ul class="social-icons">
+                                        <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
+                                        <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
+                                        <li><a href="#"><i class="lni-instagram-filled" aria-hidden="true"></i></a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="info-text">
+                            <h3><a href="#">Marijn Otte</a></h3>
+                            <p>Front-end Developer</p>
+                        </div>
+                    </div>
+                    <!-- Team Item Ends -->
+                </div>
 
-  <!-- Counter Section Start -->
-  <section id="counter" class="section-padding">
-    <div class="overlay"></div>
-    <div class="container">
-      <div class="row justify-content-between">
-        <div class="col-lg-12 col-md-12 col-xs-12">
-          <div class="row">
-            <!-- Start counter -->
-            <div class="col-lg-3 col-md-6 col-xs-12">
-              <div class="counter-box wow fadeInUp" data-wow-delay="0.2s">
-                <div class="icon-o"><i class="lni-users"></i></div>
-                <div class="fact-count">
-                  <h3><span class="counter">23576</span></h3>
-                  <p>Users</p>
-                </div>
-              </div>
-            </div>
-            <!-- End counter -->
-            <!-- Start counter -->
-            <div class="col-lg-3 col-md-6 col-xs-12">
-              <div class="counter-box wow fadeInUp" data-wow-delay="0.4s">
-                <div class="icon-o"><i class="lni-emoji-smile"></i></div>
-                <div class="fact-count">
-                  <h3><span class="counter">2124</span></h3>
-                  <p>Positive Reviews</p>
-                </div>
-              </div>
-            </div>
-            <!-- End counter -->
-            <!-- Start counter -->
-            <div class="col-lg-3 col-md-6 col-xs-12">
-              <div class="counter-box wow fadeInUp" data-wow-delay="0.6s">
-                <div class="icon-o"><i class="lni-download"></i></div>
-                <div class="fact-count">
-                  <h3><span class="counter">54598</span></h3>
-                  <p>Downloads</p>
-                </div>
-              </div>
             </div>
-            <!-- End counter -->
-            <!-- Start counter -->
-            <div class="col-lg-3 col-md-6 col-xs-12">
-              <div class="counter-box wow fadeInUp" data-wow-delay="0.8s">
-                <div class="icon-o"><i class="lni-thumbs-up"></i></div>
-                <div class="fact-count">
-                  <h3><span class="counter">3212</span></h3>
-                  <p>Followers</p>
-                </div>
-              </div>
-            </div>
-            <!-- End counter -->
-          </div>
         </div>
-      </div>
-    </div>
-  </section>
-  <!-- Counter Section End -->
+    </section>
+    <!-- Team Section End -->
 
-  <!-- Pricing section Start -->
-  <section id="pricing" class="section-padding bg-gray">
-    <div class="container">
-      <div class="section-header text-center">
-        <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Best Pricing</h2>
-        <p>A desire to help and empower others between community contributors in technology <br> began to grow in 2020.
-        </p>
-      </div>
-      <div class="row">
-        <div class="col-lg-4 col-md-6 col-xs-12">
-          <div class="table wow fadeInLeft" data-wow-delay="1.2s">
-            <div class="title">
-              <h3>Basic</h3>
-            </div>
-            <div class="pricing-header">
-              <p class="price-value">$12.90<span>/ Month</span></p>
-            </div>
-            <ul class="description">
-              <li>Business Analyzing</li>
-              <li>24/7 Tech Suport</li>
-              <li>Operational Excellence</li>
-              <li>Business Idea Ready</li>
-              <li>2 Database</li>
-              <li>Customer Support</li>
-            </ul>
-            <button class="btn btn-common">Get It</button>
-          </div>
-        </div>
-        <div class="col-lg-4 col-md-6 col-xs-12 active">
-          <div class="table wow fadeInUp" id="active-tb" data-wow-delay="1.2s">
-            <div class="title">
-              <h3>Profesional</h3>
-            </div>
-            <div class="pricing-header">
-              <p class="price-value">$49.90<span>/ Month</span></p>
-            </div>
-            <ul class="description">
-              <li>Business Analyzing</li>
-              <li>24/7 Tech Suport</li>
-              <li>Operational Excellence</li>
-              <li>Business Idea Ready</li>
-              <li>2 Database</li>
-              <li>Customer Support</li>
-            </ul>
-            <button class="btn btn-common">Get It</button>
-          </div>
-        </div>
-        <div class="col-lg-4 col-md-6 col-xs-12">
-          <div class="table wow fadeInRight" data-wow-delay="1.2s">
-            <div class="title">
-              <h3>Expert</h3>
-            </div>
-            <div class="pricing-header">
-              <p class="price-value">$89.90<span>/ Month</span></p>
+    <!-- Counter Section Start -->
+    <section id="counter" class="section-padding">
+        <div class="overlay"></div>
+        <div class="container">
+            <div class="row justify-content-between">
+                <div class="col-lg-12 col-md-12 col-xs-12">
+                    <div class="row">
+                        <!-- Start counter -->
+                        <div class="col-lg-3 col-md-6 col-xs-12">
+                            <div class="counter-box wow fadeInUp" data-wow-delay="0.2s">
+                                <div class="icon-o"><i class="lni-users"></i></div>
+                                <div class="fact-count">
+                                    <h3><span class="counter">23576</span></h3>
+                                    <p>Users</p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- End counter -->
+                        <!-- Start counter -->
+                        <div class="col-lg-3 col-md-6 col-xs-12">
+                            <div class="counter-box wow fadeInUp" data-wow-delay="0.4s">
+                                <div class="icon-o"><i class="lni-emoji-smile"></i></div>
+                                <div class="fact-count">
+                                    <h3><span class="counter">2124</span></h3>
+                                    <p>Positive Reviews</p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- End counter -->
+                        <!-- Start counter -->
+                        <div class="col-lg-3 col-md-6 col-xs-12">
+                            <div class="counter-box wow fadeInUp" data-wow-delay="0.6s">
+                                <div class="icon-o"><i class="lni-download"></i></div>
+                                <div class="fact-count">
+                                    <h3><span class="counter">54598</span></h3>
+                                    <p>Downloads</p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- End counter -->
+                        <!-- Start counter -->
+                        <div class="col-lg-3 col-md-6 col-xs-12">
+                            <div class="counter-box wow fadeInUp" data-wow-delay="0.8s">
+                                <div class="icon-o"><i class="lni-thumbs-up"></i></div>
+                                <div class="fact-count">
+                                    <h3><span class="counter">3212</span></h3>
+                                    <p>Followers</p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- End counter -->
+                    </div>
+                </div>
             </div>
-            <ul class="description">
-              <li>Business Analyzing</li>
-              <li>24/7 Tech Suport</li>
-              <li>Operational Excellence</li>
-              <li>Business Idea Ready</li>
-              <li>2 Database</li>
-              <li>Customer Support</li>
-            </ul>
-            <button class="btn btn-common">Get It</button>
-          </div>
         </div>
-      </div>
-    </div>
-  </section>
-  <!-- Pricing Table Section End -->
+    </section>
+    <!-- Counter Section End -->
 
-  <div class="skill-area section-padding">
-    <div class="container">
-      <div class="row">
-        <div class="col-lg-6 col-md-12 col-xs-12 wow fadeInLeft" data-wow-delay="0.3s">
-          <img class="img-fluid" src="assets/img/about/img-1.jpg" alt="">
-        </div>
-        <div class="col-lg-6 col-md-12 col-xs-12 info wow fadeInRight" data-wow-delay="0.3s">
-          <div class="site-heading">
-            <h2 class="section-title">Our <span>Skill</span></h2>
-            <p>
-              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus architecto laudantium dolorem, aut
-              aspernatur modi minima alias provident obcaecati! Minima odio porro nemo magnam dolore minus asperiores
-              veniam dolorum est!
-            </p>
-            <p>
-              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, nesciunt possimus quaerat ipsam, corporis
-              architecto aspernatur non aut! Dolorum consectetur placeat excepturi, perspiciatis sunt.
-            </p>
-          </div>
-          <div class="skills-section">
-            <!-- Progress Bar Start -->
-            <div class="progress-box">
-              <h5>Strategy &amp; Analysis <span class="pull-right">88%</span></h5>
-              <div class="progress" style="opacity: 1; left: 0px;">
-                <!-- FIX THA PROGRESS BAR -->
-                <div class="progress-bar" role="progressbar" data-width="87" style="width: 10%;"></div>
-              </div>
-            </div>
-            <div class="progress-box">
-              <h5>Eeconomic growth <span class="pull-right">95%</span></h5>
-              <div class="progress" style="opacity: 1; left: 0px;">
-                <!-- FIX THA PROGRESS BAR -->
-                <div class="progress-bar" role="progressbar" data-width="96" style="width: 6%;"></div>
-              </div>
-            </div>
-            <div class="progress-box">
-              <h5>Achieves goals <span class="pull-right">70%</span></h5>
-              <div class="progress" style="opacity: 1; left: 0px;">
-                <!-- FIX THA PROGRESS BAR -->
-                <div class="progress-bar" role="progressbar" data-width="52" style="width: 2%;"></div>
-              </div>
+    <!-- Pricing section Start -->
+    <section id="pricing" class="section-padding bg-gray">
+        <div class="container">
+            <div class="section-header text-center">
+                <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Best Pricing</h2>
+                <p>A desire to help and empower others between community contributors in technology <br> began to grow in 2020.
+                </p>
+            </div>
+            <div class="row">
+                <div class="col-lg-4 col-md-6 col-xs-12">
+                    <div class="table wow fadeInLeft" data-wow-delay="1.2s">
+                        <div class="title">
+                            <h3>Basic</h3>
+                        </div>
+                        <div class="pricing-header">
+                            <p class="price-value">$12.90<span>/ Month</span></p>
+                        </div>
+                        <ul class="description">
+                            <li>Business Analyzing</li>
+                            <li>24/7 Tech Suport</li>
+                            <li>Operational Excellence</li>
+                            <li>Business Idea Ready</li>
+                            <li>2 Database</li>
+                            <li>Customer Support</li>
+                        </ul>
+                        <button class="btn btn-common">Get It</button>
+                    </div>
+                </div>
+                <div class="col-lg-4 col-md-6 col-xs-12 active">
+                    <div class="table wow fadeInUp" id="active-tb" data-wow-delay="1.2s">
+                        <div class="title">
+                            <h3>Profesional</h3>
+                        </div>
+                        <div class="pricing-header">
+                            <p class="price-value">$49.90<span>/ Month</span></p>
+                        </div>
+                        <ul class="description">
+                            <li>Business Analyzing</li>
+                            <li>24/7 Tech Suport</li>
+                            <li>Operational Excellence</li>
+                            <li>Business Idea Ready</li>
+                            <li>2 Database</li>
+                            <li>Customer Support</li>
+                        </ul>
+                        <button class="btn btn-common">Get It</button>
+                    </div>
+                </div>
+                <div class="col-lg-4 col-md-6 col-xs-12">
+                    <div class="table wow fadeInRight" data-wow-delay="1.2s">
+                        <div class="title">
+                            <h3>Expert</h3>
+                        </div>
+                        <div class="pricing-header">
+                            <p class="price-value">$89.90<span>/ Month</span></p>
+                        </div>
+                        <ul class="description">
+                            <li>Business Analyzing</li>
+                            <li>24/7 Tech Suport</li>
+                            <li>Operational Excellence</li>
+                            <li>Business Idea Ready</li>
+                            <li>2 Database</li>
+                            <li>Customer Support</li>
+                        </ul>
+                        <button class="btn btn-common">Get It</button>
+                    </div>
+                </div>
             </div>
-            <!-- End Progressbar -->
-          </div>
         </div>
-      </div>
-    </div>
-  </div>
+    </section>
+    <!-- Pricing Table Section End -->
 
-  <!-- Testimonial Section Start -->
-  <section id="testimonial" class="testimonial section-padding">
-    <div class="overlay"></div>
-    <div class="container">
-      <div class="row justify-content-center">
-        <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12">
-          <div id="testimonials" class="owl-carousel wow fadeInUp" data-wow-delay="1.2s">
-            <div class="item">
-              <div class="testimonial-item">
-                <div class="img-thumb">
-                  <img src="assets/img/testimonial/img1.jpg" alt="">
-                </div>
-                <div class="info">
-                  <h2><a href="#">Grenchen Pearce</a></h2>
-                  <h3><a href="#">Boston Brothers co.</a></h3>
-                </div>
-                <div class="content">
-                  <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely
-                    enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total
-                    linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective
-                    web-readiness. </p>
-                </div>
-              </div>
-            </div>
-            <div class="item">
-              <div class="testimonial-item">
-                <div class="img-thumb">
-                  <img src="assets/img/testimonial/img2.jpg" alt="">
-                </div>
-                <div class="info">
-                  <h2><a href="#">Domeni GEsson</a></h2>
-                  <h3><a href="#">Awesome Technology co.</a></h3>
-                </div>
-                <div class="content">
-                  <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely
-                    enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total
-                    linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective
-                    web-readiness. </p>
-                </div>
-              </div>
-            </div>
-            <div class="item">
-              <div class="testimonial-item">
-                <div class="img-thumb">
-                  <img src="assets/img/testimonial/img3.jpg" alt="">
-                </div>
-                <div class="info">
-                  <h2><a href="#">Dommini Albert</a></h2>
-                  <h3><a href="#">Nesnal Design co.</a></h3>
-                </div>
-                <div class="content">
-                  <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely
-                    enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total
-                    linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective
-                    web-readiness. </p>
-                </div>
-              </div>
-            </div>
-            <div class="item">
-              <div class="testimonial-item">
-                <div class="img-thumb">
-                  <img src="assets/img/testimonial/img4.png" alt="">
-                </div>
-                <div class="info">
-                  <h2><a href="#">Fernanda Anaya</a></h2>
-                  <h3><a href="#">Developer</a></h3>
-                </div>
-                <div class="content">
-                  <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely
-                    enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total
-                    linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective
-                    web-readiness. </p>
-                </div>
-              </div>
-            </div>
-            <div class="item">
-              <div class="testimonial-item">
-                <div class="img-thumb">
-                  <img src="assets/img/testimonial/img5.png" alt="">
-                </div>
-                <div class="info">
-                  <h2><a href="#">Jason A.</a></h2>
-                  <h3><a href="#">Designer</a></h3>
-                </div>
-                <div class="content">
-                  <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely
-                    enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total
-                    linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective
-                    web-readiness. </p>
-                </div>
-              </div>
+    <div class="skill-area section-padding">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-6 col-md-12 col-xs-12 wow fadeInLeft" data-wow-delay="0.3s">
+                    <img class="img-fluid" src="assets/img/about/img-1.jpg" alt="">
+                </div>
+                <div class="col-lg-6 col-md-12 col-xs-12 info wow fadeInRight" data-wow-delay="0.3s">
+                    <div class="site-heading">
+                        <h2 class="section-title">Our <span>Skill</span></h2>
+                        <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus architecto laudantium dolorem, aut
+                            aspernatur modi minima alias provident obcaecati! Minima odio porro nemo magnam dolore minus asperiores
+                            veniam dolorum est!
+                        </p>
+                        <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, nesciunt possimus quaerat ipsam, corporis
+                            architecto aspernatur non aut! Dolorum consectetur placeat excepturi, perspiciatis sunt.
+                        </p>
+                    </div>
+                    <div class="skills-section">
+                        <!-- Progress Bar Start -->
+                        <div class="progress-box">
+                            <h5>Strategy &amp; Analysis <span class="pull-right">88%</span></h5>
+                            <div class="progress" style="opacity: 1; left: 0px;">
+                                <!-- FIX THA PROGRESS BAR -->
+                                <div class="progress-bar" role="progressbar" data-width="87" style="width: 88%;"></div>
+                            </div>
+                        </div>
+                        <div class="progress-box">
+                            <h5>Eeconomic growth <span class="pull-right">95%</span></h5>
+                            <div class="progress" style="opacity: 1; left: 0px;">
+                                <!-- FIX THA PROGRESS BAR -->
+                                <div class="progress-bar" role="progressbar" data-width="96" style="width: 95%;"></div>
+                            </div>
+                        </div>
+                        <div class="progress-box">
+                            <h5>Achieves goals <span class="pull-right">70%</span></h5>
+                            <div class="progress" style="opacity: 1; left: 0px;">
+                                <!-- FIX THA PROGRESS BAR -->
+                                <div class="progress-bar" role="progressbar" data-width="52" style="width: 70%;"></div>
+                            </div>
+                        </div>
+                        <!-- End Progressbar -->
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
     </div>
-  </section>
-  <!-- Testimonial Section End -->
 
-  <!-- Blog Section -->
-  <section id="blog" class="section-padding">
-    <!-- Container Starts -->
-    <div class="container">
-      <div class="section-header text-center">
-        <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Latest blog</h2>
-        <p>A desire to help and empower others between community contributors in technology <br> began to grow in 2020.
-        </p>
-      </div>
-      <div class="row">
-        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 blog-item">
-          <!-- Blog Item Starts -->
-          <div class="blog-item-wrapper wow fadeInLeft" data-wow-delay="0.3s">
-            <div class="blog-item-img">
-              <a href="single-post.html">
-                <img src="assets/img/blog/img1.jpg" alt="">
-              </a>
-            </div>
-            <div class="blog-item-text">
-              <h3>
-                <a href="single-post.html">Suspendisse dictum non velit</a>
-              </h3>
-              <p>
-                Nunc in mauris a ante rhoncus tristique vitae et nisl. Quisque ullamcorper rutrum lacinia. Integer
-                varius ornare egestas.
-              </p>
-              <a href="single-post.html" class="btn btn-common btn-rm">Read More</a>
+    <!-- Testimonial Section Start -->
+    <section id="testimonial" class="testimonial section-padding">
+        <div class="overlay"></div>
+        <div class="container">
+            <div class="row justify-content-center">
+                <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12">
+                    <div id="testimonials" class="owl-carousel wow fadeInUp" data-wow-delay="1.2s">
+                        <div class="item">
+                            <div class="testimonial-item">
+                                <div class="img-thumb">
+                                    <img src="assets/img/testimonial/img1.jpg" alt="">
+                                </div>
+                                <div class="info">
+                                    <h2><a href="#">Grenchen Pearce</a></h2>
+                                    <h3><a href="#">Boston Brothers co.</a></h3>
+                                </div>
+                                <div class="content">
+                                    <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely
+                                        enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total
+                                        linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective
+                                        web-readiness. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item">
+                            <div class="testimonial-item">
+                                <div class="img-thumb">
+                                    <img src="assets/img/testimonial/img2.jpg" alt="">
+                                </div>
+                                <div class="info">
+                                    <h2><a href="#">Domeni GEsson</a></h2>
+                                    <h3><a href="#">Awesome Technology co.</a></h3>
+                                </div>
+                                <div class="content">
+                                    <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely
+                                        enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total
+                                        linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective
+                                        web-readiness. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item">
+                            <div class="testimonial-item">
+                                <div class="img-thumb">
+                                    <img src="assets/img/testimonial/img3.jpg" alt="">
+                                </div>
+                                <div class="info">
+                                    <h2><a href="#">Dommini Albert</a></h2>
+                                    <h3><a href="#">Nesnal Design co.</a></h3>
+                                </div>
+                                <div class="content">
+                                    <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely
+                                        enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total
+                                        linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective
+                                        web-readiness. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item">
+                            <div class="testimonial-item">
+                                <div class="img-thumb">
+                                    <img src="assets/img/testimonial/img4.png" alt="">
+                                </div>
+                                <div class="info">
+                                    <h2><a href="#">Fernanda Anaya</a></h2>
+                                    <h3><a href="#">Developer</a></h3>
+                                </div>
+                                <div class="content">
+                                    <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely
+                                        enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total
+                                        linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective
+                                        web-readiness. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item">
+                            <div class="testimonial-item">
+                                <div class="img-thumb">
+                                    <img src="assets/img/testimonial/img5.png" alt="">
+                                </div>
+                                <div class="info">
+                                    <h2><a href="#">Jason A.</a></h2>
+                                    <h3><a href="#">Designer</a></h3>
+                                </div>
+                                <div class="content">
+                                    <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely
+                                        enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total
+                                        linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective
+                                        web-readiness. </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
-          <!-- Blog Item Wrapper Ends-->
         </div>
+    </section>
+    <!-- Testimonial Section End -->
 
-        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 blog-item">
-          <!-- Blog Item Starts -->
-          <div class="blog-item-wrapper wow fadeInUp" data-wow-delay="0.6s">
-            <div class="blog-item-img">
-              <a href="single-post.html">
-                <img src="assets/img/blog/img2.jpg" alt="">
-              </a>
-            </div>
-            <div class="blog-item-text">
-              <h3>
-                <a href="single-post.html">Remarkably Did Increasing</a>
-              </h3>
-              <p>
-                Nunc in mauris a ante rhoncus tristique vitae et nisl. Quisque ullamcorper rutrum lacinia. Integer
-                varius ornare egestas.
-              </p>
-              <a href="single-post.html" class="btn btn-common btn-rm">Read More</a>
-            </div>
-          </div>
-          <!-- Blog Item Wrapper Ends-->
-        </div>
+    <!-- Blog Section -->
+    <section id="blog" class="section-padding">
+        <!-- Container Starts -->
+        <div class="container">
+            <div class="section-header text-center">
+                <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Latest blog</h2>
+                <p>A desire to help and empower others between community contributors in technology <br> began to grow in 2020.
+                </p>
+            </div>
+            <div class="row">
+                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 blog-item">
+                    <!-- Blog Item Starts -->
+                    <div class="blog-item-wrapper wow fadeInLeft" data-wow-delay="0.3s">
+                        <div class="blog-item-img">
+                            <a href="single-post.html">
+                                <img src="assets/img/blog/img1.jpg" alt="">
+                            </a>
+                        </div>
+                        <div class="blog-item-text">
+                            <h3>
+                                <a href="single-post.html">Suspendisse dictum non velit</a>
+                            </h3>
+                            <p>
+                                Nunc in mauris a ante rhoncus tristique vitae et nisl. Quisque ullamcorper rutrum lacinia. Integer
+                                varius ornare egestas.
+                            </p>
+                            <a href="single-post.html" class="btn btn-common btn-rm">Read More</a>
+                        </div>
+                    </div>
+                    <!-- Blog Item Wrapper Ends-->
+                </div>
 
-        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 blog-item">
-          <!-- Blog Item Starts -->
-          <div class="blog-item-wrapper wow fadeInRight" data-wow-delay="0.3s">
-            <div class="blog-item-img">
-              <a href="single-post.html">
-                <img src="assets/img/blog/img3.jpg" alt="">
-              </a>
-            </div>
-            <div class="blog-item-text">
-              <h3>
-                <a href="single-post.html">Changing the topic scope</a>
-              </h3>
-              <p>
-                Nunc in mauris a ante rhoncus tristique vitae et nisl. Quisque ullamcorper rutrum lacinia. Integer
-                varius ornare egestas.
-              </p>
-              <a href="single-post.html" class="btn btn-common btn-rm">Read More</a>
+                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 blog-item">
+                    <!-- Blog Item Starts -->
+                    <div class="blog-item-wrapper wow fadeInUp" data-wow-delay="0.6s">
+                        <div class="blog-item-img">
+                            <a href="single-post.html">
+                                <img src="assets/img/blog/img2.jpg" alt="">
+                            </a>
+                        </div>
+                        <div class="blog-item-text">
+                            <h3>
+                                <a href="single-post.html">Remarkably Did Increasing</a>
+                            </h3>
+                            <p>
+                                Nunc in mauris a ante rhoncus tristique vitae et nisl. Quisque ullamcorper rutrum lacinia. Integer
+                                varius ornare egestas.
+                            </p>
+                            <a href="single-post.html" class="btn btn-common btn-rm">Read More</a>
+                        </div>
+                    </div>
+                    <!-- Blog Item Wrapper Ends-->
+                </div>
+
+                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 blog-item">
+                    <!-- Blog Item Starts -->
+                    <div class="blog-item-wrapper wow fadeInRight" data-wow-delay="0.3s">
+                        <div class="blog-item-img">
+                            <a href="single-post.html">
+                                <img src="assets/img/blog/img3.jpg" alt="">
+                            </a>
+                        </div>
+                        <div class="blog-item-text">
+                            <h3>
+                                <a href="single-post.html">Changing the topic scope</a>
+                            </h3>
+                            <p>
+                                Nunc in mauris a ante rhoncus tristique vitae et nisl. Quisque ullamcorper rutrum lacinia. Integer
+                                varius ornare egestas.
+                            </p>
+                            <a href="single-post.html" class="btn btn-common btn-rm">Read More</a>
+                        </div>
+                    </div>
+                    <!-- Blog Item Wrapper Ends-->
+                </div>
             </div>
-          </div>
-          <!-- Blog Item Wrapper Ends-->
         </div>
-      </div>
-    </div>
-  </section>
-  <!-- blog Section End -->
+    </section>
+    <!-- blog Section End -->
 
-  <!-- Clients Section Start -->
-  <div id="clients" class="section-padding bg-gray">
-    <div class="container">
-      <div class="section-header text-center">
-        <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">NOTABLE CLIENTS</h2>
-        <p>Over the last 20 years, we have helped and guided organisations to achieve outstanding results</p>
-      </div>
-      <div class="row text-align-">
-        <div class="col-lg-3 col-md-3 col-xs-12 wow fadeInUp" data-wow-delay="0.3s">
-          <div class="client-item-wrapper">
-            <img class="img-fluid" src="assets/img/clients/img1.png" alt="">
-          </div>
-        </div>
-        <div class="col-lg-3 col-md-3 col-xs-12 wow fadeInUp" data-wow-delay="0.6s">
-          <div class="client-item-wrapper">
-            <img class="img-fluid" src="assets/img/clients/img2.png" alt="">
-          </div>
-        </div>
-        <div class="col-lg-3 col-md-3 col-xs-12 wow fadeInUp" data-wow-delay="0.9s">
-          <div class="client-item-wrapper">
-            <img class="img-fluid" src="assets/img/clients/img3.png" alt="">
-          </div>
-        </div>
-        <div class="col-lg-3 col-md-3 col-xs-12 wow fadeInUp" data-wow-delay="1.2s">
-          <div class="client-item-wrapper">
-            <img class="img-fluid" src="assets/img/clients/img4.png" alt="">
-          </div>
+    <!-- Clients Section Start -->
+    <div id="clients" class="section-padding bg-gray">
+        <div class="container">
+            <div class="section-header text-center">
+                <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">NOTABLE CLIENTS</h2>
+                <p>Over the last 20 years, we have helped and guided organisations to achieve outstanding results</p>
+            </div>
+            <div class="row text-align-">
+                <div class="col-lg-3 col-md-3 col-xs-12 wow fadeInUp" data-wow-delay="0.3s">
+                    <div class="client-item-wrapper">
+                        <img class="img-fluid" src="assets/img/clients/img1.png" alt="">
+                    </div>
+                </div>
+                <div class="col-lg-3 col-md-3 col-xs-12 wow fadeInUp" data-wow-delay="0.6s">
+                    <div class="client-item-wrapper">
+                        <img class="img-fluid" src="assets/img/clients/img2.png" alt="">
+                    </div>
+                </div>
+                <div class="col-lg-3 col-md-3 col-xs-12 wow fadeInUp" data-wow-delay="0.9s">
+                    <div class="client-item-wrapper">
+                        <img class="img-fluid" src="assets/img/clients/img3.png" alt="">
+                    </div>
+                </div>
+                <div class="col-lg-3 col-md-3 col-xs-12 wow fadeInUp" data-wow-delay="1.2s">
+                    <div class="client-item-wrapper">
+                        <img class="img-fluid" src="assets/img/clients/img4.png" alt="">
+                    </div>
+                </div>
+            </div>
         </div>
-      </div>
     </div>
-  </div>
-  <!-- Clients Section End -->
+    <!-- Clients Section End -->
 
-  <!-- Contact Section Start -->
-  <section id="contact" class="section-padding">
-    <div class="container">
-      <div class="row contact-form-area wow fadeInUp" data-wow-delay="0.4s">
-        <div class="col-md-6 col-lg-6 col-sm-12">
-          <div class="contact-block">
-            <form id="contactForm">
-              <div class="row">
-                <div class="col-md-6">
-                  <div class="form-group">
-                    <input type="text" class="form-control" id="name" name="name" placeholder="Name" required
-                      data-error="Please enter your name">
-                    <div class="help-block with-errors"></div>
-                  </div>
-                </div>
-                <div class="col-md-6">
-                  <div class="form-group">
-                    <input type="text" placeholder="Email" id="email" class="form-control" name="email" required
-                      data-error="Please enter your email">
-                    <div class="help-block with-errors"></div>
-                  </div>
-                </div>
-                <div class="col-md-12">
-                  <div class="form-group">
-                    <input type="text" placeholder="Subject" id="msg_subject" class="form-control" required
-                      data-error="Please enter your subject">
-                    <div class="help-block with-errors"></div>
-                  </div>
-                </div>
-                <div class="col-md-12">
-                  <div class="form-group">
-                    <textarea class="form-control" id="message" placeholder="Your Message" rows="5"
-                      data-error="Write your message" required></textarea>
-                    <div class="help-block with-errors"></div>
-                  </div>
-                  <div class="submit-button">
-                    <button class="btn btn-common" id="form-submit" type="submit">Send Message</button>
-                    <div id="msgSubmit" class="h3 text-center hidden"></div>
-                    <div class="clearfix"></div>
-                  </div>
-                </div>
-              </div>
-            </form>
-          </div>
-        </div>
-        <div class="col-md-6 col-lg-6 col-sm-12">
-          <div class="contact-right-area wow fadeIn">
-            <div class="contact-title">
-              <h1>We're a friendly bunch..</h1>
-              <p>We create projects for companies and startups with a passion for quality</p>
-            </div>
-            <h2>Contact Us</h2>
-            <div class="contact-right">
-              <div class="single-contact">
-                <div class="contact-icon">
-                  <i class="lni-map-marker"></i>
-                </div>
-                <p>ADDRESS: 28 Green Tower, New York City, USA</p>
-              </div>
-              <div class="single-contact">
-                <div class="contact-icon">
-                  <i class="lni-envelope"></i>
-                </div>
-                <p><a href="#">Email: contact@stuck.com</a></p>
-              </div>
-              <div class="single-contact">
-                <div class="contact-icon">
-                  <i class="lni-phone-handset"></i>
-                </div>
-                <p><a href="#">Phone: +84 846 250 592</a></p>
-              </div>
+    <!-- Contact Section Start -->
+    <section id="contact" class="section-padding">
+        <div class="container">
+            <div class="row contact-form-area wow fadeInUp" data-wow-delay="0.4s">
+                <div class="col-md-6 col-lg-6 col-sm-12">
+                    <div class="contact-block">
+                        <form id="contactForm">
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="form-group">
+                                        <input type="text" class="form-control" id="name" name="name" placeholder="Name" required data-error="Please enter your name">
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="form-group">
+                                        <input type="text" placeholder="Email" id="email" class="form-control" name="email" required data-error="Please enter your email">
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+                                </div>
+                                <div class="col-md-12">
+                                    <div class="form-group">
+                                        <input type="text" placeholder="Subject" id="msg_subject" class="form-control" required data-error="Please enter your subject">
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+                                </div>
+                                <div class="col-md-12">
+                                    <div class="form-group">
+                                        <textarea class="form-control" id="message" placeholder="Your Message" rows="5" data-error="Write your message" required></textarea>
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+                                    <div class="submit-button">
+                                        <button class="btn btn-common" id="form-submit" type="submit">Send Message</button>
+                                        <div id="msgSubmit" class="h3 text-center hidden"></div>
+                                        <div class="clearfix"></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+                <div class="col-md-6 col-lg-6 col-sm-12">
+                    <div class="contact-right-area wow fadeIn">
+                        <div class="contact-title">
+                            <h1>We're a friendly bunch..</h1>
+                            <p>We create projects for companies and startups with a passion for quality</p>
+                        </div>
+                        <h2>Contact Us</h2>
+                        <div class="contact-right">
+                            <div class="single-contact">
+                                <div class="contact-icon">
+                                    <i class="lni-map-marker"></i>
+                                </div>
+                                <p>ADDRESS: 28 Green Tower, New York City, USA</p>
+                            </div>
+                            <div class="single-contact">
+                                <div class="contact-icon">
+                                    <i class="lni-envelope"></i>
+                                </div>
+                                <p><a href="#">Email: contact@stuck.com</a></p>
+                            </div>
+                            <div class="single-contact">
+                                <div class="contact-icon">
+                                    <i class="lni-phone-handset"></i>
+                                </div>
+                                <p><a href="#">Phone: +84 846 250 592</a></p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
-    </div>
-  </section>
-  <!-- Contact Section End -->
+    </section>
+    <!-- Contact Section End -->
 
-  <!-- Copyright Section Start -->
-  <div class="copyright">
-    <div class="container">
-      <div class="row">
-        <div class="col-lg-4 col-md-3 col-xs-12">
-          <div class="footer-logo">
-            <a href="https://www.incubateind.com/">
-              <img src="https://www.incubateind.com/images/logo.svg" alt="" style="width: 100px;">
-            </a>
-          </div>
-        </div>
-        <div class="col-lg-4 col-md-4 col-xs-12">
-          <div class="social-icon text-center">
-            <a class="facebook" href="#"><i class="lni-facebook-filled"></i></a>
-            <a class="twitter" href="#"><i class="lni-twitter-filled"></i></a>
-            <a class="instagram" href="#"><i class="lni-instagram-filled"></i></a>
-            <a class="linkedin" href="#"><i class="lni-linkedin-filled"></i></a>
-          </div>
-        </div>
-        <div class="col-lg-4 col-md-5 col-xs-12">
-          <p class="float-right">Designed and Developed by <a href="https://www.incubateind.com/"
-              rel="nofollow">incubateIND</a></p>
+    <!-- Copyright Section Start -->
+    <div class="copyright">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-4 col-md-3 col-xs-12">
+                    <div class="footer-logo">
+                        <a href="https://www.incubateind.com/">
+                            <img src="https://www.incubateind.com/images/logo.svg" alt="" style="width: 100px;">
+                        </a>
+                    </div>
+                </div>
+                <div class="col-lg-4 col-md-4 col-xs-12">
+                    <div class="social-icon text-center">
+                        <a class="facebook" href="#"><i class="lni-facebook-filled"></i></a>
+                        <a class="twitter" href="#"><i class="lni-twitter-filled"></i></a>
+                        <a class="instagram" href="#"><i class="lni-instagram-filled"></i></a>
+                        <a class="linkedin" href="#"><i class="lni-linkedin-filled"></i></a>
+                    </div>
+                </div>
+                <div class="col-lg-4 col-md-5 col-xs-12">
+                    <p class="float-right">Designed and Developed by <a href="https://www.incubateind.com/" rel="nofollow">incubateIND</a></p>
+                </div>
+            </div>
         </div>
-      </div>
     </div>
-  </div>
-  <!-- Copyright Section End -->
+    <!-- Copyright Section End -->
 
-  <!-- Go to Top Link -->
-  <a href="#" class="back-to-top">
-    <i class="lni-arrow-up"></i>
-  </a>
+    <!-- Go to Top Link -->
+    <a href="#" class="back-to-top">
+        <i class="lni-arrow-up"></i>
+    </a>
 
-  <!-- Preloader -->
-  <div id="preloader">
-    <div class="loader" id="loader-1"></div>
-  </div>
-  <!-- End Preloader -->
+    <!-- Preloader -->
+    <div id="preloader">
+        <div class="loader" id="loader-1"></div>
+    </div>
+    <!-- End Preloader -->
 
-  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-  <script src="assets/js/jquery-min.js"></script>
-  <script src="assets/js/popper.min.js"></script>
-  <script src="assets/js/bootstrap.min.js"></script>
-  <script src="assets/js/owl.carousel.min.js"></script>
-  <script src="assets/js/jquery.mixitup.js"></script>
-  <script src="assets/js/wow.js"></script>
-  <script src="assets/js/jquery.nav.js"></script>
-  <script src="assets/js/scrolling-nav.js"></script>
-  <script src="assets/js/jquery.easing.min.js"></script>
-  <script src="assets/js/jquery.counterup.min.js"></script>
-  <script src="assets/js/nivo-lightbox.js"></script>
-  <script src="assets/js/jquery.magnific-popup.min.js"></script>
-  <script src="assets/js/waypoints.min.js"></script>
-  <script src="assets/js/jquery.slicknav.js"></script>
-  <script src="assets/js/main.js"></script>
-  <script src="assets/js/form-validator.min.js"></script>
-  <script src="assets/js/contact-form-script.min.js"></script>
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="assets/js/jquery-min.js"></script>
+    <script src="assets/js/popper.min.js"></script>
+    <script src="assets/js/bootstrap.min.js"></script>
+    <script src="assets/js/owl.carousel.min.js"></script>
+    <script src="assets/js/jquery.mixitup.js"></script>
+    <script src="assets/js/wow.js"></script>
+    <script src="assets/js/jquery.nav.js"></script>
+    <script src="assets/js/scrolling-nav.js"></script>
+    <script src="assets/js/jquery.easing.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <script src="assets/js/nivo-lightbox.js"></script>
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <script src="assets/js/waypoints.min.js"></script>
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <script src="assets/js/main.js"></script>
+    <script src="assets/js/form-validator.min.js"></script>
+    <script src="assets/js/contact-form-script.min.js"></script>
 
 </body>
 
-</html>
\ No newline at end of file
+</html>