body { padding-top: 0; }

.heroSection { padding-top: 8rem; padding-bottom: 1rem; }
  .heroSection h1 { color: #1A2D39; line-height: 54px; font-size: 40px; }
  .heroSection p { font-size: 1.125rem; color: #1A2D39; line-height: 24px; }
.heroBtn { display: inline-block; margin: 5px; padding: 0 1.2rem; font-size: 14px; line-height: 3; border-radius: 3px; }
  .heroBtn.style1 { background: #ff008a; color: #fff; }
  .heroBtn.style2 { color: #001623; background: #FFFFFF26 0% 0% no-repeat padding-box; border: 2px solid #00162363; border-radius: 4px; }
  .heroBtn.style3 { background: rgba(0, 0, 0, .15); color: #00364a; }
.stickyTopHero { position:sticky; top:92px }

.howitWorkPra p { margin: 0; letter-spacing: 0px; font-size: 16px; color: #1A2D39; line-height: 26px; }
.integrationslist { list-style: none; padding-left: 0; }
.integrationslist li { position: relative; padding-left: 25px; font-size: 16px; letter-spacing: 0px; color: #1A2D39; line-height: 26px; margin-bottom: 10px; }
.integrationslist li::before { content: ''; position: absolute; left: 0; top: 11px; width: 7px; height: 7px; background: #FF008A; border-radius: 50%; }


@keyframes marquee2 { 0% { transform: translateZ(0) }
  100% { transform: translate3d(-50%,0,0) }
}
/* RESPONSIVE */
@media screen and (max-width:767px) {
  .fs2 { font-size: 2.15rem; }
  .fs1 { font-size: 2.5rem; }
  .heroSection h1 { line-height: normal; }
  .mw-80 { max-width:100% }
}

@media screen and (max-width:579px) {
    .col-4.mw-60 { width:100% }
    .cta { padding:0 2rem 0 2rem }
}