* {
  margin: 0;

  padding: 0;

  font-family: gt-haptik-rg;
}

@font-face {
  font-family: 'gt-haptik';
  src: url('../font/GT-Haptik-Bold.woff2') format('woff2'),
    url('../font/GT-Haptik-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'gt-haptik-lt';
  src: url('../font/GT-Haptik-Light.woff2') format('woff2'),
    url('../font/GT-Haptik-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'gt-haptik-rg';
  src: url('../font/GT-Haptik-Regular.woff2') format('woff2'),
    url('../font/GT-Haptik-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.fixed,
nav.sticky.fixed {
  position: fixed;

  left: 0;

  top: 0;
}

footer,
header,
section {
  overflow-x: hidden;
}

.abt6-txt,
.design5-inner,
.lets-service-txt-sc,
.other-post-txt,
.web-develop {
  vertical-align: middle;
}



.local-seo-we-are h2.heading-grey,
.local-seo-we-are h3,
img {
  max-width: 100%;
}

.white-header .fixed a.nav-link,
a.nav-link {
  color: #000 !important;
}

a {
  text-decoration: none !important;
}

h1,
h1 span,
h2,
h2 span,
h3,
h3 span,
h4,
h4 span,
h5,
h5 span,
h6,
h6 span {
  font-family: gt-haptik;
}

h1 {
  font-size: 90px;
}

h2 {
  font-size: 66px;
}

h3 {
  font-size: 48px;
}

h4 {
  font-size: 38px;
}

h5 {
  font-size: 26px;
}

.fixed {
  width: 100%;
}

.heading-grey,
.service-txt p span {
  color: #e7e7e7;
}

.heading-grey-dark {
  color: #404040;
}

.blog-text a,
.design-service-sec .our-servc-txt1 h4 a,
.design4-sec .col-lg-4:nth-child(2n) .design4-txt a,
.error-txt,
.footer-txt a:hover,
.heading-grey-dark span,
.links a:hover,
.local-seo-service-sec .our-servc-txt1 h3 a,
.why-txt h3 span {
  color: #fff;
}

.approach-txt h2 span,
.back-link,
.back-link:hover,
.blog-popular-text li a,
.city-txt li a,
.design1-sc .web-develop,
.design4-txt a,
.facts-txt h2 span,
.heading-grey span,
.other-post-txt h5 a,
.our-servc-txt1 a,
.our-servc-txt1:hover p,
.our-servc-txt1:hover span,
.trans-txt h2 span,
.we-are-txt li,
.we-are-txt li p#count1,
.we-are-txt li p#count2,
.we-are-txt li p#count3,
a.next-link {
  color: #000;
}

.links li,
.service-txt ul li,
ul li {
  list-style: none;
}

a.btn-with-arrow {
  color: #000;

  border: 1px solid #000;

  padding: 10px 15px;

  display: inline-block;
}

span.space-50 {
  display: block;

  height: 50px;
}

span.space-100 {
  display: block;

  height: 100px;
}

.btns a.nav-link {
  border: 1px solid #000;

  padding: 8px 20px !important;

  display: inline-block;

  transition: 0.3s;
}

.btn-animate img,
.btns a.nav-link img {
  transform: translate(0, 0);

  transition: 0.3s;
}

.btn-animate:hover img,
.btns a.nav-link:hover img {
  transform: translate(10px, 0);
}

li.nav-item {
  margin: 10px;
}

nav.navbar {
  background: 0 0;

  position: absolute;

  width: 100%;

  z-index: 9999;
}

nav.sticky.fixed {
  background: #fff;
}

.hero-sec {
  background: url(../img/bg-home.jpg) 0 0 / cover;
  position: relative;
  height: 100vh;
}

.exploring-sec {
  padding-top: 200px;
}

.pin-spacer .service-txt {
  padding-right: 70px;
}

.exp-txt p {
  font-size: 14px;

  margin: 0;

  text-transform: uppercase;
}

.hero-txt {
  text-align: center;
  height: 100vh;
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  flex-direction: column;
}

a.custom-bottom-link {
  text-align: center;

  display: inline-block;

  color: #fff;

  font-size: 20px;

  position: absolute;

  bottom: 20px;

  left: 50%;

  transform: translate(-50%, 0);
}

.nav-link:hover,
.view-btn:hover {
  animation: 1s ease-out forwards keyName;
}

@keyframes keyName {
  100% {
    transform: scale(1.1);
  }
}

@-webkit-keyframes arrow-jump {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 10px);
    /* For Webkit-based browsers */
    -moz-transform: translate(-50%, 10px);
    /* For Mozilla-based browsers */
    -ms-transform: translate(-50%, 10px);
    /* For Microsoft browsers */
    transform: translate(-50%, 10px);
    /* Standard property */
  }
}

.bounce {
  -webkit-animation: 2s infinite bounce;

  -moz-animation: 2s infinite bounce;

  -o-animation: 2s infinite bounce;

  animation: 2s infinite bounce;
}

.exp-txt {
  margin-bottom: 200px;
}

#vertical .col-md-7 {
  padding-right: 0 !important;

  padding-left: 0;
}

p.slide-num {
  font-size: 24px;

  margin-bottom: 20px;

  color: #000;
}

.service-txt h2 {
  font-size: 54px;

  color: #000;
}

.service-txt .port {
  font-family: gt-haptik-lt;

  font-size: 20px;

  margin: 30px 0;

  color: #000;
}

.service-txt ul li a {
  color: #444;

  font-family: gt-haptik-lt;

  font-size: 20px;

  position: relative;

  transition: 0.3s;

  transform: translate(-15px, 0);

  display: block;

  margin: 20px 0;
}

.service-txt ul li a i {
  font-size: 14px;

  opacity: 0;

  transition: 0.3s;
}

.service-txt ul li a:hover i {
  opacity: 1;
}

.service-txt ul li a:hover {
  transform: translate(0, 0);

  font-weight: 600;

  color: #000;
}

.service-txt {
  margin-top: 40px;

  margin-left: 20px;
}

section.reflect-sec {
  background: url(../img/zeb.png) right/contain no-repeat #000;

  padding: 200px 0;
}

.reflect-txt p {
  font-family: gt-haptik-lt;

  color: #e7e7e7;
}

.audit-sec .col-md-7,
.reflect-sec .col-md-7 {
  padding-right: 0;
}

.industry-txt ul li a i {
  padding-right: 10px;
}

.carousel,
.carousel-inner,
.carousel-item,
.fill {
  height: 100%;

  min-height: 400px;

  width: 100%;

  background-position: center center;

  background-size: cover;
}

.dev2-sec,
.slider-sec-1,
.white-header nav.fixed .nav-link:before,
footer,
section.abt6-sec,
section.industry-sec {
  background: #000;
}

.carousel-inner>.carousel-item.active.carousel-item-right,
.carousel-inner>.carousel-item.carousel-item-next {
  transform: translate3d(0, 100%, 0);

  -webkit-transform: translate3d(0, 100%, 0);

  -ms-transform: translate3d(0, 100%, 0);

  -moz-transform: translate3d(0, 100%, 0);

  -o-transform: translate3d(0, 100%, 0);

  top: 0;
}

.carousel-inner>.carousel-item.active.carousel-item-left,
.carousel-inner>.carousel-item.carousel-item-prev {
  transform: translate3d(0, -100%, 0);

  -webkit-transform: translate3d(0, -100%, 0);

  -moz-transform: translate3d(0, -100%, 0);

  -ms-transform: translate3d(0, -100%, 0);

  -o-transform: translate3d(0, -100%, 0);

  top: 0;
}

.carousel-inner>.carousel-item.active,
.carousel-inner>.carousel-item.carousel-item-prev.carousel-item-right,
.carousel-inner>.carousel-item.next.carousel-item-left {
  transform: translate3d(0, 0, 0);

  -webkit-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  top: 0;
}

.carousel-indicators {
  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  height: 20px;

  right: 10px;

  left: auto;

  width: auto;

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);
}

.why-txt li:after,
section.touch-sec:before {
  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  content: "";
}

.carousel-indicators li {
  display: block;

  margin-bottom: 5px;

  border: 1px solid #fff;
}

.carousel-indicators li.active {
  margin-bottom: 5px;

  background: #fff;
}

div#myCarousel {
  padding: 100px 50px;
}

.industry-txt p {
  margin: 0;

  text-transform: uppercase;

  font-family: gt-haptik-rg;

  color: #fff;
}

.audit-txt p,
.facts-txt-right li span,
.industry-txt p.qs,
.industry-txt ul li a,
a.view-btn,
a.view-btn-black {
  font-family: gt-haptik-lt;
}

.industry-txt {
  max-width: 600px;

  padding: 70px 100px;
}

.app-dev-sec3 .container-fluid,
.blog-sec .col-md-10.offset-md-1,
.contact1-sec .col-md-12,
.design5-sec .container-fluid,
.dev2-sec .container-fluid,
.faq-text .card-header:first-child,
.seo-landing-sc2 .container-fluid,
.service-sec .container-fluid,
.slider-sec-1 .container-fluid {
  padding: 0;
}

.industry-txt p.qs {
  text-transform: initial;

  font-size: 20px;
}

.industry-txt ul li {
  display: inline-block;

  width: 49%;

  margin: 10px 0;
}

.industry-txt ul li a {
  color: #aaa !important;

  margin: 10px 0;

  font-size: 16px;
}

.blog-dt-backlink,
.get-ready-sec h4,
.industry-txt h3,
.industry-txt p.white,
.location4-search,
.our-servc-txt1 h4 {
  margin-bottom: 20px;
}

.industry-txt ul {
  margin-top: 40px;

  margin-bottom: 40px;
}

a.view-btn {
  border: 1px solid #fff;

  color: #fff;

  padding: 10px 20px;

  display: inline-block;
}

a.view-btn-black {
  border: 1px solid #000;

  color: #000;

  padding: 10px 20px;

  display: inline-block;
}

section.facts-sec {
  background: url(../img/zeb1.png) bottom left/600px no-repeat #f9f9f9;

  padding: 150px 0 0;
}

.facts-txt-right li:last-child {
  margin-bottom: 130px;
}

.facts-txt p {
  color: #555;
}

.abt7-txt .why-txt li:first-child,
.facts-sec .col-md-5.offset-md-2,
.why-txt li:first-child {
  padding-left: 0;
}

.facts-txt img {
  margin-left: -65px;
}

.facts-txt-right li {
  list-style: none;

  margin-bottom: 70px;

  padding-top: 70px;

  border-top: 1px solid #efefef;
}

.audit-txt a.view-btn,
.blog-short-text a.view-btn,
.touch-txt a.view-btn {
  border-color: #000;

  color: #000;
}

.facts-txt-right li img:first-child {
  width: 30px;

  margin-right: 20px;

  display: inline-block;

  vertical-align: top;
}

.facts-txt-right li img:nth-child(2) {
  width: 80px;

  margin-right: 10px;

  display: inline-block;

  vertical-align: top;
}

.facts-txt-right li span {
  display: inline-block;

  width: calc(100% - 220px);

  vertical-align: top;

  font-size: 15px;

  margin-left: 50px;
}

.approach-txt {
  padding-top: 150px;

  padding-bottom: 50px;
}

.audit-txt p {
  font-size: 13px;
}

.audit-txt2 {
  padding-top: 230px;

  padding-left: 30px;
}

.audit-txt2 strong {
  color: #e7e7e7;

  font-size: 40px;
}

.audit-txt {
  padding-top: 200px;

  padding-left: 60px;

  max-width: 350px;
}

.audit-txt2 img {
  max-width: 35px;
}

.audit-txt p.des {
  margin: 30px 0 60px;
}

.audit-txt h2 {
  font-size: 54px;
}

section.why-sec {
  background: url(../img/zeb3.png) top right/600px no-repeat #000;

  padding: 100px 0;
}

.why-txt img {
  max-width: 100px;
}

.why-txt li,
.why-txt li p#count1,
.why-txt li p#count2,
.why-txt li p#count3 {
  max-width: 230px;

  font-family: gt-haptik-rg;

  font-size: 36px;

  color: #fff;

  position: relative;

  text-align: center;

  text-transform: uppercase;
}

.why-txt li {
  display: inline-block;

  width: 33%;

  padding: 30px;
}

.why-txt li span {
  display: block;

  font-family: gt-haptik-rg;

  font-size: 24px;
}

.why-txt li p#count1,
.why-txt li p#count2,
.why-txt li p#count3 {
  display: block;

  padding: 0;

  margin: 0;
}

.why-txt li:after {
  right: 0;

  background: #444;

  width: 1px;

  height: 50px;
}

.ipad-none,
.mobile-none,
.our-servc-txt1 span i,
.our-servc-txt1 span img,
.touch-sec .touch-left,
.why-txt li:last-child::after {
  display: none;
}

.why-txt h3 {
  max-width: 500px;

  font-size: 36px;

  margin-bottom: 60px;
}

.soon-img img {
  max-width: 700px;

  margin: 150px auto 0;
}

section.logos-sec {
  background: url(../img/bg.png) 0 0 / cover #000;

  padding-bottom: 100px;

  margin-top: -1px;
}

.logos-txt {
  text-align: center;

  color: #fff;

  margin-bottom: 50px;
}

.logos-txt span {
  background: #0d0d0d;

  width: 100px;

  height: 100px;

  display: inline-block;

  border-radius: 50%;

  margin-bottom: 15px;

  position: relative;
}

.logos-txt span img {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

.logos-txt h2 {
  font-family: gt-haptik-lt;

  font-size: 42px;
}

.blog-heading p {
  font-family: gt-haptik-lt;

  margin: 0;
}

.blog-popular p,
.blog-short-text p,
.blog-short-text span.date,
.footer-txt p {
  font-family: gt-haptik-rg;
}

.blog-heading,
.steps-sec .row {
  margin: 100px 0;
}

.blog-popular,
.faq-text div#accordion {
  margin-top: 50px;
}

.blog-short-text {
  max-width: 450px;

  margin-top: 50px;
}

.blog-short-img {
  position: unset;

  top: 0;

  right: 0;

  max-width: 540px;

  z-index: -1;
}

.design1-sc,
section.blog-sec.home-blog {
  background: 0 0;
}

.blog-short-text p {
  margin-top: 20px;
  max-width: 90%;
  /* max-width: 220px; */
}

.blog-popular {
  margin-left: 20px;
}

.blog-popular p {
  font-size: 16px;

  color: #888;
}

.blog-popular-text li {
  list-style: none;

  margin: 50px 0;
}

.blog-popular-text i {
  width: 50px;

  height: 50px;

  padding: 17px;

  display: inline-block;

  vertical-align: top;

  margin-top: 8px;
}

.blog-popular-text span.date {
  display: block;

  font-family: gt-haptik-rg;

  margin-top: 10px;
}

.blog-popular-text img,
.blog-sec .row .col-md-5:nth-child(2n) {
  margin-top: 30px;
}

.blog-popular-text h5 {
  width: calc(100% - 70px);

  display: inline-block;

  vertical-align: top;
}

section.blog-sec {
  padding-bottom: 100px;

  background: url(../img/ze1.png) 0 92% no-repeat;
}

section.touch-sec .touch-txt {
  padding: 130px 0;
}

section.touch-sec {
  background: url(../img/zeb5.png) right bottom/33vw no-repeat #f9f9f9;

  text-align: center;

  position: relative;
}

.abt2-txt p,
.abt4-txt p,
.service-quality p,
.usp-sec p {
  text-align: justify;
}

section.touch-sec:before {
  background: url(../img/zeb4.png) 0 0 / contain no-repeat;

  width: 100%;

  height: 100%;

  left: 0;
}

.touch-txt a.view-btn {
  margin-top: 20px;
}

.touch-right {
  margin-right: -15px;
}

footer {
  padding: 100px 0 70px;
}

.app-dev-sec2-txt,
footer .container-fluid {
  padding: 0 50px;
}

footer a.logo-sec {
  margin-bottom: 30px;

  display: inline-block;
}

.footer-txt p {
  color: #474747;

  font-size: 16px;
}

.footer-txt h4,
.footer-txt h5 {
  color: #fff;

  margin-bottom: 20px;
}

.footer-txt h4 {
  font-size: 24px;

  font-family: gt-haptik-rg;
}

.footer-txt a,
.links a {
  font-size: 16px;

  font-family: gt-haptik-rg;
}

.footer-txt a {
  color: #474747;
}

footer .row:first-child,
footer .row:nth-child(2) {
  padding-bottom: 50px;

  margin-bottom: 50px;

  border-bottom: 1px solid #111;
}

.newsletter-footer input.form-control {
  border-radius: 0;

  background: 0 0;

  font-family: gt-haptik-rg;
}

.newsletter-footer button.btn.btn-success {
  background: #fff;

  color: #000;

  font-family: gt-haptik-rg;

  border-radius: 0;
}

.white-header .fixed .btns a.nav-link,
button.navbar-toggler {
  border: 1px solid #000 !important;
}

.social-icons li {
  list-style: none;

  display: inline-block;

  margin-right: 15px;
}

.newsletter-footer .input-group.mb-3 {
  max-width: 320px;
}

.footer-txt h5 {
  font-size: 18px;

  font-family: gt-haptik-rg;
}

.cnrty-list li a,
.service-quality p {
  font-family: gt-haptik-lt;

  /* color: #fff; */
}

.cnrty-list li a {
  font-size: 14px;
}

.white-header nav.navbar .navbar-nav .nav-link,
nav.navbar .navbar-nav .nav-link {
  position: relative;

  overflow: hidden;
}

nav.navbar .nav-link:before {
  content: "";

  width: 100%;

  height: 1px;

  background: #444;

  position: absolute;

  bottom: 0;

  left: 0;

  transform: translate(-101%, 0);

  transition: 0.4s;
}

.white-header nav.navbar .nav-link.active:before,
.white-header nav.navbar .navbar-nav .nav-link:hover::before,
nav.navbar .nav-link.active:before,
nav.navbar .navbar-nav .nav-link:hover::before {
  transform: translate(0, 0);
}

.mobile-home-sec,
nav.navbar .navbar-nav li.nav-item.btns .nav-link:before {
  display: none !important;
}

.white-header .btns a.nav-link img,
.white-header nav.navbar a.navbar-brand img {
  filter: invert(1);
}

.white-header .fixed a.navbar-brand img {
  filter: initial !important;
}

.white-header nav.navbar .nav-link:before {
  content: "";

  width: 100%;

  height: 1px;

  background: #fff;

  position: absolute;

  bottom: 0;

  left: 0;

  transform: translate(-101%, 0);

  transition: 0.4s;
}

.service-sec1 {
  padding-top: 180px;

  position: relative;

  padding-bottom: 100px;
}

.service-quality h3 {
  margin-bottom: 150px;

  color: #fff;

  max-width: 400px;
}

.service-quality p {
  font-size: 20px;

  margin: 12px 0 100px;
}

section.service-sec1:before {
  content: "";

  background: #13110e;

  width: 100%;

  height: 700px;

  position: absolute;

  top: 0;
}

.white,
.white-header .navbar a.nav-link {
  color: #fff !important;
}

.white-header .btns a.nav-link {
  border: 1px solid #fff !important;
}

.white-header .fixed .btns a.nav-link img {
  filter: initial;
}

.our-servc-txt p {
  color: #777;

  margin: 0;

  font-family: gt-haptik-rg;
}

.blog-dt-txt h3,
.cont1-txt span.small-heading,
.our-servc-txt h2 span {
  color: #13110e;
}

.our-servc-txt1 span {
  font-size: 70px;

  font-family: gt-haptik-rg;

  color: #e7e7e7;

  transition: 0.5s;
}

.our-servc-txt1 h3 {
  margin-bottom: 20px;

  margin-top: 10px;
}

.our-servc-txt1 p {
  font-family: gt-haptik-rg;

  color: #aaa;
}

.our-servc-txt1 {
  border-top: 1px solid #aaa;

  margin-top: 100px;

  padding-top: 50px;
}

.location4-txt,
section.our-servc {
  margin-bottom: 100px;
}

section.usp-sec {
  background: url(../img/bg1.png) top right/500px no-repeat #000;

  padding: 150px 0 100px;
}

.social2-txt,
.usp-sec ul {
  margin-top: 80px;
}

.social2-txt h4,
.usp-sec h2 {
  margin-top: 20px;
}

.usp-sec p {
  max-width: 650px;

  color: #fff;

  font-family: gt-haptik-lt;

  font-size: 20px;
}

.trans-sec strong {
  color: #777;
}

.trans-txt p {
  font-size: 30px;

  color: #e7e7e7;
}

.trans-txt a.view-btn {
  border-color: #000;

  color: #000;
}

.trans-txt h2 {
  max-width: 750px;

  margin-bottom: 50px;
}

section.trans-sec {
  padding-top: 100px;

  padding-bottom: 100px;
}

.white-header span.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}


button.navbar-toggler {
  background: #000;

  outline: 0;
}

span.navbar-toggler-icon {
  background: url(../img/bars.png) 0 0/30px !important;
}

.blog-dt-txt1 p {
  font-size: 18px;

  font-family: gt-haptik-lt;
}

.app-dev-sec3 img,
.blog-dt-img img,
.local-seo1 img {
  width: 100%;
}

.abt1-sec {
  padding: 200px 0 0;
}

.abt2-sec {
  background: url(../img/abt-bg.png) right/700px no-repeat;

  padding-top: 100px;

  padding-bottom: 80px;
}

.abt3-sec,
section.abt4-sec {
  background: #13110e;
}

.abt2-txt p {
  font-size: 24px;

  max-width: 390px;
}

.abt3-sec {
  padding: 100px 0;
}

.abt5-sec,
.testimonial-slider,
section.abt4-sec,
section.social-sec1 {
  padding-bottom: 100px;
}

.abt3-txt,
.web-design-inner-sc h2 {
  max-width: 990px;
}

.form-sec1,
.form-sec2 {
  max-width: 950px;
}

.abt3-txt span.small-heading,
span.small-heading {
  color: #aaa;
}

.small-heading {
  margin-bottom: 20px;

  display: inline-block;
}

.design4-sec .col-lg-4:nth-child(3) .design4-txt,
.design4-sec .col-lg-4:nth-child(6) .design4-txt,
.right-sc .abt5-team {
  margin-top: -40px;
}

.year-list li {
  color: #888;

  list-style: none;

  padding-left: 20px;

  font-family: gt-haptik-rg;

  margin: 30px 10px;

  font-size: 20px;
}

.year-list li i {
  font-size: 12px;
}

.year-list {
  margin: 130px 0;
}

.abt4-txt h4.white {
  margin-top: 30px;

  margin-bottom: 30px;
}

.abt4-txt p {
  color: #fff;

  max-width: 380px;
}

.black-btn {
  border-color: #000 !important;

  color: #000 !important;
}

.abt5-team h4 {
  margin: 20px 0 5px;
}

.abt5-txt .heading-grey {
  max-width: 1070px;
}

.bg-black {
  background: #000 !important;
}

.left-sc {
  padding-right: 80px;
}

.right-sc {
  padding-left: 80px;
}

.abt6-sec .container-fluid {
  margin: 0 -15px;
}

.abt6-txt {
  padding: 100px 30px;

  height: 890px;

  display: table;
}

.abt6-txt-inner,
.app-dev-sec4-txt-inner,
.lets-service-txt-sc .service-txt,
.web-develop-txt,
section.error-sec .container {
  display: table-cell;

  vertical-align: middle;
}

.abt6-txt h3,
.other-blogs h4 {
  margin: 50px 0;
}

.blog-sec .row .col-md-5:nth-child(odd),
.blog-text h3,
.other-post-detail {
  margin-bottom: 30px;
}

.abt6-img img {
  height: 890px;

  object-fit: cover;

  width: 100%;
}

section.abt7-sec {
  padding: 100px 0;

  background: url(../img/abt-bg2.png) right bottom/400px no-repeat #000;
}

.abt7-txt p {
  font-size: 42px;

  font-family: gt-haptik-lt;

  max-width: 970px;
}

.abt7-txt .why-txt li,
.blog-text h3,
.other-blogs h4 a,
.we-are-txt h5 {
  font-family: gt-haptik-rg;
}

.abt7-txt .why-txt li {
  display: inline-block;

  width: 33%;

  color: #fff;

  text-align: center;

  padding: 30px 80px 30px 0;

  text-transform: uppercase;

  position: relative;

  font-size: 48px;

  margin-right: 70px;
}

.abt7-txt .why-txt li span {
  font-size: 22px;
}

.abt7-txt .why-txt li:after {
  height: 60px;
}

.abt9-txt h2.heading-grey {
  font-size: 73px;

  text-align: justify;
}

section.abt9-sec {
  background: url(../img/ze11.png) right bottom/600px no-repeat;
}

section.blog-heading-sec {
  padding: 200px 0;
}

.blog-img,
.blog-post {
  position: relative;
  margin-bottom: 20px;
}

.blog-img img {
  height: 600px;

  object-fit: cover;

  width: 100%;
}

.blog-text {
  position: absolute;

  top: 0;

  left: 0;

  padding: 30px;
}

.blog-img:before {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.9);

  background: -webkit-linear-gradient(to bottom,

      rgba(0, 0, 0, 0.9),
      rgba(0, 0, 0, 0));

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
}

.blog-text h3 {
  font-size: 36px;

  color: #fff;
}

ul.blog-page {
  margin: 150px 0 0;
}

.page-link {
  background-color: transparent;
}

.blog-page a.page-link {
  color: #000;

  border: none;

  padding: 15px;

  width: 50px;

  text-align: center;
}

.form-sec1 input,
.form-sec2 input,
.form-sec2 textarea,
.review-form .form-group input,
textarea.form-control {
  border-radius: 0;

  min-height: 50px;

  font-size: 13px;
}

.blog-page a.page-link.active {
  background: #10182f;

  color: #fff;
}

.blog-dt-backlink a {
  /* display: inline-block; */
  display: flex;
  align-items: center;
  color: #000;
}

.blog-dt-backlink img {
  transform: rotate(180deg);

  margin-right: 10px;
}

section.blog-dt {
  padding: 150px 0 100px;
}

.date-follow-sc {
  color: #9b9b9b;

  padding: 40px 0;
}

span.follow-sc {
  float: right;
}

span.follow-sc a {
  color: #9b9b9b;
}

.blog-dt .container-fluid {
  padding: 0;

  margin-bottom: 50px;
}

.blog-dt-txt1 {
  text-align: justify;
}

textarea.form-control {
  height: 182px;
}

.review-form1 p {
  font-size: 14px;
}

.review-sec form {
  max-width: 836px;

  margin: 50px auto;
}

.review-form1 input.form-check-input {
  margin-top: 3px;
}

.review-form1 .form-check {
  font-size: 14px;

  margin-bottom: 40px;
}

button.btn.submit-btn.btn-animate {
  border: 1px solid #444;

  border-radius: 0;

  padding: 10px 20px;
}

section.other-blogs {
  padding: 50px 0;
}

.other-post-detail img {
  width: 150px;
}

a.other-link.btn-animate {
  width: 50px;

  display: inline-block;
}

.other-post-txt {
  width: calc(100% - 245px);

  display: inline-block;

  padding: 15px;
}

.city-txt li a:hover,
.other-post-txt h5 {
  font-weight: 600;
}

.blog-dt-txt1 h4 {
  margin: 80px 0 20px;
}

.other-blogs h4 a {
  color: #000;

  border-color: #000;

  font-size: 16px;

  float: right;
}

section.review-sec {
  background: #f9f9f9;

  padding-top: 100px;

  padding-bottom: 50px;
}

.contact-heading-sec {
  padding: 200px 0;

  background: url(../img/contact-bg.png) left 50px / contain no-repeat #000;

  min-height: 100vh;
}

.cont-txt p {
  font-size: 28px;

  max-width: 420px;

  color: #404040;

  margin-top: 30px;
}

.lets-services,
section.app-dev-sec4,
section.contact1-sec,
section.dev6-sec,
section.location4-sec,
section.social-sec2 {
  padding: 100px 0;
}

.contact-heading-sec h3 {
  font-size: 56px;
}

.cont1-txt,
.design-land-sec1 h3.heading-grey {
  margin-bottom: 40px;
}

.form-sec1 {
  margin-bottom: 80px;
}

.recaptcha-sc {
  font-size: 28px;

  color: #e7e7e7;
}

.recaptcha-sc input {
  width: 150px;

  display: inline-block;

  text-align: center;
}

.recaptcha-sc input::-webkit-inner-spin-button,
.recaptcha-sc input::-webkit-outer-spin-button {
  -webkit-appearance: none;

  margin: 0;
}

.recaptcha-sc input[type="number"] {
  -moz-appearance: textfield;
}

.cont1-txt button.btn.view-btn.btn-animate {
  background: #000;

  color: #fff;

  width: 258px;

  height: 50px;

  border-radius: 0;

  margin-top: 40px;
}

.card-header:first-child,
.faq-text .card {
  border: none;

  background: 0 0;
}

section.we-are-sec {
  background: url(../img/contact-bg1.png) right bottom/580px no-repeat #f9f9f9;

  padding: 100px 0;
}

.we-are-txt h5 {
  margin: 15px 0;
}

.design-land-sec2 h3,
.design5-inner p,
.faq-text a.card-link,
.gt-txt p,
.web-develop-txt p {
  font-family: gt-haptik-lt;
}

.we-are-txt h3 {
  font-size: 50px;

  margin-top: 30px;

  margin-bottom: 40px;
}

.we-are-sec h2 {
  max-width: 730px;

  margin-bottom: 50px;
}

.we-are-txt a.view-btn {
  border-color: #000;

  color: #000;

  margin-bottom: 60px;
}

.we-are-txt li:first-child {
  max-width: 190px;
}

.dev1-sec {
  padding: 150px 0 50px;
}

.back-link img {
  transform: rotate(180deg);

  margin-right: 10px;

  transition: 0.3s;
}

.btn-animate1:hover img {
  transform: translate(-10px, 0) rotate(180deg);
}

.service-link-sc {
  text-align: center;
}

.next-link-sc,
.tnp-field.tnp-field-button {
  text-align: right;
}

.web-develop {
  height: 100%;

  padding: 48px;

  color: #fff;

  display: table;
}

.web-develop-txt p {
  font-size: 20px;

  text-align: justify;
}

.dev3-sec {
  padding: 100px 0;

  background: url(../img/ze1.png) 110% 105%/600px no-repeat;
}

.we-are-sec h2 img {
  width: 100px;

  vertical-align: top;

  padding-top: 22px;
}

.dev4-sec {
  padding: 100px 0;

  background: #000;
}

.dev4-sec h2 {
  max-width: 800px;
}

.lang-list li {
  list-style: none;

  display: inline-block;

  width: 20%;

  float: left;

  text-align: center;

  color: #fff;
}

.lang-list li img {
  max-width: 85px;

  max-height: 75px;

  margin-bottom: 15px;

  min-height: 75px;
}

.lang-list,
.row.web-design-innr {
  margin-top: 100px;
}

section.dev5-sec {
  padding: 100px 0;

  background: url(../img/dev2.png) right bottom/800px no-repeat #f9f9f9;
}

.feature-heading {
  padding-bottom: 70px;
}

.feature-txt {
  padding: 10px 40px;

  list-style: none;

  max-width: 370px;

  margin: 80px auto;
}

.feature-txt p {
  font-size: 14px;

  max-width: 260px;

  margin: 20px 0;
}

.feature-txt li {
  padding: 20px 0;
}

.feature-txt strong {
  font-size: 32px;

  margin: 10px 0;
}

.get-ready-sec {
  padding: 100px 0 0;

  background: #000;
}

.gt-txt {
  color: #fff;

  padding: 70px 0;

  text-align: justify;
}

.steps-sec {
  background: url(../img/dots.png) center/740px no-repeat;
}

.card .carousel-item {
  height: 200px;
}

.card .carousel-caption {
  padding: 0;

  right: 0;

  left: 0;

  color: #3d3d3d;
}

.card .carousel-caption h3 {
  color: #3d3d3d;
}

.card .carousel-caption p {
  line-height: 30px;
}

.card .carousel-caption .col-sm-3 {
  display: flex;

  align-items: center;
}

.card .carousel-caption .col-sm-9 {
  text-align: left;
}

.navi a {
  text-decoration: none;
}

.card a>.ico {
  background-color: grey;

  padding: 10px;
}

.card a:hover>.ico {
  background-color: #666;
}

button.slick-prev.slick-arrow {
  right: 120px;

  left: inherit;

  top: 10px;

  width: 100px;

  z-index: 99999;
}

button.slick-next.slick-arrow {
  right: 0;

  left: inherit;

  top: 10px;

  width: 100px;

  z-index: 99999;
}

.main-txt-test {
  text-align: justify;

  padding: 130px 80px 100px 0;
}

section.testimonial-sec {
  margin-bottom: 100px;

  margin-top: 100px;
}

.main-txt-test img {
  max-width: 100px;

  margin-bottom: 30px;
}

.desktop-show,
.main-txt-test strong {
  display: block;
}

.design5-txt,
.lets-service-txt-sc {
  display: table;

  height: 100%;
}

.lets-service-txt-sc .port,
.main-txt-test p {
  margin: 30px 0;
}

.local-seo-sec h3 {
  font-size: 56px;

  max-width: 500px;
}

.local-seo-sec .web-develop {
  color: #000;

  padding: 0;
}

.local-seo-sec .web-develop p {
  margin: 30px 0;

  font-size: 16px;

  max-width: 470px;
}

.local-seo1 .container-fluid {
  padding: 0;

  margin-top: 80px;
}

.local-feature-txt strong {
  font-size: 28px;

  margin-bottom: 10px;

  display: block;
}

.local-feature-txt {
  margin: 100px 0;
  max-width: 90%;
  /* max-width: 300px; */
}

.faq-text .card {
  padding: 0 0 40px;

  margin: 10px 0 40px;

  border-bottom: 1px solid #aaa;

  border-radius: 0;
}

.faq-text a.card-link {
  color: #000;

  font-size: 22px;

  letter-spacing: 2px;
}

.faq-text .card-body {
  padding: 20px 0 0;
}

.faq-btm {
  padding: 20px 0 40px;
}

.faq-btm-link {
  text-align: right;

  padding-top: 25px;
}

section.faq-sec {
  background: url(../img/ze.png) left 100%/440px no-repeat #f9f9f9;

  padding-top: 100px;
}

.location-inner-sec h3.heading-grey {
  padding-bottom: 10px;
}

section.local-seo-service-sec {
  background: right/contain #000;

  padding: 100px 0;
}

.app-step,
.local-seo1,
section.design5-sec {
  padding-top: 100px;
}

.local-seo-service-sec .our-servc-txt1:hover p,
.local-seo-service-sec .our-servc-txt1:hover span {
  color: #eee;
}

.location-inner-sec1 {
  padding: 100px 0 0;

  background: #f9f9f9;
}

.location-inner-sec1 .container-fluid {
  padding: 100px 0 0;
}

section.location-inner-sec2 {
  background: #f9f9f9;
}

.lets-service-txt-sc {
  padding: 60px;

  max-width: 600px;
}

.lts-servs {
  padding: 40px 0;
}

.lets-services h2 {
  padding-bottom: 50px;
}

.lets-service-txt-sc h2 {
  padding-bottom: 0;
}

.steps-sec1 {
  background: url(../img/dots1.png) 14% center/750px no-repeat;
}

.steps-sec1 .row {
  margin: 92px 0;
}

.location1-sec {
  background: url(../img/location1.png) right top/contain no-repeat #000;

  color: #fff;

  padding: 350px 0;
}

.location1-txt {
  max-width: 430px;

  margin-bottom: 100px;
}

.location1-txt p {
  text-align: justify;

  margin: 50px 0;
}

.location2-sec {
  background: #000;

  padding-bottom: 100px;
}

.location2-txt h1 {
  font-size: 100px;
}

section.location3-sec {
  padding: 80px 0;

  text-align: center;

  background: #f9f9f9;
}

.location4-heading {
  padding-bottom: 80px;
}

.location4-txt h5 {
  font-size: 20px;

  margin-top: 25px;
}

.location4-pagination li {
  list-style: none;

  display: inline-block;

  border-right: 1px solid #000;

  margin-bottom: 10px;
}

.location4-pagination li:last-child {
  border-right: none;
}

.location4-pagination a {
  font-size: 16px;

  padding: 0 10px;

  text-transform: uppercase;

  color: #000;

  display: block;

  width: 35px;

  text-align: center;
}

.our-servc-txt1:hover img,
.social-icon-list li {
  display: inline-block;
}

.location4-pagination li.active a {
  font-weight: 700;
}

.location4-pagination {
  margin-bottom: 30px;

  margin-top: 20px;
}

.city-txt li,
.clear-filter {
  margin: 10px 0;
}

.location4-search .input-group.mb-3 {
  max-width: 300px;

  display: inline-block;
}

.clear-filter {
  float: right;

  color: red;
}

.location4-search .input-group img {
  position: absolute;

  left: 8px;

  top: 7px;

  z-index: 1;
}

.location4-search .input-group.mb-3 input.form-control {
  padding-left: 45px;

  width: 100%;
}

.touch-sec1 {
  margin: 0 !important;
}

.seo-landing-sc .feature-txt {
  margin: 80px 0;

  padding: 0;
}

.seo-landing-sc2 .feature-txt {
  max-width: 600px;
}

.pin-spacer {
  overflow-x: hidden !important;
}

.design1-sc .web-develop p {
  padding: 20px 0 30px;
}

section {
  height: 100%;
}

section.design2-sec {
  background: url(../img/design1.png) left/contain no-repeat #000;

  padding: 100px 0;
}

section.design3-sec {
  background: url(../img/design2.png) right/700px no-repeat #000;

  padding: 100px 0;
}

.design3-sec h4 {
  padding-top: 40px;
}

section.design4-sec {
  padding: 100px 0;

  background: #f9f9f9;
}

.design4-sec .design4-txt {
  padding: 300px 30px 20px;

  background: #fff;

  margin-top: 30px;
}

.design4-sec .col-lg-4:first-child .design4-txt,
.design4-sec .col-lg-4:nth-child(4) .design4-txt {
  margin-top: 0;
}

.design4-sec .col-lg-4:nth-child(2) .design4-txt,
.design4-sec .col-lg-4:nth-child(5) .design4-txt {
  margin-top: 40px;
}

.design4-sec .col-lg-4:nth-child(2n) .design4-txt {
  background: url(../img/design4.png) no-repeat #000;

  color: #fff;
}

.design4-sec .col-lg-4:nth-child(odd) .design4-txt {
  background: url(../img/design7.png) no-repeat #fff;

  color: #000;
}

.design5-inner {
  display: table-cell;
}

.blog-sec h2 {
  font-size: 75px;
}

.design5-inner p {
  margin-bottom: 70px;

  font-size: 42px;

  max-width: 500px;
}

.design5-inner strong {
  font-size: 30px;
}

.container {
  overflow: hidden;
}

section.design-service-sec {
  background: url(../img/design6.png) right/contain no-repeat #000;

  padding: 100px 0;
}

.design-service-sec .our-servc-txt1:hover p,
.design-service-sec .our-servc-txt1:hover span {
  color: #ccc;
}

section.design-land-sec1 {
  background: url(../img/ze1.png) right bottom/700px no-repeat;

  padding: 100px 0 220px;
}

.design-land-sec1 h2 {
  max-width: 1040px;

  font-size: 70px;
}

section.design-land-sec2 {
  background: url(../img/designl-3.png) 0 0 / contain no-repeat;

  padding: 250px 0 300px;

  position: relative;
}

section.design-land-sec2:before {
  content: "";

  width: 100%;

  background: url(../img/designl-2.png) bottom no-repeat;

  height: 100%;

  position: absolute;

  bottom: 0;

  left: 0;
}

.design-land-sec2 h3 {
  max-width: 350px;

  font-size: 60px;

  margin-top: 50px;

  margin-bottom: 20px;
}

.design-land-sec2 .design-land1-txt {
  margin-top: 80px;

  max-width: 450px;

  letter-spacing: 1px;

  float: right;
}

section.design-land-sec3 {
  padding: 100px 0;

  background: url(../img/designl-4.png) right center no-repeat #f9f9f9;
}

section.design-land-sec4 {
  background: url(../img/contact-bg1.png) right bottom/contain no-repeat #f9f9f9;

  padding: 100px 0;
}

section.social-inner-sec1,
section.social-sec3 {
  background: url(../img/ze1.png) right bottom/600px no-repeat;

  padding: 100px 0;
}

.design-land-sec4 .abt7-txt {
  max-width: 500px;

  margin-bottom: 60px;
}

.design-land-sec4 img {
  margin: 20px 0;
}

.review-sec h4 {
  max-width: 450px;
}

.app-dev-sec4-txt-inner p,
.social2-txt p {
  max-width: 300px;
}

ul.social-icon-list {
  max-width: 700px;

  margin: 50px 0 20px;
}

.social-icon-list li {
  margin: 30px 60px 30px 0;
}

.social-icon-list a {
  font-size: 24px;

  color: #13110e;
}

.social-icon-list img {
  width: 28px;

  margin-right: 10px;
}

.social-sec3 h2 {
  font-size: 74px;
}

.social-media-srvc {
  background: url(../img/dev2-1.png) right bottom/400px no-repeat #f9f9f9 !important;
}

.social-inner-sec2 {
  background-image: url(../img/social-inner1.png) !important;
}

.social-inner-sec3 {
  background-image: url(../img/social-inner2.png) !important;

  background-size: 550px !important;
}

section.app-dev-sec1.social-sec3 {
  background: 0 0;

  padding-bottom: 0;
}

section.app-dev-sec2 {
  background: #000;

  color: #fff;

  padding-top: 100px;
}

.app-dev-sec2-txt h3 {
  font-size: 58px;
}

.app-dev-sec2-txt p {
  text-align: justify;

  font-size: 18px;
}

.app-dev-sec4-txt {
  height: 100%;

  display: table;
}

section.dev4-sec.app-dev-sec5 {
  background: url(../img/zeb.png) right top/400px no-repeat #000;
}

.app-dev-sec6 h2 {
  font-size: 71px;
}

.app-dev-sec7 {
  background: #f9f9f9;

  padding: 100px 0;

  margin-bottom: 0 !important;
}

section.error-sec {
  background: #000;

  height: 100vh;

  display: table;

  width: 100%;

  position: relative;
}

a.view-btn.btn-animate.white-btn {
  background: #fff;

  color: #000;
}

.error-txt p {
  color: #404040;

  font-size: 22px;

  max-width: 320px;

  margin: 20px 0;
}

.hero-txt .empower-title,
p#keep-exploring {
  z-index: 9;

  text-align: center;

  color: #fff;
}

.logo-sc {
  position: absolute;

  z-index: 1;

  top: 30px;
}

section.error-sec.thankyou-sc {
  background: url(../img/thankyou.png) right bottom/800px no-repeat #000;
}

img.vert-move {
  filter: brightness(0) invert(1);
}

@media (max-width: 1024px) {

  .desktop-none,
  .mobile-none {
    display: none;
  }

  .ipad-show {
    display: block;
  }

  a.custom-bottom-link {
    bottom: 190px;
  }
}

@media (max-width: 767px) {
  img.step2-img {
    position: relative;

    top: -345px;
  }

  .desktop-none,
  .ipad-none {
    display: none;
  }

  .mobile-show {
    display: block;
  }

  .black.desktop-home-sec,
  .pin-spacer {
    display: flex !important;

    width: 100% !important;
  }

  .steps-sec .process-1 {
    margin-bottom: 182px !important;
  }

  .steps-sec .process-3 {
    position: relative;

    top: -182px !important;

    margin-bottom: 0 !important;
  }

  .get-ready-sec {
    padding: 150px 0 0;
  }

  .black.desktop-home-sec {
    flex-direction: column-reverse;
  }

  .p-wrap,
  .text-wrap {
    position: relative;

    overflow: hidden;

    width: 100% !important;

    height: 100% !important;
  }

  .usp-sec .why-txt li {
    display: table-cell !important;
  }
}

.btn-success {
  color: #000;

  background-color: #fff;

  border-color: #fff;

  border-radius: 0;

  position: relative;

  top: -38px;

  left: 97px;
}

.btn-success:hover {
  color: #000;

  background-color: #fff !important;

  border-color: #1e7e34;
}

p#keep-exploring {
  position: absolute;

  bottom: 70px;
}

.hero-txt .empower-title {
  position: unset;
  font-size: 110px;
  line-height: 130px;
  left: inherit;
  height: max-content;
}

.hero-txt h2 span {
  display: block;

  left: 57%;

  position: unset;
}

.hero-sec-video-btn::after {
  content: " ";

  position: absolute;

  display: inline-block;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.5);

  z-index: 2;

  cursor: pointer;
}

nav.sticky.fixed .collapse .nav-item a.nav-link {
  color: #000 !important;
}

.contact-timer-ul li,
.contact-timer-ul li .counter,
.local-ul-timer li,
.local-ul-timer li .counter,
.engage-ul li,
.engage-ul li,
.web-ul-earned li {
  color: #000 !important;
}

section.social-sec1.dev2-sec .heading-grey span {
  color: #e7e7e7 !important;
}

.ecom-web-hero {
  padding: 100px 0px 0px 0px;
}

.location-inner-sec1 img {
  width: 100%;
}

.web-develop-img img {
  width: 100%;
}

.web-develop-txt h2.heading-grey {
  font-size: 36px;
}

.local-feature-txt h3 {
  font-size: 30px;
}

.mt-space-details {
  padding-top: 50px;
}

.white-build-contain {
  font-size: 38px;
}

.navlogo {
  height: 66px;
  width: 146px;
}

.arrow-talk,
.arrow-right-icon,
.view-btn .arrow-talk {
  width: 44px;
  height: 10px;
}

.subtext .vert-move {
  width: 44px;
  height: 40px;
}

.facts-txt-right ul li img {
  height: 32px;
  width: 32px;
  object-fit: contain;
}

.white-logo-footer {
  width: 100%;
  max-width: 166px;
  height: 69px;
  object-fit: contain;
}

/* slider css home page */


.carousel-caption {
  position: absolute;
  /* right: 15%; */
  bottom: 20px;
  left: 4%;
  top: 10%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #00000052;
  text-align: left;
}

.black {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.text-wrap {
  position: relative;
  overflow: hidden;
  width: 50vw;
  height: 100vh;
}

.panel-text:not(.first) {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 100vh;
  transform: translateY(-100%);
  opacity: 0;
}

.panel-text.first {
  opacity: 1;
}

.p-wrap {
  position: relative;
  overflow: hidden;
  width: 50vw;
  height: 100vh;
}

.panel {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.panel.one {
  z-index: auto;
  background-image: url("../img/service1.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.panel.two {
  z-index: auto;
  background-image: url("../img/service2.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.panel.three {
  z-index: auto;
  background-image: url("../img/service3.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.panel.four {
  z-index: auto;
  background-image: url("../img/service-img1.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.panel.five {
  z-index: auto;
  background-image: url("../img/service-img2.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

@import url('https://fonts.googleapis.com/css?family=Exo:400,700');



.context {
  width: 100%;
  position: absolute;
  top: 50vh;

}

.context h1 {
  text-align: center;
  color: #fff;
  font-size: 50px;
}


.area {
  background: #4e54c8;
  background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);
  width: 100%;
  /* height:100vh; */


}

.circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.circles li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  animation: animate 25s linear infinite;
  bottom: -150px;

}

.circles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}


.circles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.circles li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}

.circles li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}

.circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.circles li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}

.btn-index {
  overflow: hidden !important;
}

.hero-sec-video-btn .explore-btn {
  z-index: 9;
}


@keyframes animate {

  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }

  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }

}

img.vert-move {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

img.vert-move {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

.hero-txt img.vert-move {
  width: 44px;
  height: 40px;
}

.error-img {
    text-align: center;
}

.error-txt {
    max-width: 500px;
    margin: auto;
}