body {

  background-color: #F7F8FA;
  /* max-width: 100vw; */
  font-family: Poppins;
}

body h1 {
  font-size: 40px;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}


body h3 {
  font-size: 20px;

  text-align: justify;

}
body h4 {
  font-size: 15px;
}

/* animation timer */
body .onesec {
	animation-duration: 1s;
}

.footer h3 {
font-size: 15px;

}

.twosec {
	animation-delay: 2s;
}
.threesec {
	animation-delay: 3s;
}

.foursec {
	animation-delay: 4s;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.carousel {
  height: 80vh;
}

/* .intro-sect .row {
max-width: 100vw;

} */

.navbar {
  background-color: white;
}

.navbar-brand img {
  max-height: 30px;
  margin-bottom: 3px;
  object-fit: cover;
    object-position:50% 50%;
}

.inq-submit-button {
  background-color: #20202C;
  color: white;
  border-radius: 25px;
}

.myCarouse2-indicators {
  right: 60vw;
  top: 430px;

/* padding-right: 50;
padding-bottom: 20vh; */
/* position: absolute; */
}

.myCarouse2-indicators2 {
  right: 60vw;
  top: 468px;
}

.myCarouse2-indicators > li {
  /* margin-bottom: 6vh; */
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: red;
margin-left: 10px;
}

.myCarouse2-indicators2 > li {
  /* margin-bottom: 6vh; */
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: red;
margin-left: 10px;
}

/* .carousel-indicators > li {
  margin-bottom: -20px;

  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: red;

} */

.carousel-indicators > li.active {

  background-color: red;
}

.how-steps {
  width: 150px;


}

.carousel-text {
z-index: 1;
  /* padding-left: 15vw; */
  /* margin-top: 10vh; */
}

/* .carousel-text h1 {
  font-size: 20px;

} */

.intro-sect {

  /* height: 600px; */
  /* margin-bottom: -52px; */

}


.intro-sect-1 {

  background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 300px;
    width: 100vw;
    max-width: 100%;
    left: 10px;
    /* margin-top: -220px; */
    margin-bottom: 40px;
    z-index: 8;
}

.intro-sect-2 {
  background: white;
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 700px;
      width: 100%;
      left: 10px;
      margin-top: 40px;
      margin-bottom: 40px;
      z-index: 10;
}

.intro-sect-3 {
  background: #F7F8FA;
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 700px;
      width: 100%;
      left: 10px;
      margin-top: -240px;
      margin-bottom: 40px;
      z-index: 11;
}

.intro-sect-4 {
  background: white;
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 700px;
      width: 100%;
      left: 10px;
      margin-top: -253px;
      margin-bottom: 40px;
      z-index: 12;
}


@media (min-width:1100px) {
.section-content {
margin-top: 100px;
}
}

@media (max-width:1200px) {
.section-content {
margin-top: 40px;
}

.sect {
    margin-top: 50px;
}

.intro-sect .bigphone3 {
  max-height: 450px;
  right: 168px;
  position: relative;

z-index: 1;
}

.intro-sect .smallphone3 {
   max-height: 450px;
   position: relative;
   bottom: 470px;
   left: 190px;
z-index: 2;
}

}

.sect {
margin-top: 100px;
}



.intro-sect .myCarouse2 {
   max-height: 525px;
   position: relative;
   right: 62px;
z-index: 1;
}

.main-download {
  position: relative;
  top: 320px;
  padding-left: 5%;
  z-index: 3;
}
.main-download2 {
  position: relative;
  top: 408px;
  padding-left: 5%;
  z-index: 3;
}

.download-button {
width: 120px;
height: 100%;
object-fit:cover;
object-position:50% 50%;
z-index: 3;
}
.main-download2 img{
  width: 100%;
  max-width: 190px;
      height: 44px;
object-fit:cover;
z-index: 3;
}

.movement2 {
width: 150px;
right: 50px;
bottom: 80px;
z-index: 3;
position: relative;
}

.movement3 {
  position: relative;
  bottom: 480px;
    right: -268px;
  z-index: 3;
}

.movement4 {
max-width: 300px;
    /* height: auto; */
    position: absolute;
    top: 245px;
    right: 16px;
    z-index: 3;
    padding-right: 0;
}




@media (min-width:992px){



.movement4 {
  max-width: 300px;
  /* height: auto; */
  position: absolute;
  top: 245px;
  right: 110px;
  z-index: 3;
  padding-right: 0;
}}

@media (min-width:1600px){
.movement4 {
  right: 215px;
}}





@media (min-width:992px) {

  .intro-sect .bigphone2 {
     max-height: 525px;
     position: relative;
     right: 50px;
  z-index: 1;
  }

  .movement5 {
  width: 150px;
  right: 40px;
  bottom: 80px;
  z-index: 3;
  position: relative;
  }

  .movement6 {
  width: 150px;
  left: 350px;
  bottom: 425px;
  z-index: 3;
  position: relative;
  }

  .movement7 {
  display: none;
  }




}

@media (min-width:1316px) {

  .intro-sect .bigphone2 {
     max-height: 525px;
     position: relative;
     right: 50px;
  z-index: 1;
  }

  .movement5 {
  width: 150px;
  right: 40px;
  bottom: 80px;
  z-index: 3;
  position: relative;
  }

  .movement6 {
  width: 150px;
  left: -106px;
  bottom: 80px;
  z-index: 3;
  position: relative;
  }

  .movement7 {
  width: 150px;
  left: 500px;
  bottom: 425px;
  z-index: 3;
  position: relative;
  }
}

@media (min-width:992px) and (max-width: 1429px){
  .movement8 {
  display: none;


}}

@media (min-width:1430px) {

  .movement7 {
bottom: 425px;

  }

  .movement8 {

    width: 150px;
    left: 500px;
    bottom: 425px;
    z-index: 3;
    position: relative;

}}

@media (min-width:1641px) {

  .movement7 {
left: -100px;
bottom: 80px;
  }

  .movement8 {
    /* display: block; */
    width: 150px;
    left: -110px;
    bottom: 80px;
    z-index: 3;
    position: relative;

}}

@media (min-width:1925px) {



  .movement8 {
    display: block;
    width: 150px;
    left: 500px;
    bottom: 425px;
    z-index: 3;
    position: relative;

}}

@media (min-width:1200px) {
.intro-sect .bigphone3 {
   max-height: 525px;
   position: relative;
   right: 200px;
z-index: 1;
}

.intro-sect .smallphone3 {
   max-height: 525px;
   position: relative;
   bottom: 525px;
   left: 200px;
z-index: 2;
}

}

@media (max-width:1200px) {

.movement9 {
max-width: 200px;
right: 78px;
bottom: 160px;
z-index: 0;
position: relative;
}

.movement10 {
max-width: 200px;
right: 282px;
    bottom: 438px;
z-index: 0;
position: relative;
}

.movement11 {

  max-width: 200px;
  left: 320px;
    bottom: 820px;
  z-index: 0;
  position: relative;

}
}

/* 3rdslide */

@media (min-width:1200px) {

.movement9 {
max-width: 200px;
right: 110px;
bottom: 160px;
z-index: 0;
position: relative;
}

.movement10 {
max-width: 200px;
right: 350px;
bottom: 480px;
z-index: 0;
position: relative;
}

.movement11 {

  max-width: 200px;
  left: 370px;
  bottom: 900px;
  z-index: 0;
  position: relative;

}
}

@media (min-width:1375px) {
  .movement11 {

    max-width: 200px;
    left: -60px;

    bottom: 550px;
    z-index: 0;
    position: relative;

  }
}

@media (min-width:1494px) {

  .intro-sect .smallphone3 {

     bottom: 18px;
     left: -250px;

  }

  .movement9 {
  max-width: 200px;
  right: 110px;
  bottom: 160px;
  z-index: 0;
  position: relative;
  }

  .movement10 {

  right: 110px;
  bottom: 280px;
  }

  .movement11 {
    left: 180px;
    bottom: 350px;
  }

}

@media (min-width:1924px) {
  .movement10 {
  right: 800px;
  bottom: -40px;
  }
  .movement11 {
    left: 380px;
    bottom: 350px;
  }

}

@media (min-width:2290px){

  .movement11 {
    left: -520px;
    bottom: 50px;
  }

}

@media (min-width:992px) {
.intro-sect .bigphone4 {
   max-height: 525px;
   position: relative;
   /* right: 200px; */
z-index: 1;
}

.intro-sect .lady4 {
   max-height: 225px;
   position: relative;
   bottom: 300px;
   left: 240px;
z-index: 2;
}

.movement12 {
max-width: 100px;
right: 10px;
bottom: 60px;
z-index: 0;
position: relative;
}

.movement13 {
max-width: 100px;
right: -30px;
bottom: 550px;
z-index: 0;
position: relative;
}


}

@media (min-width:1428px){

  .intro-sect .lady4 {

     bottom: -75px;
     left: -130px;

  }
  .movement13 {
  right: -350px;
  bottom: 500px;

}
}

@media (min-width:1694px) {

  .movement13 {
  right: 320px;
  bottom: 180px;

}
}

@media (min-width:992px) {
.intro-sect .bigphone5 {
   max-height: 525px;
   position: relative;
   right: -100px;
z-index: 1;
}



.movement14 {
max-width: 100px;
right: 270px;
bottom: 80px;
z-index: 0;
position: relative;
}

.movement15 {
max-width: 200px;
right: 70px;
bottom: 280px;
z-index: 0;
position: relative;
}

.movement16 {

  max-width: 100px;
  left: 170px;
  bottom: 450px;
  z-index: 3;
  position: relative;

}

.movement17 {

  max-width: 200px;
  left: 226px;
  bottom: 350px;
  z-index: 3;
  position: relative;

}

.movement18 {

  max-width: 100px;
  left: 340px;
  bottom: 280px;
  z-index: 0;
  position: relative;

}

.movement19 {

  max-width: 200px;
  left: 225px;
  bottom: 350px;
  z-index: 3;
  position: relative;

}

}
@media (min-width:1172px) {

  .movement15 {

  right: 430px;
  bottom: -20px;

  }

  .movement16 {
    left: 350px;
    bottom: 450px;
  }

  .movement17 {
    left: 190px;
    bottom: 350px;
  }

  .movement18 {
    left: 30px;
    bottom: 180px;
  }

  .movement19 {
    left: 350px;
    bottom: 350px;
  }

}

@media (min-width:1339px) {

  .movement19 {
    left: -60px;
    bottom: 250px;
  }

}

@media (min-width:1433px) {

  .movement16 {
    left: -200px;
    bottom: 130px;
  }

  .movement17 {
    left: 290px;
    bottom: 350px;
  }

  .movement18 {
    left: 130px;
    bottom: 180px;
  }

  .movement19 {
    left: 40px;
    bottom: 250px;
  }

}

@media (min-width:1847px) {

  .movement17 {
    left: -390px;
    bottom: 50px;
  }

  .movement18 {
    left: 340px;
    bottom: 180px;
  }

  .movement19 {
    left: 250px;
    bottom: 250px;
  }


}

@media (min-width:1847px) {

  .movement18 {
    left: 350px;
    bottom: 200px;
  }

  .movement19 {
    left: 260px;
    bottom: 270px;
  }

}

@media (min-width:1847px) {

  .movement18 {
    left: 335px;
    bottom: 200px;
  }

  .movement19 {
    left: 260px;
    bottom: 270px;
  }

}

@media (min-width:2497px) {

  .movement19 {
    left: -600px;
    bottom: -30px;
  }

}


/* end carousel section */

.influence-brand {
  background: url('../../images/home/influence-brandsbg2x.png');
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
   height: 300px;
   width: 100%;
   left: 10px;

  margin-top: -220px;
  z-index: 10;
}


@media (min-width:900px){

 .influence-brand{
   margin-top: -346px;
  }

  .main-download {

    top: 360px;

  }
}


@media (min-width:1224px){

 .influence-brand{
   margin-top: -220px;
  }

  .main-download {
    top: 360px;
  }

  .movement3 {
    bottom: 150px;
    right: 100px;

  }
}


.influence-brand .influence-brand-text {
  /* left: 40%; */
 top: 80px;
  text-align: center;
}


.brands-logo {
  margin-top: 100px;
  max-height: 60px;
  max-width: 10%;
  margin-left: 2%;
}

.brands-logo img{

    bottom: 60px;
    object-fit: cover;
    object-position:50% 50%;
}

.dp-power {
  background: #F7F8FA;
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
 height: 555px;
 margin-top: -209px;
 z-index: 14;
}

.dp-video {
  max-width: 400px;
  max-height: 100px;
}

.dp-power-top img{
max-width: 100%;
margin-top: 0px;
z-index: 14;

}

.ex-features {
background-color: white;
height: 650px;
/* margin-top: 100px; */
}

.ex-feat-image {
 height: 250px;
width: auto;
}

.ex-feat-image-phone {
  height: 500px;
    bottom: 400px;
}



.success-stories {
  background: linear-gradient(to right, #ED006C 0%, #F13036 100%);
  height: 650px;
}

.success-top {
  width:100%;
      margin-top: -70px;
}

.white-box {
height: 270px;
width: 250px;
padding: 0px 20px;
background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 3px 3px #00000029;
    border-radius: 9px;
    opacity: 1;
    overflow: hidden;
    margin-left: 20px;
    position: relative;

}

.success-text {
  padding-left: 15%;

}

.video-fluid {
  width: 100%;
  height: auto;
}

.download-section {
  height: 350px;
  margin-top: 80px;
  /* margin-bottom: 200px; */
  object-fit:cover;
  object-position:50% 50%;
}

.download-phone {


}
.download-phone img {
 height:300px;

}

.footer {
  background-color: #111E37;
  height: 250px;
  margin-top: -50px;
 color: white;
}

.quicklink a {
    text-decoration: none;
    color: white;
    list-style-type: none;

  }

/* smaller screen */
@media (min-width:1200px) {
  .white-box-ex-features {
  height: 315px;
  width: 250px;
  padding: 0px 20px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
      box-shadow: 3px 3px 3px 3px #00000029;
      border-radius: 9px;
      opacity: 1;
      overflow: hidden;
      margin-left: 4%;
      position: relative;
    }
    .ex-feat-image-phone img {
      height: 500px;
      margin-top: -25px;
      margin-left: 80px;
    }

    .white-box-ex-features h3{
      font-size: 18px;
    }



    .success-star {

      width: 200px;
    }

    .biz-exclusive-top{
      width:100%;
          margin-top: -250px;
    }

    .intro-sect2 {
      background: white;
      background-size: cover;
          background-repeat: no-repeat;
          position: relative;
          height: 700px;
          width: 100%;
          max-width: 100%;
          margin-top: -113px;
    }

    .intro-sect2-about {
      background: white;
      background-size: cover;
          background-repeat: no-repeat;
          position: relative;
          height: 700px;
          width: 100%;
          max-width: 100%;
          margin-top: -113px;
    }
    .intro-sect3 {
      /* background: white; */
      background-size: cover;
          background-repeat: no-repeat;
          position: relative;
          height: 700px;
          width: 100%;
          max-width: 100%;

    }

    .intro-sect3-about-us {
      /* background: white; */
      background-size: cover;
          background-repeat: no-repeat;
          position: relative;
          height: 1300px;
          width: 100%;
          max-width: 100%;

    }

    .intro-sect3-about-us-text h5{
       text-align: left;
       font-size: 12px;
    }

    .intro-sect3-about-us-text h3{

       font-size: 15px;
    }
    .intro-sect3-about-us-text h2{
       text-align: left;
       font-size: 18px;
    }

    .intro-sect3-about-us img{
       margin-left: 5%;
       width: 100%;
       max-width: 200px;
    }

    .intro-sect3-about-text {
      margin-bottom: 10px;
      margin-left: 11%;
    }




    .intro-sect4 {
      background: white;
      background-size: cover;
          background-repeat: no-repeat;
          position: relative;
          height: 700px;
          width: 100%;
          max-width: 100%;

    }

    .intro-sect4-about {
      background: white;
      background-size: cover;
          background-repeat: no-repeat;
          position: relative;
          height: 700px;
          width: 100%;
          max-width: 100%;

    }

    .intro-sect5 {
      background: white;
      background-size: cover;
          background-repeat: no-repeat;
          position: relative;
          height: 700px;
          width: 100%;
          max-width: 100%;

    }

    .sect2 {
    margin-top: 50px;
    }
    .sect1 {
    margin-top: 100px;
    }
    .sect1-about {
    margin-top: 100px;
    }

    .biz-exclusive-bottom{
      width:100%;
          margin-top: 70px;
    }
    .hear-clients {
      background: linear-gradient(to right, #ED006C 0%, #F13036 100%);
      height:750px;
      margin-top: -52px;
    }

    .hear-clients-text {
      padding-left: 15%;
      margin-top: 30px;
    }
    .exclusive-logo {
      padding-top: 120px;
    }
}




@media (max-width:1200px) {

  .sect1-about {
  margin-top: 100px;
  }

  .intro-sect3-about-us {
    /* background: white; */
    background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        height: 1250px;
        width: 100%;
        max-width: 100%;

  }

  .intro-sect3-about-us img{
     margin-left: 5%;
     width: 100%;
     max-width: 200px;
  }

  .intro-sect3-about-us-text h5{
     text-align: left;
     font-size: 12px;
  }

  .intro-sect3-about-us-text h3{

     font-size: 15px;
  }
  .intro-sect3-about-us-text h2{
     text-align: left;
     font-size: 18px;
  }

  .intro-sect3-about-text {
    margin-bottom: 10px;
    margin-left: 11%;
  }



  .white-box-ex-features {
  /* height: 60%; */
  width: 206px;
  padding: 0px 20px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
      box-shadow: 3px 3px 3px 3px #00000029;
      border-radius: 9px;
      opacity: 1;
      overflow: hidden;
      margin-left: 30px;
      position: relative;
    }
    .ex-feat-image-phone img {
      height: 398px;
    margin-top: 13px;
    }

    .white-box-ex-features h3{
      font-size: 15px;

    }
    .white-box-ex-features h4{
     font-size: 12px;

    }

    .success-star {
      width: 166px;

    }

    .biz-exclusive-top{
      width:100%;
          margin-top: -510px;
    }
    .intro-sect2 {
      background: white;
      background-size: cover;
          background-repeat: no-repeat;
          position: relative;
          height: 550px;
          width: 100%;
          max-width: 100%;
          margin-top: -247px;
    }
    .intro-sect2-about {
      background: white;
      background-size: cover;
          background-repeat: no-repeat;
          position: relative;
          height: 550px;
          width: 100%;
          max-width: 100%;
          margin-top: -247px;
    }
    .intro-sect3 {
      /* background: white; */
      background-size: cover;
          background-repeat: no-repeat;
          position: relative;
          height: 435px;
          width: 100%;
          max-width: 100%;

    }
    .intro-sect4 {
      background: white;
      background-size: cover;
          background-repeat: no-repeat;
          position: relative;
          height: 460px;
          width: 100%;
          max-width: 100%;

    }

    .intro-sect4-about {
      background: white;
      background-size: cover;
          background-repeat: no-repeat;
          position: relative;
          height: 460px;
          width: 100%;
          max-width: 100%;

    }

    .sect2 {
    margin-top: 0px;
    }

    .biz-exclusive-bottom{
      width:100%;
          margin-top: -43px;
    }
    .hear-clients {
      background: linear-gradient(to right, #ED006C 0%, #F13036 100%);
      height:570px;
      margin-top: -52px;
    }

    .hear-clients-text {
      padding-left: 15%;
      margin-top: 30px;
    }
    .exclusive-logo {
      padding-top: 50px;
    }
}

      .white-box-ex-features img {
       width: 130px;
       height: 130px;
          margin-left: 10%;
          margin-top: 30px;
      }

/* business page */

.biz-exclusive {
  background-color: white;
  height:600px;
  margin-top: -100px;
}







hr {
  border: 3px solid white;
  margin-top: 30px;
}

.white-box-biz img {
 width: 130px;
 height: 130px;
    margin-left: 25%;
    margin-top: 30px;
}
.biz-exclusive-text {
  padding-left: 0%;

}
.white-box-biz {
height: 350px;
width: 250px;
padding: 0px 20px;
background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 3px 3px #00000029;
    border-radius: 9px;
    opacity: 1;
    overflow: hidden;
    margin-left: 80px;
    position: relative;

}

.intro-sect1 {
  /* background: #F7F8FA;; */
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 700px;
      width: 100%;
      max-width: 100%;
      margin-top: 57px;
}

.intro-sect1-about {
  /* background: #F7F8FA;; */
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 700px;
      width: 100%;
      max-width: 100%;
      margin-top: 57px;
}

@media (max-width:1200px) {

  .intro-sect1-about {
    /* background: #F7F8FA;; */
    background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        height: 900px;
        width: 100%;
        max-width: 100%;
        margin-top: 57px;
  }

}






/* Biz carousel */

@media (min-width:992px) {
.intro-sect .laptop1 {
   max-width: 120%;
   position: relative;
   top:70px;
   right: -100px;
z-index: 1;
}



.bizmove1 {
max-width: 200px;
right: 0px;
bottom: 160px;
z-index: 0;
position: relative;
}

.bizmove2 {
max-width: 300px;
right: -70px;
bottom: 480px;
z-index: 2;
position: relative;
}

.bizmove3 {

  max-width: 150px;
  left: -140px;
  bottom: 350px;
  z-index: 3;
  position: relative;

}

.bizmove4 {

  max-width: 160px;
  left: 120px;
  bottom: 350px;
  z-index: 3;
  position: relative;

}

}

@media (min-width:1095px) {

  .bizmove2 {

    right: 150px;
    bottom: 320px;

  }

  .bizmove3 {


    left: 180px;
    bottom: 370px;


  }

  .bizmove4 {


    left: -20px;
    bottom: 250px;


  }

}

@media (min-width:1436px) {

  .bizmove2 {
    right: 150px;
    bottom: 350px;
  }

  .bizmove3 {
    left: -320px;
      bottom: 240px;
  }
  .bizmove4 {
    left: 150px;
    bottom: 270px;
  }
}

@media (min-width:1590px) {

.intro-sect .laptop1 {

  top:30px;
}

  .bizmove1 {
  bottom: 220px;
  }

  .bizmove2 {
    right: 150px;
    bottom: 390px;
  }

  .bizmove3 {
    left: -320px;
      bottom: 240px;
  }
  .bizmove4 {
    left: 150px;
    bottom: 270px;
  }
}

@media (min-width:1765px) {

  .bizmove4 {
    left: -500px;
  bottom: 120px;
  }

}

@media (min-width:2040px) {

  .bizmove1 {
  bottom: 340px;
  }

  .bizmove2 {
    right: 150px;
    bottom: 520px;
  }

  .bizmove3 {

    bottom: 370px;
  }
  .bizmove4 {
    left: -520px;
    bottom: 200px;
  }
}

@media (min-width:992px) {
.intro-sect .laptop2 {
   max-width: 120%;
   position: relative;
   top:70px;
   right: -10px;
z-index: 0;
}



.bizmove5 {
max-width: 50px;
right: -250px;
    bottom: 280px;
z-index: 1;
position: relative;
}

.bizmove6 {
max-width: 150px;
right: -250px;
    bottom: 240px;
z-index: 2;
position: relative;
}

.bizmove7 {

  max-width: 50px;
  left: 110px;
    bottom: 100px;
  z-index: 3;
  position: relative;

}

.bizmove8 {

  max-width: 250px;
    left: 60px;
    bottom: 300px;
  z-index: 3;
  position: relative;

}

}
@media (min-width:1112px) {

  .bizmove8 {
      left: -200px;
      bottom: 150px;
  }

}


@media (min-width:1112px) {

  .bizmove5 {
    right: -294px;
  bottom: 317px;
  }

  .bizmove6 {
    right: -300px;
      bottom: 280px;
  }

  .bizmove7 {
    left: 160px;
      bottom: 125px;
  }

  .bizmove8 {
      left: -160px;
    bottom: 177px;
  }

}

@media (min-width:1350px) {

  .bizmove5 {
    max-width: 100px;
    right: -266px;
    bottom: 406px;
  }

  .bizmove6 {
    max-width: 250px;
    right: -276px;
bottom: 338px;
  }

  .bizmove7 {
    max-width: 100px;
    left: 49px;
    bottom: 152px;
  }

  .bizmove8 {
    max-width: 350px;
    left: 37px;
  bottom: 452px;
  }

}

@media (min-width:1600px) {

.intro-sect .laptop2 {
top: 0px;

}

  .bizmove5 {
    right: -321px;
    bottom: 462px;
  }

  .bizmove6 {
    right: -335px;
    bottom: 393px;
  }

  .bizmove7 {
    left: 97px;
    bottom: 182px;
  }

  .bizmove8 {
    left: 82px;
bottom: 478px;
  }

}

@media (min-width:1761px){

  .bizmove8 {
    left: -370px;
    bottom: 244px;
  }

}

@media (min-width:992px) {
.intro-sect .laptop3 {
   max-width: 120%;
   position: relative;
   top:70px;
   right: -10px;
z-index: 0;
}



.bizmove9 {
  max-width: 200px;
      right: 50px;
      bottom: 280px;
z-index: 1;
position: relative;
}

.bizmove10 {
  max-width: 200px;
      right: 90px;
      bottom: 100px;
z-index: 2;
position: relative;
}

}

@media (min-width:1300px) {

  .bizmove9 {
        right: 50px;
        bottom: 320px;
  }

  .bizmove10 {
    right: 30px;
  bottom: 130px;
  }


}

@media (min-width:1600px) {

  .bizmove9 {
        right: 50px;
        bottom: 420px;
  }

  .bizmove10 {
    right: -50px;
    bottom: 170px;
  }
}

@media (min-width:1200px) {

  .bizmove9 {
        right: -10px;
    }
  }

  @media (min-width:992px) {
  .intro-sect .laptop4 {
     max-width: 120%;
     position: relative;
     top:60px;
     right: 10px;
  z-index: 0;
  }



  .bizmove11 {
    max-width: 250px;
        right: 0px;
        bottom: 250px;
  z-index: 1;
  position: relative;
  }

  .bizmove12 {
  max-width: 200px;
  right: -20px;
    bottom: 320px;
  z-index: 2;
  position: relative;
  }

  .bizmove13 {

    max-width: 250px;
    left: 250px;
    bottom: 350px;
    z-index: 3;
    position: relative;

  }
  }


@media (min-width:1400px) {

  .bizmove11 {

        bottom: 350px;
  }

  .bizmove12 {

    bottom: 390px;
  }

  .bizmove13 {
    left: 350px;
    bottom: 390px;
}


}

@media (min-width:1541px) {

.intro-sect .laptop4 {
top:0px;

}

.intro-sect .laptop3 {
  top: 0px;
}

  .bizmove11 {

        bottom: 300px;
  }
  .bizmove13 {
    left: -100px;
    bottom: 200px;
  }

}

@media (min-width:992px) {
.intro-sect .laptop5 {
   max-width: 120%;
   position: relative;
   top:60px;
   right: 10px;
z-index: 0;
}



.bizmove14 {
  max-width: 170px;
right: 0px;
bottom: 325px;
z-index: 1;
position: relative;
}

.bizmove15 {
  max-width: 130px;
      right: -30px;
      bottom: 335px;
z-index: 2;
position: relative;
}

.bizmove16 {

  max-width: 170px;
    left: 45px;
    bottom: 326px;
  z-index: 3;
  position: relative;

}
}

@media (min-width:1260px) {

  .bizmove14 {
 right: -35px;
  bottom: 355px;
  }

  .bizmove15 {
    right: -78px;
  bottom: 369px;
  }

  .bizmove16 {
    left: 105px;
  bottom: 355px;
  }


}

@media (min-width:1350px) {

  .bizmove14 {
 right: -35px;
  bottom: 420px;
  }

  .bizmove15 {
    right: -78px;
  bottom: 420px;
  }

  .bizmove16 {
    left: 144px;
    bottom: 415px;
  }


}

@media (min-width:1350px) {

  .bizmove14 {
    right: -57px;
       bottom: 390px;
  }

  .bizmove15 {
    right: -117px;
    bottom: 405px;
  }

  .bizmove16 {
    left: 154px;
    bottom: 394px;
  }


}

@media (min-width:1750px) {

.intro-sect .laptop5 {
top: 0px;

}

  .bizmove14 {
    right: -85px;
    bottom: 570px;
  }

  .bizmove15 {
    right: -243px;
    bottom: 577px;
  }

  .bizmove16 {
    left: 376px;
    bottom: 560px;
  }


}

@media (min-width:2100px) {

  .bizmove14 {
    right: -85px;
    bottom: 515px;
  }

  .bizmove15 {
    right: -206px;
    bottom: 524px;
  }

  .bizmove16 {
    left: 310px;
    bottom: 507px;
  }


}


.footer-align {

  margin-top: 60px;
}




.modal {
    text-align: center;
}

.modal-dialog {
    text-align: left; /* you'll likely want this */
    /* min-width: 50%; */
    max-width: 80%;
    width: auto !important;
    display: inline-block;
}

.modal-intro-text {
    background: #F7F8FA;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.modal-body h2 {
  font-size: 25px;
  line-height: 1.7;
}

.modal-body h3 {
  font-size: 18px;
  line-height: 1.8;
}

input,
input::-webkit-input-placeholder {
    font-size: 0.8rem;
    line-height: 3;
}

select option {
  font-size: 0.8rem;

}

.gift-card {
margin-left: 5%;

}

.gift-card img{
max-width: 100%;

}

.container-right {
  width: auto !important;
  margin-right: 0 !important;
  margin-left: 5% !important;
}

.container-cust {
  width: auto !important;
  margin-right: 5% !important;
  margin-left: 5% !important;

}

/* mobile view */
@media (max-width:450px) {



  .video-fluid {
  width: 100%;
  max-height: 200px;
}


  .container-right {
    width: auto !important;
    margin-right: 5% !important;
    margin-left: 5% !important;
  }

  .main-download {
      position: relative;
      top: 300px;
      padding-left: 5%;
      z-index: 3;
  }

  .intro-sect .myCarouse2 {
      max-height: 525px;
      position: relative;
      right: -43px;
      z-index: 1;
  }

  .influence-brand-text {

    margin-top: 20px;
  }

  .movement2 {
      width: 150px;
      right: 22px;
      bottom: -297px;
      z-index: 3;
      position: relative;
  }

.movement4 {
    display: none;
}

.movement3 {
    position: relative;
    bottom: 480px;
    right: -226px;
    z-index: 3;
}

.influence-brand {
    background: url(../../images/home/influence-brandsbg2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 300px;
    width: 100%;
    left: 10px;
    margin-top: -381px;
    z-index: 10;
}

    .intro-sect-1 {

      background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        height: 590px;
        width: 100vw;
        max-width: 100%;
        left: 10px;
        /* margin-top: -220px; */
        margin-bottom: 40px;
        z-index: 8;
    }

    .movement5 {
    width: 150px;
    right: 40px;
    bottom: -112px;
    z-index: 3;
    position: relative;
    }

    .intro-sect .bigphone2 {
      max-height: 525px;
position: relative;
right: -33px;
z-index: 1;
bottom: 134px;
}

.movement6 {
width: 150px;
left: 206px;
    bottom: 575px;
z-index: 3;
position: relative;
}

.intro-sect .bigphone3 {
    max-height: 450px;
    right: -97px;
    top: -171px;
    position: relative;
    z-index: 1;
}

.intro-sect .smallphone3 {
    max-height: 450px;
    position: relative;
    bottom: 632px;
    left: 190px;
    z-index: 2;
}

.intro-sect-2 {
  background: white;
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 945px;
      width: 100%;
      left: 10px;
      margin-top: 40px;
      margin-bottom: 40px;
      z-index: 10;
}

.sect1 {
  margin-top: 12px;
}

.sect1-about {
  margin-top: 100px;
}

.intro-sect-3 {
  background: #F7F8FA;
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 1105px;
      width: 100%;
      left: 10px;
      margin-top: -240px;
      margin-bottom: 40px;
      z-index: 11;
}

.intro-sect-4 {
  background: white;
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 1020px;
      width: 100%;
      left: 10px;
      margin-top: -253px;
      margin-bottom: 40px;
      z-index: 12;
}

.intro-sect .bigphone3 {
    max-height: 450px;
    right: -97px;
    top: -171px;
    position: relative;
    z-index: 1;
}

.movement9 {
    max-width: 200px;
    right: 14px;
    bottom: 28px;
    z-index: 0;
    position: relative;
}

.movement10 {
    max-width: 200px;
    right: 15px;
    bottom: 918px;
    z-index: 0;
    position: relative;
}

.movement11 {
    max-width: 200px;
    left: -71px;
    bottom: 898px;
    z-index: 0;
    position: relative;
}

.intro-sect .bigphone4 {
  max-height: 525px;
   position: relative;
   right: -25px;
   top: -175px;
   z-index: 1
}

.intro-sect .lady4 {
  max-height: 225px;
   position: relative;
   bottom: 422px;
   left: 114px;
   z-index: 2;
}

.movement12 {
max-width: 100px;
right: 25px;
    bottom: 15px;
    z-index: 2;
position: relative;
}

.movement13 {
  max-width: 100px;
  right: -243px;
  bottom: 800px;
  z-index: 2;
  position: relative;
}

.intro-sect-4 {
  background: white;
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 910px;
      width: 100%;
      left: 10px;
      margin-top: -253px;
      margin-bottom: 40px;
      z-index: 12;
}

.intro-sect .bigphone5 {
  max-height: 525px;
   position: relative;
   right: -40px;
   top: -98px;
   z-index: 1
}



.movement14 {
  max-width: 100px;
  right: 20px;
    bottom: 570px;
  z-index: 3;
  position: relative;
}

.movement15 {
  max-width: 200px;
      right: 115px;
      bottom: 383px;
      z-index: 3;
      position: relative;
}

.movement16 {

  max-width: 100px;
  left: 255px;
    bottom: 711px;
  z-index: 3;
  position: relative;

}

.movement17 {

  max-width: 200px;
  left: 15px;
bottom: 583px;
      z-index: 3;
      position: relative;

}

.movement18 {

  max-width: 100px;
left: 240px;
bottom: 585px;
z-index: 3;
position: relative;

}

.movement19 {

  max-width: 200px;
left: 10px;
bottom: 487px;
z-index: 3;
position: relative;
}

.dp-power {
  background: #F7F8FA;
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
 height: 605px;
 margin-top: -209px;
 z-index: 14;
}

.ex-features {
background-color: white;
height: 895px;
/* margin-top: 100px; */
}

.ex-feat-image-phone img {
    display: none;
}

.white-box-ex-features {
    height: 275px;
    max-width: 173px;
    padding: 0px 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 3px 3px #00000029;
    border-radius: 9px;
    opacity: 1;
    overflow: hidden;
    margin-left: 4%;
    position: relative;
    margin-top: 30px;
}

.success-stories {
    background: linear-gradient(to right, #ED006C 0%, #F13036 100%);
    height: 1185px;
    margin-top: -59px;
}

.success-top {
    width: 100%;
    margin-top: -37px;
}

.white-box {
    height: 250px;
    width: 250px;
    padding: 0px 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 3px 3px #00000029;
    border-radius: 9px;
    opacity: 1;
    overflow: hidden;
    margin-top: 20px;
    margin-left: -25px;
    position: relative;
}

.success-star {
    width: 166px;
    margin-left: 60px;
}

.video-fluid {
  margin-top: 20px;
}

.download-section {
  height: 915px;
  margin-top: 80px;
  /* margin-bottom: 200px; */
  object-fit:cover;
  object-position:50% 50%;
}

.download-phone img {
    height: 300px;
    width: 100%;
    margin-top: 45px;
}

.brands-logo {
    margin-top: 15px;
    max-height: 60px;
    max-width: 46%;
    margin-left: 2%;
}
.influence-brand {
    background: url(../../images/home/influence-brandsbg2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 470px;
    width: 100%;
    left: 10px;
    margin-top: -381px;
    z-index: 10;
}

.brand-logo-small {

  margin-top: 100px;
}

.white-box-ex-features img {
  margin-left: 11%;
  width: 100px;
    height: 100px;
}

.white-box-ex-features h3{
  font-size: 15px;
}

.white-box-ex-features h4{
  font-size: 12px;
}

.white-box-ex-features-align2 {
  margin-left: 200px;
    margin-top: -274px;
}

.white-box-ex-features-align3 {
      margin-top: 20px;
}

.white-box-ex-features-align4 {
  margin-top: -274px;
    margin-left: 201px;
}



.footer {
height: 290px;
}

.footer h3 {

  font-size: 12px;
}

.footer-align {

  margin-top: 25px;
}

.intro-sect1 {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 570px;
    width: 100%;
    max-width: 100%;
}

.intro-sect1-about {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 420px;
    width: 100%;
    max-width: 100%;
}

.main-download2 {
    position: relative;
    top: 320px;
    padding-left: 5%;
    z-index: 3;
}


/* biz */
.intro-sect .laptop1 {
   max-width: 135%;
   position: relative;
   top:135px;
   right: -32px;
z-index: 1;
}

.bizmove1 {
max-width: 135px;
right: 25px;
bottom: 10px;
z-index: 0;
position: relative;
}

.bizmove2 {
  max-width: 230px;
      right: 0px;
      bottom: 219px;
z-index: 2;
position: relative;
}

.bizmove3 {

  max-width: 123px;
left: 54px;
bottom: 155px;
  z-index: 3;
  position: relative;

}

.bizmove4 {

  max-width: 127px;
    left: 0px;
    bottom: 222px;
  z-index: 3;
  position: relative;

}

.intro-sect .laptop2 {
   max-width: 120%;
   position: relative;
   top:70px;
   right: -10px;
z-index: 0;
}

.bizmove5 {
max-width: 50px;
right: -117px;
    bottom: 202px;
z-index: 1;
position: relative;
}

.bizmove6 {
max-width: 150px;
right: -126px;
    bottom: 160px;
z-index: 2;
position: relative;
}

.bizmove7 {

  max-width: 50px;
  left: 3px;
    bottom: 48px;
  z-index: 3;
  position: relative;

}

.bizmove8 {

  max-width: 185px;
  left: 12px;
  bottom: 218px;
  z-index: 3;
  position: relative;

}

.biz-exclusive-top {
    width: 100%;
    margin-bottom: -596px;
}

body h1 {
    font-size: 30px;
}

body h3 {
    font-size: 12px;
}

.intro-sect .laptop3 {
   max-width: 120%;
   position: relative;
   top:70px;
   right: -10px;
z-index: 0;
}

.bizmove9 {
  max-width: 150px;
  right: 14px;
bottom: 130px;
z-index: 1;
position: relative;
}

.bizmove10 {
  max-width: 150px;
  right: 95px;
  bottom: 55px;
z-index: 2;
position: relative;
}

.intro-sect .laptop4 {
   max-width: 120%;
   position: relative;
   top:60px;
   right: 10px;
z-index: 0;
}

.bizmove11 {
  max-width: 150px;
    right: 0px;
    bottom: 116px;
z-index: 1;
position: relative;
}

.bizmove12 {
  max-width: 140px;
      right: -20px;
      bottom: 110px;
z-index: 2;
position: relative;
}

.bizmove13 {

  max-width: 174px;
    left: -7px;
    bottom: 367px;
  z-index: 3;
  position: relative;

}

.intro-sect .laptop5 {
   max-width: 160%;
   position: relative;
   top: 12px;
    right: -61px;
z-index: 0;
}

.bizmove14 {
  max-width: 150px;
  right: -25px;
      bottom: 328px;
z-index: 1;
position: relative;
}

.bizmove15 {
  max-width: 113px;
right: -76px;
bottom: 341px;
z-index: 2;
position: relative;
}

.bizmove16 {

  display: none;

}

.intro-sect2 {
  background: white;
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 670px;
      width: 100%;
      left: 10px;
      margin-top: 40px;
      margin-bottom: 40px;
      z-index: 10;
}

.intro-sect2-about {
  background: white;
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 450px;
      width: 100%;
      left: 10px;
      margin-top: 40px;
      margin-bottom: 40px;
      z-index: 10;
}
.intro-sect3 {
  /* background: white; */
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 630px;
      width: 100%;
      max-width: 100%;

}
.intro-sect4 {
  background: white;
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 515px;
      width: 100%;
      max-width: 100%;

}

.intro-sect4-about {
  background: white;
  background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 400px;
      width: 100%;
      max-width: 100%;

}
 .intro-sect5 {
   background: white;
   background-size: cover;
       background-repeat: no-repeat;
       position: relative;
       height: 660px;
       width: 100%;
       max-width: 100%;

  }

  .hear-clients {
    background: linear-gradient(to right, #ED006C 0%, #F13036 100%);
    height: 1100px;
    margin-top: -52px;
}

.biz-exclusive-bottom {
    width: 100%;
    margin-top: -69px;
}
.intro-sect3-about-us {
    /* background: white; */
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 3120px;
    width: 100%;
    max-width: 100%;
}

.intro-sect3-about-text {
    margin-bottom: 10px;
    margin-left: 2%;
}

}
/* mobile vire end */

@media (min-width:405px) and (max-width: 600px) {
.intro-sect .bigphone4 {
  max-height: 525px;
   position: relative;
   right: 47px;
    top: -20px;
   z-index: 1
}

.intro-sect .lady4 {
    max-height: 225px;
    position: relative;
    bottom: 291px;
    left: 114px;
    z-index: 2;
}
.movement13 {
    max-width: 100px;
    right: -278px;
    bottom: 715px;
    z-index: 2;
    position: relative;
}

.intro-sect .bigphone5 {
    max-height: 525px;
    position: relative;
    right: -40px;
    top: -70px;
    z-index: 1;

}

.movement14 {
    max-width: 100px;
    right: 280px;
    bottom: 229px;
    z-index: 3;
    position: relative;
}

.movement15 {
    max-width: 200px;
    right: 30px;
    bottom: 383px;
    z-index: 3;
    position: relative;
}

.movement19 {
    max-width: 200px;
    left: 150px;
    bottom: 487px;
    z-index: 3;
    position: relative;
}

.movement18 {
    max-width: 100px;
    left: 78px;
    bottom: 493px;
    z-index: 3;
    position: relative;
}

.movement17 {
    max-width: 200px;
    left: 145px;
    bottom: 583px;
    z-index: 3;
    position: relative;
}

.movement16 {
    max-width: 100px;
    left: 81px;
    bottom: 578px;
    z-index: 3;
    position: relative;
}


}

@media (min-width:1600px) {

  .dp-power {
      background: #F7F8FA;
      background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      height: 670px;
      margin-top: -209px;
      z-index: 14;
  }
}


/* @media (min-width:768px){
  .container-right {
    margin-right: 0;
    margin-left: calc(50vw - 375px);
  }
}

@media (min-width:992px){
  .container-right {
    margin-right: 0;
    margin-left: calc(50vw - 485px);
  }
}

@media (min-width:1200px){
  .container-right {
    margin-right: 0;
    margin-left: calc(50vw - 585px);
    overflow: hidden;
  }
}

@media (min-width:1600px){
  .container-right {
    margin-right: 0;
    margin-left: calc(50vw - 785px);
    overflow: hidden;
  }
} */