diff --git a/dist/about.html b/dist/about.html
index bc501d6..fa09b88 100644
--- a/dist/about.html
+++ b/dist/about.html
@@ -29,14 +29,14 @@
 
       <div class="collapse navbar-collapse" id="navbar">
         <ul class="navbar-nav mr-auto">
-          <li class="nav-item">
+          <li class="nav-item active">
             <a class="nav-link" href="about.html">About</a>
           </li>
           <li class="nav-item">
 
             <a class="nav-link" href="portfolio.html">Portfolio</a>
           </li>
-          <li class="nav-item dropdown">
+          <li class="nav-item">
             <a class="nav-link" href="testimonials.html">Testimonials</a>
           </li>
           <li class="nav-item">
diff --git a/dist/css/main-style.css b/dist/css/main-style.css
index 8ca0396..1c77ebb 100644
--- a/dist/css/main-style.css
+++ b/dist/css/main-style.css
@@ -336,8 +336,8 @@ button, .btn {
 
 @media (max-width: 575.98px) {
   .home-slider .carousel .carousel-indicators li {
-    width: 15px;
-    height: 15px;
+    width: 13px;
+    height: 13px;
     margin-right: 2px;
     margin-left: 2px;
   }
diff --git a/dist/css/main-style.css.map b/dist/css/main-style.css.map
index 11eafcc..c4c0a6f 100644
--- a/dist/css/main-style.css.map
+++ b/dist/css/main-style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["layout/_global.scss","helpers/_variables.scss","main-style.css","layout/_fonts.scss","components/_button.scss","components/_navbar.scss","components/_home-slider.scss","components/_sponsers.scss","components/_user-interface.scss","components/_platform.scss","components/_client-comment.scss","components/_slider-secondary.scss","components/_getting-touch.scss","components/_client-opinion.scss","components/_gd.scss","components/_portfolio-header.scss","components/_projects-involved.scss","components/_portfolio-header-item.scss","components/_mobility.scss","components/_uxd-comment.scss","components/_gallery-portfolio.scss","components/_testimonial-body.scss","layout/_footer.scss"],"names":[],"mappings":"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","file":"main-style.css","sourcesContent":["/*Global Settings*/\nbody {\n  font-family: 'Raleway', sans-serif;\n  color: $font-color;\n}\n\n/*Text-colors*/\n.text-main-color {\n  color: $primary-color;\n}\n.text-muted {\n  color: $text-muted !important;\n}\n.text-grey {\n  color: $text-grey;\n}","// grid value\n$min-sm: 576px;\n$min-med: 768px;\n$min-lg: 992px;\n$min-xl: 1200px;\n\n$max-xs: 575.98px;\n$max-sm: 767.98px;\n$max-med: 991.98px;\n$max-lg: 1199.98px;\n\n// Colors\n$main-color: #23282E;\n$primary-color: #2FCCF6;\n$font-color: #1B1F23;\n$text-muted: #BEC1C5;\n$text-grey: #676B70;\n$text-btn-project: #3C3F43;\n\n$slider-bullet-color: #E4ECEE;\n$slider-border-color: #979797;\n\n$sponser-color: #F3F6F6;\n\n$icon-star-color: #6DDE54;\n\n\n// Font-sizes\n$h1-font-size: 3rem;\n$h2-font-size: 2.5rem;\n$h3-font-size: 1.5rem;\n$h4-font-size: 1.125rem;\n$p-font-size: 1.5rem;\n$btn-font-size: 1rem;\n$div-font-size: 1rem;\n$span-font-size: 0.875rem;\n\n$ratio-font-lg: 0.83;\n$ratio-font-med: 0.64;\n$ratio-font-sm: 0.48;\n$ratio-font-xs: 0.35;\n\n$font-medium: 500;\n$font-semi-bold: 600;\n$font-extra-bold: 800;\n\n// Golden Ratios\n$ratio-lg: 0.83;\n$ratio-med: 0.64;\n$ratio-sm: 0.48;\n$ratio-xs: 0.35;\n\n","/*Global Settings*/\nbody {\n  font-family: 'Raleway', sans-serif;\n  color: #1B1F23;\n}\n\n/*Text-colors*/\n.text-main-color {\n  color: #2FCCF6;\n}\n\n.text-muted {\n  color: #BEC1C5 !important;\n}\n\n.text-grey {\n  color: #676B70;\n}\n\n/*Font-weight*/\nh1, .h1, h2, .h2,\n.font-weight-extra-bold {\n  font-weight: 800;\n}\n\nh3, .h3, h4, .h4, button, .btn {\n  font-weight: 700;\n}\n\n\n.font-weight-semi-bold {\n  font-weight: 600;\n}\n\np, .p,\n.font-weight-medium {\n  font-weight: 500;\n}\n\ndiv, .div, span, .span {\n  font-weight: 400;\n}\n\nh1, .h1 {\n  font-size: 3rem;\n}\n\n@media (max-width: 1199.98px) {\n  h1, .h1 {\n    font-size: 2.49rem;\n  }\n}\n\n@media (max-width: 991.98px) {\n  h1, .h1 {\n    font-size: 1.92rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  h1, .h1 {\n    font-size: 1.44rem;\n  }\n}\n\n@media (max-width: 575.98px) {\n  h1, .h1 {\n    font-size: 1.05rem;\n  }\n}\n\nh2, .h2 {\n  font-size: 2.5rem;\n}\n\n@media (max-width: 1199.98px) {\n  h2, .h2 {\n    font-size: 2.075rem;\n  }\n}\n\n@media (max-width: 991.98px) {\n  h2, .h2 {\n    font-size: 1.6rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  h2, .h2 {\n    font-size: 1.2rem;\n  }\n}\n\nh3, .h3 {\n  font-size: 1.5rem;\n}\n\n@media (max-width: 1199.98px) {\n  h3, .h3 {\n    font-size: 1.245rem;\n  }\n}\n\nh4, .h4 {\n  font-size: 1.125rem;\n}\n\n@media (max-width: 767.98px) {\n  h4, .h4 {\n    font-size: 0.93375rem;\n  }\n}\n\np, .p {\n  font-size: 1.5rem;\n  letter-spacing: 0.86px;\n  line-height: 1.1;\n}\n\n@media (max-width: 1199.98px) {\n  p, .p {\n    font-size: 1.245rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  p, .p {\n    font-size: 0.96rem;\n  }\n}\n\ndiv, .div {\n  font-size: 1rem;\n  line-height: 1.2;\n}\n\n@media (max-width: 767.98px) {\n  div, .div {\n    font-size: 0.83rem;\n  }\n}\n\nspan, .span {\n  font-size: 0.875rem;\n}\n\nbutton, .btn {\n  font-size: 1rem;\n}\n\n.btn {\n  padding: 0.7rem 2rem;\n  border-radius: 2rem;\n}\n\n.btn-outline-primary {\n  color: #2FCCF6;\n  border-color: #2FCCF6;\n}\n\n.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active {\n  color: #fff;\n  background-color: #2FCCF6;\n  border-color: #2FCCF6;\n  transition: 0.2s all ease-in-out;\n}\n\n.btn-sm {\n  padding: 0.4rem 1.5rem;\n  border-radius: 1.5rem;\n}\n\n/* Start Navbar */\n.navbar {\n  padding: 2.25em 1em 0;\n}\n\n@media (max-width: 767.98px) {\n  .navbar {\n    padding: 1em;\n  }\n}\n\n.navbar .navbar-brand {\n  margin-right: 2em;\n}\n\n.navbar .nav-item.active > .nav-link {\n  color: #2FCCF6;\n}\n\n.navbar .nav-item .nav-link {\n  color: #1B1F23;\n}\n\n.navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-link:active, .navbar .nav-item .nav-link:focus {\n  color: #2FCCF6;\n}\n\n@media (max-width: 767.98px) {\n  .navbar .nav-item .nav-link {\n    padding-top: 2rem;\n    padding-bottom: 0;\n    font-size: 1rem;\n  }\n}\n\n.navbar .social .fa {\n  background-color: #000000;\n  color: #ffffff;\n  padding: 0.25em;\n}\n\n.navbar .social .fa:hover {\n  color: #2FCCF6;\n}\n\n@media (max-width: 767.98px) {\n  .navbar .social .fa {\n    padding: 0.5em;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .navbar .social {\n    margin-top: 2rem;\n    font-size: 1.1rem;\n  }\n}\n\n/* End Navbar */\n/*Start Home Slider*/\n.home-slider {\n  overflow: hidden;\n  height: 899px;\n  background-image: url(../images/gb.png);\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n\n@media (max-width: 1199.98px) {\n  .home-slider {\n    height: 746.17px;\n  }\n}\n\n@media (max-width: 991.98px) {\n  .home-slider {\n    height: 575.36px;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .home-slider {\n    height: 431.52px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .home-slider {\n    background-size: contain;\n    height: auto;\n  }\n}\n\n.home-slider .container {\n  height: inherit;\n}\n\n@media (max-width: 575.98px) {\n  .home-slider .container {\n    height: initial;\n  }\n}\n\n.home-slider .container .row {\n  height: inherit;\n}\n\n@media (max-width: 575.98px) {\n  .home-slider .container .row {\n    height: initial;\n  }\n}\n\n.home-slider .carousel .carousel-indicators {\n  bottom: -7em;\n  right: initial;\n  justify-content: start;\n  padding-left: 0;\n  margin-right: initial;\n  margin-left: 0;\n}\n\n@media (max-width: 1199.98px) {\n  .home-slider .carousel .carousel-indicators {\n    bottom: -5em;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .home-slider .carousel .carousel-indicators {\n    bottom: -3em;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .home-slider .carousel .carousel-indicators {\n    bottom: 0;\n    right: 0;\n    justify-content: center;\n    margin-right: auto;\n    margin-left: auto;\n  }\n}\n\n.home-slider .carousel .carousel-indicators li {\n  border: 1px solid transparent;\n  background-color: #E4ECEE;\n  opacity: 1;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n}\n\n.home-slider .carousel .carousel-indicators li.active, .home-slider .carousel .carousel-indicators li:hover, .home-slider .carousel .carousel-indicators li:focus {\n  background-color: #2FCCF6;\n  border-color: #979797;\n}\n\n@media (max-width: 575.98px) {\n  .home-slider .carousel .carousel-indicators li {\n    width: 15px;\n    height: 15px;\n    margin-right: 2px;\n    margin-left: 2px;\n  }\n}\n\n.home-slider .carousel .carousel-item .carousel-caption {\n  position: static;\n  color: #1B1F23;\n}\n\n@media (max-width: 991.98px) {\n  .home-slider .carousel .carousel-item .carousel-caption {\n    padding-top: 50px;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .home-slider .carousel .carousel-item .carousel-caption {\n    text-align: center !important;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .home-slider .carousel .carousel-item .carousel-caption {\n    padding-top: 20px;\n    padding-bottom: 50px;\n  }\n}\n\n.home-slider .carousel .carousel-item .carousel-caption .h1 {\n  margin-bottom: 38px;\n}\n\n@media (max-width: 767.98px) {\n  .home-slider .carousel .carousel-item .carousel-caption .h1 {\n    margin-bottom: 20px;\n  }\n}\n\n/*End Home Slider*/\n/*Start Sponser*/\n.sponsers {\n  background-color: #F3F6F6;\n}\n\n.sponsers img {\n  padding: 4.6em 0;\n}\n\n@media (max-width: 991.98px) {\n  .sponsers img {\n    padding: 2em 0;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .sponsers img {\n    padding: 1.5rem 0;\n  }\n}\n\n/*End Sponser*/\n/*\nStart User Interface*/\n.user-interface {\n  padding: 100px 0;\n}\n\n@media (max-width: 767.98px) {\n  .user-interface {\n    padding: 50px 0 25px 0;\n  }\n}\n\n.user-interface h2 {\n  max-width: 520px;\n  margin-bottom: 1rem;\n}\n\n.user-interface p {\n  margin-bottom: 2.5rem;\n}\n\n.user-interface .card {\n  border: none;\n  margin-bottom: 2rem;\n  padding: 3.5rem 0;\n}\n\n@media (max-width: 767.98px) {\n  .user-interface .card {\n    padding: 1.5rem 0;\n  }\n}\n\n.user-interface .card img {\n  margin-bottom: 1.5rem;\n}\n\n.user-interface .card .card-body {\n  padding: 0 2.5rem;\n}\n\n@media (max-width: 1199.98px) {\n  .user-interface .card .card-body {\n    padding: 0 1.5rem;\n  }\n}\n\n@media (min-width: 992px) {\n  .user-interface .card-up {\n    position: absolute;\n    right: 3.5rem;\n    top: -50%;\n  }\n}\n\n/*\nEnd User Interface*/\n/*\nStart Freelancing Platform*/\n.platform .upwork, .platform .gas, .platform .insight {\n  max-width: 150px;\n  margin: auto;\n}\n\n.platform {\n  text-align: center;\n  padding: 35px 0;\n}\n\n.platform .fa-star {\n  color: #6DDE54;\n}\n\n/*\nEnd Freelancing Platform*/\n/*\nStart Client Comments*/\n.client-comments {\n  background-color: #23282E;\n  padding: 3.5rem 0 3rem;\n  color: #ffffff;\n}\n\n.client-comments img {\n  float: right;\n}\n\n@media (max-width: 767.98px) {\n  .client-comments img {\n    float: none;\n    max-width: 100%;\n    margin: auto;\n    display: block;\n    margin-bottom: 1rem;\n  }\n}\n\n.client-comments .p {\n  font-size: 21px;\n  font-weight: 700;\n}\n\n@media (max-width: 991.98px) {\n  .client-comments .p {\n    font-size: 18px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .client-comments .p {\n    font-size: 16px;\n  }\n}\n\n/*\nEnd Client Comments*/\n/*\nStart Slider Secondary*/\n.slider-secondary {\n  overflow: hidden;\n  padding: 15rem 0 4rem;\n}\n\n@media (max-width: 575.98px) {\n  .slider-secondary {\n    padding: 4rem 0 4rem;\n  }\n}\n\n.slider-secondary .carousel-inner {\n  overflow: initial;\n}\n\n.slider-secondary .carousel-caption {\n  max-width: 60%;\n  padding-top: 0;\n  right: 0;\n  bottom: 0;\n  top: -25%;\n  left: initial;\n  z-index: 50;\n  text-align: right;\n  color: #1B1F23;\n}\n\n@media (max-width: 575.98px) {\n  .slider-secondary .carousel-caption {\n    max-width: 100%;\n    position: initial;\n    right: 15%;\n    bottom: 20px;\n    left: 15%;\n    padding-top: 20px;\n    padding-bottom: 20px;\n    text-align: center;\n  }\n}\n\n.slider-secondary .carousel-caption p {\n  max-width: 400px;\n  font-size: 21px;\n  margin-bottom: 3.5rem;\n}\n\n@media (max-width: 991.98px) {\n  .slider-secondary .carousel-caption p {\n    max-width: 300px;\n    font-size: 16px;\n    margin-bottom: 1.5rem;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .slider-secondary .carousel-caption p {\n    float: none !important;\n    text-align: center;\n    max-width: 80%;\n    margin: auto;\n    margin-bottom: 1.5rem;\n  }\n}\n\n.slider-secondary .carousel-indicators {\n  z-index: 51;\n}\n\n@media (max-width: 767.98px) {\n  .slider-secondary .carousel-indicators {\n    bottom: -20px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .slider-secondary .carousel-indicators {\n    bottom: -35px;\n  }\n}\n\n.slider-secondary .carousel-indicators li {\n  border: 1px solid transparent;\n  background-color: #E4ECEE;\n  opacity: 1;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n}\n\n.slider-secondary .carousel-indicators li.active, .slider-secondary .carousel-indicators li:hover, .slider-secondary .carousel-indicators li:focus {\n  background-color: #2FCCF6;\n  border-color: #979797;\n}\n\n/*\nEnd Slider Secondary*/\n/*\nStart Getting Touch*/\n.getting-touch {\n  padding: 7rem 0;\n}\n\n@media (max-width: 767.98px) {\n  .getting-touch {\n    padding: 3rem 0;\n  }\n}\n\n.getting-touch h2 {\n  margin-bottom: 1.75rem;\n}\n\n.getting-touch .div {\n  margin-bottom: 3rem;\n}\n\n.getting-touch form {\n  font-family: 'Roboto', sans-serif;\n  border-radius: 10px;\n  padding: 3rem 2.5rem 2.5rem 2.5rem;\n}\n\n.getting-touch form .btn {\n  max-width: 100%;\n  margin: auto;\n  display: block;\n}\n\n/*\nEnd Getting Touch*/\n/*\nStart Client Opinion*/\n.client-opinion {\n  margin-top: 30px;\n  color: #ffffff;\n  position: relative;\n}\n\n.client-opinion img {\n  min-height: 200px;\n}\n\n.client-opinion .content {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 90px 0 100px;\n}\n\n@media (max-width: 1199.98px) {\n  .client-opinion .content {\n    padding: 45px 0;\n  }\n}\n\n@media (max-width: 991.98px) {\n  .client-opinion .content {\n    padding: 25px 0;\n  }\n}\n\n.client-opinion .content h2 {\n  font-size: 2rem;\n  margin-bottom: 13px;\n}\n\n@media (max-width: 1199.98px) {\n  .client-opinion .content h2 {\n    font-size: 1.68rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .client-opinion .content h2 {\n    font-size: 1.5rem;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .client-opinion .content h2 {\n    font-size: 1.25rem;\n  }\n}\n\n/*\nEnd Client Opinion*/\n/*\nStart GD*/\n.gd {\n  padding: 70px 0;\n}\n\n@media (max-width: 767.98px) {\n  .gd {\n    padding: 35px 0;\n  }\n}\n\n.gd section h2 {\n  font-size: 2rem;\n  font-weight: 500;\n}\n\n@media (max-width: 1199.98px) {\n  .gd section h2 {\n    font-size: 1.68rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .gd section h2 {\n    font-size: 1.5rem;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .gd section h2 {\n    font-size: 1.25rem;\n  }\n}\n\n/*\nEnd GD*/\n/*\nStart Portfolio*/\n.portfolio-header, .testimonials-header {\n  color: #ffffff;\n  position: relative;\n  margin-top: 30px;\n  height: 420px;\n  background-image: url(../images/portfolio-google.png);\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n\n@media (max-width: 1199.98px) {\n  .portfolio-header, .testimonials-header {\n    height: 348.6px;\n  }\n}\n\n@media (max-width: 991.98px) {\n  .portfolio-header, .testimonials-header {\n    height: 268.8px;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .portfolio-header, .testimonials-header {\n    height: 201.6px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .portfolio-header, .testimonials-header {\n    height: 147px;\n  }\n}\n\n.portfolio-header .content, .testimonials-header .content {\n  height: inherit;\n}\n\n/*\nEnd Portfolio*/\n/*\nStart Projects Involved*/\n.projects-involved {\n  padding: 70px 0;\n}\n\n.projects-involved h2 {\n  font-size: 2rem;\n  margin-bottom: 60px;\n}\n\n@media (max-width: 1199.98px) {\n  .projects-involved h2 {\n    font-size: 1.68rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .projects-involved h2 {\n    font-size: 1.5rem;\n    margin-bottom: 30px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .projects-involved h2 {\n    font-size: 1.25rem;\n  }\n}\n\n.projects-involved ul li.active button {\n  text-decoration: none;\n  color: #ffffff;\n  background-color: #2FCCF6;\n  border-color: #2FCCF6;\n}\n\n.projects-involved ul li button {\n  display: inline-block;\n  margin: 5px 0;\n  color: #3C3F43;\n  background-color: #E4ECEE;\n  border-radius: 5px;\n  padding: 10px 13px;\n  border: 1px solid transparent;\n  transition: 0.2s all ease-in-out;\n  font-size: 0.875rem;\n}\n\n.projects-involved ul li button:hover, .projects-involved ul li button:active, .projects-involved ul li button:focus {\n  text-decoration: none;\n  color: #ffffff;\n  background-color: #2FCCF6;\n  border-color: #2FCCF6;\n}\n\n.projects-involved .content, .projects-involved .content-locked {\n  position: relative;\n  min-height: 120px;\n  margin-top: 30px;\n  border-radius: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.15) !important;\n  transition: 0.2s ease-in-out;\n}\n\n.projects-involved .content:hover, .projects-involved .content:focus, .projects-involved .content-locked:hover, .projects-involved .content-locked:focus {\n  cursor: pointer;\n  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;\n}\n\n.projects-involved .content-locked:hover {\n  cursor: not-allowed;\n}\n\n.projects-involved .content-locked:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: inline-block;\n  border-style: solid;\n  border-color: transparent;\n  border-top-color: #E4ECEE;\n  border-right-color: #E4ECEE;\n  border-width: 25px;\n  border-top-right-radius: 8px;\n  z-index: 1;\n}\n\n.projects-involved .content-locked:after {\n  content: \"\\f023\";\n  font-family: 'FontAwesome';\n  font-size: 1rem;\n  color: #676B70;\n  position: absolute;\n  top: 5px;\n  right: 10px;\n  z-index: 2;\n}\n\n/*\nEnd Projects Involved*/\n/*\nStart Portfolio item*/\n.portfolio-header-item {\n  color: #ffffff;\n  position: relative;\n  margin-top: 30px;\n  height: 420px;\n  background-image: url(../images/mercedes-portfolio.png);\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n\n@media (max-width: 1199.98px) {\n  .portfolio-header-item {\n    height: 348.6px;\n  }\n}\n\n@media (max-width: 991.98px) {\n  .portfolio-header-item {\n    height: 268.8px;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .portfolio-header-item {\n    height: 201.6px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .portfolio-header-item {\n    height: 147px;\n  }\n}\n\n.portfolio-header-item .content {\n  height: inherit;\n}\n\n/*\nEnd Portfolio item*/\n/*\nStart Mobility*/\n.mobility {\n  padding: 67px 0 120px;\n}\n\n@media (max-width: 767.98px) {\n  .mobility {\n    padding: 30px 0 50px;\n  }\n}\n\n.mobility h2 {\n  font-size: 2rem;\n  margin-bottom: 32px;\n}\n\n@media (max-width: 1199.98px) {\n  .mobility h2 {\n    font-size: 1.60rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .mobility h2 {\n    font-size: 1.5rem;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .mobility h2 {\n    font-size: 1.25rem;\n  }\n}\n\n.mobility p {\n  font-size: 1rem;\n  text-align: justify;\n  line-height: 25px;\n}\n\n.mobility .mt-25 {\n  margin-top: -27%;\n}\n\n@media (max-width: 1199.98px) {\n  .mobility .mt-25 {\n    margin-top: -32%;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .mobility .mt-25 {\n    margin-top: 0;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .mobility img {\n    display: block;\n    max-width: 100%;\n    margin: auto;\n  }\n}\n\n/*\nEnd Mobility*/\n/*\nStart UXD Comment*/\n.uxd-comment {\n  background: #F3F6F6;\n}\n\n.uxd-comment img {\n  width: 100%;\n}\n\n@media (min-width: 992px) {\n  .uxd-comment img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .uxd-comment img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n\n.uxd-comment .content {\n  padding-left: 30px;\n}\n\n.uxd-comment .content p {\n  line-height: 24px;\n  margin-bottom: 30px;\n  max-width: 370px;\n}\n\n/*\nEnd UXD Comment*/\n/*\nStart Gallery portfolio*/\n.gallery-portfolio {\n  padding-top: 100px;\n}\n\n@media (max-width: 767.98px) {\n  .gallery-portfolio {\n    padding-top: 50px;\n  }\n}\n\n.gallery-portfolio img {\n  display: block;\n  margin: auto;\n  margin-bottom: 25px;\n}\n\n.gallery-portfolio .btn {\n  margin-top: 80px;\n  margin-bottom: 100px;\n  padding: 0.7rem 1.125rem;\n}\n\n@media (max-width: 767.98px) {\n  .gallery-portfolio .btn {\n    display: block;\n    max-width: 100%;\n    margin: auto;\n    margin-top: 40px;\n    margin-bottom: 50px;\n  }\n}\n\n/*\nEnd Gallery portfolio*/\n/*\nStart Testimonial Body*/\n.testimonial-body {\n  padding: 70px 0 115px;\n}\n\n.testimonial-body h2 {\n  font-size: 2rem;\n  margin-bottom: 60px;\n}\n\n@media (max-width: 1199.98px) {\n  .testimonial-body h2 {\n    font-size: 1.68rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .testimonial-body h2 {\n    font-size: 1.5rem;\n    margin-bottom: 30px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .testimonial-body h2 {\n    font-size: 1.25rem;\n  }\n}\n\n.testimonial-body .content {\n  padding: 40px;\n  margin-bottom: 20px;\n  border-radius: 8px;\n  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.15) !important;\n}\n\n@media (min-width: 992px) and (max-width: 1199.98px) {\n  .testimonial-body .content {\n    padding: 30px 25px;\n  }\n}\n\n.testimonial-body .content img.person {\n  margin-right: 14px;\n}\n\n.testimonial-body .content p {\n  line-height: 23px;\n  margin-bottom: 24px;\n}\n\n@media (min-width: 576px) {\n  .testimonial-body .content p {\n    max-width: 300px;\n  }\n}\n\n.testimonial-body .content .country {\n  font-size: 0.75rem;\n  color: #676B70;\n}\n\n/*\nEnd Testimonial Body*/\n/*\nStart Footer*/\n.footer {\n  position: relative;\n  background-color: #23282E;\n  color: #ffffff;\n  padding: 6rem 0 4rem;\n}\n\n.footer .line {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 30px;\n  border: 1px solid #979797;\n}\n\n.footer a:hover {\n  color: #2FCCF6;\n}\n\n.footer .span {\n  margin-bottom: 7px;\n  display: block;\n}\n\n.footer .list-unstyled li {\n  padding: 5px;\n}\n\n.footer .list-unstyled li a {\n  color: #ffffff;\n}\n\n.footer .list-unstyled li a:hover, .footer .list-unstyled li a:active {\n  color: #2FCCF6;\n}\n\n.footer form .form-control {\n  max-width: 280px;\n}\n\n.footer .social .fa {\n  width: 2rem;\n  text-align: center;\n  margin-left: 10px;\n  background-color: #2FCCF6;\n  color: #000000;\n  padding: 0.25em;\n  font-size: 20px;\n  margin-bottom: 10px;\n}\n\n.footer .social .fa:hover {\n  color: #ffffff;\n}\n\n/*\nEnd Footer*/\n","/*Font-weight*/\n%font-extrabold,\n.font-weight-extra-bold {\n  font-weight: 800;\n}\n\n%font-bold {\n  font-weight: 700;\n}\n\n%font-semi-bold,\n.font-weight-semi-bold {\n  font-weight: $font-semi-bold;\n}\n\n%font-medium,\n.font-weight-medium {\n  font-weight: $font-medium;\n}\n\n%font-regular {\n  font-weight: 400;\n}\n\n// Font Sizes\nh1, .h1 {\n  font-size: $h1-font-size;\n  @extend %font-extrabold;\n  @media (max-width: $max-lg) {\n    font-size: $h1-font-size * $ratio-font-lg;\n  }\n  @media (max-width: $max-med) {\n    font-size: $h1-font-size * $ratio-font-med;\n  }\n  @media (max-width: $max-sm) {\n    font-size: $h1-font-size * $ratio-font-sm;\n  }\n  @media (max-width: $max-xs) {\n    font-size: $h1-font-size * $ratio-font-xs;\n  }\n}\n\nh2, .h2 {\n  font-size: $h2-font-size;\n  @extend %font-extrabold;\n  @media (max-width: $max-lg) {\n    font-size: $h2-font-size * $ratio-font-lg;\n  }\n  @media (max-width: $max-med) {\n    font-size: $h2-font-size * $ratio-font-med;\n  }\n  @media (max-width: $max-sm) {\n    font-size: $h2-font-size * $ratio-font-sm;\n  }\n}\n\nh3, .h3 {\n  font-size: $h3-font-size;\n  @extend %font-bold;\n  @media (max-width: $max-lg) {\n    font-size: $h3-font-size * $ratio-font-lg;\n  }\n}\n\nh4, .h4 {\n  font-size: $h4-font-size;\n  @extend %font-bold;\n  @media (max-width: $max-sm) {\n    font-size: $h4-font-size * $ratio-font-lg;\n  }\n}\n\np, .p {\n  font-size: $p-font-size;\n  letter-spacing: 0.86px;\n  line-height: 1.1;\n  @extend %font-medium;\n  @media (max-width: $max-lg) {\n    font-size: $p-font-size * $ratio-font-lg;\n  }\n  @media (max-width: $max-sm) {\n    font-size: $p-font-size * $ratio-font-med;\n  }\n}\n\ndiv, .div {\n  font-size: $div-font-size;\n  line-height: 1.2;\n  @extend %font-regular;\n  @media (max-width: $max-sm) {\n    font-size: $div-font-size * $ratio-font-lg;\n  }\n}\n\nspan, .span {\n  font-size: $span-font-size;\n  @extend %font-regular;\n}\n\nbutton, .btn {\n  font-size: $btn-font-size;\n  @extend %font-bold;\n}\n",".btn {\n  padding: 0.7rem 2rem;\n  border-radius: 2rem;\n}\n\n.btn-outline-primary {\n  color: $primary-color;\n  border-color: $primary-color;\n  &:hover,\n  &:not(:disabled):not(.disabled).active{\n    color: #fff;\n    background-color: $primary-color;\n    border-color: $primary-color;\n    transition: 0.2s all ease-in-out;\n  }\n}\n\n\n.btn-sm {\n  padding: 0.4rem 1.5rem;\n  border-radius: 1.5rem;\n}","/* Start Navbar */\n\n\n.navbar {\n  padding : 2.25em 1em 0;\n  @media (max-width : $max-sm) {\n    padding : 1em;\n  }\n\n  .navbar-brand {\n    margin-right : 2em;\n  }\n\n  .nav-item {\n    &.active > .nav-link {\n      color : $primary-color;\n    }\n    .nav-link {\n      color : $font-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color : $primary-color;\n      }\n\n      @media (max-width : $max-sm) {\n        padding-top: 2rem;\n        padding-bottom: 0;\n        font-size: 1rem;\n      }\n    }\n  }\n\n  .social {\n    .fa {\n      background-color : #000000;\n      color            : #ffffff;\n      padding          : 0.25em;\n\n      &:hover {\n        color : $primary-color;\n      }\n\n      @media (max-width : $max-sm) {\n        padding: 0.5em;\n      }\n    }\n\n    @media (max-width : $max-sm) {\n      margin-top: 2rem;\n      font-size: 1.1rem;\n    }\n  }\n\n}\n/* End Navbar */\n\n","/*Start Home Slider*/\n.home-slider {\n  overflow: hidden;\n  $height-img: 899px;\n  height: $height-img;\n  background-image: url(../images/gb.png);\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  @media (max-width: $max-lg) {\n    height: $height-img * $ratio-lg;\n  }\n  @media (max-width: $max-med) {\n    height: $height-img * $ratio-med;\n  }\n  @media (max-width: $max-sm) {\n    height: $height-img * $ratio-sm;\n  }\n  @media (max-width: $max-xs) {\n    background-size: contain;\n    height: auto;\n  }\n\n  .container{\n    height: inherit;\n    @media (max-width: $max-xs) {\n      height: initial;\n    }\n    .row {\n      height: inherit;\n      @media (max-width: $max-xs) {\n        height: initial;\n      }\n    }\n  }\n\n  .carousel {\n    .carousel-indicators {\n      bottom: -7em;\n      right: initial;\n      justify-content: start;\n      padding-left: 0;\n      margin-right: initial;\n      margin-left: 0;\n      @media (max-width: $max-lg) {\n        bottom: -5em;\n      }\n      @media (max-width: $max-sm) {\n        bottom: -3em;\n      }\n      @media (max-width: $max-xs) {\n        bottom: 0;\n        right: 0;\n        justify-content: center;\n        margin-right: auto;\n        margin-left: auto;\n      }\n\n      li {\n        border: 1px solid transparent;\n        background-color: $slider-bullet-color;\n        opacity: 1;\n        width: 1em;\n        height: 1em;\n        border-radius: 50%;\n\n        &.active, &:hover, &:focus {\n          background-color: $primary-color;\n          border-color: $slider-border-color;\n        }\n\n        @media (max-width: $max-xs) {\n          width: 15px;\n          height: 15px;\n          margin-right: 2px;\n          margin-left: 2px;\n        }\n\n      }\n    }\n\n    .carousel-item {\n      .carousel-caption {\n        position: static;\n        color: $font-color;\n        @media (max-width: $max-med) {\n          padding-top: 50px;\n        }\n        @media (max-width: $max-sm) {\n          text-align: center!important;\n        }\n        @media (max-width: $max-xs) {\n          padding-top: 20px;\n          padding-bottom: 50px;\n        }\n\n        .h1 {\n          margin-bottom: 38px;\n          @media (max-width: $max-sm) {\n            margin-bottom: 20px;\n          }\n        }\n      }\n    }\n  }\n}\n\n/*End Home Slider*/","/*Start Sponser*/\n.sponsers {\n  background-color: $sponser-color;\n  img {\n    padding: 4.6em 0;\n    @media (max-width: $max-med) {\n      padding: 2em 0;\n    }\n    @media (max-width: $max-sm) {\n      padding: 1.5rem 0;\n    }\n  }\n\n}\n/*End Sponser*/","/*\nStart User Interface*/\n.user-interface {\n  padding: 100px 0;\n  @media (max-width: $max-sm) {\n    padding: 50px 0 25px 0;\n  }\n  h2 {\n    max-width: 520px;\n    margin-bottom: 1rem;\n  }\n  p {\n    margin-bottom: 2.5rem;\n  }\n  .card {\n    border: none;\n    margin-bottom: 2rem;\n    padding: 3.5rem 0;\n    @media (max-width: $max-sm) {\n      padding: 1.5rem 0;\n    }\n    img {\n      margin-bottom: 1.5rem;\n    }\n    .card-body {\n      padding: 0 2.5rem;\n      @media (max-width: $max-lg) {\n        padding: 0 1.5rem;\n      }\n    }\n  }\n  .card-up {\n    @media (min-width: $min-lg) {\n      position: absolute;\n      right: 3.5rem;\n      top: -50%;\n    }\n  }\n\n}\n\n\n/*\nEnd User Interface*/\n","/*\nStart Freelancing Platform*/\n%centeralize {\n  max-width: 150px;\n  margin: auto;\n}\n\n.platform {\n  text-align: center;\n  padding: 35px 0;\n  .fa-star {\n    color: $icon-star-color;\n  }\n\n  .upwork {\n    @extend %centeralize;\n  }\n\n  .gas {\n    @extend %centeralize;\n  }\n\n  .insight {\n    @extend %centeralize;\n  }\n}\n\n/*\nEnd Freelancing Platform*/","/*\nStart Client Comments*/\n.client-comments{\n  background-color: $main-color;\n  padding: 3.5rem 0 3rem;\n  color: #ffffff;\n\n  img {\n    float: right;\n    @media (max-width: $max-sm) {\n      float: none;\n      max-width: 100%;\n      margin: auto;\n      display: block;\n      margin-bottom: 1rem;\n    }\n  }\n  .p {\n    font-size: 21px;\n    font-weight: 700;\n    @media (max-width: $max-med) {\n      font-size: 18px;\n    }\n    @media (max-width: $max-xs) {\n      font-size: 16px;\n    }\n  }\n}\n/*\nEnd Client Comments*/","/*\nStart Slider Secondary*/\n.slider-secondary {\n  overflow: hidden;\n  padding: 15rem 0 4rem;\n  @media (max-width: $max-xs) {\n    padding: 4rem 0 4rem;\n  }\n  .carousel-inner {\n    overflow: initial;\n  }\n\n  .carousel-caption {\n    max-width: 60%;\n    padding-top: 0;\n    right: 0;\n    bottom: 0;\n    top: -25%;\n    left: initial;\n    z-index: 50;\n    text-align: right;\n    color: $font-color;\n\n    @media (max-width: $max-xs) {\n      max-width: 100%;\n      position: initial;\n      right: 15%;\n      bottom: 20px;\n      left: 15%;\n      padding-top: 20px;\n      padding-bottom: 20px;\n      text-align: center;\n    }\n\n    p {\n      max-width: 400px;\n      font-size: 21px;\n      margin-bottom: 3.5rem;\n      @media (max-width: $max-med) {\n        max-width: 300px;\n        font-size: 16px;\n        margin-bottom: 1.5rem;\n      }\n      @media (max-width: $max-xs) {\n        float: none !important;\n        text-align: center;\n        max-width: 80%;\n        margin: auto;\n        margin-bottom: 1.5rem;\n      }\n    }\n  }\n\n  .carousel-indicators {\n    z-index: 51;\n    @media (max-width: $max-sm) {\n      bottom: -20px;\n    }\n    @media (max-width: $max-xs) {\n      bottom: -35px;\n    }\n\n    li {\n      border: 1px solid transparent;\n      background-color: $slider-bullet-color;\n      opacity: 1;\n      width: 1em;\n      height: 1em;\n      border-radius: 50%;\n\n      &.active, &:hover, &:focus {\n        background-color: $primary-color;\n        border-color: $slider-border-color;\n      }\n    }\n  }\n\n}\n\n/*\nEnd Slider Secondary*/\n","/*\nStart Getting Touch*/\n.getting-touch{\n  padding: 7rem 0;\n  @media (max-width: $max-sm) {\n    padding: 3rem 0;\n  }\n  h2 {\n    margin-bottom: 1.75rem;\n  }\n  .div {\n    margin-bottom: 3rem;\n  }\n  form{\n    font-family: 'Roboto', sans-serif;;\n    border-radius: 10px;\n    padding: 3rem 2.5rem 2.5rem 2.5rem;\n    .btn{\n        max-width: 100%;\n        margin: auto;\n        display: block;\n    }\n  }\n}\n/*\nEnd Getting Touch*/","/*\nStart Client Opinion*/\n.client-opinion {\n  margin-top: 30px;\n  color: #ffffff;\n  position: relative;\n\n  img {\n    min-height: 200px;\n  }\n\n  .content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    padding: 90px 0 100px;\n    @media (max-width: $max-lg) {\n      padding: 45px 0;\n    }\n    @media (max-width: $max-med) {\n      padding: 25px 0;\n    }\n\n    h2 {\n      font-size: 2rem;\n      margin-bottom: 13px;\n      @media (max-width: $max-lg) {\n        font-size: 1.68rem;\n      }\n      @media (max-width: $max-sm) {\n        font-size: 1.5rem;\n      }\n      @media (max-width: $max-xs) {\n        font-size: 1.25rem;\n      }\n    }\n  }\n}\n\n/*\nEnd Client Opinion*/\n","/*\nStart GD*/\n.gd {\n  padding: 70px 0;\n  @media (max-width: $max-sm) {\n    padding: 35px 0;\n  }\n  section {\n    h2 {\n      font-size: 2rem;\n      font-weight: 500;\n      @media (max-width: $max-lg) {\n        font-size: 1.68rem;\n      }\n      @media (max-width: $max-sm) {\n        font-size: 1.5rem;\n      }\n      @media (max-width: $max-xs) {\n        font-size: 1.25rem;\n      }\n    }\n  }\n}\n/*\nEnd GD*/\n","/*\nStart Portfolio*/\n$height-img: 420px;\n\n.portfolio-header, .testimonials-header{\n  color: #ffffff;\n  position: relative;\n  margin-top: 30px;\n  height: $height-img;\n  background-image: url(../images/portfolio-google.png);\n  background-position: center center;\n  background-repeat: no-repeat;\n  //background-attachment: fixed;\n  background-size: cover;\n  @media (max-width: $max-lg) {\n    height: $height-img * $ratio-lg;\n  }\n  @media (max-width: $max-med) {\n    height: $height-img * $ratio-med;\n  }\n  @media (max-width: $max-sm) {\n    height: $height-img * $ratio-sm;\n  }\n  @media (max-width: $max-xs) {\n    height: $height-img * $ratio-xs;\n  }\n\n  //.overlay {\n  //  @include overlay;\n  //}\n  .content {\n    height: inherit;\n  }\n\n}\n\n/*\nEnd Portfolio*/","/*\nStart Projects Involved*/\n\n.projects-involved {\n  padding: 70px 0;\n\n  h2 {\n    font-size: 2rem;\n    margin-bottom: 60px;\n    @media (max-width: $max-lg) {\n      font-size: 1.68rem;\n    }\n    @media (max-width: $max-sm) {\n      font-size: 1.5rem;\n      margin-bottom: 30px;\n    }\n    @media (max-width: $max-xs) {\n      font-size: 1.25rem;\n    }\n  }\n\n  // navbar project\n  ul {\n    li {\n      &.active button{\n        text-decoration: none;\n        color: #ffffff;\n        background-color: $primary-color;\n        border-color: $primary-color;\n      }\n      button {\n        display: inline-block;\n        margin: 5px 0;\n        color: $text-btn-project;\n        background-color: $slider-bullet-color;\n        border-radius: 5px;\n        padding: 10px 13px;\n        border: 1px solid transparent;\n        transition: 0.2s all ease-in-out;\n        font-size: $span-font-size;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n          color: #ffffff;\n          background-color: $primary-color;\n          border-color: $primary-color;\n        }\n      }\n\n    }\n  }\n\n  //content project\n  .content, .content-locked {\n    position: relative;\n    min-height: 120px;\n    margin-top: 30px;\n    border-radius: 8px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0 .5rem 2rem rgba(0,0,0,.15)!important;\n    transition: 0.2s ease-in-out;\n    &:hover,\n    &:focus{\n      cursor: pointer;\n      box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;\n    }\n\n  }\n  .content-locked:hover {\n    cursor:not-allowed;\n  }\n  .content-locked:before {\n    content: \"\";\n    position: absolute;\n    top:0;\n    right: 0;\n    display: inline-block;\n    border-style: solid;\n    border-color: transparent;\n    border-top-color: $slider-bullet-color;\n    border-right-color: $slider-bullet-color;\n    border-width: 25px;\n    border-top-right-radius: 8px;\n    z-index: 1;\n  }\n  .content-locked:after {\n    content: \"\\f023\";\n    font-family: 'FontAwesome';\n    font-size: 1rem;\n    color: $text-grey;\n    position: absolute;\n    top:5px;\n    right: 10px;\n    z-index: 2;\n  }\n}\n\n/*\nEnd Projects Involved*/\n","/*\nStart Portfolio item*/\n$height-img: 420px;\n\n.portfolio-header-item{\n  color: #ffffff;\n  position: relative;\n  margin-top: 30px;\n  height: $height-img;\n  background-image: url(../images/mercedes-portfolio.png);\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  @media (max-width: $max-lg) {\n    height: $height-img * $ratio-lg;\n  }\n  @media (max-width: $max-med) {\n    height: $height-img * $ratio-med;\n  }\n  @media (max-width: $max-sm) {\n    height: $height-img * $ratio-sm;\n  }\n  @media (max-width: $max-xs) {\n    height: $height-img * $ratio-xs;\n  }\n\n  .content {\n    height: inherit;\n  }\n\n}\n\n/*\nEnd Portfolio item*/","/*\nStart Mobility*/\n.mobility {\n  padding: 67px 0 120px;\n  @media (max-width: $max-sm) {\n    padding: 30px 0 50px;\n  }\n\n  h2 {\n    font-size: 2rem;\n    margin-bottom: 32px;\n    //@media (min-width: $min-med) {\n    //  max-width: 333px;\n    //}\n    @media (max-width: $max-lg) {\n      font-size: 1.60rem;\n    }\n\n    @media (max-width: $max-sm) {\n      font-size: 1.5rem;\n    }\n    @media (max-width: $max-xs) {\n      font-size: 1.25rem;\n    }\n\n  }\n\n  p {\n    font-size: 1rem;\n    text-align: justify;\n    line-height: 25px;\n    //@media (min-width: $min-med) {\n    //  max-width: 305px;\n    //}\n  }\n\n  .mt-25 {\n    margin-top: -27%;\n    @media (max-width: $max-lg) {\n      margin-top: -32%;\n    }\n    @media (max-width: $max-sm) {\n      margin-top: 0;\n    }\n  }\n\n  img {\n    @media (max-width: $max-sm) {\n      display: block;\n      max-width: 100%;\n      margin: auto;\n    }\n\n  }\n\n}\n\n/*\nEnd Mobility*/\n","/*\nStart UXD Comment*/\n.uxd-comment {\n  background: $sponser-color;\n\n  img {\n    width: 100%;\n    //height: 100%;\n    @media (min-width: $min-lg) {\n      max-width: 100%;\n      height: auto;\n    }\n    @media (max-width: $max-sm) {\n      max-width: 100%;\n      height: auto;\n    }\n  }\n\n  .content {\n    padding-left: 30px;\n\n    p {\n      line-height: 24px;\n      margin-bottom: 30px;\n      max-width: 370px;\n    }\n  }\n}\n\n/*\nEnd UXD Comment*/\n","/*\nStart Gallery portfolio*/\n.gallery-portfolio {\n  padding-top: 100px;\n  @media (max-width: $max-sm) {\n    padding-top: 50px;\n  }\nimg {\n  display: block;\n  margin: auto;\n  margin-bottom: 25px;\n}\n  .btn {\n    margin-top: 80px;\n    margin-bottom: 100px;\n    padding:0.7rem 1.125rem;\n    @media (max-width: $max-sm) {\n      display: block;\n      max-width: 100%;\n      margin: auto;\n      margin-top: 40px;\n      margin-bottom: 50px;\n    }\n  }\n}\n/*\nEnd Gallery portfolio*/\n","/*\nStart Testimonial Body*/\n.testimonial-body {\n  padding: 70px 0 115px;\n  // head\n  h2 {\n    font-size: 2rem;\n    margin-bottom: 60px;\n    @media (max-width: $max-lg) {\n      font-size: 1.68rem;\n    }\n    @media (max-width: $max-sm) {\n      font-size: 1.5rem;\n      margin-bottom: 30px;\n    }\n    @media (max-width: $max-xs) {\n      font-size: 1.25rem;\n    }\n  }\n\n  // Content\n  .content {\n    padding: 40px;\n    margin-bottom: 20px;\n    border-radius: 8px;\n    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;\n    @media (min-width: $min-lg) and (max-width: $max-lg) {\n      padding: 30px 25px;\n    }\n\n    img.person {\n      margin-right: 14px;\n    }\n\n    p {\n      line-height: 23px;\n      margin-bottom: 24px;\n      @media (min-width: $min-sm) {\n        max-width: 300px;\n      }\n    }\n\n    .country {\n      font-size: 0.75rem;\n      color: $text-grey;\n    }\n  }\n}\n\n/*\nEnd Testimonial Body*/\n","/*\nStart Footer*/\n.footer {\n  position: relative;\n  background-color: $main-color;\n  color: #ffffff;\n  padding: 6rem 0 4rem;\n\n  .line {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 30px;\n    border: 1px solid #979797;\n  }\n\n  a {\n    &:hover {\n      color: $primary-color;\n    }\n  }\n\n  .span {\n    margin-bottom: 7px;\n    display: block;\n  }\n\n  .list-unstyled {\n    li {\n      padding: 5px;\n\n      a {\n        color: #ffffff;\n\n        &:hover,\n        &:active {\n          color: $primary-color;\n        }\n      }\n    }\n\n  }\n\n  form {\n    .form-control {\n      max-width: 280px;\n    }\n  }\n\n  .social {\n\n    .fa {\n      width: 2rem;\n      text-align: center;\n      //float: right;\n      margin-left: 10px;\n      background-color: $primary-color;\n      color: #000000;\n      padding: 0.25em;\n      font-size: 20px;\n      margin-bottom: 10px;\n\n      &:hover {\n        color: #ffffff;\n      }\n    }\n  }\n}\n\n/*\nEnd Footer*/\n"]}
\ No newline at end of file
+{"version":3,"sources":["layout/_global.scss","helpers/_variables.scss","main-style.css","layout/_fonts.scss","components/_button.scss","components/_navbar.scss","components/_home-slider.scss","components/_sponsers.scss","components/_user-interface.scss","components/_platform.scss","components/_client-comment.scss","components/_slider-secondary.scss","components/_getting-touch.scss","components/_client-opinion.scss","components/_gd.scss","components/_portfolio-header.scss","components/_projects-involved.scss","components/_portfolio-header-item.scss","components/_mobility.scss","components/_uxd-comment.scss","components/_gallery-portfolio.scss","components/_testimonial-body.scss","layout/_footer.scss"],"names":[],"mappings":"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","file":"main-style.css","sourcesContent":["/*Global Settings*/\nbody {\n  font-family: 'Raleway', sans-serif;\n  color: $font-color;\n}\n\n/*Text-colors*/\n.text-main-color {\n  color: $primary-color;\n}\n.text-muted {\n  color: $text-muted !important;\n}\n.text-grey {\n  color: $text-grey;\n}","// grid value\n$min-sm: 576px;\n$min-med: 768px;\n$min-lg: 992px;\n$min-xl: 1200px;\n\n$max-xs: 575.98px;\n$max-sm: 767.98px;\n$max-med: 991.98px;\n$max-lg: 1199.98px;\n\n// Colors\n$main-color: #23282E;\n$primary-color: #2FCCF6;\n$font-color: #1B1F23;\n$text-muted: #BEC1C5;\n$text-grey: #676B70;\n$text-btn-project: #3C3F43;\n\n$slider-bullet-color: #E4ECEE;\n$slider-border-color: #979797;\n\n$sponser-color: #F3F6F6;\n\n$icon-star-color: #6DDE54;\n\n\n// Font-sizes\n$h1-font-size: 3rem;\n$h2-font-size: 2.5rem;\n$h3-font-size: 1.5rem;\n$h4-font-size: 1.125rem;\n$p-font-size: 1.5rem;\n$btn-font-size: 1rem;\n$div-font-size: 1rem;\n$span-font-size: 0.875rem;\n\n$ratio-font-lg: 0.83;\n$ratio-font-med: 0.64;\n$ratio-font-sm: 0.48;\n$ratio-font-xs: 0.35;\n\n$font-medium: 500;\n$font-semi-bold: 600;\n$font-extra-bold: 800;\n\n// Golden Ratios\n$ratio-lg: 0.83;\n$ratio-med: 0.64;\n$ratio-sm: 0.48;\n$ratio-xs: 0.35;\n\n","/*Global Settings*/\nbody {\n  font-family: 'Raleway', sans-serif;\n  color: #1B1F23;\n}\n\n/*Text-colors*/\n.text-main-color {\n  color: #2FCCF6;\n}\n\n.text-muted {\n  color: #BEC1C5 !important;\n}\n\n.text-grey {\n  color: #676B70;\n}\n\n/*Font-weight*/\nh1, .h1, h2, .h2,\n.font-weight-extra-bold {\n  font-weight: 800;\n}\n\nh3, .h3, h4, .h4, button, .btn {\n  font-weight: 700;\n}\n\n\n.font-weight-semi-bold {\n  font-weight: 600;\n}\n\np, .p,\n.font-weight-medium {\n  font-weight: 500;\n}\n\ndiv, .div, span, .span {\n  font-weight: 400;\n}\n\nh1, .h1 {\n  font-size: 3rem;\n}\n\n@media (max-width: 1199.98px) {\n  h1, .h1 {\n    font-size: 2.49rem;\n  }\n}\n\n@media (max-width: 991.98px) {\n  h1, .h1 {\n    font-size: 1.92rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  h1, .h1 {\n    font-size: 1.44rem;\n  }\n}\n\n@media (max-width: 575.98px) {\n  h1, .h1 {\n    font-size: 1.05rem;\n  }\n}\n\nh2, .h2 {\n  font-size: 2.5rem;\n}\n\n@media (max-width: 1199.98px) {\n  h2, .h2 {\n    font-size: 2.075rem;\n  }\n}\n\n@media (max-width: 991.98px) {\n  h2, .h2 {\n    font-size: 1.6rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  h2, .h2 {\n    font-size: 1.2rem;\n  }\n}\n\nh3, .h3 {\n  font-size: 1.5rem;\n}\n\n@media (max-width: 1199.98px) {\n  h3, .h3 {\n    font-size: 1.245rem;\n  }\n}\n\nh4, .h4 {\n  font-size: 1.125rem;\n}\n\n@media (max-width: 767.98px) {\n  h4, .h4 {\n    font-size: 0.93375rem;\n  }\n}\n\np, .p {\n  font-size: 1.5rem;\n  letter-spacing: 0.86px;\n  line-height: 1.1;\n}\n\n@media (max-width: 1199.98px) {\n  p, .p {\n    font-size: 1.245rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  p, .p {\n    font-size: 0.96rem;\n  }\n}\n\ndiv, .div {\n  font-size: 1rem;\n  line-height: 1.2;\n}\n\n@media (max-width: 767.98px) {\n  div, .div {\n    font-size: 0.83rem;\n  }\n}\n\nspan, .span {\n  font-size: 0.875rem;\n}\n\nbutton, .btn {\n  font-size: 1rem;\n}\n\n.btn {\n  padding: 0.7rem 2rem;\n  border-radius: 2rem;\n}\n\n.btn-outline-primary {\n  color: #2FCCF6;\n  border-color: #2FCCF6;\n}\n\n.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active {\n  color: #fff;\n  background-color: #2FCCF6;\n  border-color: #2FCCF6;\n  transition: 0.2s all ease-in-out;\n}\n\n.btn-sm {\n  padding: 0.4rem 1.5rem;\n  border-radius: 1.5rem;\n}\n\n/* Start Navbar */\n.navbar {\n  padding: 2.25em 1em 0;\n}\n\n@media (max-width: 767.98px) {\n  .navbar {\n    padding: 1em;\n  }\n}\n\n.navbar .navbar-brand {\n  margin-right: 2em;\n}\n\n.navbar .nav-item.active > .nav-link {\n  color: #2FCCF6;\n}\n\n.navbar .nav-item .nav-link {\n  color: #1B1F23;\n}\n\n.navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-link:active, .navbar .nav-item .nav-link:focus {\n  color: #2FCCF6;\n}\n\n@media (max-width: 767.98px) {\n  .navbar .nav-item .nav-link {\n    padding-top: 2rem;\n    padding-bottom: 0;\n    font-size: 1rem;\n  }\n}\n\n.navbar .social .fa {\n  background-color: #000000;\n  color: #ffffff;\n  padding: 0.25em;\n}\n\n.navbar .social .fa:hover {\n  color: #2FCCF6;\n}\n\n@media (max-width: 767.98px) {\n  .navbar .social .fa {\n    padding: 0.5em;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .navbar .social {\n    margin-top: 2rem;\n    font-size: 1.1rem;\n  }\n}\n\n/* End Navbar */\n/*Start Home Slider*/\n.home-slider {\n  overflow: hidden;\n  height: 899px;\n  background-image: url(../images/gb.png);\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n\n@media (max-width: 1199.98px) {\n  .home-slider {\n    height: 746.17px;\n  }\n}\n\n@media (max-width: 991.98px) {\n  .home-slider {\n    height: 575.36px;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .home-slider {\n    height: 431.52px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .home-slider {\n    background-size: contain;\n    height: auto;\n  }\n}\n\n.home-slider .container {\n  height: inherit;\n}\n\n@media (max-width: 575.98px) {\n  .home-slider .container {\n    height: initial;\n  }\n}\n\n.home-slider .container .row {\n  height: inherit;\n}\n\n@media (max-width: 575.98px) {\n  .home-slider .container .row {\n    height: initial;\n  }\n}\n\n.home-slider .carousel .carousel-indicators {\n  bottom: -7em;\n  right: initial;\n  justify-content: start;\n  padding-left: 0;\n  margin-right: initial;\n  margin-left: 0;\n}\n\n@media (max-width: 1199.98px) {\n  .home-slider .carousel .carousel-indicators {\n    bottom: -5em;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .home-slider .carousel .carousel-indicators {\n    bottom: -3em;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .home-slider .carousel .carousel-indicators {\n    bottom: 0;\n    right: 0;\n    justify-content: center;\n    margin-right: auto;\n    margin-left: auto;\n  }\n}\n\n.home-slider .carousel .carousel-indicators li {\n  border: 1px solid transparent;\n  background-color: #E4ECEE;\n  opacity: 1;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n}\n\n.home-slider .carousel .carousel-indicators li.active, .home-slider .carousel .carousel-indicators li:hover, .home-slider .carousel .carousel-indicators li:focus {\n  background-color: #2FCCF6;\n  border-color: #979797;\n}\n\n@media (max-width: 575.98px) {\n  .home-slider .carousel .carousel-indicators li {\n    width: 13px;\n    height: 13px;\n    margin-right: 2px;\n    margin-left: 2px;\n  }\n}\n\n.home-slider .carousel .carousel-item .carousel-caption {\n  position: static;\n  color: #1B1F23;\n}\n\n@media (max-width: 991.98px) {\n  .home-slider .carousel .carousel-item .carousel-caption {\n    padding-top: 50px;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .home-slider .carousel .carousel-item .carousel-caption {\n    text-align: center !important;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .home-slider .carousel .carousel-item .carousel-caption {\n    padding-top: 20px;\n    padding-bottom: 50px;\n  }\n}\n\n.home-slider .carousel .carousel-item .carousel-caption .h1 {\n  margin-bottom: 38px;\n}\n\n@media (max-width: 767.98px) {\n  .home-slider .carousel .carousel-item .carousel-caption .h1 {\n    margin-bottom: 20px;\n  }\n}\n\n/*End Home Slider*/\n/*Start Sponser*/\n.sponsers {\n  background-color: #F3F6F6;\n}\n\n.sponsers img {\n  padding: 4.6em 0;\n}\n\n@media (max-width: 991.98px) {\n  .sponsers img {\n    padding: 2em 0;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .sponsers img {\n    padding: 1.5rem 0;\n  }\n}\n\n/*End Sponser*/\n/*\nStart User Interface*/\n.user-interface {\n  padding: 100px 0;\n}\n\n@media (max-width: 767.98px) {\n  .user-interface {\n    padding: 50px 0 25px 0;\n  }\n}\n\n.user-interface h2 {\n  max-width: 520px;\n  margin-bottom: 1rem;\n}\n\n.user-interface p {\n  margin-bottom: 2.5rem;\n}\n\n.user-interface .card {\n  border: none;\n  margin-bottom: 2rem;\n  padding: 3.5rem 0;\n}\n\n@media (max-width: 767.98px) {\n  .user-interface .card {\n    padding: 1.5rem 0;\n  }\n}\n\n.user-interface .card img {\n  margin-bottom: 1.5rem;\n}\n\n.user-interface .card .card-body {\n  padding: 0 2.5rem;\n}\n\n@media (max-width: 1199.98px) {\n  .user-interface .card .card-body {\n    padding: 0 1.5rem;\n  }\n}\n\n@media (min-width: 992px) {\n  .user-interface .card-up {\n    position: absolute;\n    right: 3.5rem;\n    top: -50%;\n  }\n}\n\n/*\nEnd User Interface*/\n/*\nStart Freelancing Platform*/\n.platform .upwork, .platform .gas, .platform .insight {\n  max-width: 150px;\n  margin: auto;\n}\n\n.platform {\n  text-align: center;\n  padding: 35px 0;\n}\n\n.platform .fa-star {\n  color: #6DDE54;\n}\n\n/*\nEnd Freelancing Platform*/\n/*\nStart Client Comments*/\n.client-comments {\n  background-color: #23282E;\n  padding: 3.5rem 0 3rem;\n  color: #ffffff;\n}\n\n.client-comments img {\n  float: right;\n}\n\n@media (max-width: 767.98px) {\n  .client-comments img {\n    float: none;\n    max-width: 100%;\n    margin: auto;\n    display: block;\n    margin-bottom: 1rem;\n  }\n}\n\n.client-comments .p {\n  font-size: 21px;\n  font-weight: 700;\n}\n\n@media (max-width: 991.98px) {\n  .client-comments .p {\n    font-size: 18px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .client-comments .p {\n    font-size: 16px;\n  }\n}\n\n/*\nEnd Client Comments*/\n/*\nStart Slider Secondary*/\n.slider-secondary {\n  overflow: hidden;\n  padding: 15rem 0 4rem;\n}\n\n@media (max-width: 575.98px) {\n  .slider-secondary {\n    padding: 4rem 0 4rem;\n  }\n}\n\n.slider-secondary .carousel-inner {\n  overflow: initial;\n}\n\n.slider-secondary .carousel-caption {\n  max-width: 60%;\n  padding-top: 0;\n  right: 0;\n  bottom: 0;\n  top: -25%;\n  left: initial;\n  z-index: 50;\n  text-align: right;\n  color: #1B1F23;\n}\n\n@media (max-width: 575.98px) {\n  .slider-secondary .carousel-caption {\n    max-width: 100%;\n    position: initial;\n    right: 15%;\n    bottom: 20px;\n    left: 15%;\n    padding-top: 20px;\n    padding-bottom: 20px;\n    text-align: center;\n  }\n}\n\n.slider-secondary .carousel-caption p {\n  max-width: 400px;\n  font-size: 21px;\n  margin-bottom: 3.5rem;\n}\n\n@media (max-width: 991.98px) {\n  .slider-secondary .carousel-caption p {\n    max-width: 300px;\n    font-size: 16px;\n    margin-bottom: 1.5rem;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .slider-secondary .carousel-caption p {\n    float: none !important;\n    text-align: center;\n    max-width: 80%;\n    margin: auto;\n    margin-bottom: 1.5rem;\n  }\n}\n\n.slider-secondary .carousel-indicators {\n  z-index: 51;\n}\n\n@media (max-width: 767.98px) {\n  .slider-secondary .carousel-indicators {\n    bottom: -20px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .slider-secondary .carousel-indicators {\n    bottom: -35px;\n  }\n}\n\n.slider-secondary .carousel-indicators li {\n  border: 1px solid transparent;\n  background-color: #E4ECEE;\n  opacity: 1;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n}\n\n.slider-secondary .carousel-indicators li.active, .slider-secondary .carousel-indicators li:hover, .slider-secondary .carousel-indicators li:focus {\n  background-color: #2FCCF6;\n  border-color: #979797;\n}\n\n/*\nEnd Slider Secondary*/\n/*\nStart Getting Touch*/\n.getting-touch {\n  padding: 7rem 0;\n}\n\n@media (max-width: 767.98px) {\n  .getting-touch {\n    padding: 3rem 0;\n  }\n}\n\n.getting-touch h2 {\n  margin-bottom: 1.75rem;\n}\n\n.getting-touch .div {\n  margin-bottom: 3rem;\n}\n\n.getting-touch form {\n  font-family: 'Roboto', sans-serif;\n  border-radius: 10px;\n  padding: 3rem 2.5rem 2.5rem 2.5rem;\n}\n\n.getting-touch form .btn {\n  max-width: 100%;\n  margin: auto;\n  display: block;\n}\n\n/*\nEnd Getting Touch*/\n/*\nStart Client Opinion*/\n.client-opinion {\n  margin-top: 30px;\n  color: #ffffff;\n  position: relative;\n}\n\n.client-opinion img {\n  min-height: 200px;\n}\n\n.client-opinion .content {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 90px 0 100px;\n}\n\n@media (max-width: 1199.98px) {\n  .client-opinion .content {\n    padding: 45px 0;\n  }\n}\n\n@media (max-width: 991.98px) {\n  .client-opinion .content {\n    padding: 25px 0;\n  }\n}\n\n.client-opinion .content h2 {\n  font-size: 2rem;\n  margin-bottom: 13px;\n}\n\n@media (max-width: 1199.98px) {\n  .client-opinion .content h2 {\n    font-size: 1.68rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .client-opinion .content h2 {\n    font-size: 1.5rem;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .client-opinion .content h2 {\n    font-size: 1.25rem;\n  }\n}\n\n/*\nEnd Client Opinion*/\n/*\nStart GD*/\n.gd {\n  padding: 70px 0;\n}\n\n@media (max-width: 767.98px) {\n  .gd {\n    padding: 35px 0;\n  }\n}\n\n.gd section h2 {\n  font-size: 2rem;\n  font-weight: 500;\n}\n\n@media (max-width: 1199.98px) {\n  .gd section h2 {\n    font-size: 1.68rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .gd section h2 {\n    font-size: 1.5rem;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .gd section h2 {\n    font-size: 1.25rem;\n  }\n}\n\n/*\nEnd GD*/\n/*\nStart Portfolio*/\n.portfolio-header, .testimonials-header {\n  color: #ffffff;\n  position: relative;\n  margin-top: 30px;\n  height: 420px;\n  background-image: url(../images/portfolio-google.png);\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n\n@media (max-width: 1199.98px) {\n  .portfolio-header, .testimonials-header {\n    height: 348.6px;\n  }\n}\n\n@media (max-width: 991.98px) {\n  .portfolio-header, .testimonials-header {\n    height: 268.8px;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .portfolio-header, .testimonials-header {\n    height: 201.6px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .portfolio-header, .testimonials-header {\n    height: 147px;\n  }\n}\n\n.portfolio-header .content, .testimonials-header .content {\n  height: inherit;\n}\n\n/*\nEnd Portfolio*/\n/*\nStart Projects Involved*/\n.projects-involved {\n  padding: 70px 0;\n}\n\n.projects-involved h2 {\n  font-size: 2rem;\n  margin-bottom: 60px;\n}\n\n@media (max-width: 1199.98px) {\n  .projects-involved h2 {\n    font-size: 1.68rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .projects-involved h2 {\n    font-size: 1.5rem;\n    margin-bottom: 30px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .projects-involved h2 {\n    font-size: 1.25rem;\n  }\n}\n\n.projects-involved ul li.active button {\n  text-decoration: none;\n  color: #ffffff;\n  background-color: #2FCCF6;\n  border-color: #2FCCF6;\n}\n\n.projects-involved ul li button {\n  display: inline-block;\n  margin: 5px 0;\n  color: #3C3F43;\n  background-color: #E4ECEE;\n  border-radius: 5px;\n  padding: 10px 13px;\n  border: 1px solid transparent;\n  transition: 0.2s all ease-in-out;\n  font-size: 0.875rem;\n}\n\n.projects-involved ul li button:hover, .projects-involved ul li button:active, .projects-involved ul li button:focus {\n  text-decoration: none;\n  color: #ffffff;\n  background-color: #2FCCF6;\n  border-color: #2FCCF6;\n}\n\n.projects-involved .content, .projects-involved .content-locked {\n  position: relative;\n  min-height: 120px;\n  margin-top: 30px;\n  border-radius: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.15) !important;\n  transition: 0.2s ease-in-out;\n}\n\n.projects-involved .content:hover, .projects-involved .content:focus, .projects-involved .content-locked:hover, .projects-involved .content-locked:focus {\n  cursor: pointer;\n  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;\n}\n\n.projects-involved .content-locked:hover {\n  cursor: not-allowed;\n}\n\n.projects-involved .content-locked:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: inline-block;\n  border-style: solid;\n  border-color: transparent;\n  border-top-color: #E4ECEE;\n  border-right-color: #E4ECEE;\n  border-width: 25px;\n  border-top-right-radius: 8px;\n  z-index: 1;\n}\n\n.projects-involved .content-locked:after {\n  content: \"\\f023\";\n  font-family: 'FontAwesome';\n  font-size: 1rem;\n  color: #676B70;\n  position: absolute;\n  top: 5px;\n  right: 10px;\n  z-index: 2;\n}\n\n/*\nEnd Projects Involved*/\n/*\nStart Portfolio item*/\n.portfolio-header-item {\n  color: #ffffff;\n  position: relative;\n  margin-top: 30px;\n  height: 420px;\n  background-image: url(../images/mercedes-portfolio.png);\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n\n@media (max-width: 1199.98px) {\n  .portfolio-header-item {\n    height: 348.6px;\n  }\n}\n\n@media (max-width: 991.98px) {\n  .portfolio-header-item {\n    height: 268.8px;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .portfolio-header-item {\n    height: 201.6px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .portfolio-header-item {\n    height: 147px;\n  }\n}\n\n.portfolio-header-item .content {\n  height: inherit;\n}\n\n/*\nEnd Portfolio item*/\n/*\nStart Mobility*/\n.mobility {\n  padding: 67px 0 120px;\n}\n\n@media (max-width: 767.98px) {\n  .mobility {\n    padding: 30px 0 50px;\n  }\n}\n\n.mobility h2 {\n  font-size: 2rem;\n  margin-bottom: 32px;\n}\n\n@media (max-width: 1199.98px) {\n  .mobility h2 {\n    font-size: 1.60rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .mobility h2 {\n    font-size: 1.5rem;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .mobility h2 {\n    font-size: 1.25rem;\n  }\n}\n\n.mobility p {\n  font-size: 1rem;\n  text-align: justify;\n  line-height: 25px;\n}\n\n.mobility .mt-25 {\n  margin-top: -27%;\n}\n\n@media (max-width: 1199.98px) {\n  .mobility .mt-25 {\n    margin-top: -32%;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .mobility .mt-25 {\n    margin-top: 0;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .mobility img {\n    display: block;\n    max-width: 100%;\n    margin: auto;\n  }\n}\n\n/*\nEnd Mobility*/\n/*\nStart UXD Comment*/\n.uxd-comment {\n  background: #F3F6F6;\n}\n\n.uxd-comment img {\n  width: 100%;\n}\n\n@media (min-width: 992px) {\n  .uxd-comment img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .uxd-comment img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n\n.uxd-comment .content {\n  padding-left: 30px;\n}\n\n.uxd-comment .content p {\n  line-height: 24px;\n  margin-bottom: 30px;\n  max-width: 370px;\n}\n\n/*\nEnd UXD Comment*/\n/*\nStart Gallery portfolio*/\n.gallery-portfolio {\n  padding-top: 100px;\n}\n\n@media (max-width: 767.98px) {\n  .gallery-portfolio {\n    padding-top: 50px;\n  }\n}\n\n.gallery-portfolio img {\n  display: block;\n  margin: auto;\n  margin-bottom: 25px;\n}\n\n.gallery-portfolio .btn {\n  margin-top: 80px;\n  margin-bottom: 100px;\n  padding: 0.7rem 1.125rem;\n}\n\n@media (max-width: 767.98px) {\n  .gallery-portfolio .btn {\n    display: block;\n    max-width: 100%;\n    margin: auto;\n    margin-top: 40px;\n    margin-bottom: 50px;\n  }\n}\n\n/*\nEnd Gallery portfolio*/\n/*\nStart Testimonial Body*/\n.testimonial-body {\n  padding: 70px 0 115px;\n}\n\n.testimonial-body h2 {\n  font-size: 2rem;\n  margin-bottom: 60px;\n}\n\n@media (max-width: 1199.98px) {\n  .testimonial-body h2 {\n    font-size: 1.68rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .testimonial-body h2 {\n    font-size: 1.5rem;\n    margin-bottom: 30px;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .testimonial-body h2 {\n    font-size: 1.25rem;\n  }\n}\n\n.testimonial-body .content {\n  padding: 40px;\n  margin-bottom: 20px;\n  border-radius: 8px;\n  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.15) !important;\n}\n\n@media (min-width: 992px) and (max-width: 1199.98px) {\n  .testimonial-body .content {\n    padding: 30px 25px;\n  }\n}\n\n.testimonial-body .content img.person {\n  margin-right: 14px;\n}\n\n.testimonial-body .content p {\n  line-height: 23px;\n  margin-bottom: 24px;\n}\n\n@media (min-width: 576px) {\n  .testimonial-body .content p {\n    max-width: 300px;\n  }\n}\n\n.testimonial-body .content .country {\n  font-size: 0.75rem;\n  color: #676B70;\n}\n\n/*\nEnd Testimonial Body*/\n/*\nStart Footer*/\n.footer {\n  position: relative;\n  background-color: #23282E;\n  color: #ffffff;\n  padding: 6rem 0 4rem;\n}\n\n.footer .line {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 30px;\n  border: 1px solid #979797;\n}\n\n.footer a:hover {\n  color: #2FCCF6;\n}\n\n.footer .span {\n  margin-bottom: 7px;\n  display: block;\n}\n\n.footer .list-unstyled li {\n  padding: 5px;\n}\n\n.footer .list-unstyled li a {\n  color: #ffffff;\n}\n\n.footer .list-unstyled li a:hover, .footer .list-unstyled li a:active {\n  color: #2FCCF6;\n}\n\n.footer form .form-control {\n  max-width: 280px;\n}\n\n.footer .social .fa {\n  width: 2rem;\n  text-align: center;\n  margin-left: 10px;\n  background-color: #2FCCF6;\n  color: #000000;\n  padding: 0.25em;\n  font-size: 20px;\n  margin-bottom: 10px;\n}\n\n.footer .social .fa:hover {\n  color: #ffffff;\n}\n\n/*\nEnd Footer*/\n","/*Font-weight*/\n%font-extrabold,\n.font-weight-extra-bold {\n  font-weight: 800;\n}\n\n%font-bold {\n  font-weight: 700;\n}\n\n%font-semi-bold,\n.font-weight-semi-bold {\n  font-weight: $font-semi-bold;\n}\n\n%font-medium,\n.font-weight-medium {\n  font-weight: $font-medium;\n}\n\n%font-regular {\n  font-weight: 400;\n}\n\n// Font Sizes\nh1, .h1 {\n  font-size: $h1-font-size;\n  @extend %font-extrabold;\n  @media (max-width: $max-lg) {\n    font-size: $h1-font-size * $ratio-font-lg;\n  }\n  @media (max-width: $max-med) {\n    font-size: $h1-font-size * $ratio-font-med;\n  }\n  @media (max-width: $max-sm) {\n    font-size: $h1-font-size * $ratio-font-sm;\n  }\n  @media (max-width: $max-xs) {\n    font-size: $h1-font-size * $ratio-font-xs;\n  }\n}\n\nh2, .h2 {\n  font-size: $h2-font-size;\n  @extend %font-extrabold;\n  @media (max-width: $max-lg) {\n    font-size: $h2-font-size * $ratio-font-lg;\n  }\n  @media (max-width: $max-med) {\n    font-size: $h2-font-size * $ratio-font-med;\n  }\n  @media (max-width: $max-sm) {\n    font-size: $h2-font-size * $ratio-font-sm;\n  }\n}\n\nh3, .h3 {\n  font-size: $h3-font-size;\n  @extend %font-bold;\n  @media (max-width: $max-lg) {\n    font-size: $h3-font-size * $ratio-font-lg;\n  }\n}\n\nh4, .h4 {\n  font-size: $h4-font-size;\n  @extend %font-bold;\n  @media (max-width: $max-sm) {\n    font-size: $h4-font-size * $ratio-font-lg;\n  }\n}\n\np, .p {\n  font-size: $p-font-size;\n  letter-spacing: 0.86px;\n  line-height: 1.1;\n  @extend %font-medium;\n  @media (max-width: $max-lg) {\n    font-size: $p-font-size * $ratio-font-lg;\n  }\n  @media (max-width: $max-sm) {\n    font-size: $p-font-size * $ratio-font-med;\n  }\n}\n\ndiv, .div {\n  font-size: $div-font-size;\n  line-height: 1.2;\n  @extend %font-regular;\n  @media (max-width: $max-sm) {\n    font-size: $div-font-size * $ratio-font-lg;\n  }\n}\n\nspan, .span {\n  font-size: $span-font-size;\n  @extend %font-regular;\n}\n\nbutton, .btn {\n  font-size: $btn-font-size;\n  @extend %font-bold;\n}\n",".btn {\n  padding: 0.7rem 2rem;\n  border-radius: 2rem;\n}\n\n.btn-outline-primary {\n  color: $primary-color;\n  border-color: $primary-color;\n  &:hover,\n  &:not(:disabled):not(.disabled).active{\n    color: #fff;\n    background-color: $primary-color;\n    border-color: $primary-color;\n    transition: 0.2s all ease-in-out;\n  }\n}\n\n\n.btn-sm {\n  padding: 0.4rem 1.5rem;\n  border-radius: 1.5rem;\n}","/* Start Navbar */\n\n\n.navbar {\n  padding : 2.25em 1em 0;\n  @media (max-width : $max-sm) {\n    padding : 1em;\n  }\n\n  .navbar-brand {\n    margin-right : 2em;\n  }\n\n  .nav-item {\n    &.active > .nav-link {\n      color : $primary-color;\n    }\n    .nav-link {\n      color : $font-color;\n\n      &:hover,\n      &:active,\n      &:focus {\n        color : $primary-color;\n      }\n\n      @media (max-width : $max-sm) {\n        padding-top: 2rem;\n        padding-bottom: 0;\n        font-size: 1rem;\n      }\n    }\n  }\n\n  .social {\n    .fa {\n      background-color : #000000;\n      color            : #ffffff;\n      padding          : 0.25em;\n\n      &:hover {\n        color : $primary-color;\n      }\n\n      @media (max-width : $max-sm) {\n        padding: 0.5em;\n      }\n    }\n\n    @media (max-width : $max-sm) {\n      margin-top: 2rem;\n      font-size: 1.1rem;\n    }\n  }\n\n}\n/* End Navbar */\n\n","/*Start Home Slider*/\n.home-slider {\n  overflow: hidden;\n  $height-img: 899px;\n  height: $height-img;\n  background-image: url(../images/gb.png);\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  @media (max-width: $max-lg) {\n    height: $height-img * $ratio-lg;\n  }\n  @media (max-width: $max-med) {\n    height: $height-img * $ratio-med;\n  }\n  @media (max-width: $max-sm) {\n    height: $height-img * $ratio-sm;\n  }\n  @media (max-width: $max-xs) {\n    background-size: contain;\n    height: auto;\n  }\n\n  .container{\n    height: inherit;\n    @media (max-width: $max-xs) {\n      height: initial;\n    }\n    .row {\n      height: inherit;\n      @media (max-width: $max-xs) {\n        height: initial;\n      }\n    }\n  }\n\n  .carousel {\n    .carousel-indicators {\n      bottom: -7em;\n      right: initial;\n      justify-content: start;\n      padding-left: 0;\n      margin-right: initial;\n      margin-left: 0;\n      @media (max-width: $max-lg) {\n        bottom: -5em;\n      }\n      @media (max-width: $max-sm) {\n        bottom: -3em;\n      }\n      @media (max-width: $max-xs) {\n        bottom: 0;\n        right: 0;\n        justify-content: center;\n        margin-right: auto;\n        margin-left: auto;\n      }\n\n      li {\n        border: 1px solid transparent;\n        background-color: $slider-bullet-color;\n        opacity: 1;\n        width: 1em;\n        height: 1em;\n        border-radius: 50%;\n\n        &.active, &:hover, &:focus {\n          background-color: $primary-color;\n          border-color: $slider-border-color;\n        }\n\n        @media (max-width: $max-xs) {\n          width: 13px;\n          height: 13px;\n          margin-right: 2px;\n          margin-left: 2px;\n        }\n\n      }\n    }\n\n    .carousel-item {\n      .carousel-caption {\n        position: static;\n        color: $font-color;\n        @media (max-width: $max-med) {\n          padding-top: 50px;\n        }\n        @media (max-width: $max-sm) {\n          text-align: center!important;\n        }\n        @media (max-width: $max-xs) {\n          padding-top: 20px;\n          padding-bottom: 50px;\n        }\n\n        .h1 {\n          margin-bottom: 38px;\n          @media (max-width: $max-sm) {\n            margin-bottom: 20px;\n          }\n        }\n      }\n    }\n  }\n}\n\n/*End Home Slider*/","/*Start Sponser*/\n.sponsers {\n  background-color: $sponser-color;\n  img {\n    padding: 4.6em 0;\n    @media (max-width: $max-med) {\n      padding: 2em 0;\n    }\n    @media (max-width: $max-sm) {\n      padding: 1.5rem 0;\n    }\n  }\n\n}\n/*End Sponser*/","/*\nStart User Interface*/\n.user-interface {\n  padding: 100px 0;\n  @media (max-width: $max-sm) {\n    padding: 50px 0 25px 0;\n  }\n  h2 {\n    max-width: 520px;\n    margin-bottom: 1rem;\n  }\n  p {\n    margin-bottom: 2.5rem;\n  }\n  .card {\n    border: none;\n    margin-bottom: 2rem;\n    padding: 3.5rem 0;\n    @media (max-width: $max-sm) {\n      padding: 1.5rem 0;\n    }\n    img {\n      margin-bottom: 1.5rem;\n    }\n    .card-body {\n      padding: 0 2.5rem;\n      @media (max-width: $max-lg) {\n        padding: 0 1.5rem;\n      }\n    }\n  }\n  .card-up {\n    @media (min-width: $min-lg) {\n      position: absolute;\n      right: 3.5rem;\n      top: -50%;\n    }\n  }\n\n}\n\n\n/*\nEnd User Interface*/\n","/*\nStart Freelancing Platform*/\n%centeralize {\n  max-width: 150px;\n  margin: auto;\n}\n\n.platform {\n  text-align: center;\n  padding: 35px 0;\n  .fa-star {\n    color: $icon-star-color;\n  }\n\n  .upwork {\n    @extend %centeralize;\n  }\n\n  .gas {\n    @extend %centeralize;\n  }\n\n  .insight {\n    @extend %centeralize;\n  }\n}\n\n/*\nEnd Freelancing Platform*/","/*\nStart Client Comments*/\n.client-comments{\n  background-color: $main-color;\n  padding: 3.5rem 0 3rem;\n  color: #ffffff;\n\n  img {\n    float: right;\n    @media (max-width: $max-sm) {\n      float: none;\n      max-width: 100%;\n      margin: auto;\n      display: block;\n      margin-bottom: 1rem;\n    }\n  }\n  .p {\n    font-size: 21px;\n    font-weight: 700;\n    @media (max-width: $max-med) {\n      font-size: 18px;\n    }\n    @media (max-width: $max-xs) {\n      font-size: 16px;\n    }\n  }\n}\n/*\nEnd Client Comments*/","/*\nStart Slider Secondary*/\n.slider-secondary {\n  overflow: hidden;\n  padding: 15rem 0 4rem;\n  @media (max-width: $max-xs) {\n    padding: 4rem 0 4rem;\n  }\n  .carousel-inner {\n    overflow: initial;\n  }\n\n  .carousel-caption {\n    max-width: 60%;\n    padding-top: 0;\n    right: 0;\n    bottom: 0;\n    top: -25%;\n    left: initial;\n    z-index: 50;\n    text-align: right;\n    color: $font-color;\n\n    @media (max-width: $max-xs) {\n      max-width: 100%;\n      position: initial;\n      right: 15%;\n      bottom: 20px;\n      left: 15%;\n      padding-top: 20px;\n      padding-bottom: 20px;\n      text-align: center;\n    }\n\n    p {\n      max-width: 400px;\n      font-size: 21px;\n      margin-bottom: 3.5rem;\n      @media (max-width: $max-med) {\n        max-width: 300px;\n        font-size: 16px;\n        margin-bottom: 1.5rem;\n      }\n      @media (max-width: $max-xs) {\n        float: none !important;\n        text-align: center;\n        max-width: 80%;\n        margin: auto;\n        margin-bottom: 1.5rem;\n      }\n    }\n  }\n\n  .carousel-indicators {\n    z-index: 51;\n    @media (max-width: $max-sm) {\n      bottom: -20px;\n    }\n    @media (max-width: $max-xs) {\n      bottom: -35px;\n    }\n\n    li {\n      border: 1px solid transparent;\n      background-color: $slider-bullet-color;\n      opacity: 1;\n      width: 1em;\n      height: 1em;\n      border-radius: 50%;\n\n      &.active, &:hover, &:focus {\n        background-color: $primary-color;\n        border-color: $slider-border-color;\n      }\n    }\n  }\n\n}\n\n/*\nEnd Slider Secondary*/\n","/*\nStart Getting Touch*/\n.getting-touch{\n  padding: 7rem 0;\n  @media (max-width: $max-sm) {\n    padding: 3rem 0;\n  }\n  h2 {\n    margin-bottom: 1.75rem;\n  }\n  .div {\n    margin-bottom: 3rem;\n  }\n  form{\n    font-family: 'Roboto', sans-serif;;\n    border-radius: 10px;\n    padding: 3rem 2.5rem 2.5rem 2.5rem;\n    .btn{\n        max-width: 100%;\n        margin: auto;\n        display: block;\n    }\n  }\n}\n/*\nEnd Getting Touch*/","/*\nStart Client Opinion*/\n.client-opinion {\n  margin-top: 30px;\n  color: #ffffff;\n  position: relative;\n\n  img {\n    min-height: 200px;\n  }\n\n  .content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    padding: 90px 0 100px;\n    @media (max-width: $max-lg) {\n      padding: 45px 0;\n    }\n    @media (max-width: $max-med) {\n      padding: 25px 0;\n    }\n\n    h2 {\n      font-size: 2rem;\n      margin-bottom: 13px;\n      @media (max-width: $max-lg) {\n        font-size: 1.68rem;\n      }\n      @media (max-width: $max-sm) {\n        font-size: 1.5rem;\n      }\n      @media (max-width: $max-xs) {\n        font-size: 1.25rem;\n      }\n    }\n  }\n}\n\n/*\nEnd Client Opinion*/\n","/*\nStart GD*/\n.gd {\n  padding: 70px 0;\n  @media (max-width: $max-sm) {\n    padding: 35px 0;\n  }\n  section {\n    h2 {\n      font-size: 2rem;\n      font-weight: 500;\n      @media (max-width: $max-lg) {\n        font-size: 1.68rem;\n      }\n      @media (max-width: $max-sm) {\n        font-size: 1.5rem;\n      }\n      @media (max-width: $max-xs) {\n        font-size: 1.25rem;\n      }\n    }\n  }\n}\n/*\nEnd GD*/\n","/*\nStart Portfolio*/\n$height-img: 420px;\n\n.portfolio-header, .testimonials-header{\n  color: #ffffff;\n  position: relative;\n  margin-top: 30px;\n  height: $height-img;\n  background-image: url(../images/portfolio-google.png);\n  background-position: center center;\n  background-repeat: no-repeat;\n  //background-attachment: fixed;\n  background-size: cover;\n  @media (max-width: $max-lg) {\n    height: $height-img * $ratio-lg;\n  }\n  @media (max-width: $max-med) {\n    height: $height-img * $ratio-med;\n  }\n  @media (max-width: $max-sm) {\n    height: $height-img * $ratio-sm;\n  }\n  @media (max-width: $max-xs) {\n    height: $height-img * $ratio-xs;\n  }\n\n  //.overlay {\n  //  @include overlay;\n  //}\n  .content {\n    height: inherit;\n  }\n\n}\n\n/*\nEnd Portfolio*/","/*\nStart Projects Involved*/\n\n.projects-involved {\n  padding: 70px 0;\n\n  h2 {\n    font-size: 2rem;\n    margin-bottom: 60px;\n    @media (max-width: $max-lg) {\n      font-size: 1.68rem;\n    }\n    @media (max-width: $max-sm) {\n      font-size: 1.5rem;\n      margin-bottom: 30px;\n    }\n    @media (max-width: $max-xs) {\n      font-size: 1.25rem;\n    }\n  }\n\n  // navbar project\n  ul {\n    li {\n      &.active button{\n        text-decoration: none;\n        color: #ffffff;\n        background-color: $primary-color;\n        border-color: $primary-color;\n      }\n      button {\n        display: inline-block;\n        margin: 5px 0;\n        color: $text-btn-project;\n        background-color: $slider-bullet-color;\n        border-radius: 5px;\n        padding: 10px 13px;\n        border: 1px solid transparent;\n        transition: 0.2s all ease-in-out;\n        font-size: $span-font-size;\n\n        &:hover,\n        &:active,\n        &:focus {\n          text-decoration: none;\n          color: #ffffff;\n          background-color: $primary-color;\n          border-color: $primary-color;\n        }\n      }\n\n    }\n  }\n\n  //content project\n  .content, .content-locked {\n    position: relative;\n    min-height: 120px;\n    margin-top: 30px;\n    border-radius: 8px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0 .5rem 2rem rgba(0,0,0,.15)!important;\n    transition: 0.2s ease-in-out;\n    &:hover,\n    &:focus{\n      cursor: pointer;\n      box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;\n    }\n\n  }\n  .content-locked:hover {\n    cursor:not-allowed;\n  }\n  .content-locked:before {\n    content: \"\";\n    position: absolute;\n    top:0;\n    right: 0;\n    display: inline-block;\n    border-style: solid;\n    border-color: transparent;\n    border-top-color: $slider-bullet-color;\n    border-right-color: $slider-bullet-color;\n    border-width: 25px;\n    border-top-right-radius: 8px;\n    z-index: 1;\n  }\n  .content-locked:after {\n    content: \"\\f023\";\n    font-family: 'FontAwesome';\n    font-size: 1rem;\n    color: $text-grey;\n    position: absolute;\n    top:5px;\n    right: 10px;\n    z-index: 2;\n  }\n}\n\n/*\nEnd Projects Involved*/\n","/*\nStart Portfolio item*/\n$height-img: 420px;\n\n.portfolio-header-item{\n  color: #ffffff;\n  position: relative;\n  margin-top: 30px;\n  height: $height-img;\n  background-image: url(../images/mercedes-portfolio.png);\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  @media (max-width: $max-lg) {\n    height: $height-img * $ratio-lg;\n  }\n  @media (max-width: $max-med) {\n    height: $height-img * $ratio-med;\n  }\n  @media (max-width: $max-sm) {\n    height: $height-img * $ratio-sm;\n  }\n  @media (max-width: $max-xs) {\n    height: $height-img * $ratio-xs;\n  }\n\n  .content {\n    height: inherit;\n  }\n\n}\n\n/*\nEnd Portfolio item*/","/*\nStart Mobility*/\n.mobility {\n  padding: 67px 0 120px;\n  @media (max-width: $max-sm) {\n    padding: 30px 0 50px;\n  }\n\n  h2 {\n    font-size: 2rem;\n    margin-bottom: 32px;\n    //@media (min-width: $min-med) {\n    //  max-width: 333px;\n    //}\n    @media (max-width: $max-lg) {\n      font-size: 1.60rem;\n    }\n\n    @media (max-width: $max-sm) {\n      font-size: 1.5rem;\n    }\n    @media (max-width: $max-xs) {\n      font-size: 1.25rem;\n    }\n\n  }\n\n  p {\n    font-size: 1rem;\n    text-align: justify;\n    line-height: 25px;\n    //@media (min-width: $min-med) {\n    //  max-width: 305px;\n    //}\n  }\n\n  .mt-25 {\n    margin-top: -27%;\n    @media (max-width: $max-lg) {\n      margin-top: -32%;\n    }\n    @media (max-width: $max-sm) {\n      margin-top: 0;\n    }\n  }\n\n  img {\n    @media (max-width: $max-sm) {\n      display: block;\n      max-width: 100%;\n      margin: auto;\n    }\n\n  }\n\n}\n\n/*\nEnd Mobility*/\n","/*\nStart UXD Comment*/\n.uxd-comment {\n  background: $sponser-color;\n\n  img {\n    width: 100%;\n    //height: 100%;\n    @media (min-width: $min-lg) {\n      max-width: 100%;\n      height: auto;\n    }\n    @media (max-width: $max-sm) {\n      max-width: 100%;\n      height: auto;\n    }\n  }\n\n  .content {\n    padding-left: 30px;\n\n    p {\n      line-height: 24px;\n      margin-bottom: 30px;\n      max-width: 370px;\n    }\n  }\n}\n\n/*\nEnd UXD Comment*/\n","/*\nStart Gallery portfolio*/\n.gallery-portfolio {\n  padding-top: 100px;\n  @media (max-width: $max-sm) {\n    padding-top: 50px;\n  }\nimg {\n  display: block;\n  margin: auto;\n  margin-bottom: 25px;\n}\n  .btn {\n    margin-top: 80px;\n    margin-bottom: 100px;\n    padding:0.7rem 1.125rem;\n    @media (max-width: $max-sm) {\n      display: block;\n      max-width: 100%;\n      margin: auto;\n      margin-top: 40px;\n      margin-bottom: 50px;\n    }\n  }\n}\n/*\nEnd Gallery portfolio*/\n","/*\nStart Testimonial Body*/\n.testimonial-body {\n  padding: 70px 0 115px;\n  // head\n  h2 {\n    font-size: 2rem;\n    margin-bottom: 60px;\n    @media (max-width: $max-lg) {\n      font-size: 1.68rem;\n    }\n    @media (max-width: $max-sm) {\n      font-size: 1.5rem;\n      margin-bottom: 30px;\n    }\n    @media (max-width: $max-xs) {\n      font-size: 1.25rem;\n    }\n  }\n\n  // Content\n  .content {\n    padding: 40px;\n    margin-bottom: 20px;\n    border-radius: 8px;\n    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;\n    @media (min-width: $min-lg) and (max-width: $max-lg) {\n      padding: 30px 25px;\n    }\n\n    img.person {\n      margin-right: 14px;\n    }\n\n    p {\n      line-height: 23px;\n      margin-bottom: 24px;\n      @media (min-width: $min-sm) {\n        max-width: 300px;\n      }\n    }\n\n    .country {\n      font-size: 0.75rem;\n      color: $text-grey;\n    }\n  }\n}\n\n/*\nEnd Testimonial Body*/\n","/*\nStart Footer*/\n.footer {\n  position: relative;\n  background-color: $main-color;\n  color: #ffffff;\n  padding: 6rem 0 4rem;\n\n  .line {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 30px;\n    border: 1px solid #979797;\n  }\n\n  a {\n    &:hover {\n      color: $primary-color;\n    }\n  }\n\n  .span {\n    margin-bottom: 7px;\n    display: block;\n  }\n\n  .list-unstyled {\n    li {\n      padding: 5px;\n\n      a {\n        color: #ffffff;\n\n        &:hover,\n        &:active {\n          color: $primary-color;\n        }\n      }\n    }\n\n  }\n\n  form {\n    .form-control {\n      max-width: 280px;\n    }\n  }\n\n  .social {\n\n    .fa {\n      width: 2rem;\n      text-align: center;\n      //float: right;\n      margin-left: 10px;\n      background-color: $primary-color;\n      color: #000000;\n      padding: 0.25em;\n      font-size: 20px;\n      margin-bottom: 10px;\n\n      &:hover {\n        color: #ffffff;\n      }\n    }\n  }\n}\n\n/*\nEnd Footer*/\n"]}
\ No newline at end of file
diff --git a/dist/css/main-style.min.css b/dist/css/main-style.min.css
index cc26b90..fa8157d 100644
--- a/dist/css/main-style.min.css
+++ b/dist/css/main-style.min.css
@@ -1 +1 @@
-body{font-family:'Raleway', sans-serif;color:#1B1F23}.text-main-color{color:#2FCCF6}.text-muted{color:#BEC1C5 !important}.text-grey{color:#676B70}h1,.h1,h2,.h2,.font-weight-extra-bold{font-weight:800}h3,.h3,h4,.h4,button,.btn{font-weight:700}.font-weight-semi-bold{font-weight:600}p,.p,.font-weight-medium{font-weight:500}div,.div,span,.span{font-weight:400}h1,.h1{font-size:3rem}@media (max-width: 1199.98px){h1,.h1{font-size:2.49rem}}@media (max-width: 991.98px){h1,.h1{font-size:1.92rem}}@media (max-width: 767.98px){h1,.h1{font-size:1.44rem}}@media (max-width: 575.98px){h1,.h1{font-size:1.05rem}}h2,.h2{font-size:2.5rem}@media (max-width: 1199.98px){h2,.h2{font-size:2.075rem}}@media (max-width: 991.98px){h2,.h2{font-size:1.6rem}}@media (max-width: 767.98px){h2,.h2{font-size:1.2rem}}h3,.h3{font-size:1.5rem}@media (max-width: 1199.98px){h3,.h3{font-size:1.245rem}}h4,.h4{font-size:1.125rem}@media (max-width: 767.98px){h4,.h4{font-size:.93375rem}}p,.p{font-size:1.5rem;letter-spacing:0.86px;line-height:1.1}@media (max-width: 1199.98px){p,.p{font-size:1.245rem}}@media (max-width: 767.98px){p,.p{font-size:.96rem}}div,.div{font-size:1rem;line-height:1.2}@media (max-width: 767.98px){div,.div{font-size:.83rem}}span,.span{font-size:.875rem}button,.btn{font-size:1rem}.btn{padding:0.7rem 2rem;border-radius:2rem}.btn-outline-primary{color:#2FCCF6;border-color:#2FCCF6}.btn-outline-primary:hover,.btn-outline-primary:not(:disabled):not(.disabled).active{color:#fff;background-color:#2FCCF6;border-color:#2FCCF6;-webkit-transition:0.2s all ease-in-out;transition:0.2s all ease-in-out}.btn-sm{padding:0.4rem 1.5rem;border-radius:1.5rem}.navbar{padding:2.25em 1em 0}@media (max-width: 767.98px){.navbar{padding:1em}}.navbar .navbar-brand{margin-right:2em}.navbar .nav-item.active>.nav-link{color:#2FCCF6}.navbar .nav-item .nav-link{color:#1B1F23}.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:active,.navbar .nav-item .nav-link:focus{color:#2FCCF6}@media (max-width: 767.98px){.navbar .nav-item .nav-link{padding-top:2rem;padding-bottom:0;font-size:1rem}}.navbar .social .fa{background-color:#000000;color:#ffffff;padding:0.25em}.navbar .social .fa:hover{color:#2FCCF6}@media (max-width: 767.98px){.navbar .social .fa{padding:0.5em}}@media (max-width: 767.98px){.navbar .social{margin-top:2rem;font-size:1.1rem}}.home-slider{overflow:hidden;height:899px;background-image:url(../images/gb.png);background-position:center center;background-repeat:no-repeat;background-size:cover}@media (max-width: 1199.98px){.home-slider{height:746.17px}}@media (max-width: 991.98px){.home-slider{height:575.36px}}@media (max-width: 767.98px){.home-slider{height:431.52px}}@media (max-width: 575.98px){.home-slider{background-size:contain;height:auto}}.home-slider .container{height:inherit}@media (max-width: 575.98px){.home-slider .container{height:initial}}.home-slider .container .row{height:inherit}@media (max-width: 575.98px){.home-slider .container .row{height:initial}}.home-slider .carousel .carousel-indicators{bottom:-7em;right:initial;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;padding-left:0;margin-right:initial;margin-left:0}@media (max-width: 1199.98px){.home-slider .carousel .carousel-indicators{bottom:-5em}}@media (max-width: 767.98px){.home-slider .carousel .carousel-indicators{bottom:-3em}}@media (max-width: 575.98px){.home-slider .carousel .carousel-indicators{bottom:0;right:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:auto;margin-left:auto}}.home-slider .carousel .carousel-indicators li{border:1px solid transparent;background-color:#E4ECEE;opacity:1;width:1em;height:1em;border-radius:50%}.home-slider .carousel .carousel-indicators li.active,.home-slider .carousel .carousel-indicators li:hover,.home-slider .carousel .carousel-indicators li:focus{background-color:#2FCCF6;border-color:#979797}@media (max-width: 575.98px){.home-slider .carousel .carousel-indicators li{width:15px;height:15px;margin-right:2px;margin-left:2px}}.home-slider .carousel .carousel-item .carousel-caption{position:static;color:#1B1F23}@media (max-width: 991.98px){.home-slider .carousel .carousel-item .carousel-caption{padding-top:50px}}@media (max-width: 767.98px){.home-slider .carousel .carousel-item .carousel-caption{text-align:center !important}}@media (max-width: 575.98px){.home-slider .carousel .carousel-item .carousel-caption{padding-top:20px;padding-bottom:50px}}.home-slider .carousel .carousel-item .carousel-caption .h1{margin-bottom:38px}@media (max-width: 767.98px){.home-slider .carousel .carousel-item .carousel-caption .h1{margin-bottom:20px}}.sponsers{background-color:#F3F6F6}.sponsers img{padding:4.6em 0}@media (max-width: 991.98px){.sponsers img{padding:2em 0}}@media (max-width: 767.98px){.sponsers img{padding:1.5rem 0}}.user-interface{padding:100px 0}@media (max-width: 767.98px){.user-interface{padding:50px 0 25px 0}}.user-interface h2{max-width:520px;margin-bottom:1rem}.user-interface p{margin-bottom:2.5rem}.user-interface .card{border:none;margin-bottom:2rem;padding:3.5rem 0}@media (max-width: 767.98px){.user-interface .card{padding:1.5rem 0}}.user-interface .card img{margin-bottom:1.5rem}.user-interface .card .card-body{padding:0 2.5rem}@media (max-width: 1199.98px){.user-interface .card .card-body{padding:0 1.5rem}}@media (min-width: 992px){.user-interface .card-up{position:absolute;right:3.5rem;top:-50%}}.platform .upwork,.platform .gas,.platform .insight{max-width:150px;margin:auto}.platform{text-align:center;padding:35px 0}.platform .fa-star{color:#6DDE54}.client-comments{background-color:#23282E;padding:3.5rem 0 3rem;color:#ffffff}.client-comments img{float:right}@media (max-width: 767.98px){.client-comments img{float:none;max-width:100%;margin:auto;display:block;margin-bottom:1rem}}.client-comments .p{font-size:21px;font-weight:700}@media (max-width: 991.98px){.client-comments .p{font-size:18px}}@media (max-width: 575.98px){.client-comments .p{font-size:16px}}.slider-secondary{overflow:hidden;padding:15rem 0 4rem}@media (max-width: 575.98px){.slider-secondary{padding:4rem 0 4rem}}.slider-secondary .carousel-inner{overflow:initial}.slider-secondary .carousel-caption{max-width:60%;padding-top:0;right:0;bottom:0;top:-25%;left:initial;z-index:50;text-align:right;color:#1B1F23}@media (max-width: 575.98px){.slider-secondary .carousel-caption{max-width:100%;position:initial;right:15%;bottom:20px;left:15%;padding-top:20px;padding-bottom:20px;text-align:center}}.slider-secondary .carousel-caption p{max-width:400px;font-size:21px;margin-bottom:3.5rem}@media (max-width: 991.98px){.slider-secondary .carousel-caption p{max-width:300px;font-size:16px;margin-bottom:1.5rem}}@media (max-width: 575.98px){.slider-secondary .carousel-caption p{float:none !important;text-align:center;max-width:80%;margin:auto;margin-bottom:1.5rem}}.slider-secondary .carousel-indicators{z-index:51}@media (max-width: 767.98px){.slider-secondary .carousel-indicators{bottom:-20px}}@media (max-width: 575.98px){.slider-secondary .carousel-indicators{bottom:-35px}}.slider-secondary .carousel-indicators li{border:1px solid transparent;background-color:#E4ECEE;opacity:1;width:1em;height:1em;border-radius:50%}.slider-secondary .carousel-indicators li.active,.slider-secondary .carousel-indicators li:hover,.slider-secondary .carousel-indicators li:focus{background-color:#2FCCF6;border-color:#979797}.getting-touch{padding:7rem 0}@media (max-width: 767.98px){.getting-touch{padding:3rem 0}}.getting-touch h2{margin-bottom:1.75rem}.getting-touch .div{margin-bottom:3rem}.getting-touch form{font-family:'Roboto', sans-serif;border-radius:10px;padding:3rem 2.5rem 2.5rem 2.5rem}.getting-touch form .btn{max-width:100%;margin:auto;display:block}.client-opinion{margin-top:30px;color:#ffffff;position:relative}.client-opinion img{min-height:200px}.client-opinion .content{position:absolute;top:0;left:0;right:0;bottom:0;padding:90px 0 100px}@media (max-width: 1199.98px){.client-opinion .content{padding:45px 0}}@media (max-width: 991.98px){.client-opinion .content{padding:25px 0}}.client-opinion .content h2{font-size:2rem;margin-bottom:13px}@media (max-width: 1199.98px){.client-opinion .content h2{font-size:1.68rem}}@media (max-width: 767.98px){.client-opinion .content h2{font-size:1.5rem}}@media (max-width: 575.98px){.client-opinion .content h2{font-size:1.25rem}}.gd{padding:70px 0}@media (max-width: 767.98px){.gd{padding:35px 0}}.gd section h2{font-size:2rem;font-weight:500}@media (max-width: 1199.98px){.gd section h2{font-size:1.68rem}}@media (max-width: 767.98px){.gd section h2{font-size:1.5rem}}@media (max-width: 575.98px){.gd section h2{font-size:1.25rem}}.portfolio-header,.testimonials-header{color:#ffffff;position:relative;margin-top:30px;height:420px;background-image:url(../images/portfolio-google.png);background-position:center center;background-repeat:no-repeat;background-size:cover}@media (max-width: 1199.98px){.portfolio-header,.testimonials-header{height:348.6px}}@media (max-width: 991.98px){.portfolio-header,.testimonials-header{height:268.8px}}@media (max-width: 767.98px){.portfolio-header,.testimonials-header{height:201.6px}}@media (max-width: 575.98px){.portfolio-header,.testimonials-header{height:147px}}.portfolio-header .content,.testimonials-header .content{height:inherit}.projects-involved{padding:70px 0}.projects-involved h2{font-size:2rem;margin-bottom:60px}@media (max-width: 1199.98px){.projects-involved h2{font-size:1.68rem}}@media (max-width: 767.98px){.projects-involved h2{font-size:1.5rem;margin-bottom:30px}}@media (max-width: 575.98px){.projects-involved h2{font-size:1.25rem}}.projects-involved ul li.active button{text-decoration:none;color:#ffffff;background-color:#2FCCF6;border-color:#2FCCF6}.projects-involved ul li button{display:inline-block;margin:5px 0;color:#3C3F43;background-color:#E4ECEE;border-radius:5px;padding:10px 13px;border:1px solid transparent;-webkit-transition:0.2s all ease-in-out;transition:0.2s all ease-in-out;font-size:.875rem}.projects-involved ul li button:hover,.projects-involved ul li button:active,.projects-involved ul li button:focus{text-decoration:none;color:#ffffff;background-color:#2FCCF6;border-color:#2FCCF6}.projects-involved .content,.projects-involved .content-locked{position:relative;min-height:120px;margin-top:30px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0.5rem 2rem rgba(0,0,0,0.15) !important;box-shadow:0 0.5rem 2rem rgba(0,0,0,0.15) !important;-webkit-transition:0.2s ease-in-out;transition:0.2s ease-in-out}.projects-involved .content:hover,.projects-involved .content:focus,.projects-involved .content-locked:hover,.projects-involved .content-locked:focus{cursor:pointer;-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important;box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important}.projects-involved .content-locked:hover{cursor:not-allowed}.projects-involved .content-locked:before{content:"";position:absolute;top:0;right:0;display:inline-block;border-style:solid;border-color:transparent;border-top-color:#E4ECEE;border-right-color:#E4ECEE;border-width:25px;border-top-right-radius:8px;z-index:1}.projects-involved .content-locked:after{content:"\f023";font-family:'FontAwesome';font-size:1rem;color:#676B70;position:absolute;top:5px;right:10px;z-index:2}.portfolio-header-item{color:#ffffff;position:relative;margin-top:30px;height:420px;background-image:url(../images/mercedes-portfolio.png);background-position:center center;background-repeat:no-repeat;background-size:cover}@media (max-width: 1199.98px){.portfolio-header-item{height:348.6px}}@media (max-width: 991.98px){.portfolio-header-item{height:268.8px}}@media (max-width: 767.98px){.portfolio-header-item{height:201.6px}}@media (max-width: 575.98px){.portfolio-header-item{height:147px}}.portfolio-header-item .content{height:inherit}.mobility{padding:67px 0 120px}@media (max-width: 767.98px){.mobility{padding:30px 0 50px}}.mobility h2{font-size:2rem;margin-bottom:32px}@media (max-width: 1199.98px){.mobility h2{font-size:1.60rem}}@media (max-width: 767.98px){.mobility h2{font-size:1.5rem}}@media (max-width: 575.98px){.mobility h2{font-size:1.25rem}}.mobility p{font-size:1rem;text-align:justify;line-height:25px}.mobility .mt-25{margin-top:-27%}@media (max-width: 1199.98px){.mobility .mt-25{margin-top:-32%}}@media (max-width: 767.98px){.mobility .mt-25{margin-top:0}}@media (max-width: 767.98px){.mobility img{display:block;max-width:100%;margin:auto}}.uxd-comment{background:#F3F6F6}.uxd-comment img{width:100%}@media (min-width: 992px){.uxd-comment img{max-width:100%;height:auto}}@media (max-width: 767.98px){.uxd-comment img{max-width:100%;height:auto}}.uxd-comment .content{padding-left:30px}.uxd-comment .content p{line-height:24px;margin-bottom:30px;max-width:370px}.gallery-portfolio{padding-top:100px}@media (max-width: 767.98px){.gallery-portfolio{padding-top:50px}}.gallery-portfolio img{display:block;margin:auto;margin-bottom:25px}.gallery-portfolio .btn{margin-top:80px;margin-bottom:100px;padding:0.7rem 1.125rem}@media (max-width: 767.98px){.gallery-portfolio .btn{display:block;max-width:100%;margin:auto;margin-top:40px;margin-bottom:50px}}.testimonial-body{padding:70px 0 115px}.testimonial-body h2{font-size:2rem;margin-bottom:60px}@media (max-width: 1199.98px){.testimonial-body h2{font-size:1.68rem}}@media (max-width: 767.98px){.testimonial-body h2{font-size:1.5rem;margin-bottom:30px}}@media (max-width: 575.98px){.testimonial-body h2{font-size:1.25rem}}.testimonial-body .content{padding:40px;margin-bottom:20px;border-radius:8px;-webkit-box-shadow:0 0.5rem 2rem rgba(0,0,0,0.15) !important;box-shadow:0 0.5rem 2rem rgba(0,0,0,0.15) !important}@media (min-width: 992px) and (max-width: 1199.98px){.testimonial-body .content{padding:30px 25px}}.testimonial-body .content img.person{margin-right:14px}.testimonial-body .content p{line-height:23px;margin-bottom:24px}@media (min-width: 576px){.testimonial-body .content p{max-width:300px}}.testimonial-body .content .country{font-size:0.75rem;color:#676B70}.footer{position:relative;background-color:#23282E;color:#ffffff;padding:6rem 0 4rem}.footer .line{position:absolute;left:0;right:0;top:30px;border:1px solid #979797}.footer a:hover{color:#2FCCF6}.footer .span{margin-bottom:7px;display:block}.footer .list-unstyled li{padding:5px}.footer .list-unstyled li a{color:#ffffff}.footer .list-unstyled li a:hover,.footer .list-unstyled li a:active{color:#2FCCF6}.footer form .form-control{max-width:280px}.footer .social .fa{width:2rem;text-align:center;margin-left:10px;background-color:#2FCCF6;color:#000000;padding:0.25em;font-size:20px;margin-bottom:10px}.footer .social .fa:hover{color:#ffffff}
+body{font-family:'Raleway', sans-serif;color:#1B1F23}.text-main-color{color:#2FCCF6}.text-muted{color:#BEC1C5 !important}.text-grey{color:#676B70}h1,.h1,h2,.h2,.font-weight-extra-bold{font-weight:800}h3,.h3,h4,.h4,button,.btn{font-weight:700}.font-weight-semi-bold{font-weight:600}p,.p,.font-weight-medium{font-weight:500}div,.div,span,.span{font-weight:400}h1,.h1{font-size:3rem}@media (max-width: 1199.98px){h1,.h1{font-size:2.49rem}}@media (max-width: 991.98px){h1,.h1{font-size:1.92rem}}@media (max-width: 767.98px){h1,.h1{font-size:1.44rem}}@media (max-width: 575.98px){h1,.h1{font-size:1.05rem}}h2,.h2{font-size:2.5rem}@media (max-width: 1199.98px){h2,.h2{font-size:2.075rem}}@media (max-width: 991.98px){h2,.h2{font-size:1.6rem}}@media (max-width: 767.98px){h2,.h2{font-size:1.2rem}}h3,.h3{font-size:1.5rem}@media (max-width: 1199.98px){h3,.h3{font-size:1.245rem}}h4,.h4{font-size:1.125rem}@media (max-width: 767.98px){h4,.h4{font-size:.93375rem}}p,.p{font-size:1.5rem;letter-spacing:0.86px;line-height:1.1}@media (max-width: 1199.98px){p,.p{font-size:1.245rem}}@media (max-width: 767.98px){p,.p{font-size:.96rem}}div,.div{font-size:1rem;line-height:1.2}@media (max-width: 767.98px){div,.div{font-size:.83rem}}span,.span{font-size:.875rem}button,.btn{font-size:1rem}.btn{padding:0.7rem 2rem;border-radius:2rem}.btn-outline-primary{color:#2FCCF6;border-color:#2FCCF6}.btn-outline-primary:hover,.btn-outline-primary:not(:disabled):not(.disabled).active{color:#fff;background-color:#2FCCF6;border-color:#2FCCF6;-webkit-transition:0.2s all ease-in-out;transition:0.2s all ease-in-out}.btn-sm{padding:0.4rem 1.5rem;border-radius:1.5rem}.navbar{padding:2.25em 1em 0}@media (max-width: 767.98px){.navbar{padding:1em}}.navbar .navbar-brand{margin-right:2em}.navbar .nav-item.active>.nav-link{color:#2FCCF6}.navbar .nav-item .nav-link{color:#1B1F23}.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:active,.navbar .nav-item .nav-link:focus{color:#2FCCF6}@media (max-width: 767.98px){.navbar .nav-item .nav-link{padding-top:2rem;padding-bottom:0;font-size:1rem}}.navbar .social .fa{background-color:#000000;color:#ffffff;padding:0.25em}.navbar .social .fa:hover{color:#2FCCF6}@media (max-width: 767.98px){.navbar .social .fa{padding:0.5em}}@media (max-width: 767.98px){.navbar .social{margin-top:2rem;font-size:1.1rem}}.home-slider{overflow:hidden;height:899px;background-image:url(../images/gb.png);background-position:center center;background-repeat:no-repeat;background-size:cover}@media (max-width: 1199.98px){.home-slider{height:746.17px}}@media (max-width: 991.98px){.home-slider{height:575.36px}}@media (max-width: 767.98px){.home-slider{height:431.52px}}@media (max-width: 575.98px){.home-slider{background-size:contain;height:auto}}.home-slider .container{height:inherit}@media (max-width: 575.98px){.home-slider .container{height:initial}}.home-slider .container .row{height:inherit}@media (max-width: 575.98px){.home-slider .container .row{height:initial}}.home-slider .carousel .carousel-indicators{bottom:-7em;right:initial;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;padding-left:0;margin-right:initial;margin-left:0}@media (max-width: 1199.98px){.home-slider .carousel .carousel-indicators{bottom:-5em}}@media (max-width: 767.98px){.home-slider .carousel .carousel-indicators{bottom:-3em}}@media (max-width: 575.98px){.home-slider .carousel .carousel-indicators{bottom:0;right:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:auto;margin-left:auto}}.home-slider .carousel .carousel-indicators li{border:1px solid transparent;background-color:#E4ECEE;opacity:1;width:1em;height:1em;border-radius:50%}.home-slider .carousel .carousel-indicators li.active,.home-slider .carousel .carousel-indicators li:hover,.home-slider .carousel .carousel-indicators li:focus{background-color:#2FCCF6;border-color:#979797}@media (max-width: 575.98px){.home-slider .carousel .carousel-indicators li{width:13px;height:13px;margin-right:2px;margin-left:2px}}.home-slider .carousel .carousel-item .carousel-caption{position:static;color:#1B1F23}@media (max-width: 991.98px){.home-slider .carousel .carousel-item .carousel-caption{padding-top:50px}}@media (max-width: 767.98px){.home-slider .carousel .carousel-item .carousel-caption{text-align:center !important}}@media (max-width: 575.98px){.home-slider .carousel .carousel-item .carousel-caption{padding-top:20px;padding-bottom:50px}}.home-slider .carousel .carousel-item .carousel-caption .h1{margin-bottom:38px}@media (max-width: 767.98px){.home-slider .carousel .carousel-item .carousel-caption .h1{margin-bottom:20px}}.sponsers{background-color:#F3F6F6}.sponsers img{padding:4.6em 0}@media (max-width: 991.98px){.sponsers img{padding:2em 0}}@media (max-width: 767.98px){.sponsers img{padding:1.5rem 0}}.user-interface{padding:100px 0}@media (max-width: 767.98px){.user-interface{padding:50px 0 25px 0}}.user-interface h2{max-width:520px;margin-bottom:1rem}.user-interface p{margin-bottom:2.5rem}.user-interface .card{border:none;margin-bottom:2rem;padding:3.5rem 0}@media (max-width: 767.98px){.user-interface .card{padding:1.5rem 0}}.user-interface .card img{margin-bottom:1.5rem}.user-interface .card .card-body{padding:0 2.5rem}@media (max-width: 1199.98px){.user-interface .card .card-body{padding:0 1.5rem}}@media (min-width: 992px){.user-interface .card-up{position:absolute;right:3.5rem;top:-50%}}.platform .upwork,.platform .gas,.platform .insight{max-width:150px;margin:auto}.platform{text-align:center;padding:35px 0}.platform .fa-star{color:#6DDE54}.client-comments{background-color:#23282E;padding:3.5rem 0 3rem;color:#ffffff}.client-comments img{float:right}@media (max-width: 767.98px){.client-comments img{float:none;max-width:100%;margin:auto;display:block;margin-bottom:1rem}}.client-comments .p{font-size:21px;font-weight:700}@media (max-width: 991.98px){.client-comments .p{font-size:18px}}@media (max-width: 575.98px){.client-comments .p{font-size:16px}}.slider-secondary{overflow:hidden;padding:15rem 0 4rem}@media (max-width: 575.98px){.slider-secondary{padding:4rem 0 4rem}}.slider-secondary .carousel-inner{overflow:initial}.slider-secondary .carousel-caption{max-width:60%;padding-top:0;right:0;bottom:0;top:-25%;left:initial;z-index:50;text-align:right;color:#1B1F23}@media (max-width: 575.98px){.slider-secondary .carousel-caption{max-width:100%;position:initial;right:15%;bottom:20px;left:15%;padding-top:20px;padding-bottom:20px;text-align:center}}.slider-secondary .carousel-caption p{max-width:400px;font-size:21px;margin-bottom:3.5rem}@media (max-width: 991.98px){.slider-secondary .carousel-caption p{max-width:300px;font-size:16px;margin-bottom:1.5rem}}@media (max-width: 575.98px){.slider-secondary .carousel-caption p{float:none !important;text-align:center;max-width:80%;margin:auto;margin-bottom:1.5rem}}.slider-secondary .carousel-indicators{z-index:51}@media (max-width: 767.98px){.slider-secondary .carousel-indicators{bottom:-20px}}@media (max-width: 575.98px){.slider-secondary .carousel-indicators{bottom:-35px}}.slider-secondary .carousel-indicators li{border:1px solid transparent;background-color:#E4ECEE;opacity:1;width:1em;height:1em;border-radius:50%}.slider-secondary .carousel-indicators li.active,.slider-secondary .carousel-indicators li:hover,.slider-secondary .carousel-indicators li:focus{background-color:#2FCCF6;border-color:#979797}.getting-touch{padding:7rem 0}@media (max-width: 767.98px){.getting-touch{padding:3rem 0}}.getting-touch h2{margin-bottom:1.75rem}.getting-touch .div{margin-bottom:3rem}.getting-touch form{font-family:'Roboto', sans-serif;border-radius:10px;padding:3rem 2.5rem 2.5rem 2.5rem}.getting-touch form .btn{max-width:100%;margin:auto;display:block}.client-opinion{margin-top:30px;color:#ffffff;position:relative}.client-opinion img{min-height:200px}.client-opinion .content{position:absolute;top:0;left:0;right:0;bottom:0;padding:90px 0 100px}@media (max-width: 1199.98px){.client-opinion .content{padding:45px 0}}@media (max-width: 991.98px){.client-opinion .content{padding:25px 0}}.client-opinion .content h2{font-size:2rem;margin-bottom:13px}@media (max-width: 1199.98px){.client-opinion .content h2{font-size:1.68rem}}@media (max-width: 767.98px){.client-opinion .content h2{font-size:1.5rem}}@media (max-width: 575.98px){.client-opinion .content h2{font-size:1.25rem}}.gd{padding:70px 0}@media (max-width: 767.98px){.gd{padding:35px 0}}.gd section h2{font-size:2rem;font-weight:500}@media (max-width: 1199.98px){.gd section h2{font-size:1.68rem}}@media (max-width: 767.98px){.gd section h2{font-size:1.5rem}}@media (max-width: 575.98px){.gd section h2{font-size:1.25rem}}.portfolio-header,.testimonials-header{color:#ffffff;position:relative;margin-top:30px;height:420px;background-image:url(../images/portfolio-google.png);background-position:center center;background-repeat:no-repeat;background-size:cover}@media (max-width: 1199.98px){.portfolio-header,.testimonials-header{height:348.6px}}@media (max-width: 991.98px){.portfolio-header,.testimonials-header{height:268.8px}}@media (max-width: 767.98px){.portfolio-header,.testimonials-header{height:201.6px}}@media (max-width: 575.98px){.portfolio-header,.testimonials-header{height:147px}}.portfolio-header .content,.testimonials-header .content{height:inherit}.projects-involved{padding:70px 0}.projects-involved h2{font-size:2rem;margin-bottom:60px}@media (max-width: 1199.98px){.projects-involved h2{font-size:1.68rem}}@media (max-width: 767.98px){.projects-involved h2{font-size:1.5rem;margin-bottom:30px}}@media (max-width: 575.98px){.projects-involved h2{font-size:1.25rem}}.projects-involved ul li.active button{text-decoration:none;color:#ffffff;background-color:#2FCCF6;border-color:#2FCCF6}.projects-involved ul li button{display:inline-block;margin:5px 0;color:#3C3F43;background-color:#E4ECEE;border-radius:5px;padding:10px 13px;border:1px solid transparent;-webkit-transition:0.2s all ease-in-out;transition:0.2s all ease-in-out;font-size:.875rem}.projects-involved ul li button:hover,.projects-involved ul li button:active,.projects-involved ul li button:focus{text-decoration:none;color:#ffffff;background-color:#2FCCF6;border-color:#2FCCF6}.projects-involved .content,.projects-involved .content-locked{position:relative;min-height:120px;margin-top:30px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0.5rem 2rem rgba(0,0,0,0.15) !important;box-shadow:0 0.5rem 2rem rgba(0,0,0,0.15) !important;-webkit-transition:0.2s ease-in-out;transition:0.2s ease-in-out}.projects-involved .content:hover,.projects-involved .content:focus,.projects-involved .content-locked:hover,.projects-involved .content-locked:focus{cursor:pointer;-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important;box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important}.projects-involved .content-locked:hover{cursor:not-allowed}.projects-involved .content-locked:before{content:"";position:absolute;top:0;right:0;display:inline-block;border-style:solid;border-color:transparent;border-top-color:#E4ECEE;border-right-color:#E4ECEE;border-width:25px;border-top-right-radius:8px;z-index:1}.projects-involved .content-locked:after{content:"\f023";font-family:'FontAwesome';font-size:1rem;color:#676B70;position:absolute;top:5px;right:10px;z-index:2}.portfolio-header-item{color:#ffffff;position:relative;margin-top:30px;height:420px;background-image:url(../images/mercedes-portfolio.png);background-position:center center;background-repeat:no-repeat;background-size:cover}@media (max-width: 1199.98px){.portfolio-header-item{height:348.6px}}@media (max-width: 991.98px){.portfolio-header-item{height:268.8px}}@media (max-width: 767.98px){.portfolio-header-item{height:201.6px}}@media (max-width: 575.98px){.portfolio-header-item{height:147px}}.portfolio-header-item .content{height:inherit}.mobility{padding:67px 0 120px}@media (max-width: 767.98px){.mobility{padding:30px 0 50px}}.mobility h2{font-size:2rem;margin-bottom:32px}@media (max-width: 1199.98px){.mobility h2{font-size:1.60rem}}@media (max-width: 767.98px){.mobility h2{font-size:1.5rem}}@media (max-width: 575.98px){.mobility h2{font-size:1.25rem}}.mobility p{font-size:1rem;text-align:justify;line-height:25px}.mobility .mt-25{margin-top:-27%}@media (max-width: 1199.98px){.mobility .mt-25{margin-top:-32%}}@media (max-width: 767.98px){.mobility .mt-25{margin-top:0}}@media (max-width: 767.98px){.mobility img{display:block;max-width:100%;margin:auto}}.uxd-comment{background:#F3F6F6}.uxd-comment img{width:100%}@media (min-width: 992px){.uxd-comment img{max-width:100%;height:auto}}@media (max-width: 767.98px){.uxd-comment img{max-width:100%;height:auto}}.uxd-comment .content{padding-left:30px}.uxd-comment .content p{line-height:24px;margin-bottom:30px;max-width:370px}.gallery-portfolio{padding-top:100px}@media (max-width: 767.98px){.gallery-portfolio{padding-top:50px}}.gallery-portfolio img{display:block;margin:auto;margin-bottom:25px}.gallery-portfolio .btn{margin-top:80px;margin-bottom:100px;padding:0.7rem 1.125rem}@media (max-width: 767.98px){.gallery-portfolio .btn{display:block;max-width:100%;margin:auto;margin-top:40px;margin-bottom:50px}}.testimonial-body{padding:70px 0 115px}.testimonial-body h2{font-size:2rem;margin-bottom:60px}@media (max-width: 1199.98px){.testimonial-body h2{font-size:1.68rem}}@media (max-width: 767.98px){.testimonial-body h2{font-size:1.5rem;margin-bottom:30px}}@media (max-width: 575.98px){.testimonial-body h2{font-size:1.25rem}}.testimonial-body .content{padding:40px;margin-bottom:20px;border-radius:8px;-webkit-box-shadow:0 0.5rem 2rem rgba(0,0,0,0.15) !important;box-shadow:0 0.5rem 2rem rgba(0,0,0,0.15) !important}@media (min-width: 992px) and (max-width: 1199.98px){.testimonial-body .content{padding:30px 25px}}.testimonial-body .content img.person{margin-right:14px}.testimonial-body .content p{line-height:23px;margin-bottom:24px}@media (min-width: 576px){.testimonial-body .content p{max-width:300px}}.testimonial-body .content .country{font-size:0.75rem;color:#676B70}.footer{position:relative;background-color:#23282E;color:#ffffff;padding:6rem 0 4rem}.footer .line{position:absolute;left:0;right:0;top:30px;border:1px solid #979797}.footer a:hover{color:#2FCCF6}.footer .span{margin-bottom:7px;display:block}.footer .list-unstyled li{padding:5px}.footer .list-unstyled li a{color:#ffffff}.footer .list-unstyled li a:hover,.footer .list-unstyled li a:active{color:#2FCCF6}.footer form .form-control{max-width:280px}.footer .social .fa{width:2rem;text-align:center;margin-left:10px;background-color:#2FCCF6;color:#000000;padding:0.25em;font-size:20px;margin-bottom:10px}.footer .social .fa:hover{color:#ffffff}
diff --git a/dist/index.html b/dist/index.html
index dc15253..dc59115 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -24,7 +24,7 @@
 
             <a class="nav-link" href="portfolio.html">Portfolio</a>
           </li>
-          <li class="nav-item dropdown">
+          <li class="nav-item">
             <a class="nav-link" href="testimonials.html">Testimonials</a>
           </li>
           <li class="nav-item">
diff --git a/dist/portfolio-item.html b/dist/portfolio-item.html
index a00122c..46b9f6e 100644
--- a/dist/portfolio-item.html
+++ b/dist/portfolio-item.html
@@ -32,11 +32,11 @@
           <li class="nav-item">
             <a class="nav-link" href="about.html">About</a>
           </li>
-          <li class="nav-item">
+          <li class="nav-item active">
 
             <a class="nav-link" href="portfolio.html">Portfolio</a>
           </li>
-          <li class="nav-item dropdown">
+          <li class="nav-item">
             <a class="nav-link" href="testimonials.html">Testimonials</a>
           </li>
           <li class="nav-item">
diff --git a/dist/portfolio.html b/dist/portfolio.html
index cf2de86..1f9bcf2 100644
--- a/dist/portfolio.html
+++ b/dist/portfolio.html
@@ -33,11 +33,11 @@
           <li class="nav-item">
             <a class="nav-link" href="about.html">About</a>
           </li>
-          <li class="nav-item">
+          <li class="nav-item active">
 
             <a class="nav-link" href="portfolio.html">Portfolio</a>
           </li>
-          <li class="nav-item dropdown">
+          <li class="nav-item">
             <a class="nav-link" href="testimonials.html">Testimonials</a>
           </li>
           <li class="nav-item">
diff --git a/dist/testimonials.html b/dist/testimonials.html
index 3eba441..9e89509 100644
--- a/dist/testimonials.html
+++ b/dist/testimonials.html
@@ -36,7 +36,7 @@
 
             <a class="nav-link" href="portfolio.html">Portfolio</a>
           </li>
-          <li class="nav-item dropdown">
+          <li class="nav-item active">
             <a class="nav-link" href="testimonials.html">Testimonials</a>
           </li>
           <li class="nav-item">
diff --git a/src/scss/components/_home-slider.scss b/src/scss/components/_home-slider.scss
index b24c418..94a68e1 100644
--- a/src/scss/components/_home-slider.scss
+++ b/src/scss/components/_home-slider.scss
@@ -70,8 +70,8 @@
         }
 
         @media (max-width: $max-xs) {
-          width: 15px;
-          height: 15px;
+          width: 13px;
+          height: 13px;
           margin-right: 2px;
           margin-left: 2px;
         }
diff --git a/src/template/components/_navbar.html b/src/template/components/_navbar.html
index 2587643..54e23ba 100644
--- a/src/template/components/_navbar.html
+++ b/src/template/components/_navbar.html
@@ -19,7 +19,7 @@
 
             <a class="nav-link" href="portfolio.html">Portfolio</a>
           </li>
-          <li class="nav-item dropdown">
+          <li class="nav-item">
             <a class="nav-link" href="testimonials.html">Testimonials</a>
           </li>
           <li class="nav-item">