* { 
    box-sizing: border-box;
} 


section { 
    display: block;
} 

#followerjet { 
    background: linear-gradient(90deg, #00bcd4, #03a9f4, #2196f3, #3f51b5);
  color: #fff;
    min-height: 650px; 
    position: relative; 
    overflow: hidden; 
    padding: 100px 0 0;
} 

@media (min-width: 1024px){ 
  #followerjet { 
    background-attachment: fixed;
  } 
}     

*,:before,:after { 
    box-sizing: border-box;
} 

#followerjet:before { 
    content: ""; 
    position: absolute; 
    bottom: 0; 
    top: 0; 
    left: 0; 
    right: 0;
} 

body :-webkit-scrollbar { 
    width: 0; 
    height: 6px; 
    transition: .3s background;
} 

body :-webkit-scrollbar-thumb { 
    background: 0 0; 
    border-radius: 4px; 
    transition: all .3s linear;
} 

body :hover:-webkit-scrollbar-thumb { 
    background: #ced4da; 
    transition: all .3s linear;
} 

svg { 
    -ms-touch-action: none; 
    touch-action: none;
} 

#followerjet .hero-waves { 
    display: block; 
    margin-top: 60px; 
    width: 100%; 
    height: 60px; 
    z-index: 5; 
    position: relative;
} 

svg:not(:root) { 
    overflow: hidden;
} 

#followerjet.container { 
    width: 100%; 
    padding-right: .75rem; 
    padding-left: .75rem; 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 576px){ 
  .container { 
    max-width: 100%;
  } 
}     

@media (min-width: 768px){ 
  .container { 
    max-width: 100%;
  } 
}     

@media (min-width: 992px){ 
  .container { 
    max-width: 100%;
  } 
}     

@media (min-width: 1280px){ 
  .container { 
    max-width:  1200px;
  } 
}     

#followerjet.row { 
    display: -ms-flexbox; 
    display: flex; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    margin-right: -.75rem; 
    margin-left: -.75rem;
} 

.wave1 use  { 
    -webkit-animation: move-forever1 10s linear infinite; 
    animation: move-forever1 10s linear infinite; 
    -webkit-animation-delay: -2s; 
    animation-delay: -2s;
} 

.wave2 use  { 
    -webkit-animation: move-forever2 8s linear infinite; 
    animation: move-forever2 8s linear infinite; 
    -webkit-animation-delay: -2s; 
    animation-delay: -2s;
} 

.wave3 use  { 
    -webkit-animation: move-forever3 6s linear infinite; 
    animation: move-forever3 6s linear infinite; 
    -webkit-animation-delay: -2s; 
    animation-delay: -2s;
} 

#followerjet .col-md { 
    position: relative; 
    width: 100%; 
    min-height: 1px; 
    padding-right: .75rem; 
    padding-left: .75rem;
} 

@media (min-width: 768px){ 
  .col-md { 
    -ms-flex-preferred-size: 0; 
    flex-basis: 0; 
    -ms-flex-positive: 1; 
    flex-grow: 1; 
    max-width: 100%;
  } 
}     

@media (min-width: 768px){ 
  .text-md-right { 
    text-align: right!important;
  } 
}     

.animatation-box-1 { 
    position: relative;
} 

#followerjet .animatation-box-1  { 
    position: relative;
} 

#followerjet .animation-2  { 
    position: relative;
} 

#followerjet .img { 
    vertical-align:  middle; 
    border-style:  none;
    max-width: 100%;
} 

#followerjet .animated { 
    position: absolute;
} 

#followerjet .animated  { 
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
} 

#followerjet .icon1  { 
    left: -138px; 
    animation: LTRScale 5s infinite ease-in-out;
} 

#followerjet .icon2  { 
    right: -60px; 
    animation: rotation 10s infinite ease-in-out;
} 

#followerjet .animation-2 .intro-img  { 
    animation: float 3s ease infinite;
} 

#followerjet .animation-2 .icon-1  { 
    left: 300px; 
    height: 30px; 
    animation: fade-up 1.8s infinite ease-in-out;
} 

#followerjet .animation-2 .icon-2  { 
    left: 360px; 
    top: 35px; 
    animation: fade-up 1.1s infinite ease-in-out;
} 

#followerjet .animation-2 .icon-3  { 
    left: 210px; 
    top: -32px; 
    animation: fadeLTR 1.5s infinite ease-in-out;
} 

#followerjet .animation-2 .icon-4  { 
    left: -14px; 
    top: -32px; 
    height: 35px; 
    animation: heartBeat 1.1s infinite ease-in-out;
} 

#followerjet .animation-2 .icon-5  { 
    left: 440px; 
    top: 171px; 
    height: 40px; 
    animation: tada 1.8s infinite ease-in-out;
} 

#followerjet .animation-2 .icon-6  { 
    left: 117px; 
    top: -75px; 
    height: 35px; 
    animation: tada 1.8s infinite ease-in-out;
} 

#followerjet .animation-2 .icon-7  { 
    top: -61px; 
    left: 350px; 
    height: 35px; 
    animation: tada 1.8s infinite ease-in-out;
} 

#followerjet .animation-2 .icon-10  { 
    left: -62px; 
    top: 107px; 
    animation: tada 1.8s infinite ease-in-out;
} 

#followerjet .animation-2 .icon-tree  { 
    bottom: -4px; 
    height: 135px; 
    animation: float 3s ease infinite;
} 

#followerjet.a { 
    color:  #467fcf; 
    text-decoration:  none; 
    background-color:  transparent; 
    -webkit-text-decoration-skip:  ink; 
    text-decoration-skip: ink;
} 

a:hover { 
    color: #295a9f; 
    text-decoration: none;
} 

#followerjet h1 { 
    margin-top:   0; 
    margin-bottom:   .66em; 
    font-family:  inherit; 
    font-weight:  600; 
    line-height:  1.1; 
    color:  inherit;
    font-size: 2rem;
} 

#followerjet h1 { 
    margin: 0 0 20px; 
    font-size: 35px; 
    font-weight: 700; 
    line-height: 60px; 
    color: rgba(255,255,255,.8);
} 

#followerjet p { 
    margin-top:  0; 
    margin-bottom:  1em;
} 

#followerjet p  { 
    color: rgba(255,255,255,.8); 
    margin-bottom: 40px; 
    font-size: 24px;
} 

#followerjet .form-group { 
    margin-bottom:  .5rem;
    display: block;
} 

#followerjet h1 span  { 
    color: #fff; 
    border-bottom: 4px solid #1acc8d;
} 

#followerjet.mb-5 { 
    margin-bottom: 1.5rem!important;
} 

.input-icon { 
    position: relative;
} 

label { 
    display: inline-block; 
    color: #000;
} 

#followerjet.custom-control { 
    position:  relative; 
    display:  block; 
    min-height:  1.5rem; 
    padding-left:  1.5rem; 
    margin-bottom:  15px; 
    margin-top:  -10px;
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
} 

#followerjet.form-footer { 
    margin-top: 2rem;
} 

#stag.followerjet.input-icon-addon { 
    position: absolute; 
    top: 25px; 
    bottom: 0; 
    left: 0; 
    color: #9aa0ac; 
    display: -ms-flexbox; 
    display: flex; 
    -ms-flex-align: center; 
    align-items: center; 
    -ms-flex-pack: center; 
    justify-content: center; 
    min-width: 2.5rem; 
    pointer-events: none;
} 

input { 
    margin:  0; 
    font-family:  inherit; 
    font-size:  inherit; 
    line-height:  inherit;
    overflow: visible;
} 

#followerjet.form-control { 
    display: block; 
    width: 100%; 
    padding: .375rem .75rem; 
    font-size: .96rem; 
    line-height: 1.6; 
    color: #5f5f5f; 
    background-color: #fff; 
    background-clip: padding-box; 
    border: 1px solid #d9d9d9; 
    border-radius: 5px!important; 
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
    transition: all .1s linear;
} 

@media screen and (prefers-reduced-motion: reduce){ 
  .form-control { 
    transition: none;
  } 
}     

.input-icon .form-control:not(:first-child) { 
    padding-left: 2.5rem;
} 

.custom-control-input { 
    position: absolute; 
    z-index: -1; 
    opacity: 0;
} 

input[type="checkbox"] { 
    box-sizing: border-box; 
    padding: 0;
} 

.custom-control-label { 
    margin-bottom:  0;
    vertical-align: middle;
} 

.custom-control-label:before { 
    position:  absolute; 
    top:  .25rem; 
    left:  0; 
    display:  block; 
    width:  1.2rem; 
    height:  1.2rem; 
    pointer-events:  none; 
    content:  ""; 
    -webkit-user-select:  none; 
    -moz-user-select:  none; 
    -ms-user-select:  none; 
    user-select:  none; 
    background-color:  #fff; 
    border: 1px solid #7367f0; 
    background-size: .5rem;
} 

.custom-checkbox .custom-control-label:before  { 
    border-radius: 3px;
} 

.custom-control-label:after { 
    position: absolute; 
    top: .25rem; 
    left: 0; 
    display: block; 
    width: 1.2rem; 
    height: 1.2rem; 
    content: ""; 
    background-repeat: no-repeat; 
    background-position: center center; 
    background-size: 50% 50%; 
    background-repeat-x: no-repeat; 
    background-repeat-y: no-repeat;
} 

.small { 
    font-size: 87.5%; 
    font-weight: 400;
} 

.float-right { 
    float: right!important;
} 

button { 
    border-radius:    0;
    margin:   0; 
    font-family:   inherit; 
    font-size:   inherit; 
    line-height:   inherit;
    overflow:  visible;
    text-transform: none;
} 

button,[type="submit"] { 
    -webkit-appearance: button;
} 

#followerjet.btn { 
    display: inline-block; 
    font-weight: 400; 
    text-align: center; 
    white-space: nowrap; 
    vertical-align: middle; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    border: 1px solid transparent; 
    padding: .375rem .75rem; 
    font-size: .9375rem; 
    line-height: 1.84615385; 
    border-radius: 3px; 
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 

@media screen and (prefers-reduced-motion: reduce){ 
  .btn { 
    transition: none;
  } 
}     

#followerjet.btn-block { 
    display: block; 
    width: 100%;
} 

#followerjet.btn-pill { 
    border-radius: 10rem; 
    padding-left: 1.5em; 
    padding-right: 1.5em;
} 

#followerjet .btnfj { 
    display: inline-block; 
    color: #626262; 
    text-align: center; 
    vertical-align: middle; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    background-color: transparent; 
    border: 0 solid transparent; 
    padding: .9rem 2rem; 
    font-size: 1rem; 
    line-height: 1; 
    border-radius: 5px!important; 
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; 
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
    -moz-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
} 

#followerjet .btn-gradientfj { 
    text-align: center; 
    transition: .5s; 
    background-size: 200% auto; 
    text-shadow: 0 0 10px rgba(0,0,0,.2); 
    box-shadow: 0 0 20px #eee;
} 

#followerjet .btnfj:not(:disabled):not(.disabled) { 
    cursor: pointer;
} 

#followerjet.btnfj:hover { 
    text-decoration: none;
} 

#followerjet.btn-gradientfj:hover { 
    background-position: right center;
} 

#followerjet.btn-outline-primaryfj { 
    color:  #00b5b8;
    background-color:  transparent; 
    background-image:  none; 
    border-color:  #00b5b8; 
} 

#followerjet.btn-outline-primaryfj:hover { 
    color:  #fff!important;
    background-color:  #00b5b8; 
    border-color:  #467fcf;
} 

#followerjet.fa { 
    display: inline-block; 
    font: normal normal normal 14px/1 FontAwesome; 
    font-size: inherit; 
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
} 

#followerjet.fa-key:before { 
    content: "\f084";
} 


@keyframes move-forever1 { 
  0% {  
      transform: translate(85px,0%); 
      transform: translate(85px, 0%); 
  }  
  100% {  
      transform: translate(-90px,0%); 
      transform: translate(-90px, 0%); 
  }  

} 
@keyframes move-forever2 { 
  0% {  
      transform: translate(-90px,0%); 
      transform: translate(-90px, 0%); 
  }  
  100% {  
      transform: translate(85px,0%); 
      transform: translate(85px, 0%); 
  }  

} 
@keyframes move-forever3 { 
  0% {  
      transform: translate(-90px,0%); 
      transform: translate(-90px, 0%); 
  }  
  100% {  
      transform: translate(85px,0%); 
      transform: translate(85px, 0%); 
  }  

} 
@keyframes LTRScale { 
  0% {  
      transform: translate(0px,0px) scaleX(.66) scaleY(.66); 
      transform: translate(0px, 0px) scaleX(0.66) scaleY(0.66); 
  }  
  50% {  
      transform: translate(50px,-20px) scaleX(1) scaleY(1); 
      transform: translate(50px, -20px) scaleX(1) scaleY(1); 
  }  
  100% {  
      transform: translate(0px,0px) scaleX(.66) scaleY(.66); 
      transform: translate(0px, 0px) scaleX(0.66) scaleY(0.66); 
  }  

} 
@keyframes rotation { 
  0% {  
      transform: rotate(0deg); 
      transform: rotate(0deg); 
  }  
  100% {  
      transform: rotate(359deg); 
      transform: rotate(359deg); 
  }  

} 
@keyframes float { 
  0%, 50% {  
      transform: translateY(0); 
      animation-timing-function: cubic-bezier(.2,.25,.55,1); 
      transform: translateY(0px); 
      animation-timing-function: cubic-bezier(0.2, 0.25, 0.55, 1); 
  }  
  25% {  
      transform: translateY(-7px); 
      animation-timing-function: cubic-bezier(.45,0,.8,.75); 
      transform: translateY(-7px); 
      animation-timing-function: cubic-bezier(0.45, 0, 0.8, 0.75); 
  }  
  75% {  
      transform: translateY(7px); 
      animation-timing-function: cubic-bezier(.45,0,.8,.75); 
      transform: translateY(7px); 
      animation-timing-function: cubic-bezier(0.45, 0, 0.8, 0.75); 
  }  
  100% {  
      transform: translateY(0); 
      transform: translateY(0px); 
  }  

} 
@keyframes fade-up { 
  0% {  
      transform: translateY(0); 
      opacity: 0; 
      transform: translateY(0px); 
      opacity: 0; 
  }  
  50% {  
      transform: translate(0,-20px); 
      opacity: 1; 
      transform: translate(0px, -20px); 
      opacity: 1; 
  }  
  100% {  
      transform: translate(0,-20px); 
      opacity: 0; 
      transform: translate(0px, -20px); 
      opacity: 0; 
  }  

} 
@keyframes fadeLTR { 
  0% {  
      transform: translateY(0); 
      opacity: 0; 
      transform: translateY(0px); 
      opacity: 0; 
  }  
  50% {  
      transform: translate(10px,-20px); 
      opacity: 1; 
      transform: translate(10px, -20px); 
      opacity: 1; 
  }  
  100% {  
      transform: translate(10px,-20px); 
      opacity: 0; 
      transform: translate(10px, -20px); 
      opacity: 0; 
  }  

} 
@keyframes heartBeat { 
  0% {  
      transform: scale(1); 
      transform: scale(1); 
  }  
  25% {  
      transform: scale(1.1); 
      transform: scale(1.1); 
  }  
  40% {  
      transform: scale(1); 
      transform: scale(1); 
  }  
  60% {  
      transform: scale(1.1); 
      transform: scale(1.1); 
  }  
  100% {  
      transform: scale(1); 
      transform: scale(1); 
  }  

} 
@keyframes tada { 
  0% {  
      transform: rotate(0deg) scaleX(1) scaleY(1); 
      transform: rotate(0deg) scaleX(1) scaleY(1); 
  }  
  10% {  
      transform: rotate(-3deg) scaleX(.8) scaleY(.8); 
      transform: rotate(-3deg) scaleX(0.8) scaleY(0.8); 
  }  
  20% {  
      transform: rotate(-3deg) scaleX(.8) scaleY(.8); 
      transform: rotate(-3deg) scaleX(0.8) scaleY(0.8); 
  }  
  30% {  
      transform: rotate(3deg) scaleX(1.2) scaleY(1.2); 
      transform: rotate(3deg) scaleX(1.2) scaleY(1.2); 
  }  
  40% {  
      transform: rotate(-3deg) scaleX(1.2) scaleY(1.2); 
      transform: rotate(-3deg) scaleX(1.2) scaleY(1.2); 
  }  
  50% {  
      transform: rotate(3deg) scaleX(1.2) scaleY(1.2); 
      transform: rotate(3deg) scaleX(1.2) scaleY(1.2); 
  }  
  60% {  
      transform: rotate(-3deg) scaleX(1.2) scaleY(1.2); 
      transform: rotate(-3deg) scaleX(1.2) scaleY(1.2); 
  }  
  70% {  
      transform: rotate(3deg) scaleX(1.2) scaleY(1.2); 
      transform: rotate(3deg) scaleX(1.2) scaleY(1.2); 
  }  
  80% {  
      transform: rotate(-3deg) scaleX(1.2) scaleY(1.2); 
      transform: rotate(-3deg) scaleX(1.2) scaleY(1.2); 
  }  
  90% {  
      transform: rotate(3deg) scaleX(1.2) scaleY(1.2); 
      transform: rotate(3deg) scaleX(1.2) scaleY(1.2); 
  }  
  100% {  
      transform: rotate(0deg) scaleX(1.2) scaleY(1.2); 
      transform: rotate(0deg) scaleX(1.2) scaleY(1.2); 
  }  

} 



#followerjet.card {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
      border-color: #000000;
    background: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-style: none;
    box-shadow: 0px 2px 4px 0px rgb(4 33 72 / 8%);
}


.signupbuttonfj {

background box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
border: 1px solid red; 
padding: 10px 24px;
border-radius: 8px;
background-color: red;color: #ffffff;

}

 .road-map-main {
  margin: 50px 0 51px;
  .road-map-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 175px;
    @media (max-width: 991px) {
      margin-bottom: 25px;
      height: auto;
      display: block;
    }

    &::before {
      content: "";
      width: 100%;
      clear: both;
      display: block;
    }
    &::after {
      content: "";
      width: 100%;
      clear: both;
      display: block;
    }
    .road-map-circle {
      width: 200px;
      height: 200px;
      border-radius: 50%;
      border: 25px solid transparent;
      border-top-color: #7a7bd7;
      border-right-color: #7a7bd7;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      transform: rotate(45deg);
      @media (max-width: 992px) {
        position: unset;
        border: 25px solid #7a7bd7;
      }

      .road-map-circle-text {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        background-color: #eb0d0de0;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        text-transform: capitalize;
        color: #fff;
        box-shadow: 0px 0px 10px 5px #00000021;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: rotate(-45deg);
      }
    }
    .road-map-card {
      width: 35%;
      // float: right;
      background: #7a7bd7;
      padding: 20px 20px;
      z-index: 1;
      position: absolute;
      right: 0;
      border-radius: 5px;
      &::before {
        content: "";
        width: 25%;
        height: 20px;
        background: #7a7bd7;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -23%;
        z-index: -1;
      }
      @media (max-width: 991px) {
        width: 100%;
        margin-top: 30px;
        position: unset;
        &::before {
          content: "";
          width: 20px;
          height: 30%;
          top: 50%;
          transform: translateX(-50%);
          left: 50%;
        }
      }
      @media (max-width: 425px) {
        top: 45%;
      }
      .card-head {
        font-size: 20px;
        font-weight: 600;
        text-transform: capitalize;
        margin: 0 0 15px;
        color: #fff;
      }
      .card-text {
        color: #fff;
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        @media (max-width: 1199px) {
          -webkit-line-clamp: 4;
        }
      } 
    }
    &:nth-of-type(even) {
      .road-map-circle {
        border-bottom-color: #7a7bd7;
        border-left-color: #7a7bd7;
        border-top-color: transparent;
        border-right-color: transparent;
        @media (max-width: 991px) {
          border-color: #7a7bd7;
        }
      }
      .road-map-card {
        // float: left;
        left: 0;
        &::before {
          right: -23%;
          left: unset;
          @media (max-width: 991px) {
            content: "";
            width: 20px;
            height: 30%;
            top: 50%;
            transform: translateX(-50%);
            left: 50%;
          }
          @media (max-width: 425px) {
            top: 45%;
          }
        }
      }
    }
  }
}

.footer {
  position: relative;
}

.footer::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
  height: 135px;
  text-align: center;
  background-size: 100% 135px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

 
 .fjet-heading { 
      text-align: center;
      color: #ff5500; 
      font-size: 36px; 
      font-weight: bold;
      margin-top: 50px; 
      margin-bottom: 30px; 
    }
.fjet-highlight {
      color: blue;
    }
@media screen and (max-width: 768px){    
    .card {
    margin: 0px;
}
@media (max-width: 480px) {
  .fa-instagram-icon {
    font-size: 1000%; 
  }
}