*
{
font-family: Inter !important;
}

*:focus
{
outline: none !important;
}

body
{
background-color: #FFFFFF !important;
background-size: 100%;
background-repeat: no-repeat;
min-width: 320px;
}

a,
button,
img
{
user-drag: none;
}

a, a:hover
{
text-decoration: none !important;
appearance: none;
}

H1,H2
{
font-family: Lato !important;
}

NAV.bg-light
{
background-color: #d9edf7 !important;
border-bottom: 3px solid rgb(183 213 235 / 75%);
border-top: 1px solid rgb(183 213 235 / 75%);
}

.navbar-brand
{
position:relative;
top:0;
}

.navbar-brand #blur
{
position: absolute;
top: 0;
left: -16px;
width: 127%;
height: 96%;
background: #FFF;
filter: blur(15px);
}

.navbar-brand IMG
{
position: relative;
top: 0;
}

H1
{
color:#2c5eaa;
font-size:xxx-large;
font-weight:900;
line-height:1em;
margin-bottom:30px;
}

H2
{
color:#656565;
font-size:x-large;
font-weight:normal;
margin-bottom:40px;
}

.btn-cta
{
background:#0B6 !important;
border:3px outset rgba(0,0,0,0.1) !important;
filter:brightness(100%);
transition: all 0.6s ease-in;
box-shadow: 0px 0px 9px 3px rgb(0 0 0 / 20%);
}

.btn-cta:hover,
.btn-cta:focus
{
filter:brightness(110%) drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
transition: all 0.2s ease-out;
}

.btn-lg
{
padding:.5rem 3rem;
}

.btn SVG
{
position: relative;
top: -0.5px;
left: -5px;
padding-left: 8px;
}

BODY
{
background: url(../img/bg-hero-cta.png) 0 0 no-repeat;
background-size: 60%;
background-position-x: calc(100% - -61px);
background-position-y: -187px;
}

SECTION
{
margin-top:100px;
}

SECTION#billing,
SECTION#hero
{
margin-top:0;
}

#hero #before-after
{
width: 80%;
position:relative;
top:-72px;
left:-20px;
}

#hero #hero-trust
{
padding-left:5px;
}

#hero #hero-trust .row
{
padding-left:12px;
}

#hero #mcaf1
{
position: relative;
top: 10px;
border-left: 1px solid #DDD;
padding-left: 15px;
left: -30px;
}

#benefits H1 B
{
color:#E00;
font-size:34px;
}

#benefits H3
{
font-family: Lato !important;
font-weight:bold;
font-size:xx-large;
}

#benefits P
{
font-size:x-large;
}

#benefits .col-6:nth-child(odd)
{
padding-right:3px;
}

#how
{
background: url(../img/bg-circles.png) center center no-repeat;
background-size: contain;
padding-bottom: 100px;
}

#how H1
{
margin-bottom:60px;
}

#how .card
{
background:transparent;
}

#try
{
padding: 80px 100px !important;
margin: 28px 0 0;
background-color: #FAFAFA;
background-image: url(../img/bg-gear.png);
background-repeat: no-repeat;
background-position: 0 100%;
}

#try A#pricing
{
text-decoration:underline !important;
}

FOOTER
{
background: #EFEFEF;
padding: 30px;
}