@import "https://fonts.googleapis.com/css?family=Nunito";
html {
 font-family:sans-serif;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
 display:block
}
audio,
canvas,
progress,
video {
 display:inline-block;
 vertical-align:baseline
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden],
template {
 display:none
}
a {
 background-color:transparent
}
a:active,
a:hover {
 outline:0
}
abbr[title] {
 border-bottom:1px dotted
}
b,
strong {
 font-weight:700
}
dfn {
 font-style:italic
}
h1 {
 font-size:2em;
 margin:.67em 0
}
mark {
 background:#ff0;
 color:#000
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
img {
 border:0
}
svg:not(:root) {
 overflow:hidden
}
figure {
 margin:1em 40px
}
hr {
 box-sizing:content-box;
 height:0
}
pre {
 overflow:auto
}
code,
kbd,
pre,
samp {
 font-family:monospace,monospace;
 font-size:1em
}
button,
input,
optgroup,
select,
textarea {
 color:inherit;
 font:inherit;
 margin:0
}
button {
 overflow:visible
}
button,
select {
 text-transform:none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
 -webkit-appearance:button;
 cursor:pointer
}
button[disabled],
html input[disabled] {
 cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
 border:0;
 padding:0
}
input {
 line-height:normal
}
input[type=checkbox],
input[type=radio] {
 box-sizing:border-box;
 padding:0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 height:auto
}
input[type=search] {
 -webkit-appearance:textfield;
 box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
fieldset {
 border:1px solid silver;
 margin:0 2px;
 padding:.35em .625em .75em
}
legend {
 border:0;
 padding:0
}
textarea {
 overflow:auto
}
optgroup {
 font-weight:700
}
table {
 border-collapse:collapse;
 border-spacing:0
}
td,
th {
 padding:0
}
[x-cloak] {
 display:revert!important
}
body {
 background:#f9f9f9
}
.main-content {
 min-height:100vh;
 background:#f9f9f9;
 position:relative;
 z-index:1;
 padding:60px 0 0
}
@media screen and (max-width:1200px) {
 .main-content {
  padding:0
 }
}
.home-bg {
 position:fixed;
 z-index:-10;
 width:100%;
 height:calc(100% - 536.5px);
 overflow:hidden;
 background:#f9f9f9;
 top:0;
 left:0;
 opacity:.6
}
@media screen and (max-width:640px) {
 .home-bg {
  height:100%
 }
}
.home-bg .grad1 {
 position:absolute;
 top:-200px;
 left:-200px
}
.home-bg .grad2 {
 position:absolute;
 top:-40px;
 left:-200px
}
.home-bg .gradient.blue.grad3 {
 position:absolute;
 top:300px;
 left:275px;
 width:250px;
 height:250px
}
.gradient.purple {
 width:526px;
 height:526px;
 background:radial-gradient(50% 50% at 50% 50%,#dfd5e5 0,rgba(220,193,228,0) 100%)
}
.gradient.blue {
 width:526px;
 height:526px;
 background:radial-gradient(50% 50% at 50% 50%,#eaf2ff 0,rgba(220,193,228,0) 100%)
}
.gradient.green {
 width:800px;
 height:800px;
 background:radial-gradient(50% 50% at 50% 50%,#ddf9f2 0,rgba(230,155,108,0) 100%)
}
.headline {
 font-family:inter;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center
}
@font-face {
 font-family:Biko;
 src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/biko-black.woff)
}
.top-bar {
 background:#d1d1d1;
 margin:0;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:10px 0;
 position:fixed;
 top:0;
 left:0;
 z-index:10;
 width:100%;
 height:40px;
 transition:all .5s
}
.top-bar p {
 margin:0;
 padding:0;
 font-family:sofia-pro,sans-serif;
 font-size:16px
}
.top-bar a {
 color:#fff;
 box-sizing:border-box;
 height:40px;
 background:#0057ff;
 font-family:sofia-pro,sans-serif;
 font-size:16px;
 border:1px solid #0044c9;
 border-radius:90px;
 padding:6px 25px 0;
 text-decoration:none;
 margin:0 0 0 25px
}
.top-bar a i {
 margin:0 0 0 5px
}
@media screen and (max-width:750px) {
 .top-bar {
  display:none
 }
}
.top-bar.active {
 opacity:0
}
.header {
 display:flex;
 width:calc(100% - 60px);
 position:sticky;
 top:60px;
 left:0;
 z-index:100;
 padding:20px 30px;
 background:#fff
}
@media screen and (max-width:1300px) {
 .header {
  padding:10px 15px;
  width:calc(100% - 30px)
 }
}
@media screen and (max-width:750px) {
 .header {
  top:0
 }
}
.header .logo {
 width:350px;
 flex-basis:350px;
 height:40px;
 padding:10px 0;
 flex-shrink:0
}
.header .logo svg {
 width:154px;
 height:40px
}
@media screen and (max-width:1470px) {
 .header .logo {
  flex-basis:180px
 }
}
@media screen and (max-width:1300px) {
 .header .logo {
  flex-basis:calc(100% - 350px)
 }
}
@media screen and (max-width:840px) {
 .header .logo {
  flex-basis:calc(100% - 410px)
 }
}
.header ul.main-nav {
 display:flex;
 margin:0 30px;
 padding:0;
 list-style:none;
 width:100%;
 justify-content:center
}
@media screen and (max-width:1300px) {
 .header ul.main-nav {
  display:none
 }
}
.header ul.main-nav li {
 display:flex
}
.header ul.main-nav li a {
 padding:0 30px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 color:#2d273f;
 height:60px;
 align-items:center;
 font-size:18px;
 text-decoration:none;
 display:flex;
 width:100%;
 text-align:center;
 justify-content:center
}
.header ul.main-nav li a:hover {
 color:#0057ff
}
.header .ctas {
 display:flex;
 margin:0;
 padding:0;
 list-style:none;
 width:350px;
 flex-basis:350px;
 flex-grow:0;
 flex-shrink:0
}
@media screen and (max-width:660px) {
 .header .ctas {
  display:none
 }
}
.header .ctas li {
 display:flex;
 width:100%
}
.header .ctas li a {
 padding:0 25px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 color:#2d273f;
 font-size:18px;
 line-height:18px;
 text-decoration:none;
 border:2px solid #2d273f;
 display:flex;
 height:60px;
 -webkit-border-radius:5px;
 width:100%;
 text-align:center;
 align-items:center;
 justify-content:center;
 border-radius:5px;
 background:#2d273f;
 color:#fff;
 transition:all .5s
}
.header .ctas li a:hover {
 background:#0057ff;
 border:2px solid #0057ff
}
.header .ctas li.login-link {
 margin:0 15px 0 0;
 position:relative
}
.header .ctas li.login-link .tl-svg {
 top:25px;
 right:30px;
 height:15px;
 position:absolute;
 transform:rotate(90deg)
}
.header .ctas li.login-link a {
 background:#fff;
 color:#2d273f
}
.header .ctas li.login-link a:hover {
 background:#0057ff;
 border:2px solid #0057ff
}
.header .ctas li.login-link ul {
 position:absolute;
 bottom:-187px;
 left:0;
 width:250px;
 background:#fff;
 margin:0;
 padding:5px 0 0;
 border-radius:3px;
 overflow:hidden;
 display:none
}
.header .ctas li.login-link ul li {
 padding:0;
 width:calc(100%);
 background:#2d273f;
 position:relative
}
.header .ctas li.login-link ul li:first-child {
 -webkit-border-top-left-radius:3px;
 -webkit-border-top-right-radius:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 border-top-left-radius:3px;
 border-top-right-radius:3px;
 overflow:hidden
}
.header .ctas li.login-link ul li a {
 padding:15px 25px 16px;
 text-align:left;
 justify-content:left;
 background:#2d273f;
 color:#fff;
 border:0;
 border-radius:0
}
.header .ctas li.login-link ul li a:hover {
 background:#2d273f
}
.header .ctas li.login-link ul li .fa-chevron-right {
 position:absolute;
 top:15px;
 right:15px;
 height:20px
}
.header .ctas li.login-link ul li .fa-chevron-right path {
 fill:#fff
}
.header .ctas li.login-link:hover ul {
 display:block
}
.header .ctas li.login-link:hover a {
 background:#0057ff;
 border:2px solid #0057ff;
 color:#fff
}
.header .ctas li.login-link:hover .tl-svg {
 transform:rotate(-90deg)
}
.header .ctas li.login-link:hover .tl-svg path {
 fill:#fff
}
#header.active {
 top:0;
 -webkit-backdrop-filter:blur(5px);
 backdrop-filter:blur(5px);
 background:rgba(255,255,255,.95)
}
#sm_menu_ham {
 width:35px;
 flex-basis:35px;
 padding:20px 25px 0 0;
 display:none
}
@media screen and (max-width:660px) {
 #sm_menu_ham {
  display:flex;
  position:absolute;
  right:15px;
  padding:20px 0 0
 }
}
#sm_menu_ham .menu-text {
 font-family:brandon-grotesque,sans-serif;
 font-weight:500;
 font-size:12px;
 letter-spacing:2px;
 text-transform:uppercase;
 padding:0;
 margin:0;
 color:#fff;
 position:absolute;
 left:0;
 top:10px
}
#sm_menu_ham #nav-icon {
 float:right;
 width:35px;
 height:35px;
 position:relative;
 margin:0;
 transform:rotate(0deg);
 transition:.5s ease-in-out;
 cursor:pointer
}
#sm_menu_ham #nav-icon span {
 display:block;
 position:absolute;
 height:3px;
 width:100%;
 background:#0a213c;
 border-radius:6px;
 opacity:1;
 left:0;
 transform:rotate(0deg);
 transition:.25s ease-in-out
}
#sm_menu_ham #nav-icon span:nth-child(1) {
 top:0
}
#sm_menu_ham #nav-icon span:nth-child(2),
#sm_menu_ham #nav-icon span:nth-child(3) {
 top:10px
}
#sm_menu_ham #nav-icon span:nth-child(4) {
 top:20px
}
#sm_menu_ham #nav-icon:hover span {
 background:#29029c
}
#sm_menu_ham #nav-icon.open {
 top:0
}
#sm_menu_ham #nav-icon.open span {
 background:#0a213c
}
#sm_menu_ham #nav-icon.open span:nth-child(1) {
 top:18px;
 width:0;
 left:50%
}
#sm_menu_ham #nav-icon.open span:nth-child(2) {
 transform:rotate(45deg)
}
#sm_menu_ham #nav-icon.open span:nth-child(3) {
 transform:rotate(-45deg)
}
#sm_menu_ham #nav-icon.open span:nth-child(4) {
 top:18px;
 width:0;
 left:50%
}
@media screen and (max-width:1365px) {
 #header ul.main-nav li.link-about {
  display:none
 }
}
@media screen and (max-width:1300px) {
 #sm_menu_ham {
  display:flex
 }
}
@media screen and (max-width:1200px) {
 #header ul.main-nav li.link-resources {
  display:none
 }
}
@media screen and (max-width:1070px) {
 #header ul.main-nav li.link-lending {
  display:none
 }
}
@media screen and (max-width:960px) {
 #header ul.main-nav li.link-support {
  display:none
 }
}
@media screen and (max-width:840px) {
 #header .logo {
  width:100%
 }
 #header ul.main-nav {
  display:none
 }
}
@media screen and (max-width:630px) {
 #header .ctas {
  width:130px;
  flex-basis:130px
 }
 #header .ctas li.login-link {
  display:none
 }
}
.main-banner {
 position:relative;
 min-height:1050px;
 width:100%;
 overflow:hidden
}
@media screen and (max-width:950px) {
 .main-banner {
  min-height:960px
 }
}
@media screen and (max-width:820px) {
 .main-banner {
  min-height:840px
 }
}
.main-banner .bg {
 width:100%;
 height:100%;
 position:absolute;
 background:#eaf2ff;
 left:0;
 top:0
}
@media screen and (max-width:640px) {
 .main-banner .bg {
  display:none
 }
}
.main-banner .bg svg {
 position:absolute;
 right:0;
 top:0
}
.main-banner .shape-left {
 position:absolute;
 left:0;
 top:0;
 z-index:1;
 max-width:calc(50% - 250px);
 -webkit-animation:rotateSlightlyR 10s ease infinite;
 animation:rotateSlightlyR 10s ease infinite
}
.main-banner .shape-left svg {
 transform:scale(1.1);
 width:100%
}
@media screen and (max-width:1720px) {
 .main-banner .shape-left {
  left:-100px
 }
}
@media screen and (max-width:1520px) {
 .main-banner .shape-left {
  left:-200px;
  height:800px;
  max-width:800px
 }
}
@media screen and (max-width:1360px) {
 .main-banner .shape-left {
  left:-300px
 }
}
@media screen and (max-width:1150px) {
 .main-banner .shape-left {
  left:-400px
 }
}
@media screen and (max-width:950px) {
 .main-banner .shape-left {
  left:-400px;
  height:700px;
  width:550px
 }
 .main-banner .shape-left svg {
  height:700px;
  width:550px
 }
}
@media screen and (max-width:820px) {
 .main-banner .shape-left {
  height:600px;
  width:455px;
  left:-360px
 }
 .main-banner .shape-left svg {
  height:600px;
  width:455px;
  width:auto
 }
}
@media screen and (max-width:740px) {
 .main-banner .shape-left {
  display:none
 }
}
.main-banner .shape-right {
 position:absolute;
 right:0;
 top:0;
 z-index:1;
 max-width:calc(50% - 250px);
 -webkit-animation:rotateSlightly 10s ease infinite;
 animation:rotateSlightly 10s ease infinite
}
.main-banner .shape-right svg {
 transform:scale(1.1);
 width:100%
}
@media screen and (max-width:1720px) {
 .main-banner .shape-right {
  right:-100px
 }
}
@media screen and (max-width:1520px) {
 .main-banner .shape-right {
  right:-200px;
  height:800px;
  max-width:800px
 }
}
@media screen and (max-width:1360px) {
 .main-banner .shape-right {
  right:-300px
 }
}
@media screen and (max-width:1150px) {
 .main-banner .shape-right {
  right:-400px
 }
}
@media screen and (max-width:950px) {
 .main-banner .shape-right {
  right:-400px;
  height:700px;
  width:550px
 }
 .main-banner .shape-right svg {
  height:700px;
  width:550px
 }
}
@media screen and (max-width:820px) {
 .main-banner .shape-right {
  height:600px;
  width:455px;
  right:-360px
 }
 .main-banner .shape-right svg {
  height:600px;
  width:455px;
  width:auto
 }
}
@media screen and (max-width:740px) {
 .main-banner .shape-right {
  display:none
 }
}
@-webkit-keyframes rotateSlightly {
 0% {
  transform:rotate(0deg)
 }
 50% {
  transform:rotate(-1deg)
 }
 100% {
  transform:rotate(0deg)
 }
}
@keyframes rotateSlightly {
 0% {
  transform:rotate(0deg)
 }
 50% {
  transform:rotate(-1deg)
 }
 100% {
  transform:rotate(0deg)
 }
}
@-webkit-keyframes rotateSlightlyR {
 0% {
  transform:rotate(0deg)
 }
 50% {
  transform:rotate(1deg)
 }
 100% {
  transform:rotate(0deg)
 }
}
@keyframes rotateSlightlyR {
 0% {
  transform:rotate(0deg)
 }
 50% {
  transform:rotate(1deg)
 }
 100% {
  transform:rotate(0deg)
 }
}
.main-banner .content {
 width:500px;
 position:absolute;
 top:170px;
 left:50%;
 margin:0 0 0 -280px;
 z-index:1;
 text-align:center;
 padding:0 30px
}
@media screen and (max-width:950px) {
 .main-banner .content {
  top:135px
 }
}
@media screen and (max-width:820px) {
 .main-banner .content {
  top:120px
 }
}
@media screen and (max-width:640px) {
 .main-banner .content {
  width:calc(100% - 60px);
  margin:0;
  left:0;
  top:75px
 }
}
.main-banner .content .pill {
 font-family:sofia-pro,sans-serif;
 font-size:14px;
 background:#2d273f;
 color:#fff;
 border-radius:60px;
 padding:10px;
 display:inline-flex;
 align-items:center;
 margin:0 auto 30px;
 text-decoration:none
}
@media screen and (max-width:830px) {
 .main-banner .content .pill {
  transform:scale(.9);
  margin:0 auto 15px
 }
}
@media screen and (max-width:830px) {
 .main-banner .content .pill {
  transform:scale(.8)
 }
}
@media screen and (max-width:640px) {
 .main-banner .content .pill {
  font-size:11px;
  transform:scale(1);
  padding:5px
 }
}
.main-banner .content .pill i {
 margin:0 10px 0 5px
}
.main-banner .content .pill span {
 margin:0;
 padding:0;
 font-size:16px;
 font-weight:400
}
@media screen and (max-width:640px) {
 .main-banner .content .pill span {
  font-size:11px
 }
}
.main-banner .content .pill .tag {
 background:#0052ff;
 border-radius:60px;
 padding:5px 15px;
 margin:0 10px 0 0
}
.main-banner .content h1 {
 padding:0;
 margin:0 0 30px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:48px;
 width:100%;
 text-align:center;
 color:#2d273f
}
.main-banner .content h1 span {
 color:#0057ff
}
@media screen and (max-width:840px) {
 .main-banner .content h1 {
  font-size:36px;
  margin:0 0 15px
 }
}
.main-banner .content p {
 font-size:18px;
 text-align:center;
 font-family:sofia-pro,sans-serif;
 color:#2d273f
}
@media screen and (max-width:840px) {
 .main-banner .content p {
  font-size:16px
 }
}
.main-banner .content .ctas {
 display:flex;
 padding:10px 0 0;
 margin:0 auto;
 list-style:none;
 width:440px;
 flex-basis:440px;
 flex-grow:0;
 flex-shrink:0
}
@media screen and (max-width:650px) {
 .main-banner .content .ctas {
  flex-wrap:wrap;
  gap:15px;
  width:100%
 }
}
.main-banner .content .ctas li {
 display:flex;
 width:100%;
 position:relative
}
.main-banner .content .ctas li a {
 padding:0 25px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 color:#2d273f;
 font-size:18px;
 line-height:18px;
 text-decoration:none;
 border:2px solid #0057ff;
 display:flex;
 height:60px;
 width:100%;
 text-align:center;
 align-items:center;
 justify-content:center;
 border-radius:60px;
 background:#0057ff;
 color:#fff;
 transition:all .5s
}
@media screen and (max-width:830px) {
 .main-banner .content .ctas li a {
  font-size:16px;
  line-height:16px
 }
}
.main-banner .content .ctas li a i {
 margin:0 0 0 25px
}
.main-banner .content .ctas li a:hover {
 background:#2d273f;
 border:2px solid #2d273f;
 color:#fff
}
.main-banner .content .ctas li .tl-svg {
 height:15px
}
.main-banner .content .ctas li.learn-more {
 margin:0 15px 0 0;
 position:relative;
 text-indent:-7.5px
}
@media screen and (max-width:650px) {
 .main-banner .content .ctas li.learn-more {
  margin:0
 }
}
.main-banner .content .ctas li.learn-more a {
 background:#fff;
 color:#0057ff;
 border:2px solid #0057ff
}
.main-banner .content .ctas li.learn-more a:hover {
 background:#2d273f;
 color:#fff;
 border:2px solid #2d273f
}
.main-banner .content .ctas li.learn-more a:hover svg path {
 fill:#fff
}
.main-banner .content .discover {
 margin:50px 0 0;
 color:#0057ff
}
.main-banner .content .mouse-icon {
 display:flex;
 width:100%;
 align-items:center;
 justify-content:center;
 margin:25px 0 0
}
.main-banner .content .mouse-icon .icon-scroll {
 width:2em;
 height:6.25em;
 z-index:99999
}
.main-banner .content .mouse-icon .icon-scroll span {
 -webkit-animation-delay:.2s;
 animation-delay:.2s
}
.main-banner .content .mouse-icon .icon-scroll .mouse {
 height:2.75em;
 width:1.75em;
 border:2px solid #0057ff;
 border-radius:2em
}
.main-banner .content .mouse-icon .icon-scroll .wheel {
 position:relative;
 display:block;
 height:.375em;
 width:.375em;
 margin:.375em auto 0;
 background:#0057ff;
 -webkit-animation:mouse-wheel 2.4s ease infinite;
 animation:mouse-wheel 2.4s ease infinite;
 border-radius:50%
}
@-webkit-keyframes mouse-wheel {
 0% {
  opacity:1;
  transform:translateY(0)
 }
 100% {
  opacity:0;
  transform:translateY(0.375em)
 }
}
@keyframes mouse-wheel {
 0% {
  opacity:1;
  transform:translateY(0)
 }
 100% {
  opacity:0;
  transform:translateY(0.375em)
 }
}
.main-banner .marquees-wrapper {
 overflow:scroll;
 width:100%;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 overflow-x:hidden;
 position:absolute;
 left:0;
 bottom:25px;
 width:100%;
 z-index:1
}
.main-banner .marquee-wrapper .marquee {
 position:relative;
 white-space:nowrap
}
.main-banner .marquee-wrapper .marquee .item {
 background:#0057ff;
 color:#fff;
 padding:10px;
 margin:10px 20px;
 padding:10px 20px 10px 60px;
 height:40px;
 display:inline-block;
 align-items:center;
 font-family:sofia-pro,sans-serif;
 border-radius:60px;
 position:relative;
 flex-wrap:nowrap;
 flex-shrink:0
}
.main-banner .marquee-wrapper .marquee .item .item-icon {
 background:#fff;
 width:40px;
 height:35px;
 padding:5px 0 0;
 border-radius:40px;
 position:absolute;
 left:10px;
 top:10px;
 color:#2d273f;
 text-align:center;
 font-size:20px
}
.main-banner .marquee-wrapper .marquee .item .item-text {
 padding:7px 10px 0;
 margin:0;
 flex-wrap:nowrap;
 display:flex
}
.main-banner .reasons {
 position:absolute;
 left:0;
 bottom:25px;
 width:100%;
 z-index:1
}
.main-banner .reasons .slick-track {
 float:left
}
.main-banner .reasons ul {
 margin:0;
 padding:0;
 list-style:none;
 height:80px;
 overflow:hidden;
 display:flex;
 flex-wrap:nowrap
}
.main-banner .reasons ul li {
 background:#0057ff;
 color:#fff;
 padding:10px;
 margin:10px 20px;
 padding:10px 20px 10px 60px;
 height:40px;
 display:flex;
 align-items:center;
 font-family:sofia-pro,sans-serif;
 border-radius:60px;
 position:relative;
 flex-wrap:nowrap;
 flex-shrink:0
}
.main-banner .reasons ul li .icon {
 background:#fff;
 width:40px;
 height:35px;
 padding:5px 0 0;
 border-radius:40px;
 position:absolute;
 left:10px;
 top:10px;
 color:#2d273f;
 text-align:center;
 font-size:20px
}
.main-banner .reasons ul li p {
 padding:0 10px;
 margin:0;
 flex-wrap:nowrap;
 display:flex
}
.main-banner-lp {
 position:relative;
 min-height:780px;
 width:100%;
 background:#0057ff;
 -webkit-border-bottom-right-radius:100px;
 -webkit-border-bottom-left-radius:100px;
 -moz-border-radius-bottomright:100px;
 -moz-border-radius-bottomleft:100px;
 border-bottom-right-radius:100px;
 border-bottom-left-radius:100px;
 overflow:hidden;
 overflow:hidden
}
@media screen and (max-width:950px) {
 .main-banner-lp {
  min-height:960px
 }
}
@media screen and (max-width:820px) {
 .main-banner-lp {
  min-height:840px
 }
}
.main-banner-lp .bg {
 width:100%;
 height:100%;
 position:absolute;
 background:#eaf2ff;
 left:0;
 top:0
}
@media screen and (max-width:640px) {
 .main-banner-lp .bg {
  display:none
 }
}
.main-banner-lp .bg svg {
 position:absolute;
 right:0;
 top:0
}
.main-banner-lp .shape-left {
 position:absolute;
 left:0;
 top:0;
 z-index:1;
 max-width:calc(50% - 250px)
}
.main-banner-lp .shape-left svg {
 transform:scale(1.1);
 width:100%
}
@media screen and (max-width:1720px) {
 .main-banner-lp .shape-left {
  left:-100px
 }
}
@media screen and (max-width:1520px) {
 .main-banner-lp .shape-left {
  left:-200px;
  height:800px;
  max-width:800px
 }
}
@media screen and (max-width:1360px) {
 .main-banner-lp .shape-left {
  left:-300px
 }
}
@media screen and (max-width:1150px) {
 .main-banner-lp .shape-left {
  left:-400px
 }
}
@media screen and (max-width:950px) {
 .main-banner-lp .shape-left {
  left:-400px;
  height:700px;
  width:550px
 }
 .main-banner-lp .shape-left svg {
  height:700px;
  width:550px
 }
}
@media screen and (max-width:820px) {
 .main-banner-lp .shape-left {
  height:600px;
  width:455px;
  left:-360px
 }
 .main-banner-lp .shape-left svg {
  height:600px;
  width:455px;
  width:auto
 }
}
@media screen and (max-width:740px) {
 .main-banner-lp .shape-left {
  display:none
 }
}
.main-banner-lp .shape-right {
 position:absolute;
 right:0;
 top:0;
 z-index:1;
 max-width:calc(50% - 250px)
}
.main-banner-lp .shape-right svg {
 transform:scale(1.1);
 width:100%
}
@media screen and (max-width:1720px) {
 .main-banner-lp .shape-right {
  right:-100px
 }
}
@media screen and (max-width:1520px) {
 .main-banner-lp .shape-right {
  right:-200px;
  height:800px;
  max-width:800px
 }
}
@media screen and (max-width:1360px) {
 .main-banner-lp .shape-right {
  right:-300px
 }
}
@media screen and (max-width:1150px) {
 .main-banner-lp .shape-right {
  right:-400px
 }
}
@media screen and (max-width:950px) {
 .main-banner-lp .shape-right {
  right:-400px;
  height:700px;
  width:550px
 }
 .main-banner-lp .shape-right svg {
  height:700px;
  width:550px
 }
}
@media screen and (max-width:820px) {
 .main-banner-lp .shape-right {
  height:600px;
  width:455px;
  right:-360px
 }
 .main-banner-lp .shape-right svg {
  height:600px;
  width:455px;
  width:auto
 }
}
@media screen and (max-width:740px) {
 .main-banner-lp .shape-right {
  display:none
 }
}
@keyframes rotateSlightly {
 0% {
  transform:rotate(0deg)
 }
 50% {
  transform:rotate(-1deg)
 }
 100% {
  transform:rotate(0deg)
 }
}
@keyframes rotateSlightlyR {
 0% {
  transform:rotate(0deg)
 }
 50% {
  transform:rotate(1deg)
 }
 100% {
  transform:rotate(0deg)
 }
}
.main-banner-lp .content {
 width:500px;
 position:absolute;
 top:170px;
 left:50%;
 margin:0 0 0 -280px;
 z-index:1;
 text-align:center;
 padding:0 30px
}
@media screen and (max-width:950px) {
 .main-banner-lp .content {
  top:135px
 }
}
@media screen and (max-width:820px) {
 .main-banner-lp .content {
  top:120px
 }
}
@media screen and (max-width:640px) {
 .main-banner-lp .content {
  width:calc(100% - 60px);
  margin:0;
  left:0;
  top:75px
 }
}
.main-banner-lp .content h1 {
 padding:0;
 margin:0 0 30px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:42px;
 width:100%;
 text-align:center;
 color:#fff
}
.main-banner-lp .content h1 span {
 color:#fff
}
@media screen and (max-width:840px) {
 .main-banner-lp .content h1 {
  font-size:36px;
  margin:0 0 15px
 }
}
.main-banner-lp .content p {
 font-size:18px;
 text-align:center;
 font-family:sofia-pro,sans-serif;
 color:#fff
}
@media screen and (max-width:840px) {
 .main-banner-lp .content p {
  font-size:16px
 }
}
.main-banner-lp .content .ctas {
 display:flex;
 padding:10px 0 0;
 margin:0 auto;
 list-style:none;
 width:440px;
 flex-basis:440px;
 flex-grow:0;
 flex-shrink:0
}
@media screen and (max-width:650px) {
 .main-banner-lp .content .ctas {
  flex-wrap:wrap;
  gap:15px;
  width:100%
 }
}
.main-banner-lp .content .ctas li {
 display:flex;
 width:100%;
 position:relative
}
.main-banner-lp .content .ctas li a {
 padding:0 25px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 color:#2d273f;
 font-size:18px;
 line-height:18px;
 text-decoration:none;
 border:2px solid #fff;
 display:flex;
 height:60px;
 width:100%;
 text-align:center;
 align-items:center;
 justify-content:center;
 border-radius:60px;
 background:#0057ff;
 color:#fff;
 transition:all .5s
}
@media screen and (max-width:830px) {
 .main-banner-lp .content .ctas li a {
  font-size:16px;
  line-height:16px
 }
}
.main-banner-lp .content .ctas li a i {
 margin:0 0 0 25px
}
.main-banner-lp .content .ctas li a:hover {
 background:#2d273f;
 border:2px solid #2d273f;
 color:#fff
}
.main-banner-lp .content .ctas li .tl-svg {
 height:15px
}
.main-banner-lp .content .ctas li.learn-more {
 margin:0 15px 0 0;
 position:relative;
 text-indent:-7.5px
}
@media screen and (max-width:650px) {
 .main-banner-lp .content .ctas li.learn-more {
  margin:0
 }
}
.main-banner-lp .content .ctas li.learn-more a {
 background:#fff;
 color:#0057ff;
 border:2px solid #0057ff
}
.main-banner-lp .content .ctas li.learn-more a:hover {
 background:#2d273f;
 color:#fff;
 border:2px solid #2d273f
}
.main-banner-lp .content .ctas li.learn-more a:hover svg path {
 fill:#fff
}
.main-banner-lp .content .discover {
 margin:50px 0 0;
 color:#fff
}
.main-banner-lp .content .mouse-icon {
 display:flex;
 width:100%;
 align-items:center;
 justify-content:center;
 margin:25px 0 0
}
.main-banner-lp .content .mouse-icon .icon-scroll {
 width:2em;
 height:6.25em;
 z-index:99999
}
.main-banner-lp .content .mouse-icon .icon-scroll span {
 -webkit-animation-delay:.2s;
 animation-delay:.2s
}
.main-banner-lp .content .mouse-icon .icon-scroll .mouse {
 height:2.75em;
 width:1.75em;
 border:2px solid #fff;
 border-radius:2em
}
.main-banner-lp .content .mouse-icon .icon-scroll .wheel {
 position:relative;
 display:block;
 height:.375em;
 width:.375em;
 margin:.375em auto 0;
 background:#fff;
 -webkit-animation:mouse-wheel 2.4s ease infinite;
 animation:mouse-wheel 2.4s ease infinite;
 border-radius:50%
}
@keyframes mouse-wheel {
 0% {
  opacity:1;
  transform:translateY(0)
 }
 100% {
  opacity:0;
  transform:translateY(0.375em)
 }
}
.main-banner-lp .marquees-wrapper {
 overflow:scroll;
 width:100%;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 overflow-x:hidden;
 position:absolute;
 left:0;
 bottom:25px;
 width:100%;
 z-index:1
}
.main-banner-lp .marquee-wrapper .marquee {
 position:relative;
 white-space:nowrap
}
.main-banner-lp .marquee-wrapper .marquee .item {
 background:#0057ff;
 color:#fff;
 padding:10px;
 margin:10px 20px;
 padding:10px 20px 10px 60px;
 height:40px;
 display:inline-block;
 align-items:center;
 font-family:sofia-pro,sans-serif;
 border-radius:60px;
 position:relative;
 flex-wrap:nowrap;
 flex-shrink:0
}
.main-banner-lp .marquee-wrapper .marquee .item .item-icon {
 background:#fff;
 width:40px;
 height:35px;
 padding:5px 0 0;
 border-radius:40px;
 position:absolute;
 left:10px;
 top:10px;
 color:#2d273f;
 text-align:center;
 font-size:20px
}
.main-banner-lp .marquee-wrapper .marquee .item .item-text {
 padding:7px 10px 0;
 margin:0;
 flex-wrap:nowrap;
 display:flex
}
.main-banner-lp .reasons {
 position:absolute;
 left:0;
 bottom:25px;
 width:100%;
 z-index:1
}
.main-banner-lp .reasons .slick-track {
 float:left
}
.main-banner-lp .reasons ul {
 margin:0;
 padding:0;
 list-style:none;
 height:80px;
 overflow:hidden;
 display:flex;
 flex-wrap:nowrap
}
.main-banner-lp .reasons ul li {
 background:#0057ff;
 color:#fff;
 padding:10px;
 margin:10px 20px;
 padding:10px 20px 10px 60px;
 height:40px;
 display:flex;
 align-items:center;
 font-family:sofia-pro,sans-serif;
 border-radius:60px;
 position:relative;
 flex-wrap:nowrap;
 flex-shrink:0
}
.main-banner-lp .reasons ul li .icon {
 background:#fff;
 width:40px;
 height:35px;
 padding:5px 0 0;
 border-radius:40px;
 position:absolute;
 left:10px;
 top:10px;
 color:#2d273f;
 text-align:center;
 font-size:20px
}
.main-banner-lp .reasons ul li p {
 padding:0 10px;
 margin:0;
 flex-wrap:nowrap;
 display:flex
}
.notice {
 background:#fff;
 padding:20px 40px;
 margin:-80px auto 0;
 width:100%;
 max-width:640px;
 z-index:10;
 position:relative;
 box-sizing:border-box;
 background:#fff;
 border:1px solid #000;
 box-shadow:0 0 24px rgba(0,0,0,.25);
 border-radius:20px
}
.notice svg {
 position:absolute;
 top:-25px;
 left:50%;
 height:50px;
 width:50px;
 margin:0 0 0 -25px
}
.notice p {
 color:#000;
 font-family:sofia-pro,sans-serif;
 font-size:20px;
 text-align:center
}
.lp-content {
 width:100%;
 padding:50px 0 0
}
.lp-content h2 {
 color:#000;
 font-family:sofia-pro,sans-serif;
 font-size:32px;
 text-align:center;
 font-weight:400
}
.lp-content h2 span {
 color:#0057ff
}
.lp-content ul {
 margin:0 auto;
 padding:0;
 list-style:none;
 max-width:960px;
 width:100%
}
.lp-content ul li {
 font-family:sofia-pro,sans-serif;
 font-size:20px;
 display:flex;
 align-items:center;
 justify-content:center;
 width:100%;
 gap:30px
}
.service-intro {
 width:100%;
 position:relative;
 padding:0 0 100px
}
@media screen and (max-width:640px) {
 .service-intro {
  padding:0 0 50px
 }
}
.service-intro .bg {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index:-1
}
@media screen and (max-width:640px) {
 .service-intro .bg {
  display:none
 }
}
.service-intro h2 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px;
 padding:25px 30px 50px;
 margin:0;
 text-align:center;
 width:calc(100% - 60px);
 color:#333
}
.service-intro h2 span {
 color:#0057ff
}
.service-intro ul {
 max-width:1280px;
 margin:0 auto;
 padding:0;
 list-style:none;
 display:flex
}
.service-intro ul li {
 margin:0 25px;
 box-sizing:border-box;
 border:1px solid #d1d1d1;
 border-radius:10px;
 position:relative;
 overflow:hidden
}
.service-intro ul li a {
 position:absolute;
 z-index:10;
 width:100%;
 height:100%;
 top:0;
 left:0
}
.service-intro ul li img {
 width:100%
}
.service-intro ul li .text {
 width:calc(100% - 100px);
 padding:25px;
 position:absolute;
 bottom:25px;
 left:25px;
 background:rgba(255,255,255,.95);
 border:1px solid #d1d1d1;
 border-radius:10px
}
.service-intro ul li .text h3 {
 margin:0;
 padding:0;
 font-family:sofia-pro,sans-serif;
 color:#0057ff;
 font-size:26px;
 line-height:26px;
 font-weight:500
}
.service-intro ul li .text p {
 font-size:16px;
 margin:10px 0 0;
 padding:0;
 font-family:sofia-pro,sans-serif
}
.service-intro ul li .text p i {
 margin:0 0 0 10px
}
.intro-section {
 padding:75px 0;
 position:relative;
 background:#fff
}
.intro-section h1 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:48px;
 margin:0 0 50px;
 padding:0;
 text-align:center;
 width:100%;
 color:#333
}
.intro-section ul {
 margin:-190px 0 0;
 padding:0;
 list-style:none;
 display:flex;
 width:100%
}
.intro-section ul li {
 text-align:center;
 padding:0 0 25px
}
.intro-section ul li a {
 font-family:sofia-pro,sans-serif;
 font-weight:600;
 font-size:64px;
 line-height:72px;
 color:#0057ff;
 text-decoration:none;
 -webkit-text-fill-color:transparent;
 -webkit-text-stroke:1px;
 -webkit-font-smoothing:antialiased
}
.intro-section ul .slick-current a {
 color:#0057ff;
 -webkit-text-fill-color:#0057ff;
 -webkit-text-stroke:0;
 -webkit-font-smoothing:antialiased
}
.sponsors {
 position:relative;
 width:100%;
 padding:100px 0
}
.sponsors .bg {
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 z-index:-1
}
.sponsors .bg svg {
 display:block;
 -o-object-fit:cover;
 object-fit:cover;
 -o-object-position:top center;
 object-position:top center;
 height:auto
}
.sponsors .sponsor-prev {
 width:60px;
 height:60px;
 background:#0057ff;
 border:2px solid #0057ff;
 border-radius:60px;
 position:absolute;
 top:120px;
 left:calc(50% - 250px);
 z-index:10;
 color:#fff
}
.sponsors .sponsor-next {
 width:60px;
 height:60px;
 background:#0057ff;
 border:2px solid #0057ff;
 border-radius:60px;
 position:absolute;
 top:120px;
 right:calc(50% - 250px);
 z-index:10;
 color:#fff
}
.sponsors .sponsorship .heading {
 margin:0 auto 50px;
 width:500px;
 text-align:center;
 position:relative;
 z-index:-1
}
.sponsors .sponsorship .heading p {
 color:#0057ff;
 font-size:16px;
 font-family:sofia-pro,sans-serif;
 margin:0;
 padding:0
}
.sponsors .sponsorship .heading h2 {
 font-size:32px;
 color:#000;
 font-family:sofia-pro,sans-serif;
 margin:10px 0;
 padding:0;
 font-weight:400
}
.sponsors .sponsorship .heading p.date {
 color:#8f8f8f
}
.sponsors .sponsorship ul {
 margin:0;
 padding:0;
 list-style:none
}
.sponsors .sponsorship ul li {
 width:650px;
 height:375px;
 margin:0 50px;
 position:relative;
 border-radius:10px;
 overflow:hidden
}
.sponsors .sponsorship ul li img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 position:absolute;
 top:0;
 left:0
}
.boring-pages {
 width:100%
}
.boring-pages .hero-bg {
 position:absolute;
 width:100%;
 height:100vh;
 top:0;
 left:0;
 z-index:-1;
 overflow:hidden
}
.boring-pages .hero-bg svg {
 transform:scale(1.5)
}
.boring-pages .page-title {
 width:100%;
 padding:40px 0 100px;
 text-align:center
}
.boring-pages .page-title h1 {
 font-family:sofia-pro,sans-serif;
 font-size:48px;
 font-weight:400
}
.boring-pages .content {
 width:calc(100% - 200px);
 max-width:1080px;
 background:#fff;
 margin:0 auto 150px;
 padding:100px;
 border-radius:20px
}
.boring-pages .content h2 {
 font-family:sofia-pro,sans-serif;
 font-size:24px;
 font-weight:400
}
.boring-pages .content p {
 font-family:sofia-pro,sans-serif;
 font-size:18px
}
.boring-pages .content p a {
 color:#0057ff
}
.service-pages {
 width:100%
}
.service-pages .hero-bg {
 position:absolute;
 width:100%;
 height:100vh;
 top:0;
 left:0;
 z-index:-1;
 overflow:hidden
}
.service-pages .hero-bg svg {
 transform:scale(1.5)
}
.service-pages .page-header {
 width:calc(100% - 60px);
 padding:100px 30px 50px
}
.service-pages .page-header .container {
 max-width:1280px;
 width:100%;
 margin:0 auto;
 display:flex;
 gap:50px
}
.service-pages .page-header .container .left {
 width:50%
}
@media screen and (max-width:960px) {
 .service-pages .page-header .container .left {
  width:100%
 }
}
.service-pages .page-header .container .left h1 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:18px;
 color:#0057ff;
 margin:0 0 10px;
 padding:0
}
.service-pages .page-header .container .left h2 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px;
 margin:0 0 10px;
 padding:0
}
.service-pages .page-header .container .left p {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:18px;
 color:#999
}
.service-pages .page-header .container .left .ctas {
 display:flex;
 padding:10px 0 0;
 margin:0;
 list-style:none;
 width:440px;
 flex-basis:440px;
 flex-grow:0;
 flex-shrink:0
}
.service-pages .page-header .container .left .ctas li {
 display:flex;
 width:100%;
 position:relative
}
.service-pages .page-header .container .left .ctas li a {
 padding:0 25px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 color:#000;
 font-size:18px;
 line-height:18px;
 text-decoration:none;
 border:2px solid #0057ff;
 display:flex;
 height:60px;
 width:100%;
 text-align:center;
 align-items:center;
 justify-content:center;
 border-radius:60px;
 background:#0057ff;
 color:#fff
}
.service-pages .page-header .container .left .ctas li a i {
 margin:0 0 0 25px
}
.service-pages .page-header .container .left .ctas li a:hover {
 background:#fff;
 border:2px solid #0057ff;
 color:#0057ff
}
.service-pages .page-header .container .left .ctas li .tl-svg {
 height:15px
}
.service-pages .page-header .container .left .ctas li.learn-more {
 margin:0 15px 0 0;
 position:relative;
 text-indent:-7.5px
}
.service-pages .page-header .container .left .ctas li.learn-more a {
 background:#fff;
 color:#0057ff;
 border:2px solid #0057ff
}
.service-pages .page-header .container .left .ctas li.learn-more a:hover {
 background:#0057ff;
 color:#fff
}
.service-pages .page-header .container .left .ctas li.learn-more a:hover svg path {
 fill:#fff
}
.service-pages .page-header .container .right {
 width:50%
}
@media screen and (max-width:960px) {
 .service-pages .page-header .container .right {
  display:none
 }
}
.service-pages .page-header .container .right img {
 width:100%;
 border-radius:30px
}
.service-pages .fluid-container {
 max-width:1280px;
 margin:0 auto 50px;
 display:flex
}
.service-pages .fluid-container a {
 color:#0057ff;
 border:1px solid #0057ff;
 text-decoration:none;
 padding:0 25px;
 height:60px;
 display:flex;
 align-items:center;
 border-radius:60px;
 margin:0 25px 0 0
}
.service-pages .fluid-container a:hover {
 background:#0057ff;
 color:#fff
}
.service-pages .fluid-container a h2 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:16px;
 margin:0;
 padding:0
}
.homepage-services {
 width:calc(100% - 60px);
 position:relative;
 padding:50px 30px 100px
}
.homepage-services .container {
 max-width:1280px;
 margin:0 auto
}
.homepage-services .container h2 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px;
 padding:0 0 25px;
 margin:0;
 text-align:center;
 width:100%;
 color:#333
}
@media screen and (max-width:940px) {
 .homepage-services .container h2 {
  padding:0 30px 25px;
  width:calc(100% - 60px)
 }
}
@media screen and (max-width:640px) {
 .homepage-services .container h2 {
  font-size:28px;
  padding:0 0 25px;
  width:100%
 }
}
.homepage-services .container h2 span {
 color:#0057ff
}
.homepage-services .container p {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:18px;
 max-width:840px;
 margin:0 auto;
 text-align:center
}
@media screen and (max-width:940px) {
 .homepage-services .container p {
  padding:0 30px 25px;
  width:calc(100% - 60px)
 }
}
@media screen and (max-width:640px) {
 .homepage-services .container p {
  padding:0 0 25px;
  width:100%;
  font-size:16px
 }
}
.homepage-services .container .services-overview {
 width:100%
}
.homepage-services .container .services-overview .service {
 width:100%;
 margin:100px 0 50px
}
.homepage-services .container .services-overview .service .service-main {
 display:flex;
 width:100%
}
@media screen and (max-width:840px) {
 .homepage-services .container .services-overview .service .service-main {
  flex-wrap:wrap;
  padding:0 0 50px
 }
}
@media screen and (max-width:600px) {
 .homepage-services .container .services-overview .service .service-main {
  padding:0 0 25px
 }
}
.homepage-services .container .services-overview .service .service-main .service-image {
 border-color:#dcedfb;
 background:linear-gradient(22.75deg,#0ff -42.47%,#4021ff 134.19%),#f4fcff;
 width:650px;
 height:650px;
 border-radius:30px;
 border:2px solid #dcedfb;
 position:relative;
 overflow:hidden
}
@media screen and (max-width:840px) {
 .homepage-services .container .services-overview .service .service-main .service-image {
  width:100%;
  height:400px
 }
}
@media screen and (max-width:600px) {
 .homepage-services .container .services-overview .service .service-main .service-image {
  height:300px
 }
}
.homepage-services .container .services-overview .service .service-main .service-image .account {
 width:500px;
 position:absolute;
 top:100px;
 left:75px;
 border-radius:10px
}
@media screen and (max-width:840px) {
 .homepage-services .container .services-overview .service .service-main .service-image .account {
  left:50%;
  margin:0 0 0 -250px
 }
}
@media screen and (max-width:600px) {
 .homepage-services .container .services-overview .service .service-main .service-image .account {
  width:350px;
  margin:0 0 0 -175px;
  top:50px
 }
}
.homepage-services .container .services-overview .service .service-main .service-content {
 padding:0 0 0 75px;
 position:relative
}
@media screen and (max-width:1130px) {
 .homepage-services .container .services-overview .service .service-main .service-content {
  padding:0 0 0 60px
 }
}
@media screen and (max-width:840px) {
 .homepage-services .container .services-overview .service .service-main .service-content {
  width:100%;
  padding:25px 0 0
 }
}
.homepage-services .container .services-overview .service .service-main .service-content h3 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:18px;
 color:#0057ff
}
.homepage-services .container .services-overview .service .service-main .service-content .subtitle {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px
}
.homepage-services .container .services-overview .service .service-main .service-content p {
 text-align:left;
 margin:0 0 25px;
 font-size:18px;
 font-weight:400;
 padding:0
}
.homepage-services .container .services-overview .service .service-main .service-content .stats {
 display:flex;
 gap:50px;
 text-align:left;
 height:180px
}
@media screen and (max-width:840px) {
 .homepage-services .container .services-overview .service .service-main .service-content .stats {
  height:220px
 }
}
.homepage-services .container .services-overview .service .service-main .service-content .stats .stat .number {
 margin:0;
 padding:0;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:42px;
 color:#0057ff
}
.homepage-services .container .services-overview .service .service-main .service-content .stats .stat p {
 font-size:14px;
 margin:0;
 padding:0;
 color:#999;
 width:100%
}
.homepage-services .container .services-overview .service .service-main .service-content .icons {
 display:flex;
 justify-content:space-between;
 gap:3%;
 position:absolute;
 height:150px;
 width:120%;
 bottom:15px;
 left:-100px;
 z-index:10
}
@media screen and (max-width:1130px) {
 .homepage-services .container .services-overview .service .service-main .service-content .icons {
  height:70px
 }
}
.homepage-services .container .services-overview .service .service-main .service-content .icons svg {
 transform-origin:center center;
 -webkit-animation:twinkle 5s ease 0s infinite forwards;
 animation:twinkle 5s ease 0s infinite forwards
}
.homepage-services .container .services-overview .service .service-main .service-content .icons .first {
 -webkit-animation-delay:0s;
 animation-delay:0s
}
.homepage-services .container .services-overview .service .service-main .service-content .icons .second {
 -webkit-animation-delay:1.2s;
 animation-delay:1.2s
}
.homepage-services .container .services-overview .service .service-main .service-content .icons .third {
 -webkit-animation-delay:.5s;
 animation-delay:.5s
}
.homepage-services .container .services-overview .service .service-main .service-content .icons .fourth {
 -webkit-animation-delay:.8s;
 animation-delay:.8s
}
.homepage-services .container .services-overview .service .service-main .service-content .icons .sixth {
 -webkit-animation-delay:1.2s;
 animation-delay:1.2s
}
@-webkit-keyframes twinkle {
 0% {
  transform:scale(1)
 }
 50% {
  transform:scale(1.1)
 }
 to {
  transform:scale(1)
 }
}
@keyframes twinkle {
 0% {
  transform:scale(1)
 }
 50% {
  transform:scale(1.1)
 }
 to {
  transform:scale(1)
 }
}
.homepage-services .container .services-overview .service .subs {
 width:100%;
 display:grid;
 grid-template-columns:repeat(4,1fr);
 grid-template-rows:1fr;
 grid-column-gap:16px;
 grid-row-gap:0;
 margin:50px 0 0
}
@media screen and (max-width:1170px) {
 .homepage-services .container .services-overview .service .subs {
  grid-template-columns:repeat(2,1fr);
  gap:16px
 }
}
@media screen and (max-width:700px) {
 .homepage-services .container .services-overview .service .subs {
  grid-template-columns:repeat(1,1fr)
 }
}
.homepage-services .container .services-overview .service .subs .sub {
 background:#fff;
 padding:25px;
 border-radius:15px
}
.homepage-services .container .services-overview .service .subs .sub h4 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:20px;
 margin:0;
 padding:0
}
.homepage-services .container .services-overview .service .subs .sub p {
 text-align:left;
 margin:10px 0 0;
 color:#999;
 font-size:17px;
 padding:0;
 width:100%
}
.homepage-services .container .services-overview .service .subs .sub .learn-btn {
 width:30px;
 height:48px;
 background:#0057ff;
 border:2px solid #0057ff;
 border-radius:60px;
 color:#fff;
 margin:10px 0 0;
 display:flex;
 text-decoration:none;
 text-align:center;
 align-items:center;
 padding:2px 0 0 20px
}
.homepage-services .container .services-overview .service .subs .sub.learn-more {
 background:#e9f2ff
}
.homepage-services .container .services-overview .service.reversed .service-main {
 flex-direction:row-reverse
}
.homepage-services .container .services-overview .service.reversed .service-main .service-content {
 padding:0 75px 0 0
}
.homepage-services .container .members {
 display:flex;
 padding:50px;
 margin:0 0 50px;
 align-items:center;
 justify-content:center
}
@media screen and (max-width:1080px) {
 .homepage-services .container .members {
  flex-wrap:wrap;
  gap:30px
 }
}
.homepage-services .container .members h2 {
 text-align:right;
 margin:0;
 padding:0 50px 0 0;
 width:auto;
 flex-basis:350px
}
@media screen and (max-width:1080px) {
 .homepage-services .container .members h2 {
  flex-basis:calc(100% - 60px);
  text-align:center;
  padding:0 30px
 }
}
.homepage-services .container .members ul {
 list-style:none;
 margin:0 0 0 50px;
 padding:0;
 display:grid;
 grid-template-columns:repeat(4,1fr);
 grid-template-rows:1fr;
 grid-column-gap:25px;
 grid-row-gap:0
}
@media screen and (max-width:1080px) {
 .homepage-services .container .members ul {
  margin:0
 }
}
@media screen and (max-width:600px) {
 .homepage-services .container .members ul {
  grid-template-columns:repeat(2,1fr);
  gap:30px
 }
}
.homepage-services .container .members ul li {
 display:flex;
 align-items:center;
 justify-content:center
}
.homepage-services .container .services-two {
 width:100%;
 grid-template-columns:repeat(2,1fr);
 display:grid;
 gap:50px
}
@media screen and (max-width:1170px) {
 .homepage-services .container .services-two {
  grid-template-columns:repeat(1,1fr)
 }
}
.homepage-services .container .services-two .service {
 background:#fff;
 border-radius:30px
}
.homepage-services .container .services-two .service .content {
 margin:0 0 50px;
 padding:50px
}
.homepage-services .container .services-two .service .content h3 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:18px;
 color:#0057ff
}
.homepage-services .container .services-two .service .content .subtitle {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px;
 color:#000
}
@media screen and (max-width:1315px) {
 .homepage-services .container .services-two .service .content .subtitle {
  font-size:24px
 }
}
.homepage-services .container .services-two .service .content p {
 text-align:left;
 margin:0 0 25px;
 font-size:18px;
 font-weight:400;
 color:#999;
 padding:0
}
@media screen and (max-width:1315px) {
 .homepage-services .container .services-two .service .content p {
  font-size:16px
 }
}
.homepage-services .container .services-two .service .content .cta {
 padding:0 25px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 color:#000;
 font-size:18px;
 line-height:18px;
 text-decoration:none;
 border:2px solid #0057ff;
 display:flex;
 height:60px;
 width:100%;
 max-width:200px;
 text-align:center;
 align-items:center;
 justify-content:center;
 border-radius:60px;
 background:#0057ff;
 color:#fff
}
.homepage-services .container .services-two .service .content .cta i {
 margin:0 0 0 25px
}
.homepage-services .container .services-two .service .content .cta:hover {
 background:#fff;
 border:2px solid #0057ff;
 color:#0057ff
}
.homepage-services .container .services-two .service .img {
 height:400px;
 width:100%;
 position:relative;
 border-color:#dcedfb;
 background:linear-gradient(22.75deg,#0ff -42.47%,#4021ff 134.19%),#f4fcff;
 border-radius:30px;
 border:2px solid #dcedfb
}
@media screen and (max-width:650px) {
 .homepage-services .container .services-two .service .img {
  height:300px
 }
}
.homepage-services .container .services-two .service .img .card {
 position:absolute;
 width:400px;
 left:115px;
 bottom:75px;
 transform:rotate(125deg)
}
@media screen and (max-width:650px) {
 .homepage-services .container .services-two .service .img .card {
  width:300px;
  left:0
 }
}
.homepage-services .container .services-two .service .img .card .card-img {
 perspective:62.5rem;
 -webkit-animation:wiggle 2s infinite;
 animation:wiggle 2s infinite;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out;
 -webkit-animation-direction:alternate;
 animation-direction:alternate;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 transform-style:preserve-3d;
 will-change:transform
}
.homepage-services .container .services-two .service .img .card .card-img .glow {
 height:100%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 overflow:hidden;
 border-radius:7%/4%;
 z-index:10
}
.homepage-services .container .services-two .service .img .card .card-img .glow:after {
 width:1px;
 height:1px;
 display:block;
 content:"";
 position:absolute;
 background:rgba(255,255,255,.21);
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 box-shadow:0 0 100px 70px rgba(255,255,255,.25);
 border-radius:50%;
 -webkit-animation:wiggleGlow 2s infinite;
 animation:wiggleGlow 2s infinite;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out;
 -webkit-animation-direction:alternate;
 animation-direction:alternate;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.homepage-services .container .services-two .service .img .card .card-img img {
 width:100%;
 box-shadow:0 0 30px rgba(0,0,0,.15);
 background:rgba(0,0,0,.15);
 border-radius:7%/4%;
 transform-origin:100% 100%;
 position:relative
}
@-webkit-keyframes wiggle {
 0% {
  transform:translateZ(0) scaleX(1) rotateX(8deg) rotateY(6deg) rotate(0deg) skew(0deg,0deg)
 }
 100% {
  transform:translateZ(0) scaleX(1) rotateX(-8deg) rotateY(-6deg) rotate(0deg) skew(0deg,0deg)
 }
}
@keyframes wiggle {
 0% {
  transform:translateZ(0) scaleX(1) rotateX(8deg) rotateY(6deg) rotate(0deg) skew(0deg,0deg)
 }
 100% {
  transform:translateZ(0) scaleX(1) rotateX(-8deg) rotateY(-6deg) rotate(0deg) skew(0deg,0deg)
 }
}
@keyframes wiggle {
 0% {
  transform:translateZ(0) scaleX(1) rotateX(8deg) rotateY(6deg) rotate(0deg) skew(0deg,0deg)
 }
 to {
  transform:translateZ(0) scaleX(1) rotateX(-8deg) rotateY(-6deg) rotate(0deg) skew(0deg,0deg)
 }
}
@-webkit-keyframes wiggleGlow {
 0% {
  top:100%;
  left:0
 }
 to {
  top:0;
  left:100%
 }
}
@keyframes wiggleGlow {
 0% {
  top:100%;
  left:0
 }
 to {
  top:0;
  left:100%
 }
}
@-webkit-keyframes skew {
 0% {
  transform:rotateX(0) rotateY(-15deg) rotate(-15deg)
 }
 100% {
  transform:rotateX(-15deg) rotateY(-15deg) rotate(-15deg)
 }
}
@keyframes skew {
 0% {
  transform:rotateX(0) rotateY(-15deg) rotate(-15deg)
 }
 100% {
  transform:rotateX(-15deg) rotateY(-15deg) rotate(-15deg)
 }
}
.homepage-services .container .services-two .service .img .logos {
 background:url(/img/paymentlogos.png) 50% 50% repeat-y;
 background-size:550px;
 width:100%;
 height:853px;
 position:absolute;
 top:0;
 left:0;
 -webkit-animation:slide 30s ease infinite;
 animation:slide 30s ease infinite
}
@-webkit-keyframes slide {
 0% {
  transform:translateY(0)
 }
 100% {
  transform:translateY(-326.5px)
 }
}
@keyframes slide {
 0% {
  transform:translateY(0)
 }
 100% {
  transform:translateY(-326.5px)
 }
}
.homepage-services .container .services-two .acquiring-service .img {
 overflow:hidden
}
.homepage-services.pagebuilder .container .services-two .service .img {
 position:relative;
 overflow:hidden
}
.homepage-services.pagebuilder .container .services-two .service .img img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 position:absolute;
 top:0;
 left:0
}
.trusted-by {
 position:relative;
 width:100%;
 padding:50px 0 100px
}
.trusted-by .bg {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:100%;
 position:absolute;
 background:#fff
}
.trusted-by h2 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px;
 padding:0 30px 50px;
 margin:0;
 text-align:center;
 width:calc(100% - 60px);
 color:#333;
 position:relative;
 z-index:1
}
.trusted-by h2 span {
 color:#0057ff
}
.trusted-by ul {
 width:100%;
 margin:0;
 padding:0;
 list-style:none;
 display:flex
}
.trusted-by ul li {
 width:390px;
 opacity:.3;
 margin:0 25px;
 border-radius:30px
}
.trusted-by ul li .img {
 height:175px;
 width:100%;
 position:relative;
 border-color:#dcedfb;
 background:linear-gradient(22.75deg,#0ff -42.47%,#4021ff 134.19%),#f4fcff;
 border-radius:30px;
 overflow:hidden
}
.trusted-by ul li .img img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 position:absolute;
 top:0;
 left:0
}
.trusted-by ul li .content {
 padding:30px 15px
}
.trusted-by ul li .content h3 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:20px;
 margin:0;
 padding:0
}
.trusted-by ul li .content p {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:16px;
 color:#999
}
.trusted-by ul li.slick-active {
 opacity:1
}
.grid-overview {
 width:calc(100% - 60px);
 position:relative;
 padding:100px 30px
}
.grid-overview .container {
 max-width:1280px;
 margin:0 auto
}
.grid-overview .container h2 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px;
 padding:0 0 25px;
 margin:0 0 50px;
 text-align:left;
 width:100%;
 color:#000
}
.grid-overview .container h2 span {
 color:#0057ff
}
.grid-overview .container .items {
 width:100%;
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 grid-row-gap:50px;
 grid-column-gap:50px;
 row-gap:50px
}
@media screen and (max-width:750px) {
 .grid-overview .container .items {
  grid-template-columns:repeat(2,minmax(0,1fr))
 }
}
@media screen and (max-width:640px) {
 .grid-overview .container .items {
  grid-template-columns:repeat(1,minmax(0,1fr))
 }
}
.grid-overview .container .items i {
 font-size:32px;
 margin:0 0 15px
}
.grid-overview .container .items h3 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:22px;
 padding:0 0 25px;
 margin:0;
 text-align:left;
 width:100%;
 color:#000
}
.grid-overview .container .items h3 span {
 color:#0057ff
}
.grid-overview .container .items p {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 text-align:left;
 margin:0;
 color:#999;
 font-size:17px
}
.content-with-image {
 width:calc(100% - 60px);
 position:relative;
 padding:0 30px
}
.content-with-image .container {
 max-width:1280px;
 margin:0 auto
}
.content-with-image .container .section {
 width:100%;
 display:flex;
 margin:100px 0
}
@media screen and (max-width:880px) {
 .content-with-image .container .section {
  flex-wrap:wrap
 }
}
.content-with-image .container .section .image {
 width:45%;
 height:350px;
 background:#0057ff;
 border-radius:20px;
 overflow:hidden
}
.content-with-image .container .section .image img {
 max-width:100%
}
@media screen and (max-width:880px) {
 .content-with-image .container .section .image {
  width:100%;
  position:relative;
  margin:0 0 25px
 }
 .content-with-image .container .section .image img {
  display:block;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  position:absolute;
  top:0;
  left:0
 }
}
.content-with-image .container .section .content {
 width:50%;
 margin:0 0 0 5%;
 display:flex;
 align-items:center
}
@media screen and (max-width:880px) {
 .content-with-image .container .section .content {
  width:100%;
  margin:0
 }
}
.content-with-image .container .section .content h2 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px;
 padding:0 0 25px;
 margin:0;
 text-align:left;
 width:100%;
 color:#000
}
.content-with-image .container .section .content h2 span {
 color:#0057ff
}
.content-with-image .container .section .content p {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 text-align:left;
 margin:0;
 color:#999;
 font-size:17px
}
.content-with-image .container .section.reversed {
 flex-direction:row-reverse
}
.content-with-image .container .section.reversed .content {
 margin:0 5% 0 0
}
.get-started {
 position:relative;
 width:100%;
 padding:132px 0 0
}
@media screen and (max-width:1430px) {
 .get-started {
  padding:50px 30px 0;
  width:calc(100% - 60px)
 }
}
.get-started .step-nav {
 position:fixed;
 top:164px;
 display:flex;
 font-family:sofia-pro,sans-serif;
 margin:0;
 padding:0;
 list-style:none;
 background:#fff;
 border-bottom:1px solid #e6e6e6;
 width:100%;
 z-index:100;
 transition:all .5s
}
@media screen and (max-width:1430px) {
 .get-started .step-nav {
  margin:0 0 0 -30px
 }
}
@media screen and (max-width:1200px) {
 .get-started .step-nav {
  display:none
 }
}
.get-started .step-nav li {
 border-right:1px solid #e6e6e6;
 border-bottom:3px solid transparent;
 position:relative;
 width:100%;
 transition:all .5s
}
.get-started .step-nav li .number {
 font-family:sofia-pro,sans-serif;
 font-size:32px;
 line-height:32px;
 position:absolute;
 left:15px;
 top:13px;
 margin:0;
 padding:0;
 color:#bbb
}
.get-started .step-nav li h2 {
 font-size:14px;
 font-weight:400;
 padding:0 20px 0 65px;
 width:calc(100% - 85px);
 text-align:right
}
.get-started .step-nav li.active {
 background:#0057ff;
 border-bottom:3px solid #0057ff;
 color:#fff
}
.get-started .step-nav li.active .number {
 color:#fff
}
.get-started .step-nav li.inactive {
 opacity:.4
}
.get-started .step-nav li.filled {
 border-bottom:3px solid #23a400
}
.get-started .step-nav li.filled .number {
 color:#23a400
}
.get-started .step-nav li.filled h2 {
 color:#23a400
}
.get-started .step-nav li.filled.active .number {
 color:#fff
}
.get-started .step-nav li.filled.active h2 {
 color:#fff
}
.get-started .step-nav.sticky {
 top:86px
}
.get-started .hero-bg {
 position:absolute;
 width:100%;
 height:100vh;
 top:0;
 left:0;
 z-index:-1;
 overflow:hidden
}
.get-started .hero-bg svg {
 transform:scale(1.5)
}
.get-started .page-title {
 padding:0 0 25px;
 max-width:1060px;
 margin:0 auto
}
@media screen and (max-width:760px) {
 .get-started .page-title {
  text-align:center
 }
}
.get-started .page-title h1 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px
}
.get-started .page-title p {
 font-family:sofia-pro,sans-serif;
 font-size:16px
}
.get-started .page-title.center {
 text-align:center
}
.get-started .intro {
 margin:0 auto 50px 0
}
.get-started .intro ul {
 margin:0 auto;
 padding:0;
 list-style:none;
 display:flex;
 justify-content:center;
 gap:30px
}
@media screen and (max-width:760px) {
 .get-started .intro ul {
  flex-wrap:wrap
 }
}
.get-started .intro ul li {
 width:280px;
 background:#fff;
 border-radius:50px;
 border:1px solid #000;
 padding:40px 30px;
 font-size:20px;
 font-family:sofia-pro,sans-serif;
 box-shadow:0 -4px 16px #e7d4d8;
 transition:all .5s
}
.get-started .intro ul li a {
 color:#000;
 text-decoration:none
}
.get-started .intro ul li:hover {
 border-color:#0057ff;
 background:linear-gradient(22.75deg,#0ff -42.47%,#4021ff 134.19%),#f4fcff;
 color:#fff;
 cursor:pointer
}
.get-started .intro ul li:hover i {
 color:#fff
}
.get-started .intro ul li:hover a {
 color:#fff
}
.get-started .intro ul li i {
 font-size:36px;
 margin:15px 0 0;
 padding:0;
 color:#0057ff
}
.get-started .intro .bottom {
 text-align:center;
 font-family:sofia-pro,sans-serif;
 font-size:16px;
 margin:25px 0 75px
}
.get-started .intro .bottom a {
 color:#000
}
.get-started .download-app {
 background:#fff;
 padding:50px;
 margin:0 auto 50px;
 border-radius:50px;
 box-shadow:0 -4px 16px #e7d4d8;
 border:1px solid #000;
 max-width:1060px;
 text-align:center;
 display:none
}
.get-started .download-app h2 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px;
 margin:0 0 25px;
 padding:0
}
.get-started .download-app ul {
 list-style:none;
 margin:0;
 padding:0;
 display:flex;
 gap:30px;
 align-items:center;
 justify-content:center
}
.get-started .error {
 display:none;
 color:red;
 font-family:sofia-pro,sans-serif;
 font-weight:700
}
.get-started .steps .step.error-border {
 border-color:red
}
.get-started .confirmation {
 background:#fff;
 padding:50px;
 border-radius:50px;
 box-shadow:0 -4px 16px #e7d4d8;
 border:1px solid #000;
 max-width:960px;
 margin:0 auto 50px;
 display:none
}
.get-started .confirmation h2 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px;
 margin:0 0 25px;
 padding:0
}
.get-started .confirmation p {
 font-family:sofia-pro,sans-serif;
 font-size:16px
}
.get-started .steps {
 max-width:1060px;
 margin:0 auto;
 display:none
}
.get-started .steps .step {
 background:#fff;
 padding:50px;
 margin:0 0 50px;
 border-radius:50px;
 box-shadow:0 -4px 16px #e7d4d8;
 border:1px solid #000;
 display:none
}
@media screen and (max-width:760px) {
 .get-started .steps .step {
  padding:50px 30px
 }
}
.get-started .steps .step h2 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px;
 margin:0 0 25px;
 padding:0
}
.get-started .steps .step .snumber {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:18px;
 color:#0057ff;
 margin:0 0 10px;
 padding:0
}
.get-started .steps .step .astrix {
 color:red
}
.get-started .steps .step .dropdown-form {
 padding:20px;
 font-family:sofia-pro,sans-serif;
 border:1px solid #000;
 border-radius:5px;
 width:100%;
 margin:0 0 15px
}
.get-started .steps .step .iti--allow-dropdown {
 width:100%
}
.get-started .steps .step .options-wrapper {
 margin:0 0 15px;
 width:100%
}
.get-started .steps .step .field-wrapper {
 margin:12px 0 0;
 position:relative
}
.get-started .steps .step .field-wrapper .remove-bttn {
 position:absolute;
 right:20px;
 top:20px;
 margin:0;
 min-width:0;
 min-height:0;
 font:inherit;
 text-align:center;
 text-decoration:none;
 color:inherit;
 background:0 0;
 border:none;
 border-radius:0;
 box-shadow:none;
 outline:none;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 webkit-touch-callout:pan-y;
 webkit-tap-highlight-color:transparent;
 -webkit-tap-highlight-color:transparent;
 display:inline-block;
 padding:4px;
 width:22px;
 height:22px;
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:14px 14px;
 background-image:url(https://blackthorn.finance/img/close.svg);
 z-index:100
}
.get-started .steps .step .field-wrapper .select-field {
 position:relative;
 padding:18px 20px 18px 54px;
 background-color:rgba(226,236,237,.6);
 border:2px solid transparent;
 border-radius:8px;
 cursor:pointer;
 font-family:sofia-pro,sans-serif
}
.get-started .steps .step .field-wrapper .select-field .check-icon {
 position:absolute;
 display:inline-block;
 width:18px;
 height:18px;
 border-radius:50%;
 left:20px;
 top:21px;
 background-color:#000
}
.get-started .steps .step .field-wrapper .select-field .check-icon::before {
 border-radius:50%;
 left:-1px;
 top:-1px;
 position:absolute;
 display:inline-block;
 width:20px;
 height:20px;
 content:"";
 background-color:#fff
}
.get-started .steps .step .field-wrapper .selected .select-field {
 border:1px solid #000
}
.get-started .steps .step .field-wrapper .selected .select-field .check-icon::before {
 transition:transform .2s ease;
 transform:scale(.3)
}
.get-started .steps .step .field-wrapper .text-field {
 width:calc(100% - 40px);
 border:0;
 border-bottom:1px solid #000;
 padding:15px 20px;
 margin:0 0 15px;
 font-family:sofia-pro,sans-serif;
 border-radius:3px
}
.get-started .steps .step .field-wrapper .text-field.phone-field {
 padding:15px 20px 15px 52px
}
.get-started .steps .step .field-wrapper .hidden-check {
 position:absolute;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 outline:none;
 box-shadow:none;
 border:none
}
.get-started .steps .step p {
 font-family:sofia-pro,sans-serif
}
.get-started .steps .step .number-label {
 display:block;
 font-size:23px;
 line-height:30px;
 margin:0 0 8px
}
.get-started .steps .step .main-fields {
 font-family:sofia-pro,sans-serif
}
.get-started .steps .step .main-fields .row {
 display:flex;
 width:100%;
 gap:30px
}
@media screen and (max-width:760px) {
 .get-started .steps .step .main-fields .row {
  gap:0;
  flex-wrap:wrap
 }
}
.get-started .steps .step .main-fields .row .form-field {
 width:50%
}
@media screen and (max-width:760px) {
 .get-started .steps .step .main-fields .row .form-field {
  width:100%
 }
}
.get-started .steps .step .main-fields .row .form-field .field-label {
 width:100%;
 margin:0 0 10px;
 display:flex
}
.get-started .steps .step .main-fields .row .form-field .text-field {
 width:calc(100% - 40px);
 border:1px solid #000;
 padding:15px 20px;
 margin:0 0 15px;
 font-family:sofia-pro,sans-serif;
 border-radius:3px
}
.get-started .steps .step .main-fields .row .form-field .text-field.phone-field {
 padding:15px 25px 15px 72px;
 width:100%;
 margin:0 0 15px
}
.get-started .steps .step .main-fields .row .form-field .iti__selected-flag {
 padding:0 16px 0 18px
}
.get-started .steps .step .main-fields .row .form-field .error-text {
 margin:0 0 15px;
 padding:0;
 font-family:sofia-pro,sans-serif;
 font-size:16px;
 color:red;
 display:none
}
.get-started .steps .step .main-fields .row .form-field .notfilled {
 border:1px solid red
}
.get-started .steps .step .main-fields .row .form-field .filled {
 border:1px solid #23a400
}
.get-started .steps .step .main-fields .row .hs-form__field__phone {
 margin:0 0 15px
}
.get-started .steps .step .main-fields .row .form-field-full {
 width:100%
}
.get-started .steps .step .main-fields .submit-bttn {
 padding:0 25px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 color:#000;
 font-size:18px;
 line-height:18px;
 text-decoration:none;
 border:2px solid #000;
 display:flex;
 height:60px;
 -webkit-border-radius:5px;
 text-align:center;
 align-items:center;
 justify-content:center;
 border-radius:5px;
 background:#000;
 color:#fff;
 margin:15px 0 0
}
.get-started .steps .step .radio2-wrapper,
.get-started .steps .step .radio3-wrapper {
 flex-wrap:wrap;
 flex-direction:row;
 display:flex;
 position:relative
}
.get-started .steps .step .radio2-wrapper fieldset,
.get-started .steps .step .radio3-wrapper fieldset {
 position:relative
}
.get-started .steps .step .radio2-wrapper .remove-bttn,
.get-started .steps .step .radio3-wrapper .remove-bttn {
 position:absolute;
 right:20px;
 top:20px;
 margin:0;
 min-width:0;
 min-height:0;
 font:inherit;
 text-align:center;
 text-decoration:none;
 color:inherit;
 background:0 0;
 border:none;
 border-radius:0;
 box-shadow:none;
 outline:none;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 webkit-touch-callout:pan-y;
 webkit-tap-highlight-color:transparent;
 -webkit-tap-highlight-color:transparent;
 display:inline-block;
 padding:4px;
 width:22px;
 height:22px;
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:14px 14px;
 background-image:url(https://blackthorn.finance/img/close.svg);
 z-index:100
}
.get-started .steps .step .radio2-wrapper .radio2-field,
.get-started .steps .step .radio3-wrapper .radio2-field {
 width:50%;
 font-family:sofia-pro,sans-serif
}
@media screen and (max-width:760px) {
 .get-started .steps .step .radio2-wrapper .radio2-field,
 .get-started .steps .step .radio3-wrapper .radio2-field {
  width:100%
 }
}
.get-started .steps .step .radio2-wrapper .radio2-field fieldset,
.get-started .steps .step .radio3-wrapper .radio2-field fieldset {
 margin:0 0 12px;
 padding:0 6px;
 border:0
}
.get-started .steps .step .radio2-wrapper .radio3-field,
.get-started .steps .step .radio3-wrapper .radio3-field {
 width:33.3333333333%;
 font-family:sofia-pro,sans-serif
}
@media screen and (max-width:760px) {
 .get-started .steps .step .radio2-wrapper .radio3-field,
 .get-started .steps .step .radio3-wrapper .radio3-field {
  width:100%
 }
}
.get-started .steps .step .radio2-wrapper .radio3-field fieldset,
.get-started .steps .step .radio3-wrapper .radio3-field fieldset {
 margin:0 0 12px;
 padding:0 6px;
 border:0
}
.get-started .steps .step .radio2-wrapper .hidden-check,
.get-started .steps .step .radio3-wrapper .hidden-check {
 position:absolute;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 outline:none;
 box-shadow:none;
 border:none
}
.get-started .steps .step .radio2-wrapper .checkbox-field,
.get-started .steps .step .radio3-wrapper .checkbox-field {
 position:relative;
 padding:18px 20px 18px 54px;
 background-color:rgba(226,236,237,.6);
 border:2px solid transparent;
 border-radius:8px;
 cursor:pointer
}
.get-started .steps .step .radio2-wrapper .checkbox-vis,
.get-started .steps .step .radio3-wrapper .checkbox-vis {
 border-radius:4px;
 background-repeat:no-repeat;
 background-size:12px 9px;
 background-position:3px 4px;
 position:absolute;
 display:inline-block;
 width:18px;
 height:18px;
 left:20px;
 top:21px;
 background-color:#000;
 border-radius:4px;
 background-image:url(https://blackthorn.finance/img/checkbox.svg);
 background-repeat:no-repeat;
 background-size:12px 9px;
 background-position:3px 4px
}
.get-started .steps .step .radio2-wrapper .checkbox-vis:before,
.get-started .steps .step .radio3-wrapper .checkbox-vis:before {
 left:-1px;
 top:-1px;
 position:absolute;
 display:inline-block;
 width:20px;
 height:20px;
 content:"";
 background-color:#fff
}
.get-started .steps .step .radio2-wrapper .field-label.selected .checkbox-vis:before,
.get-started .steps .step .radio3-wrapper .field-label.selected .checkbox-vis:before {
 transition:opacity .2s ease;
 opacity:0
}
.get-started .steps .step .checkbox-wrapper,
.get-started .steps .step .radio-wrapper {
 font-family:sofia-pro,sans-serif
}
.get-started .steps .step .checkbox-wrapper .checkbox-cont,
.get-started .steps .step .radio-wrapper .checkbox-cont {
 margin-top:12px
}
.get-started .steps .step .checkbox-wrapper .checkbox-cont .checkbox-label .checkbox-field,
.get-started .steps .step .radio-wrapper .checkbox-cont .checkbox-label .checkbox-field {
 position:relative;
 padding:18px 20px 18px 54px;
 background-color:rgba(226,236,237,.6);
 border:2px solid transparent;
 border-radius:8px;
 cursor:pointer
}
.get-started .steps .step .checkbox-wrapper .checkbox-cont .checkbox-label .checkbox-vis,
.get-started .steps .step .radio-wrapper .checkbox-cont .checkbox-label .checkbox-vis {
 border-radius:4px;
 background-repeat:no-repeat;
 background-size:12px 9px;
 background-position:3px 4px;
 position:absolute;
 display:inline-block;
 width:18px;
 height:18px;
 left:20px;
 top:21px;
 background-color:#000;
 border-radius:4px;
 background-image:url(https://blackthorn.finance/img/checkbox.svg);
 background-repeat:no-repeat;
 background-size:12px 9px;
 background-position:3px 4px
}
.get-started .steps .step .checkbox-wrapper .checkbox-cont .checkbox-label .checkbox-vis:before,
.get-started .steps .step .radio-wrapper .checkbox-cont .checkbox-label .checkbox-vis:before {
 left:-1px;
 top:-1px;
 position:absolute;
 display:inline-block;
 width:20px;
 height:20px;
 content:"";
 background-color:#fff
}
.get-started .steps .step .checkbox-wrapper .checkbox-cont .checkbox-label .hidden-check,
.get-started .steps .step .radio-wrapper .checkbox-cont .checkbox-label .hidden-check {
 position:absolute;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 outline:none;
 box-shadow:none;
 border:none
}
.get-started .steps .step .checkbox-wrapper .checkbox-cont .text-field,
.get-started .steps .step .radio-wrapper .checkbox-cont .text-field {
 width:calc(100% - 40px);
 border:0;
 border-bottom:1px solid #000;
 padding:15px 20px;
 margin:0 0 15px;
 font-family:sofia-pro,sans-serif
}
.get-started .steps .step .checkbox-wrapper .checkbox-cont .checkbox-label.selected .checkbox-vis:before,
.get-started .steps .step .radio-wrapper .checkbox-cont .checkbox-label.selected .checkbox-vis:before {
 transition:opacity .2s ease;
 opacity:0
}
.get-started .steps .step .payment-volumes {
 width:100%;
 display:flex;
 gap:30px;
 font-family:sofia-pro,sans-serif
}
@media screen and (max-width:760px) {
 .get-started .steps .step .payment-volumes {
  flex-wrap:wrap
 }
}
.get-started .steps .step .payment-volumes .vol-group {
 width:50%
}
@media screen and (max-width:760px) {
 .get-started .steps .step .payment-volumes .vol-group {
  width:100%
 }
}
.get-started .steps .step .payment-volumes .vol-group label {
 width:100%;
 display:flex;
 font-family:sofia-pro,sans-serif
}
.get-started .steps .step .payment-volumes .vol-group .vol-fields {
 width:100%;
 display:flex;
 background:#f9f9f9
}
.get-started .steps .step .payment-volumes .vol-group .vol-fields input {
 display:flex;
 flex-basis:0;
 flex-grow:1;
 width:auto;
 height:26px;
 min-width:0;
 margin:0;
 padding:18px 10px 16px;
 background-color:transparent;
 outline:none;
 font-family:sofia-pro,sans-serif;
 font-size:20px;
 line-height:22px;
 text-align:center;
 border:0;
 border-radius:0
}
.get-started .steps .step .payment-volumes .vol-group .vol-fields button {
 margin:0;
 display:inline-block;
 min-width:0;
 min-height:0;
 font:inherit;
 text-align:center;
 text-decoration:none;
 color:inherit;
 background:0 0;
 border:none;
 border-radius:0;
 box-shadow:none;
 outline:none;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 webkit-touch-callout:pan-y;
 webkit-tap-highlight-color:transparent;
 -webkit-tap-highlight-color:transparent;
 display:flex;
 padding:16px 20px;
 flex:0 0 auto;
 border-radius:5px
}
.get-started .steps .step .payment-volumes .vol-group .decrease-bttn:before {
 display:inline-block;
 width:24px;
 height:24px;
 content:"";
 border-radius:50%;
 background-color:#000;
 background-repeat:no-repeat;
 background-size:contain;
 background-position:50% 50%;
 background-size:12px 2px;
 background-image:url(https://blackthorn.finance/img/decrease.svg)
}
.get-started .steps .step .payment-volumes .vol-group .increase-bttn:before {
 display:inline-block;
 width:24px;
 height:24px;
 content:"";
 border-radius:50%;
 background-color:#000;
 background-repeat:no-repeat;
 background-size:contain;
 background-position:50% 50%;
 background-size:12px 12px;
 background-image:url(https://blackthorn.finance/img/increase.svg)
}
.get-started .steps .step .step-ctas {
 width:100%;
 display:flex;
 gap:30px
}
@media screen and (max-width:760px) {
 .get-started .steps .step .step-ctas {
  flex-wrap:wrap;
  gap:0
 }
}
.get-started .steps .step .step-ctas .left {
 display:flex;
 width:100%;
 gap:30px
}
@media screen and (max-width:760px) {
 .get-started .steps .step .step-ctas .left {
  flex-wrap:wrap;
  gap:0;
  flex-direction:column-reverse
 }
}
.get-started .steps .step .step-ctas .go-back {
 background:#fff;
 color:#000;
 border:1px solid #000;
 padding:0 25px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 color:#000;
 font-size:18px;
 line-height:18px;
 text-decoration:none;
 display:flex;
 height:60px;
 -webkit-border-radius:5px;
 text-align:center;
 align-items:center;
 justify-content:center;
 border-radius:5px;
 margin:10px 0 0
}
@media screen and (max-width:760px) {
 .get-started .steps .step .step-ctas .go-back {
  width:100%
 }
}
.get-started .steps .step .step-ctas .go-back i {
 margin:0 25px 0 0
}
.get-started .steps .step .step-ctas .skip {
 background:#fff;
 color:#000;
 border:1px solid #000;
 padding:0 25px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 color:#000;
 font-size:18px;
 line-height:18px;
 text-decoration:none;
 display:flex;
 height:60px;
 flex-basis:230px;
 -webkit-border-radius:5px;
 text-align:center;
 align-items:center;
 justify-content:center;
 border-radius:5px;
 margin:10px 0 0
}
@media screen and (max-width:760px) {
 .get-started .steps .step .step-ctas .skip {
  width:100%;
  flex-basis:100%
 }
}
.get-started .steps .step .step-ctas .skip i {
 margin:0 0 0 25px
}
.get-started .steps .step .step-ctas .continue-bttn,
.get-started .steps .step .step-ctas .submit-bttn {
 padding:0 25px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 color:#000;
 font-size:18px;
 line-height:18px;
 text-decoration:none;
 border:1px solid #000;
 display:flex;
 height:60px;
 -webkit-border-radius:5px;
 text-align:center;
 align-items:center;
 justify-content:center;
 border-radius:5px;
 background:#000;
 color:#fff;
 margin:10px 0 0
}
@media screen and (max-width:760px) {
 .get-started .steps .step .step-ctas .continue-bttn,
 .get-started .steps .step .step-ctas .submit-bttn {
  width:100%
 }
}
.get-started .steps .step .step-ctas .continue-bttn i,
.get-started .steps .step .step-ctas .submit-bttn i {
 margin:0 0 0 25px
}
@media screen and (max-width:760px) {
 .get-started .steps .step .step-ctas.twobttns {
  flex-direction:column-reverse
 }
}
.get-started .steps .step .hidden-dropdown {
 display:none
}
.get-started .step.summary h2 {
 margin:0
}
.get-started .step.summary .summary-overview {
 width:100%;
 display:none
}
.get-started .step.summary .section-summary {
 border:1px solid #e6e6e6;
 padding:50px;
 border-radius:25px;
 margin:25px 0 0
}
.get-started .step.summary .section-summary h3 {
 font-family:sofia-pro,sans-serif;
 font-size:28px;
 font-weight:400;
 margin-top:0
}
.get-started .step.summary .section-summary h4 {
 font-family:sofia-pro,sans-serif;
 font-size:18px;
 font-weight:400;
 color:#777
}
.get-started .step.summary .section-summary h5 {
 font-family:sofia-pro,sans-serif;
 font-size:18px;
 font-weight:400;
 color:#777
}
.get-started .step.summary .section-summary .fields {
 width:100%
}
.get-started .step.summary .section-summary .fields .row {
 width:100%;
 display:flex;
 gap:30px
}
.get-started .step.summary .section-summary .fields .row .first-name {
 width:50%
}
.get-started .step.summary .section-summary .fields .row .last-name {
 width:50%
}
.get-started .step.summary .summary-ctas {
 display:flex;
 gap:30px;
 margin:25px 0
}
.get-started .step.summary .summary-ctas .submit-bttn {
 border:2px solid #000;
 padding:0 25px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 font-size:18px;
 line-height:18px;
 text-decoration:none;
 display:flex;
 height:60px;
 -webkit-border-radius:5px;
 text-align:center;
 align-items:center;
 justify-content:center;
 border-radius:5px;
 margin:10px 0 0;
 background:#000;
 color:#fff;
 border:2px solid #000
}
.get-started .step.summary .summary-ctas .continue-bttn {
 background:#fff;
 color:#000;
 border:2px solid #000;
 padding:0 25px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 font-size:18px;
 line-height:18px;
 text-decoration:none;
 display:flex;
 height:60px;
 -webkit-border-radius:5px;
 text-align:center;
 align-items:center;
 justify-content:center;
 border-radius:5px;
 margin:10px 0 0
}
.get-started .step.summary .summary-ctas .continue-bttn i {
 margin:0 0 0 25px
}
.get-started .step.summary .section-summary.payment-amounts h4 {
 color:#000
}
.autocomplete-suggestions {
 z-index:100;
 background:#fff;
 font-family:sofia-pro,sans-serif;
 box-shadow:5px 5px 15px 5px rgba(0,0,0,.2);
 border-radius:10px;
 margin:15px 0 0;
 padding:30px;
 width:calc(958px - 60px)!important
}
.autocomplete-suggestions .autocomplete-suggestion {
 padding:10px 0
}
.or {
 font-family:sofia-pro,sans-serif;
 color:#777
}
.qr-codes {
 width:100%;
 display:flex;
 justify-content:center;
 gap:30px
}
@media screen and (max-width:700px) {
 .qr-codes {
  flex-wrap:wrap
 }
}
.qr-codes .qr-code {
 text-align:center
}
.qr-codes .qr-code h2 {
 text-align:center;
 color:#000;
 font-size:24px
}
.article {
 width:calc(100% - 60px);
 padding:50px 30px
}
.article .container p {
 font-family:sofia-pro,sans-serif;
 font-size:18px
}
.careers-single {
 width:100%;
 padding:0
}
.careers-single .title {
 background:#f2f2f2;
 width:100%;
 padding:100px 0;
 text-align:center
}
.careers-single .title h1 {
 font-family:sofia-pro,sans-serif;
 font-size:32px;
 margin:0;
 padding:0
}
.careers-single .career-nav {
 width:100%;
 border-bottom:1px solid #e6e6e6;
 margin:0 0 50px
}
.careers-single .career-nav ul {
 margin:0;
 padding:0;
 list-style:none;
 display:flex
}
.careers-single .career-nav ul li {
 margin:0 50px 0 0
}
.careers-single .career-nav ul li a {
 padding:25px 0;
 display:inline-block;
 font-family:sofia-pro,sans-serif;
 color:#000;
 text-decoration:none
}
.careers-single .career-nav ul li.active a {
 color:#29029c;
 border-bottom:2px solid #29029c
}
.careers-single .container {
 max-width:800px;
 margin:0 auto
}
.careers-single h1 {
 font-family:sofia-pro,sans-serif;
 font-size:32px
}
.careers-single h2 {
 font-family:sofia-pro,sans-serif;
 font-size:24px
}
.careers-single p {
 font-family:sofia-pro,sans-serif;
 font-size:18px
}
.careers-pages {
 width:100%
}
.careers-pages .hero-bg {
 position:absolute;
 width:100%;
 height:100vh;
 top:0;
 left:0;
 z-index:-1;
 overflow:hidden
}
.careers-pages .hero-bg svg {
 transform:scale(1.5)
}
.careers-pages .page-title {
 width:100%;
 padding:40px 0 50px;
 text-align:center
}
.careers-pages .page-title h1 {
 font-family:sofia-pro,sans-serif;
 font-size:48px;
 font-weight:400
}
.careers-pages .careers-list {
 padding:50px 0;
 margin:0 auto;
 list-style:none;
 max-width:800px
}
.careers-pages .careers-list li {
 width:100%;
 display:flex;
 margin:0 0 25px
}
.careers-pages .careers-list li a {
 width:100%;
 display:flex;
 border:1px solid #000;
 padding:25px;
 border-radius:15px;
 background:#fff;
 font-family:sofia-pro,sans-serif;
 color:#000;
 text-decoration:none
}
.mobile-menu .top-ctas {
 display:flex;
 padding:30px 30px 0;
 margin:0;
 list-style:none;
 width:calc(100% - 60px);
 flex-grow:0;
 flex-shrink:0
}
.mobile-menu .top-ctas li {
 display:flex;
 width:100%;
 position:relative
}
.mobile-menu .top-ctas li a {
 padding:0 25px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 color:#000;
 font-size:16px;
 line-height:18px;
 text-decoration:none;
 border:2px solid #0057ff;
 display:flex;
 height:60px;
 width:100%;
 text-align:center;
 align-items:center;
 justify-content:center;
 border-radius:60px;
 background:#0057ff;
 color:#fff
}
.mobile-menu .top-ctas li a i {
 margin:0 0 0 25px
}
.mobile-menu .top-ctas li a:hover {
 background:#fff;
 border:2px solid #0057ff;
 color:#0057ff
}
.mobile-menu .top-ctas li .tl-svg {
 height:15px
}
.mobile-menu .top-ctas li.learn-more {
 margin:0 10px 0 0;
 position:relative;
 text-indent:-7.5px
}
.mobile-menu .top-ctas li.learn-more a {
 background:#fff;
 color:#0057ff;
 border:2px solid #0057ff
}
.mobile-menu .top-ctas li.learn-more a:hover {
 background:#0057ff;
 color:#fff
}
.mobile-menu .top-ctas li.learn-more a:hover svg path {
 fill:#fff
}
.mobile_menu {
 display:none;
 position:relative;
 padding:0 30px;
 width:calc(100% - 60px)
}
.sm_menu_outer.active .mobile_menu {
 display:block
}
.sm_menu_outer {
 height:calc(100vh - 146px);
 overflow-y:scroll;
 overflow-x:hidden;
 position:fixed;
 right:0;
 bottom:0;
 z-index:-9;
 width:100%;
 opacity:0;
 background-color:#fff;
 transition:opacity .2s
}
@media screen and (max-width:750px) {
 .sm_menu_outer {
  height:calc(100vh - 86px)
 }
}
.sm_menu_outer.active {
 opacity:1;
 z-index:999
}
.sm_menu_outer .mobile_menu li.back a {
 padding:20px 5px 20px 55px;
 background:url("https://blackthorn.finance/img/back.png") no-repeat scroll 15px center/5% auto;
 color:#999
}
.sm_menu_outer .mobile_menu a {
 color:#000;
 display:block;
 font:300 18px/140% sofia-pro,sans-serif;
 padding:20px 15px 20px 0;
 text-decoration:none
}
.sm_menu_outer.slide .mobile_menu .submenu {
 background-color:#fff;
 height:100%;
 position:absolute;
 right:-100%;
 top:0;
 transition:all .5s ease 0s;
 width:calc(100% - 60px);
 z-index:999;
 padding:0 30px
}
.sm_menu_outer.slide .mobile_menu li.active>.submenu {
 right:0
}
.sm_menu_outer .mobile_menu li {
 list-style-type:none;
 border-bottom:.5px solid transparent;
 -o-border-image:linear-gradient(to right,rgba(0,0,0,0) 0%,#2a2a2a 20%,#2a2a2a 50%,#2a2a2a 80%,rgba(0,0,0,0) 100%) 0 0 1 0;
 border-image:linear-gradient(to right,rgba(0,0,0,0) 0%,#2a2a2a 20%,#2a2a2a 50%,#2a2a2a 80%,rgba(0,0,0,0) 100%) 0 0 1 0;
 color:#fff
}
.sm_menu_outer.slide .mobile_menu li.hasChild>a {
 background:url("https://blackthorn.finance/img/next.png") no-repeat scroll 95% center/5% auto
}
#sm_menu_ham {
 cursor:pointer;
 float:right;
 height:25px;
 position:fixed;
 right:5px;
 transform:rotate(0deg);
 transition:all .5s ease-in-out 0s;
 width:30px;
 top:30px;
 right:15px;
 z-index:9999
}
#sm_menu_ham span {
 background-color:#000;
 border-radius:5px;
 display:block;
 height:2px;
 left:0;
 opacity:1;
 position:absolute;
 transform:rotate(0deg);
 transition:all .25s ease-in-out 0s;
 width:30px
}
#sm_menu_ham span:nth-child(1) {
 top:0
}
#sm_menu_ham span:nth-child(2),
#sm_menu_ham span:nth-child(3) {
 top:10px
}
#sm_menu_ham span:nth-child(4) {
 top:20px
}
#sm_menu_ham.open span:nth-child(1) {
 left:50%;
 top:18px;
 width:0
}
#sm_menu_ham.open span:nth-child(2) {
 transform:rotate(45deg)
}
#sm_menu_ham.open span:nth-child(3) {
 transform:rotate(-45deg)
}
#sm_menu_ham.open span:nth-child(4) {
 left:50%;
 top:18px;
 width:0
}
.sm_menu_outer.accordion .mobile_menu .submenu,
.sm_menu_outer.accordion .mobile_menu li.hasChild ul.submenu {
 display:none
}
.sm_menu_outer.accordion .mobile_menu .hasChild>.submenu li {
 padding-left:20px
}
.sm_menu_outer.accordion .mobile_menu li.active>.submenu {
 right:auto
}
.sm_menu_outer.accordion .mobile_menu li.hasChild>a {
 position:relative
}
.sm_menu_outer.accordion .mobile_menu li.hasChild>a::before {
 position:absolute;
 content:"";
 background:url("https://blackthorn.finance/img/next.png") no-repeat scroll 50% center/60% auto;
 right:0;
 top:20px;
 width:40px;
 height:25px;
 transition:all .19s ease
}
.sm_menu_outer.accordion .mobile_menu li.hasChild.active>a::before {
 transform:rotate(89deg);
 transition:all .19s ease
}
.sm_menu_outer.accordion li {
 display:block
}
.get-started .fees-overview.intro {
 padding:100px 0
}
.get-started .fees-overview.intro p {
 font-size:16px;
 margin:0;
 padding:0
}
.get-started .fees-overview.intro p.l2 {
 font-size:28px;
 margin:0;
 padding:0
}
.get-started .fees-overview.intro h2 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px;
 padding:0 0 25px;
 margin:0;
 text-align:center;
 width:100%;
 color:#000
}
.get-started .fees-overview.intro h2 span {
 color:#0057ff
}
.get-started .fees-overview.intro ul {
 padding:0 0 50px
}
.boring-pages h4 {
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-size:32px;
 padding:0 0 25px;
 margin:0;
 text-align:left;
 width:100%;
 color:#000
}
.boring-pages h4 span {
 color:#0057ff
}
.boring-pages .page-title h1 {
 margin-bottom:10px
}
.boring-pages .page-title p {
 color:#0057ff;
 font-family:sofia-pro,sans-serif;
 margin:0;
 font-size:22px
}
.boring-pages .fee-nav {
 max-width:800px;
 margin:0 auto 100px
}
.boring-pages .fee-nav ul {
 margin:0;
 padding:0;
 list-style:none;
 display:flex;
 border-radius:20px;
 gap:30px
}
.boring-pages .fee-nav ul li {
 border:1px solid #000;
 background:#fff;
 width:100%;
 padding:50px;
 border-radius:20px
}
.boring-pages .fee-nav ul li a {
 color:#000;
 text-decoration:none
}
.boring-pages .fee-nav ul li h2 {
 font-size:16px;
 font-weight:400;
 font-family:sofia-pro,sans-serif;
 margin:0;
 padding:0
}
.boring-pages .fee-nav ul li p {
 font-size:28px;
 font-family:sofia-pro,sans-serif;
 margin:0;
 padding:0
}
.boring-pages .fee-nav ul li.active {
 background:#000
}
.boring-pages .fee-nav ul li.active h2 {
 color:#fff
}
.boring-pages .fee-nav ul li.active p {
 color:#fff
}
.boring-pages figure {
 margin:0;
 padding:0
}
.boring-pages td {
 padding:20px;
 font-family:sofia-pro,sans-serif
}
.boring-pages .wp-block-table table {
 border-collapse:collapse;
 width:100%
}
.boring-pages .wp-block-table .has-fixed-layout {
 table-layout:fixed;
 width:100%
}
.boring-pages :-webkit-any(table,
div._important),
.boring-pages :is(table,
div._important) {
 display:table
}
.boring-pages .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
 background-color:#f0f0f0
}
.boring-pages :-webkit-any(tr,
div._important),
.boring-pages :is(tr,
div._important) {
 display:table-row
}
.boring-pages .wp-block-table.is-style-stripes td,
.boring-pages .wp-block-table.is-style-stripes th {
 border-color:transparent
}
.contact-form {
 max-width:800px;
 margin:0 auto
}
.contact-form form {
 background:#fff;
 max-width:800px;
 width:100%;
 margin:0 auto;
 padding:100px;
 font-family:sofia-pro,sans-serif;
 border-radius:20px
}
.contact-form form label {
 width:100%;
 padding:0 0 10px
}
.contact-form form label sup {
 top:0;
 color:red
}
.contact-form form input[type=text] {
 padding:15px 25px;
 width:calc(100% - 50px);
 margin:10px 0 0
}
.contact-form form textarea {
 padding:25px;
 width:calc(100% - 50px);
 margin:10px 0 0
}
.contact-form form button {
 padding:0 25px;
 font-family:sofia-pro,sans-serif;
 font-weight:400;
 font-style:normal;
 color:#000;
 font-size:18px;
 line-height:18px;
 text-decoration:none;
 border:2px solid #000;
 display:flex;
 height:60px;
 -webkit-border-radius:5px;
 width:100%;
 text-align:center;
 align-items:center;
 justify-content:center;
 border-radius:5px;
 background:#000;
 color:#fff
}
.contact-form form .form-row {
 width:100%;
 margin:0 0 25px
}
.contact-form form .hidden {
 display:none
}
.footer {
 width:100%;
 background:#fff;
 border-top:1px solid #e6e6e6;
 border-bottom:1px solid #e6e6e6
}
.footer .container {
 max-width:1230px;
 margin:0 auto;
 padding:0 25px
}
.footer .container .top-footer {
 padding:50px 0;
 display:flex
}
@media screen and (max-width:580px) {
 .footer .container .top-footer {
  flex-wrap:wrap
 }
}
.footer .container .top-footer .logo svg {
 height:60px;
 width:auto
}
.footer .container .top-footer .status-summary {
 width:265px;
 padding:0 0 0 30px;
 border:1px solid #d1d1d1;
 border-radius:60px;
 position:relative;
 margin-left:auto
}
@media screen and (max-width:580px) {
 .footer .container .top-footer .status-summary {
  margin:25px 0 0
 }
}
.footer .container .top-footer .status-summary p {
 font-size:16px;
 font-family:sofia-pro,sans-serif;
 font-weight:500;
 padding:3px 0 0
}
.footer .container .top-footer .status-summary .online {
 background:#2eba17;
 width:20px;
 height:20px;
 border-radius:50%;
 box-shadow:0 0 1px 1px #0000001a;
 position:absolute;
 top:21px;
 right:20px
}
.footer .container .top-footer .status-summary .pulse {
 -webkit-animation:pulse-animation 2s infinite;
 animation:pulse-animation 2s infinite
}
@-webkit-keyframes pulse-animation {
 0% {
  box-shadow:0 0 0 0 rgba(0,0,0,.2)
 }
 100% {
  box-shadow:0 0 0 20px transparent
 }
}
@keyframes pulse-animation {
 0% {
  box-shadow:0 0 0 0 rgba(0,0,0,.2)
 }
 100% {
  box-shadow:0 0 0 20px transparent
 }
}
.footer .container .footer-links {
 padding:0 0 50px;
 display:grid;
 grid-template-columns:repeat(5,1fr);
 grid-template-rows:1fr;
 grid-column-gap:25px;
 grid-row-gap:0
}
@media screen and (max-width:930px) {
 .footer .container .footer-links {
  grid-template-columns:repeat(1,1fr)
 }
}
.footer .container .footer-links .link-block h2 {
 font-size:20px;
 font-family:sofia-pro,sans-serif;
 font-weight:500;
 margin:0 0 25px
}
@media screen and (max-width:930px) {
 .footer .container .footer-links .link-block h2 {
  border-bottom:1px solid #e6e6e6;
  padding:0 0 25px
 }
}
.footer .container .footer-links .link-block ul {
 margin:0;
 padding:0;
 list-style:none
}
@media screen and (max-width:930px) {
 .footer .container .footer-links .link-block ul {
  display:none;
  margin:0 0 25px
 }
}
.footer .container .footer-links .link-block ul li {
 margin:10px 0
}
.footer .container .footer-links .link-block ul li a {
 color:#000;
 text-decoration:none;
 font-family:sofia-pro,sans-serif;
 font-size:16px
}
.footer .container .footer-bottom {
 border-top:1px solid #d1d1d1;
 padding:50px 0;
 display:flex;
 align-items:center
}
@media screen and (max-width:1115px) {
 .footer .container .footer-bottom {
  flex-wrap:wrap;
  gap:30px
 }
}
.footer .container .footer-bottom .copyright {
 width:33.3333333333%;
 display:flex
}
@media screen and (max-width:1115px) {
 .footer .container .footer-bottom .copyright {
  width:100%
 }
}
.footer .container .footer-bottom .copyright p {
 font-family:sofia-pro,sans-serif
}
.footer .container .footer-bottom .copyright .icon {
 margin:0 25px 0 0
}
.footer .container .footer-bottom .social-icons {
 display:flex;
 margin:0;
 padding:0;
 list-style:none;
 width:33.3333333333%;
 justify-content:center
}
@media screen and (max-width:1115px) {
 .footer .container .footer-bottom .social-icons {
  width:auto;
  text-align:left;
  justify-content:left
 }
}
@media screen and (max-width:580px) {
 .footer .container .footer-bottom .social-icons {
  width:100%
 }
}
.footer .container .footer-bottom .social-icons li {
 margin:0 25px;
 font-size:28px
}
@media screen and (max-width:1115px) {
 .footer .container .footer-bottom .social-icons li {
  margin:0 25px 0 0
 }
}
.footer .container .footer-bottom .social-icons li a {
 color:#000
}
.footer .container .footer-bottom .app-links {
 display:flex;
 margin:0;
 padding:0;
 list-style:none;
 width:33.3333333333%;
 justify-content:right
}
@media screen and (max-width:1115px) {
 .footer .container .footer-bottom .app-links {
  margin-left:auto
 }
}
@media screen and (max-width:580px) {
 .footer .container .footer-bottom .app-links {
  width:100%;
  justify-content:left
 }
}
.footer .container .footer-bottom .app-links li {
 margin:0 0 0 25px
}
@media screen and (max-width:580px) {
 .footer .container .footer-bottom .app-links li {
  margin:0 25px 0 0
 }
}
.legal-footer {
 position:sticky;
 bottom:0;
 left:0;
 width:100%;
 background:#f7f7f8;
 display:grid;
 padding:50px 0;
 z-index:-1
}
@media screen and (max-width:640px) {
 .legal-footer {
  position:relative;
  z-index:1
 }
}
.legal-footer .container {
 max-width:1230px;
 margin:0 auto;
 padding:0 25px;
 display:flex
}
.legal-footer .container .content {
 margin:0 25px 0 0
}
.legal-footer .container .content p {
 font-size:16px;
 font-family:sofia-pro,sans-serif;
 font-weight:500;
 padding:0;
 margin:0 0 20px;
 line-height:32px
}
@media screen and (max-width:640px) {
 .legal-footer .container .content p {
  font-size:14px;
  line-height:20px;
  color:#999
 }
}
.legal-footer .container .badge {
 height:200px
}
.breadcrumbs ul {
 margin:0;
 padding:20px 30px;
 list-style:none;
 display:flex;
 width:calc(100% - 60px)
}
.breadcrumbs ul li {
 margin:0 25px 0 0
}
.breadcrumbs ul li a {
 font-family:sofia-pro,sans-serif;
 color:#000;
 text-decoration:none
}
.breadcrumbs ul li a:hover {
 text-decoration:underline
}

.qmsuk-wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 10px;
}

.qmsuk-badge {
    margin: 10px;
    text-align: center;
}

.qmsuk-badge>div {
    text-align: center;
}

.qmsuk-badge span {
    font-size: 12px;
}

.qmsuk-badge img {
    margin-bottom: 5px;
    max-width: 230px;
    max-height: 220px;
}