.ml-120{
  margin-left:120px;
}
.ml-70{
  margin-left:70px;
}
.blue{
  background: #2380ff;
  color: #fff;
}
.heading-l{
  font-weight: 700;
  font-size: 36px;
}
.heading-m{
  font-size: 24px;
  font-weight: 400;
}

.pl-120{
  padding-left: 120px;
}
.pl-70{
  padding-left: 70px;
}

.card{
    border:none;

     #background-image: url(./img/new/person-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}

.download-btn{

      background: #00c853;
      width: 200px;
      border-radius: 30px;
      border-color: transparent;
}
.gray-txt{
  color:#908d8d;
}
.logo-img{
  width: 50px;
  height: 50px;
}
.download-arrow{

width: 15px;
height: 15px;
position: relative;
left: -30px;
}

.ls-2{
  letter-spacing: 2px;
}
.bg{
  background-image: url(../img/new/bg.png);
}
.main-img-mobile{
  display: none;
}

.people .mobile{
  display: none;
}

.mobile{
  display: none;
}
.desktop{
  display: flex;
}

.footer-background{
  background-image: url("../img/new/blue-bg.png");
}
.links{
  display: inline-flex;
}
.privacy a{
  color:lightgray;
}

.sub-head{
  font-size: 16px;
  font-weight: 300;
}

.left-pointer{
  position: relative;
  top: -20px;
  left:-30px;
  width:100%;
}
.right-pointer{
  width:120%;
}
.ml-100{
  margin-left:100px;
}


@media only screen and (max-width: 576px) {
    .download-btn{
      display: none;
    }

    .navbar{
      text-align: center;
    }
    
    .heading-l {
      font-size: 24px;
    }
    .main-img{
      display: none;
    }
    .intro {
      text-align: center;
    }
    .intro .title, .intro .desc{
      padding-left: 0px;
      text-align: center;
    }
    .intro .play{
      text-align: center;
      margin:0px!important;
    }
    .intro .play-wrapper{
      padding:0px;
    }
    .main-img-mobile{
      display: block;
    }
    .people .mobile{
      display: block;
    }
    .people .desktop{
      display: none;
    }
    .people .desc{
      font-size: 20px;
      display: flex;
    }
    .protect-img{
      width:40%;
    }
    .left-pointer,.right-pointer{
      display: none;
    }
    .mobile{
      display: block;
    }

    .mobile-features{
      text-align: center!important;
      max-width: 100%;
      flex: 100%;
    }
    .mobile-features .main-img{
      margin:0 auto;
    }

    .desktop{
      display: none;
    }
    .people .desktop{
      display: none;
    }
    .wrapper.people{
      padding-bottom: 3px!important;
    }

    .call-to-download .desc{
      font-size: 18px;
    }
    .call-to-download .title{
      font-size: 21px;
    }


}