body{
  font-family: 'Montserrat';
}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.margin-auto{
  margin: auto;
}
.custom-card-img{
  width: 100%;

}

.custom-card-img-desktop{
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

 .in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.launch-word{
  color: #FF0972;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: 800;
}
.no-border{
  border: none !important;
  box-shadow: none !important;
}
.custom-card-columns-div {
  column-count: 4;
}
.custom-card-columns-div .card{
  border: none;
  margin-bottom: 0;
  width: 98%;
}
.mt-6{
  margin-top: 6em !important;
}
.launch-store-div{
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
}
.launch-store-main-div{
  padding-top: 2em;
}
.launch-store-p{
  font-size: 24px;
  font-weight: 600;
}
.down-arrow{
  width: 50px;
  position: fixed;
  bottom: 1em;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  z-index: 1;
  -webkit-animation: action 1s infinite  alternate;
  animation: action 1s infinite  alternate;
}
.sign-up-beta-btn{
  color: #FF0972 !important;
  border: 1px solid #FF0972;
  border-radius: 30px;
  font-size: 25px;
  text-decoration: none !important;
  padding: 5px 10px;
  margin: 0 0 1em;
  display: inline-block;
  font-weight: 600;
  width: 300px;
}
.everyone-is-ceo-sent{
  /* padding: 6em 0 7em; */
  padding: 0 0 8em;
  height: 90vh;
}
.everyone-is-ceo-sent p{
  color: #000;
  font-size: 3.5em;
  font-weight: 800;
}
.everyone-is-ceo-sent .ceo-style{
  color: #FF0972;
}
.add-store-main-div {
  padding-top: 2em;
  padding-bottom: 2em;
}
.add-store-p {
  font-size: 24px;
  font-weight: 600;
}
.add-word {
  color: #FF0972;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: 800;
}
.mt-1{
  margin-top: 1em !important;
}
.mt-2{
  margin-top: 2em !important;
}
.mt-05{
  margin-top: 0.5em !important;
}
.share-store-main-div {
  padding-top: 2em;
  padding-bottom: 2em;
}
.share-store-p {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 1.5em;
}
.share-word {
  color: #FF0972;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: 800;
}
.earn-store-main-div {
  padding-top: 2em;
  padding-bottom: 4em;
}
.earn-store-p {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 1.5em;
}
.earn-word {
  color: #FF0972;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: 800;
}
.visibility-hidden{
  visibility: hidden;
}
.mt-4{
  margin-top: 4em !important;
}
.make-store-main-div {
  padding-top: 0;
  padding-bottom: 2em;
}
.make-store-p {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 1.5em;
}
.make-word {
  color: #FF0972;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: 800;
}
.use-store-main-div {
  padding-top: 3em;
  padding-bottom: 5em;
}
.use-store-p {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 1.5em;
}
.use-word {
  color: #FF0972;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: 800;
}
.use-store-main-div .custom-card-img{
  width: 80%;
}
.use-store-main-div .card{
  align-items: center;
}
.get-started-btn{
  background: #ff0972;
  color: #fff !important;
  padding: 10px 40px;
  border-radius: 40px;
  font-size: 18px;
  margin-top: 3em;
  display: inline-block;
  text-decoration: none !important;
  width: 260px;
}
.signup-beta-body .no-padding{
  padding: 0 !important;
}
.signup-main-title h1{
  color: #ff0972;
  font-weight: 600;
  margin: 2em auto;
}
.signup-beta-body .vert-hori-centered{
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-form-div-padding {
  padding: 0 1.8em !important;
}
.signup-beta-form-div label {
  color: #ff0972;
  font-weight: 100;
  font-size: 18px;
  margin-bottom: 5px;
  margin-left: 12px;
}
.required-field-span {
  color: red;
}
.signup-beta-form-div .signup-beta-btn {
  background: #ff0972;
  color: #fff !important;
  text-decoration: none !important;
  padding: 6px 40px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 20px;
  margin-top: 1em;
  margin-bottom: 1em;
  display: inline-block;
}
.signup-beta-form-div .form-group input{
  background: #fff;
  border: 1px solid #ccc !important;
  height: 50px;
  color: #000;
  font-weight: 100;
  font-size: 16px;
  box-shadow: none !important;
  outline: none !important;
  margin-bottom: 3em;
}
.desktop-only{
  display: block;
}
.mobile-only{
  display: none;
}

@media screen and (min-width: 768px){
  .custom-card-columns-div .card{
    padding: 0.2em 0 0 !important;
  }
}

@media screen and (min-width: 1025px){
  .make-store-main-div .custom-card-columns-div .custom-card-img, .earn-store-main-div .custom-card-columns-div .custom-card-img, .add-store-main-div .custom-card-columns-div .custom-card-img{
    width: 90%;
  }
}

@media screen and (max-width: 767px){
  .custom-card-columns-div{
    column-count: 3;
  }
  .launch-store-div{
    position: inherit;
  }
  .custom-card-columns-div .card{
    align-items: center;
    width: 100%;
    display: block;
  }
  .pt-1{
    padding-top: 1em !important;
  }
  .pr-8{
    padding-right: 10px;
  }
  .card-deck{
    flex-direction: row;
  }
  .mobile-mt-6{
    margin-top: 6em !important;
  }
  .mobile-mt-2{
    margin-top: 2em !important;
  }
  .mobile-pt-1{
    padding-top: 1em !important;
  }
  .mobile-mt-0{
    margin-top: 0 !important;
  }
  .hide-in-mobile{
    display: none !important;
  }
  .use-store-main-div .custom-card-img{
    width: 100%;
  }
  .logo-gif-img{
    width: 100%;
  }
  .logo-gif-video{
    width: 100%;
  }
  .launch-word, .add-word, .share-word, .earn-word, .make-word, .use-word{
    font-size: 26px;
  }
  .launch-store-p, .add-store-p, .share-store-p, .earn-store-p, .make-store-p, .use-store-p{
    font-size: 15px;
    margin-bottom: 1em;
  }
  .make-store-main-div, .use-store-main-div{
    padding-bottom: 0;
  }
  .signup-beta-body .vert-hori-centered{
    display: block;
  }
  .custom-form-div-padding {
    padding: 0 15px !important;
  }
  .signup-beta-form-div .signup-beta-btn{
    margin-top: 0;
    margin-bottom: 2em;
    width: 100%;
  }
  .signup-main-title h1{
    margin-top: 1em;
  }
  .desktop-only{
    display: none;
  }
  .mobile-only{
    display: block;
  }
  .everyone-is-ceo-sent{
    height: 80vh;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px){
  .launch-store-p{
    font-size: 17px;
  }
}

.common-display-none{
  display: none;
}

/* arrow animation */

@-webkit-keyframes action {
  0% { transform: translateY(0); }
  100% { transform: translateY(-15px); }
}

@keyframes action {
  0% { transform: translateY(0); }
  100% { transform: translateY(-15px); }
}

/** Vishnu css (start) **/
.common_display_none_1 {
  display: none;
}

.common_display_none_imp_1 {
  display: none !important;
}

.common_error_1 {
  color: red;
  font-size: 18px;
}

.common_success_1 {
  color: #ff0972;
  font-size: 18px;
}

.common_loading_btn_1 {
  opacity: 0.5;
  pointer-events: none;
}
/** Vishnu css (end) **/