@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Karla:wght@500&display=swap";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

@font-face {
    font-family: U8-Bold;
    src: url(/_next/static/media/U8-Bold.2ffc7c0888149cfbd13bac27b7564135.eot);
    src: url(/_next/static/media/U8-Bold.2ffc7c0888149cfbd13bac27b7564135.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/U8-Bold.fa7334c28a92990af0061d9cb3d033aa.svg#U8-Bold) format("svg"), url(/_next/static/media/U8-Bold.47bebe8e46267faddf180048dd905e10.ttf) format("truetype"), url(/_next/static/media/U8-Bold.ad63b00832ebec94e458fd525f39de39.woff) format("woff"), url(/_next/static/media/U8-Bold.a4d493cf3e7d313155a02df5ca22a49b.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: U8-Black;
    src: url(/_next/static/media/U8-Black.3a2d98c3df8bac3f87cb251f0f772c6f.eot);
    src: url(/_next/static/media/U8-Black.3a2d98c3df8bac3f87cb251f0f772c6f.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/U8-Black.5e439bb9da0269ddd27740df8d54c5f6.svg#U8-Black) format("svg"), url(/_next/static/media/U8-Black.853b10a4b8271bd7f852cfa768cada76.ttf) format("truetype"), url(/_next/static/media/U8-Black.98b2eca10dccd2835978ce664c03e70d.woff) format("woff"), url(/_next/static/media/U8-Black.1caade78d5feda9780674c1fe94591c5.woff2) format("woff2");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: U8-Medium;
    src: url(/_next/static/media/U8-Medium.7f4e6ca41975a2652d25a7810663ace3.eot);
    src: url(/_next/static/media/U8-Medium.7f4e6ca41975a2652d25a7810663ace3.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/U8-Medium.ff2f1cf6ca9b15ab36317c50053f28ca.svg#U8-Medium) format("svg"), url(/_next/static/media/U8-Medium.dc387f7d5c9df52d991505513ba73d1e.ttf) format("truetype"), url(/_next/static/media/U8-Medium.8478b328dfa92d2feab2aa2933cf1c96.woff) format("woff"), url(/_next/static/media/U8-Medium.52d742c4b6a76115595ba7d4ccfc5389.woff2) format("woff2");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: U8-Regular;
    src: url(/_next/static/media/U8-Regular.a365edf903a4ec2eafd44512f2802e6c.eot);
    src: url(/_next/static/media/U8-Regular.a365edf903a4ec2eafd44512f2802e6c.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/U8-Regular.3a5c0126b11e4ee629725e591793a010.svg#U8-Regular) format("svg"), url(/_next/static/media/U8-Regular.6608f3aee3e6672b07102e753ec93fb6.ttf) format("truetype"), url(/_next/static/media/U8-Regular.b6694e179a89c7c6a426399c84eda2c2.woff) format("woff"), url(/_next/static/media/U8-Regular.40fce3bdbdf903a7193e8ac0202c796d.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: U8-Light;
    src: url(/_next/static/media/U8-Light.78828311c65f808c4646caf4da884a64.eot);
    src: url(/_next/static/media/U8-Light.78828311c65f808c4646caf4da884a64.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/U8-Light.12df7c07f6594a82be5e13faff040385.svg#U8-Light) format("svg"), url(/_next/static/media/U8-Light.03d741e7d32f71b3680159059ec691f9.ttf) format("truetype"), url(/_next/static/media/U8-Light.53851f7fe240d7a6751907f46aaa8988.woff) format("woff"), url(/_next/static/media/U8-Light.90c81638ed4ec59ec9e9702679cc80de.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: U8-Thin;
    src: url(/_next/static/media/U8-Thin.37f729120ef0be08fccc47b38cc14075.eot);
    src: url(/_next/static/media/U8-Thin.37f729120ef0be08fccc47b38cc14075.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/U8-Thin.38fa88e0508ecd86989fc37cb1f909fa.svg#U8-Thin) format("svg"), url(/_next/static/media/U8-Thin.28cb154b2fc1d3427e3945d1529780a2.ttf) format("truetype"), url(/_next/static/media/U8-Thin.c475d08d2b486f2b66137e10bbb23367.woff) format("woff"), url(/_next/static/media/U8-Thin.b281790f4a5dbe4b187ff68d67c7a975.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: U8-Hairline;
    src: url(/_next/static/media/U8-Hairline.8569906a6587a83b2ff1886e69972f76.eot);
    src: url(/_next/static/media/U8-Hairline.8569906a6587a83b2ff1886e69972f76.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/U8-Hairline.34454e6fb2546134a891b140dfa56f8d.svg#U8-Hairline) format("svg"), url(/_next/static/media/U8-Hairline.8c45845ed70b3f8e2a06868cde8124b8.ttf) format("truetype"), url(/_next/static/media/U8-Hairline.9882a829dcd68718f1f7393e31af2116.woff) format("woff"), url(/_next/static/media/U8-Hairline.f435c38646106eba7d725fa64f0c5818.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: U8-Bold;
    src: url(/_next/static/media/U8-Bold.2ffc7c0888149cfbd13bac27b7564135.eot);
    src: url(/_next/static/media/U8-Bold.2ffc7c0888149cfbd13bac27b7564135.eot) format("embedded-opentype"), url(/_next/static/media/U8-Bold.fa7334c28a92990af0061d9cb3d033aa.svg) format("svg"), url(/_next/static/media/U8-Bold.47bebe8e46267faddf180048dd905e10.ttf) format("truetype"), url(/_next/static/media/U8-Bold.ad63b00832ebec94e458fd525f39de39.woff) format("woff"), url(/_next/static/media/U8-Bold.a4d493cf3e7d313155a02df5ca22a49b.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: U8-Black;
    src: url(/_next/static/media/U8-Black.3a2d98c3df8bac3f87cb251f0f772c6f.eot);
    src: url(/_next/static/media/U8-Black.3a2d98c3df8bac3f87cb251f0f772c6f.eot) format("embedded-opentype"), url(/_next/static/media/U8-Black.5e439bb9da0269ddd27740df8d54c5f6.svg) format("svg"), url(/_next/static/media/U8-Black.853b10a4b8271bd7f852cfa768cada76.ttf) format("truetype"), url(/_next/static/media/U8-Black.98b2eca10dccd2835978ce664c03e70d.woff) format("woff"), url(/_next/static/media/U8-Black.1caade78d5feda9780674c1fe94591c5.woff2) format("woff2");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: U8-Medium;
    src: url(/_next/static/media/U8-Medium.7f4e6ca41975a2652d25a7810663ace3.eot);
    src: url(/_next/static/media/U8-Medium.7f4e6ca41975a2652d25a7810663ace3.eot) format("embedded-opentype"), url(/_next/static/media/U8-Medium.ff2f1cf6ca9b15ab36317c50053f28ca.svg) format("svg"), url(/_next/static/media/U8-Medium.dc387f7d5c9df52d991505513ba73d1e.ttf) format("truetype"), url(/_next/static/media/U8-Medium.8478b328dfa92d2feab2aa2933cf1c96.woff) format("woff"), url(/_next/static/media/U8-Medium.52d742c4b6a76115595ba7d4ccfc5389.woff2) format("woff2");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: U8-Regular;
    src: url(/_next/static/media/U8-Regular.a365edf903a4ec2eafd44512f2802e6c.eot);
    src: url(/_next/static/media/U8-Regular.a365edf903a4ec2eafd44512f2802e6c.eot) format("embedded-opentype"), url(/_next/static/media/U8-Regular.3a5c0126b11e4ee629725e591793a010.svg) format("svg"), url(/_next/static/media/U8-Regular.6608f3aee3e6672b07102e753ec93fb6.ttf) format("truetype"), url(/_next/static/media/U8-Regular.b6694e179a89c7c6a426399c84eda2c2.woff) format("woff"), url(/_next/static/media/U8-Regular.40fce3bdbdf903a7193e8ac0202c796d.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: U8-Light;
    src: url(/_next/static/media/U8-Light.78828311c65f808c4646caf4da884a64.eot);
    src: url(/_next/static/media/U8-Light.78828311c65f808c4646caf4da884a64.eot) format("embedded-opentype"), url(/_next/static/media/U8-Light.12df7c07f6594a82be5e13faff040385.svg) format("svg"), url(/_next/static/media/U8-Light.03d741e7d32f71b3680159059ec691f9.ttf) format("truetype"), url(/_next/static/media/U8-Light.53851f7fe240d7a6751907f46aaa8988.woff) format("woff"), url(/_next/static/media/U8-Light.90c81638ed4ec59ec9e9702679cc80de.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: U8-Thin;
    src: url(/_next/static/media/U8-Thin.37f729120ef0be08fccc47b38cc14075.eot);
    src: url(/_next/static/media/U8-Thin.37f729120ef0be08fccc47b38cc14075.eot) format("embedded-opentype"), url(/_next/static/media/U8-Thin.38fa88e0508ecd86989fc37cb1f909fa.svg) format("svg"), url(/_next/static/media/U8-Thin.28cb154b2fc1d3427e3945d1529780a2.ttf) format("truetype"), url(/_next/static/media/U8-Thin.c475d08d2b486f2b66137e10bbb23367.woff) format("woff"), url(/_next/static/media/U8-Thin.b281790f4a5dbe4b187ff68d67c7a975.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: U8-Hairline;
    src: url(/_next/static/media/U8-Hairline.8569906a6587a83b2ff1886e69972f76.eot);
    src: url(/_next/static/media/U8-Hairline.8569906a6587a83b2ff1886e69972f76.eot) format("embedded-opentype"), url(/_next/static/media/U8-Hairline.34454e6fb2546134a891b140dfa56f8d.svg) format("svg"), url(/_next/static/media/U8-Hairline.8c45845ed70b3f8e2a06868cde8124b8.ttf) format("truetype"), url(/_next/static/media/U8-Hairline.9882a829dcd68718f1f7393e31af2116.woff) format("woff"), url(/_next/static/media/U8-Hairline.f435c38646106eba7d725fa64f0c5818.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

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

body,
html {
    padding: 0;
    margin: 0;
    font-family: DM Sans, sans-serif !important;
    color: #353535;
    line-height: 27.2px;
    font-size: 16.5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/* h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: U8-Bold !important;
    font-weight: 700;
    color: #0c1825
} */

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

h1 {
    font-size: 65px;
    line-height: 82.42px
}

h2 {
    font-size: 51px;
    line-height: 64.1px
}

h3 {
    font-size: 38px;
    line-height: 48.08px
}

h4 {
    font-size: 33px;
    line-height: 41.21px
}

h5 {
    font-size: 20px;
    line-height: 25.18px
}

h6 {
    font-size: 12.82px
}

.alt-cards img,
.blog-container .blog-header img,
.blog-container .cta .cta-image,
.customers .stories-single img,
.header.about img,
.img,
/* .investments .left img, */
.not-found img {
    width: 100% !important;
    height: auto !important
}

.img-responsive {
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin: 0
}

.img-responsive,
.img-responsive>.div {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.img-responsive>.div {
    display: block
}

.img-responsive>.div img {
    margin: 0
}

.img-responsive>.div img,
.img-responsive>img {
    max-width: 100%;
    display: block;
    border: none;
    padding: 0
}

.img-responsive>img {
    position: absolute;
    inset: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    width: 0;
    height: 0;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%
}

.font-14 {
    font-size: 14px
}

.fw-regular {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-bold,
.tag {
    font-weight: 700 !important
}

.faq .head .search-list,
.shadow-blue {
    -webkit-box-shadow: 0 10px 15px -3px rgba(137, 172, 234, .2);
    box-shadow: 0 10px 15px -3px rgba(137, 172, 234, .2)
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.clear-right {
    clear: right
}

.pos-rel {
    position: relative
}

.pos-abs {
    position: absolute
}

@media only screen and (min-width:993px) {
    .pos-abs-md {
        position: absolute
    }
}

.pos-fixed {
    position: fixed
}

.mr-10 {
    margin-right: 10px
}

.m-auto {
    margin: auto
}

.ml-auto {
    margin-left: auto
}

.mt-0 {
    margin-top: 0 !important
}

.mt-5 {
    margin-top: 5px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mt-10 {
    margin-top: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-1h {
    margin-bottom: 15px
}

.mt-20 {
    margin-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.mt-25 {
    margin-top: 25px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-3h {
    margin-bottom: 35px
}

.mb-40 {
    margin-bottom: 40px
}

.mt-50 {
    margin-top: 50px
}

.mb-50 {
    margin-bottom: 50px
}

@media only screen and (max-width:992px) {
    .mb-sm-50 {
        margin-bottom: 50px
    }
}

.mb-60 {
    margin-bottom: 65px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-80 {
    margin-bottom: 80px
}

.mr-16 {
    margin-right: 16px
}

.pl-20 {
    padding-left: 20px !important
}

.py-80 {
    padding: 80px 0
}

.py-150 {
    padding: 150px 16px 30px
}

.w-100 {
    width: 100%
}

.op-1 {
    opacity: 1 !important
}

.d-block {
    display: block !important
}

.d-none {
    display: none !important
}

.d-flex {
    display: -moz-box;
    display: flex
}

@media only screen and (min-width:768px) {
    .d-md-flex {
        display: -moz-box;
        display: flex
    }
}

@media only screen and (min-width:993px) {
    .d-lg-flex {
        display: -moz-box;
        display: flex
    }
}

.al-i-c {
    -moz-box-align: center;
    align-items: center
}

.jc-c {
    -moz-box-pack: center;
    justify-content: center
}

.jc-fe,
.jc-lg-fe {
    -moz-box-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:992px) {
    .jc-lg-fe {
        -moz-box-pack: center;
        justify-content: center
    }
}

.jc-sb {
    -moz-box-pack: justify;
    justify-content: space-between
}

.blue {
    color: #0d60d8
}

.primary {
    color: #083e9e
}

.black {
    color: #0c1825
}

.black:hover {
    color: #0c1825 !important
}

.white {
    color: #fff !important
}

@media only screen and (min-width:993px) {
    .white-md {
        color: #fff !important
    }
}

.grey {
    color: #60708a
}

.purple {
    color: #7913e5
}

.green {
    color: #10b259
}

.bg-none {
    background-color: transparent !important
}

.bg-white,
.deleteddeleteddeletednav-active {
    background-color: #fff !important
}

.bg-blue {
    background-color: #0d60d8
}

.bg-blue-lite {
    background-color: #2295f2
}

.bg-green {
    background-color: #10b259
}

.bg-purple {
    background-color: #7913e5
}

.bg-pink {
    background-color: #ea4fa2
}

.bg-grey {
    background-color: #f8f8f8
}

.bg-dark {
    background-color: #0c1825
}

.bg-green-md {
    background-color: #10b259;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media only screen and (min-width:993px) {
    .bg-green-md:hover {
        background-color: #10a352
    }
}

.bg-purple-md {
    background-color: #7913e5;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media only screen and (min-width:993px) {
    .bg-purple-md:hover {
        background-color: #5914a1
    }
}

.bg {
    height: 820px;
    position: absolute;
    width: 100%;
    z-index: -1000
}

.theme-blue {
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(66.5%, #fff), color-stop(66.5%, #f2f7ff), color-stop(94.5%, #f2f7ff), color-stop(94.5%, #fff), color-stop(0, #fff));
    background: -webkit-linear-gradient(left, #fff, #fff 66.5%, #f2f7ff 0, #f2f7ff 94.5%, #fff 0, #fff 0);
    background: linear-gradient(90deg, #fff, #fff 66.5%, #f2f7ff 0, #f2f7ff 94.5%, #fff 0, #fff 0)
}

.theme-dark {
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(66.5%, #fff), color-stop(66.5%, #f8f9fa), color-stop(94.5%, #f8f9fa), color-stop(94.5%, #fff), color-stop(0, #fff));
    background: -webkit-linear-gradient(left, #fff, #fff 66.5%, #f8f9fa 0, #f8f9fa 94.5%, #fff 0, #fff 0);
    background: linear-gradient(90deg, #fff, #fff 66.5%, #f8f9fa 0, #f8f9fa 94.5%, #fff 0, #fff 0)
}

.theme-pink {
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(66.5%, #fff), color-stop(66.5%, #fff4fa), color-stop(94.5%, #fff4fa), color-stop(94.5%, #fff), color-stop(0, #fff));
    background: -webkit-linear-gradient(left, #fff, #fff 66.5%, #fff4fa 0, #fff4fa 94.5%, #fff 0, #fff 0);
    background: linear-gradient(90deg, #fff, #fff 66.5%, #fff4fa 0, #fff4fa 94.5%, #fff 0, #fff 0)
}

.theme-blue-lite {
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(66.5%, #fff), color-stop(66.5%, #ecf7ff), color-stop(94.5%, #ecf7ff), color-stop(94.5%, #fff), color-stop(0, #fff));
    background: -webkit-linear-gradient(left, #fff, #fff 66.5%, #ecf7ff 0, #ecf7ff 94.5%, #fff 0, #fff 0);
    background: linear-gradient(90deg, #fff, #fff 66.5%, #ecf7ff 0, #ecf7ff 94.5%, #fff 0, #fff 0)
}

.theme-purple {
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(66.5%, #fff), color-stop(66.5%, #f9f3ff), color-stop(94.5%, #f9f3ff), color-stop(94.5%, #fff), color-stop(0, #fff));
    background: -webkit-linear-gradient(left, #fff, #fff 66.5%, #f9f3ff 0, #f9f3ff 94.5%, #fff 0, #fff 0);
    background: linear-gradient(90deg, #fff, #fff 66.5%, #f9f3ff 0, #f9f3ff 94.5%, #fff 0, #fff 0)
}

.theme-green {
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(66.5%, #fff), color-stop(66.5%, #effcf5), color-stop(94.5%, #effcf5), color-stop(94.5%, #fff), color-stop(0, #fff));
    background: -webkit-linear-gradient(left, #fff, #fff 66.5%, #effcf5 0, #effcf5 94.5%, #fff 0, #fff 0);
    background: linear-gradient(90deg, #fff, #fff 66.5%, #effcf5 0, #effcf5 94.5%, #fff 0, #fff 0)
}

.border-link {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .09);
    padding: 9px 20px;
    -webkit-box-shadow: 2px -3px 20px rgba(0, 0, 0, .04);
    box-shadow: 2px -3px 20px rgba(0, 0, 0, .04)
}

.bdr-top {
    border-top: 1px solid rgba(0, 0, 0, .09)
}

.bdr-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, .09)
}

.tag {
    display: inline-block;
    padding: 6px 22px;
    border-radius: 40px
}

a,
a:hover {
    text-decoration: none;
    cursor: pointer
}

a:visited {
    color: inherit
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

ul li {
    display: inline-block
}

button {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    cursor: pointer
}

.btn {
    font-size: 16.5px;
    font-weight: 600;
    color: #fff !important;
    text-align: center;
    white-space: nowrap;
    padding: 16px 22px;
    border-radius: 12px
}

.btn-bordered {
    color: #0c1825 !important;
    background-color: #fff;
    border: 1px solid #bbb;
    -webkit-transition: border .8s, color .8s;
    transition: border .8s, color .8s
}

.btn-bordered:hover {
    color: #0d60d8 !important;
    border: 1px solid #0d60d8
}

.btn-primary {
    background: #0c1825;
    -webkit-transition: background-color .8s;
    transition: background-color .8s
}

.btn-blue,
.btn-primary:hover {
    background: #0d60d8
}

.btn-green {
    background: #10b259
}

.btn-blue-lite {
    background: #2295f2
}

.btn-purple {
    background: #7913e5
}

.btn-pink {
    background: #ea4fa2
}

.pointer {
    cursor: pointer
}

.container {
    max-width: 1165px;
    margin: auto
}

.alt-cards .box,
.box-style,
.customers .testimonials .box,
.savings .box,
.stories .box {
    background-color: #f9f9f9;
    max-width: 352px;
    margin-bottom: 45px !important
}

.row {
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

@media only screen and (max-width:1024px) {
    .row {
        margin-left: 0;
        margin-right: 0
    }
}

[class*=col-] {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media only screen and (min-width:992px) {
    .col-auto {
        width: auto !important;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        max-width: 0 0 auto
    }

    .col-md-1 {
        -moz-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 0 0 8.333333%
    }

    .col-md-2 {
        -moz-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 0 0 16.666667%
    }

    .col-md-2x {
        -moz-box-flex: 0;
        flex: 0 0 15%;
        max-width: 0 0 15%
    }

    .col-md-2s {
        -moz-box-flex: 0;
        flex: 0 0 20%;
        max-width: 0 0 20%
    }

    .col-md-2m {
        -moz-box-flex: 0;
        flex: 0 0 22.5%;
        max-width: 0 0 22.5%
    }

    .col-md-3 {
        -moz-box-flex: 0;
        flex: 0 0 25%;
        max-width: 0 0 25%
    }

    .col-md-4 {
        -moz-box-flex: 33.333333%;
        flex: 33.333333% 1;
        max-width: 33.333333%
    }

    .col-md-4x {
        -moz-box-flex: 0;
        flex: 0 0 38%;
        max-width: 0 0 38%
    }

    .col-md-5 {
        -moz-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 0 0 41.666667%
    }

    .col-md-5x {
        -moz-box-flex: 0;
        flex: 0 0 45%;
        max-width: 0 0 45%
    }

    .col-md-6 {
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 0 0 50%
    }

    .col-md-6x {
        -moz-box-flex: 0;
        flex: 0 0 55%;
        max-width: 0 0 55%
    }

    .col-md-7 {
        -moz-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 0 0 58.333333%
    }

    .col-md-7x {
        -moz-box-flex: 0;
        flex: 0 0 62%;
        max-width: 0 0 62%
    }

    .col-md-8 {
        -moz-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 0 0 66.666667%
    }

    .col-md-9 {
        -moz-box-flex: 0;
        flex: 0 0 75%;
        max-width: 0 0 75%
    }

    .col-md-10 {
        -moz-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 0 0 83.333333%
    }

    .col-md-11 {
        -moz-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 0 0 91.666667%
    }

    .col-md-12 {
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 0 0 100%
    }
}

.scrolled {
    top: 0;
    left: 0;
    margin-top: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 7px 0 #ced3da;
    box-shadow: 0 0 7px 0 #ced3da
}

.rotate {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rotate-down {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.link-active {
    color: #2b5ed3 !important;
    font-weight: 700
}

.link-active-invest {
    color: #7913e5 !important;
    font-weight: 700
}

.deleteddeleteddeletedhamburger {
    position: absolute;
    top: -12px;
    right: -20px;
    padding: 20px;
    display: none
}

@media only screen and (max-width:992px) {
    .deleteddeletedhamburger {
        display: block
    }
}

.deleteddeletedhamburger .line {
    width: 28px;
    height: 3px;
    background-color: #353535;
    margin: 6px auto;
    display: none
}

#deleteddeletedhamburger.is-active,
.deleteddeletedhamburger .line {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#deleteddeletedhamburger.is-active {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#deleteddeletedhamburger.is-active .line:nth-child(2) {
    width: 0
}

#deleteddeletedhamburger.is-active .line:first-child,
#deleteddeletedhamburger.is-active .line:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

#deleteddeletedhamburger.is-active .line:first-child {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

#deleteddeletedhamburger.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-13px) rotate(90deg);
    transform: translateY(-13px) rotate(90deg)
}

.interact .left .content .link,
.savings .box .sub-title,
svg {
    position: relative;
    top: 2px;
    vertical-align: bottom;
    margin-right: 10px
}

@media only screen and (max-width:992px) {
    .progress-container {
        width: 100% !important
    }
}

.progress-container .progress {
    margin-top: 10px;
    width: 100%;
    height: 10px;
    overflow: hidden;
    background: #e5e5e5;
    border-radius: 100px
}

.progress-container .progress .bar {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    background: #10b259
}

.download-btn {
    position: relative;
    top: .5px;
    color: #0c1825 !important;
    padding: 14.5px 16px !important;
    border: 1px solid #ddd !important;
    border-radius: 12px !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-weight: 500;
    width: 53px;
    white-space: nowrap;
    height: 53px
}

.download-btn:last-child {
    padding: 14.5px 13px !important
}

@media only screen and (min-width:993px) {
    .download-btn:hover {
        top: -5px;
        border: 1px solid #bbb !important
    }
}

.download-btn img {
    position: relative;
    top: 5.5px;
    margin-right: 5px
}

.download-btn:last-child img {
    top: 6.5px
}

@media only screen and (max-width:992px) {
    .download {
        margin-top: 10px
    }

    .download .download-btn {
        margin: 0 8px
    }
}

.download-btn-full {
    position: relative;
    color: #0c1825 !important;
    padding: 7px 16px !important;
    border: 1px solid #ddd !important;
    border-radius: 12px !important;
    margin-top: 35px;
    display: inline-block;
    font-size: 12.82px;
    font-weight: 700;
    -webkit-transition: .3s;
    transition: .3s
}

@media only screen and (min-width:993px) {
    .download-btn-full:hover {
        border: 1px solid #bbb !important
    }
}

.download-btn-full:first-child {
    margin-right: 7px
}

.download-btn-full:last-child div {
    top: 5px
}

.download-btn-full>div {
    position: relative !important;
    top: 4px;
    padding-right: 10px
}

.download-btn-full img {
    position: relative;
    top: 5.5px;
    margin-right: 5px
}

.alt-headerImg,
.card,
.header .interact .left .content .link,
.header .savings .box .sub-title,
.headerImg,
.header svg,
.interact .left .content .header .link,
.interact .left .content .investments .link,
.investments .interact .left .content .link,
.investments .savings .box .sub-title,
.investments svg,
.lock,
.savings .box .header .sub-title,
.savings .box .investments .sub-title {
    position: absolute
}

.card1,
.card2 {
    width: 215px
}

.card3,
.card4 {
    width: 340px;
    left: -55%
}

.card1 {
    left: -35%;
    top: 170px
}

.card1.alt {
    left: -43%;
    top: 147px
}

.card2 {
    right: -22%;
    bottom: 50px
}

.card2.alt {
    right: -57%
}

.card3 {
    top: 32%
}

.card4 {
    top: 55%
}

.cross {
    left: -18%
}

.cross.alt {
    top: -7%;
    left: -20%
}

.cross.story {
    left: -12.5%;
    top: -3%
}

.circle {
    right: 0;
    top: 170px
}

.circle.alt {
    width: 62px;
    height: 62px;
    top: unset;
    bottom: 1%;
    right: -31%;
    opacity: 80%
}

.circle.story {
    right: -5%;
    top: unset;
    bottom: -1.5%
}

.dot {
    left: -12%;
    top: 61%
}

.dot.alt {
    width: 47px;
    height: 155px;
    top: 20%;
    left: unset;
    right: -26%
}

.dot.story {
    left: -12.5%;
    top: unset;
    bottom: 8%
}

.dot.right {
    left: unset;
    top: 21%;
    right: -4.5%
}

.heart {
    left: -12.5%;
    top: 59%
}

.heart.right {
    left: unset;
    right: -3%;
    top: -3%
}

.lock {
    z-index: -10;
    right: -23%;
    top: -20px;
    width: 80px;
    height: 80px
}

.rect {
    position: relative;
    height: 572px;
    left: 5%
}

.headerImg,
.rect {
    width: 100%;
    max-width: 362px
}

.headerImg {
    object-fit: cover;
    top: 38px;
    left: -8%;
    height: 500px
}

.alt-headerImg {
    object-fit: cover;
    top: 22px;
    left: -5%;
    height: 439px;
    width: 100%;
    z-index: 10;
    max-width: 570px
}

.square {
    position: relative;
    right: -9.3%;
    width: 100%;
    max-width: 517px;
    height: 484px
}

.with-query {
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #cfcfcf !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important
}

@media only screen and (min-width:993px) {
    .active:hover {
        background-color: #0d60d8 !important;
        color: #fff !important
    }
}

.fixedTab {
    top: 84px;
    left: 0;
    z-index: 900
}

.cookie,
.fixedTab {
    position: fixed;
    width: 100%
}

.cookie {
    background-color: #0c1825;
    max-width: 850px;
    color: #fff;
    left: 50%;
    bottom: 2%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100000;
    padding: 20px 25px 30px;
    border-radius: 16px;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

@media only screen and (max-width:767px) {
    .cookie {
        border-radius: 0 !important;
        padding: 25px;
        bottom: 0
    }
}

@media only screen and (min-width:768px) {
    .cookie {
        text-align: left
    }
}

.cookie .left {
    margin-bottom: 40px
}

@media only screen and (min-width:768px) {
    .cookie .left {
        max-width: 0 0 75%;
        -moz-box-flex: 0;
        flex: 0 0 75%;
        margin-bottom: 0
    }
}

.cookie .left h5 {
    font-size: 16px
}

.cookie .left p {
    font-size: 14px
}

.cookie .left p a {
    text-decoration: underline
}

.cookie .right {
    -moz-box-pack: center;
    justify-content: center
}

@media only screen and (min-width:768px) {
    .cookie .right {
        max-width: 0 0 25%;
        -moz-box-flex: 0;
        flex: 0 0 25%;
        -moz-box-pack: end;
        justify-content: flex-end
    }
}

.cookie .right .btn {
    font-size: 14px
}

.cookie .right .btn.btn-bordered {
    border: 0 !important
}

.cookie .right .btn.decline {
    -webkit-transition: 1s;
    transition: 1s
}

@media only screen and (min-width:993px) {
    .cookie .right .btn.decline:hover {
        opacity: .8
    }
}

.bottom-full {
    position: fixed;
    bottom: -100% !important
}

.font-midx {
    font-size: 15px
}

.deleteddeleteddeletednav-active {
    height: 100vh
}

.deleteddeleteddeletednav-active .menu {
    margin-top: 17%
}

.not-found {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    height: 100vh
}

.not-found img {
    max-width: 400px;
    object-fit: contain
}

.not-found p {
    font-size: 18px;
    font-family: U8-Regular !important;
    margin: 10px 0 40px
}

.dropdown .dropdown-menu {
    cursor: pointer;
    position: absolute;
    left: -150px;
    width: 350px;
    -webkit-box-shadow: 2px -3px 20px rgba(0, 0, 0, .04);
    box-shadow: 2px -3px 20px rgba(0, 0, 0, .04);
    border-radius: 10px;
    border: 1px solid #ececec;
    background-color: #fff;
    display: none;
    -webkit-transition: display .2s;
    transition: display .2s
}

@media only screen and (max-width:992px) {
    .dropdown .dropdown-menu {
        left: -175px
    }
}

.dropdown .dropdown-menu>div {
    display: -moz-box;
    display: flex;
    flex-wrap: wrap
}

.dropdown .dropdown-menu>div img {
    position: relative;
    top: 7px;
    margin-right: 10px
}

.dropdown .dropdown-menu>div a {
    -moz-box-flex: 0;
    flex: 0 0 50%;
    display: block;
    width: 0 0 50% !important;
    padding: 10px 20px 15px;
    font-size: 14px
}

.dropdown .dropdown-menu>div a:hover {
    background-color: #fafafa;
    border-radius: 5px;
    color: #0d60d8
}

.dropdown:hover .dropdown-menu {
    display: block
}

deleteddeleteddeletednav {
    padding: 25px 16px;
    position: fixed;
    width: 100%;
    z-index: 1000;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

deleteddeleteddeletednav .logo {
    display: inherit
}

deleteddeleteddeletednav .logo img {
    position: relative;
    padding-right: 50px !important;
    bottom: 3px !important
}

deleteddeleteddeletednav .btn-group,
deleteddeleteddeletednav .menu {
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

deleteddeleteddeletednav .menu .deleteddeleteddeletednav-item:not(:last-child) {
    padding-right: 45px
}

deleteddeleteddeletednav .menu .deleteddeleteddeletednav-item a {
    color: #0c1825;
    font-weight: 500
}

deleteddeleteddeletednav .btn-group li {
    -webkit-transition: .3s;
    transition: .3s
}

@media only screen and (min-width:993px) {
    deleteddeletednav .btn-group li {
        position: relative;
        bottom: 0
    }
}

deleteddeletednav .btn-group li:not(:last-child) {
    padding-right: 8px
}

footer {
    padding: 80px 16px 50px;
    font-size: 12.82px
}

footer .img-container {
    display: -moz-box;
    display: flex;
    align-content: center
}

footer .img-container img {
    margin-top: auto;
    margin-bottom: auto
}

footer [class*=col-] {
    margin-bottom: 30px
}

footer [class*=col-]:not(:last-child) p {
    font-family: 'Montserrat', sans-serif !important;
    margin-bottom: 10px; 
    color: #0c1825
}

footer a {
    display: block;
    color: inherit;
    text-align: left;
    margin-bottom: 3px;
    font-weight: 500;
    -webkit-transition: color .5s;
    transition: color .5s
}

footer .socials li {
    -webkit-transition: .5s;
    transition: .5s
}

@media only screen and (min-width:993px) {
    footer .socials li:hover {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

footer .socials li a {
    color: #0c1825
}

footer .connect a {
    line-height: 21px;
    margin-bottom: 15px
}

@media only screen and (min-width:993px) {
    footer .connect a:hover {
        color: #0d60d8
    }

    footer .connect a:first-of-type:hover {
        color: #0c1825
    }

    footer .company a:hover,
    footer .legal a:hover,
    footer .products a:hover {
        color: #0d60d8
    }
}

footer .about {
    font-weight: 500;
    margin: 40px 0 30px
}

footer .about p {
    font-size: 12.82px !important
}

footer .about p .primary {
    word-break: break-word
}

footer .about p:first-child {
    max-width: 745px;
    margin-bottom: 25px
}

.header {
    padding: 170px 16px 100px
}

.header.stories-header {
    padding-top: 195px
}

.header.stories-header .cont {
    left: 20px !important
}

.header.stories-header .text .interact .left .content .link,
.header.stories-header .text .savings .box .sub-title,
.header.stories-header .text svg,
.interact .left .content .header.stories-header .text .link,
.savings .box .header.stories-header .text .sub-title {
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite
}

.header.about {
    padding: 235px 16px 100px
}

@media only screen and (max-width:767px) {
    .header.about .right img {
        width: 35% !important
    }

    .header.about .right img:nth-of-type(2) {
        margin: 0 17px
    }
}

.header.about img {
    max-width: 166px
}

.header.about img:nth-of-type(2) {
    margin: 0 22px
}

.header.about .text {
    max-width: 550px
}

.header.about .text .tag {
    color: #0f60d6;
    background-color: #eef4fc;
    font-size: 22px
}

.header.about .text h1 {
    font-size: 58px;
    line-height: 71px
}

.header.about .cross {
    left: 31%;
    top: -6%
}

.header.about .dot {
    top: unset;
    bottom: 30%;
    left: 30%
}

.header.about .circle {
    top: 37%;
    left: 1%
}

.header.about .circle3 {
    top: -9%;
    left: unset;
    right: 0
}

.header.about .circle2 {
    top: unset;
    left: unset;
    bottom: 9.5%;
    right: 31.5%
}

.header .text {
    max-width: 500px
}

.header .text h1 {
    margin-top: -20px
}

.featured {
    background: #f9f9f9;
    padding: 65px 16px
}

.featured .brands {
    padding-left: 65px
}

.featured .brands a {
    margin: 0 25px
}

.savings {
    padding: 60px 16px 100px
}

.savings .content {
    max-width: 300px;
    padding-bottom: 40px
}

.savings .content .text {
    margin: 18px 0 53px
}

@media only screen and (min-width:1192px) {

    .savings [class*=col-]:nth-child(3),
    .savings [class*=col-]:nth-child(6) {
        margin-right: 15px
    }

    .savings [class*=col-]:nth-child(4) {
        margin-right: 25.891px
    }

    .savings [class*=col-]:nth-child(5) {
        margin-left: 25.891px;
        margin-right: 15px
    }
}

.savings .box {
    margin: 0 auto;
    border-radius: 20px;
    padding: 30px 10px 30px 30px
}

@media only screen and (min-width:993px) {
    .savings .box.hover:hover .sub-title {
        margin-left: 10px
    }

    .interact .left .content .savings .box.hover:hover .link,
    .savings .box.hover:hover .interact .left .content .link,
    .savings .box.hover:hover .sub-title,
    .savings .box.hover:hover svg {
        opacity: .9
    }
}

.savings .box .title {
    margin-top: 25px !important;
    max-width: 250px;
    color: #0c1825
}

.savings .box .text {
    margin: 18px 0 10px;
    max-width: 290px;
    min-height: 80px;
    color: #353535
}

.savings .box .sub-title {
    font-weight: 500;
    color: #353535;
    -webkit-transition: margin-left .2s ease-out;
    transition: margin-left .2s ease-out
}

.savings .box.home {
    cursor: pointer
}

.savings .box.home .text {
    margin: 18px 0 40px !important
}

.investments {
    padding: 0 16px 170px
}

/* .investments .left img {
    max-width: 256px
} */

.investments .content {
    max-width: 530px;
    margin-top: 70px
}

.investments .content .link,
.investments .content .tag {
    color: #7913e5
}

.investments .content .tag {
    background-color: #f7f0ff;
    margin-bottom: 30px
}

.investments .content .text {
    margin: 25px 0;
    max-width: 450px
}

.investments .content .link {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0, #f6dbf8));
    background-image: -webkit-linear-gradient(top, transparent 65%, #f6dbf8 0);
    background-image: linear-gradient(180deg, transparent 65%, #f6dbf8 0)
}

.investments .circle {
    z-index: -10;
    top: 170px;
    left: -60%
}

@media only screen and (max-width:767px) {
    .investments .circle {
        left: 0
    }
}

.investments .dot {
    z-index: -10;
    top: 30px;
    left: unset;
    right: -55px
}

@media only screen and (max-width:767px) {
    .investments .dot {
        right: 150px
    }
}

/* .investments.security {
    padding: 130px 16px 70px
} */

.investments.security .left .ml-auto {
    margin-right: 10px
}

.investments.security .left img {
    /* max-width: 100px !important; */
    height: auto
}

.investments.security .content {
    margin-top: 0 !important;
    max-width: 700px
}

.investments.security .content .text {
    margin-top: 10px !important;
    max-width: 100%;
    font-size: 15.5px
}

.investments.security .link {
    color: #0d60d8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0, #d0e2fc));
    background-image: -webkit-linear-gradient(top, transparent 65%, #d0e2fc 0);
    background-image: linear-gradient(180deg, transparent 65%, #d0e2fc 0)
}

.investments.short-story {
    padding: 20px 16px 100px
}

.investments.short-story .left img {
    max-width: 455px;
    margin-top: 50px
}

.investments.short-story .content {
    margin-top: 0;
    max-width: 500px
}

.investments.short-story .content p {
    text-align: justify;
    margin-bottom: 30px
}

.investments.short-story .circle {
    top: -3%;
    left: -13%
}

.investments.short-story .cross {
    z-index: -10;
    top: 0;
    left: unset;
    right: -11%
}

.investments.short-story .dot {
    top: 73%;
    bottom: unset;
    right: 5%
}

.interact .left {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 85px
}

.interact .left .content {
    max-width: 460px;
    margin: auto
}

@media only screen and (min-width:768px) {
    .interact .left .content {
        margin-right: 28%;
        margin-left: auto
    }
}

@media only screen and (min-width:1500px) {
    .interact .left .content {
        margin-right: 28%
    }
}

@media only screen and (min-width:1700px) {
    .interact .left .content {
        margin-right: 26%
    }
}

@media only screen and (min-width:2000px) {
    .interact .left .content {
        margin-right: 25%
    }
}

.interact .left .content h2 {
    color: #fff
}

.interact .left .content .text {
    margin: 15px 0 0;
    max-width: 450px
}

.interact .left .content .link {
    margin-top: 45px !important;
    display: block;
    color: #fff !important;
    width: -moz-max-content;
    width: max-content;
    font-weight: 700;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0, hsla(0, 0%, 100%, .4235294117647059)));
    background-image: -webkit-linear-gradient(top, transparent 65%, hsla(0, 0%, 100%, .4235294117647059) 0);
    background-image: linear-gradient(180deg, transparent 65%, hsla(0, 0%, 100%, .4235294117647059) 0)
}

.interact .left .content .link:visited {
    color: inherit
}

@media only screen and (min-width:1024px) {
    .interact .left .content .bg-purple {
        width: 600px !important
    }
}

.interact .left .content .bg-green {
    font-size: 37px !important;
    line-height: 54.1px !important
}

@media only screen and (min-width:1024px) {
    .interact .left .content .bg-green {
        width: 570px !important
    }
}

.interact .link,
.investments .link {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-repeat: no-repeat;
    background-size: 0 100%
}

@media only screen and (min-width:993px) {

    .interact .link:hover,
    .investments .link:hover {
        background-size: 100% 100%
    }
}

.customers {
    padding: 100px 16px
}

.customers .content {
    max-width: 420px
}

.customers .content .text {
    margin: 13px 0 38px
}

.customers .content a:visited {
    color: inherit
}

.customers .stories-single img {
    max-width: 440px !important
}

.customers .testimonials {
    height: 400px;
    margin: auto;
    overflow-y: hidden;
    position: relative;
    width: auto
}

.customers .testimonials:after,
.customers .testimonials:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, #fff, hsla(0, 0%, 100%, 0));
    background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0));
    content: "";
    height: 50px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.customers .testimonials:after {
    left: 0;
    bottom: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.customers .testimonials:before {
    left: 0;
    top: 0
}

.customers .testimonials .box {
    max-width: 420px;
    padding: 11px 17px 24px 18px;
    margin-bottom: 10px !important
}

.customers .testimonials .box small {
    font-size: 12px;
    float: right;
    color: #727272
}

.customers .testimonials .box img {
    border-radius: 50px;
    object-fit: cover;
    margin: 5px 15px 0 0;
    height: 35px
}

.customers .testimonials .box p {
    font-size: 12px;
    line-height: 20px
}

.alt-cards {
    padding: 120px 16px 0
}

@media only screen and (max-width:992px) {
    .alt-cards {
        padding-top: 100px
    }

    .alt-cards .main-row>.col-md-4:last-of-type .box {
        margin-bottom: 0 !important
    }
}

.alt-cards .main-row>.col-md-4 {
    margin: auto;
    text-align: center
}

@media only screen and (min-width:993px) {

    .alt-cards .main-row>.col-md-4:hover .box,
    .alt-cards .main-row>.col-md-4:hover img {
        -webkit-box-shadow: 0 0 10px 5px #e9e8e8;
        box-shadow: 0 0 10px 5px #e9e8e8
    }
}

.alt-cards img {
    max-width: 352px;
    object-fit: cover;
    height: 110px !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    z-index: 100
}

.alt-cards .box,
.alt-cards img {
    position: relative;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s
}

.alt-cards .box {
    cursor: pointer;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: left !important;
    padding: 30px 15px 30px 30px;
    top: -8px;
    margin-left: auto !important;
    margin-right: auto !important
}

@media only screen and (max-width:767px) {
    .alt-cards .box {
        padding: 30px !important
    }
}

@media only screen and (max-width:992px) {

    .alt-cards .box .item-row .col-auto,
    .alt-cards .box .row>.col-md-6 {
        width: 50% !important
    }
}

.alt-cards .box .title {
    max-width: 290px
}

@media only screen and (min-width:993px) {
    .alt-cards .box .title {
        min-height: 50px
    }
}

.alt-cards .box p,
.alt-cards .box small {
    color: #353535
}

.alt-cards .box p {
    line-height: 10px
}

.alt-cards .box .tag {
    padding: 15px 22px !important
}

.alt-cards .box .row {
    margin-right: 0
}

@media only screen and (max-width:1024px) {
    .alt-cards .box .row {
        margin-left: -15px;
        margin-right: -15px
    }
}

.stories .box {
    position: relative;
    margin: 0 auto;
    min-height: 345px;
    padding: 30px 29px 20px;
    border-radius: 20px
}

.stories .box img {
    border-radius: 100px;
    object-fit: cover
}

.stories .box p {
    overflow: hidden;
    color: #353535 !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.stories .box small {
    color: #888;
    font-size: 12.82px;
    position: absolute;
    bottom: 0;
    padding: 20px 0
}

@media only screen and (max-width:992px) {
    .stories .box small {
        left: 0 !important;
        width: 100%
    }
}

.stories .link {
    display: block !important;
    width: max-width;
    margin-top: 10px;
    font-size: 22px !important;
    text-align: center !important;
    -webkit-transition: color 1s;
    transition: color 1s
}

.stories .link:visited {
    color: #0c1825
}

@media only screen and (min-width:993px) {
    .stories .link:hover {
        color: #0d60d8
    }
}

.terms {
    padding-bottom: 100px
}

@media only screen and (max-width:1200px) {
    .terms {
        padding-left: 30px;
        padding-right: 30px
    }
}

.terms.privacy hr:first-of-type {
    margin-top: 0 !important
}

.terms hr {
    border: 0;
    border-top: 1px solid rgba(132, 149, 177, .3);
    margin: 90px 0
}

.terms h2,
.terms h3 {
    margin-bottom: 40px
}

.terms h6 {
    font-size: 16.5px;
    margin-bottom: 10px
}

.terms p {
    text-align: justify;
    margin-bottom: 30px
}

.terms ul {
    padding-left: 40px
}

.terms ul,
.terms ul li {
    list-style-type: disc !important
}

.terms ul li {
    display: list-item
}

.terms ul li strong {
    color: #0c1825 !important
}

.terms ul:last-of-type li:last-of-type {
    margin-bottom: 40px
}

.terms ol,
.terms ul {
    margin-top: -15px
}

.terms ol li,
.terms ul li {
    padding-bottom: 10px
}

.faq {
    padding-top: 90px
}

.faq .head {
    padding: 130px 30px 140px;
    background-color: #f9f9f9;
    text-align: center
}

.faq .head input {
    background: #fff;
    border: 1px solid #8495b1;
    border-radius: 12px;
    width: 100%;
    height: 65px;
    font-size: 16.5px;
    outline: none;
    padding-left: 25px;
    margin-top: 25px
}

.faq .head input::-webkit-input-placeholder {
    font-size: 16.5px;
    font-family: DM Sans, sans-serif !important;
    color: rgba(132, 149, 177, .3607843137254902)
}

.faq .head input::-moz-placeholder {
    font-size: 16.5px;
    font-family: DM Sans, sans-serif !important;
    color: rgba(132, 149, 177, .3607843137254902)
}

.faq .head input:-ms-input-placeholder {
    font-size: 16.5px;
    font-family: DM Sans, sans-serif !important;
    color: rgba(132, 149, 177, .3607843137254902)
}

.faq .head input::placeholder {
    font-size: 16.5px;
    font-family: DM Sans, sans-serif !important;
    color: rgba(132, 149, 177, .3607843137254902)
}

.faq .head .search-list {
    position: absolute;
    z-index: 100;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 0;
    width: 100%;
    background-color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.faq .head .search-list li {
    display: block;
    text-align: left;
    padding: 10px 20px;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s
}

.faq .head .search-list li.no-result {
    text-align: center !important
}

.faq .head .search-list li.no-result:hover {
    background-color: transparent !important
}

@media only screen and (min-width:993px) {
    .faq .head .search-list li:hover {
        background-color: #f0f0f0
    }
}

.faq .body {
    padding: 100px 16px
}

.faq .body .left {
    font-family: U8-Regular !important;
    color: #0c1825;
    padding: 20px;
    background: #fefefe;
    border: 1px solid rgba(132, 149, 177, .3);
    border-radius: 10px
}

@media only screen and (min-width:992px) {
    .faq .body .left {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        -moz-box-flex: 0;
        flex: 0 0 27.5%;
        max-width: 0 0 27.5%
    }
}

.faq .body .left ul {
    position: sticky;
    top: 100px;
    height: auto;
    overflow: scroll;
    align-self: flex-start
}

.faq .body .left ul li {
    display: block;
    cursor: pointer;
    padding: 15px 0;
    border-radius: 10px;
    -webkit-transition: padding-left .5s, color .2s, background-color .1s;
    transition: padding-left .5s, color .2s, background-color .1s
}

.faq .body .left ul li a {
    color: inherit
}

@media only screen and (min-width:993px) {
    .faq .body .left ul li:hover {
        background-color: #ededee;
        padding-left: 20px;
        font-weight: 700
    }
}

@media only screen and (min-width:992px) {
    .faq .body .faq-content {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        -moz-box-flex: 0;
        flex: 0 0 72.5%;
        max-width: 0 0 72.5%
    }
}

.accordion {
    padding-left: 20px
}

.accordion .accordion__button {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(132, 149, 177, .3);
    cursor: pointer;
    margin-top: 10px;
    padding: 10px 20px
}

.accordion .accordion__button>div {
    display: -moz-box;
    display: flex;
    width: 100%;
    -moz-box-pack: justify;
    justify-content: space-between
}

.accordion .accordion__button h3 {
    font-family: U8-Regular !important;
    color: #0c1825;
    font-weight: 500;
    font-size: 28px
}

.accordion .accordion__button .interact .left .content .link,
.accordion .accordion__button .savings .box .sub-title,
.accordion .accordion__button svg,
.interact .left .content .accordion .accordion__button .link,
.savings .box .accordion .accordion__button .sub-title {
    position: relative;
    top: 10px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    color: #0c1825;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.accordion .accordion__panel {
    padding: 30px 40px
}

.accordion .accordion__panel>li {
    list-style-type: none;
    margin-bottom: 35px
}

.accordion .accordion__panel>li br {
    display: none
}

.accordion .accordion__panel>li:last-child div br+br {
    display: block
}

.accordion .accordion__panel>li>div div {
    margin-bottom: 25px
}

.accordion .accordion__panel>li h5 {
    font-size: 16.5px;
    margin-bottom: 5px
}

.item-page {
    padding: 85px 16px 0
}

.item-page hr {
    margin-bottom: 0;
    border-top: 1px solid rgba(132, 149, 177, .22)
}

.item-page .info {
    max-width: 750px;
    margin: auto;
    border: 1px solid rgba(132, 149, 177, .42);
    border-top: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 55px 55px 35px
}

@media only screen and (min-width:993px) {

    .interact .left .content .item-page .info h4:hover .link,
    .item-page .info h4:hover .interact .left .content .link,
    .item-page .info h4:hover .savings .box .sub-title,
    .item-page .info h4:hover svg,
    .savings .box .item-page .info h4:hover .sub-title {
        margin-left: 10px
    }
}

.interact .left .content .item-page .info h4 .link,
.item-page .info h4 .interact .left .content .link,
.item-page .info h4 .savings .box .sub-title,
.item-page .info h4 svg,
.savings .box .item-page .info h4 .sub-title {
    position: relative;
    top: -8px;
    margin-right: 20px;
    margin-left: 3px;
    -webkit-transition: margin-left .2s ease-out;
    transition: margin-left .2s ease-out
}

.item-page .info .bg-image {
    margin-top: 45px;
    width: 100%;
    object-fit: cover;
    border-radius: 12px
}

.item-page .info .profile {
    border: 2px solid #fff;
    background-color: #fff;
    position: absolute;
    bottom: -60px;
    left: 15px;
    max-width: 160px;
    border-radius: 12px
}

@media only screen and (max-width:992px) {
    .item-page .info .profile {
        max-width: 100px;
        left: 50%;
        bottom: -35px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.item-page .info .verified {
    margin-bottom: 55px;
    text-align: right;
    margin-top: 5px
}

.item-page .info .verified p {
    font-size: 11.5px;
    margin-right: 15px
}

@media only screen and (max-width:992px) {
    .item-page .info .verified {
        -moz-box-pack: center !important;
        justify-content: center !important;
        margin-top: 60px;
        margin-bottom: 45px
    }
}

.item-page .info .more-info {
    padding-left: 15px;
    padding-right: 15px
}

.item-page .info .more-info small {
    font-size: 12px;
    color: #60708a;
    top: -5px
}

.item-page .info .more-info h5 {
    font-size: 22px
}

.item-page .info .more-info .box {
    margin-top: 20px;
    background: rgba(197, 206, 220, .2);
    padding: 13px 13px 3px;
    border-radius: 5px
}

.item-page .info .more-info .box h6 {
    font-size: 16.5px
}

.item-page .info .more-info .box small {
    position: relative;
    top: -8px
}

.user-story {
    padding: 85px 16px 0;
    text-align: center
}

.user-story.stories {
    padding-bottom: 0 !important
}

.user-story hr {
    margin-bottom: 0;
    border-top: 1px solid rgba(132, 149, 177, .22)
}

.user-story .btn {
    display: inline-block;
    margin-top: 30px
}

.user-story .box {
    margin: 100px auto 0;
    max-width: 607px !important;
    border-radius: 18px !important;
    min-height: 100%;
    text-align: left
}

@media only screen and (min-width:993px) {
    .user-story .box {
        padding: 40px 67px 40px 30px
    }
}

@media only screen and (max-width:767px) {
    .user-story .box {
        text-align: center
    }

    .user-story .box p {
        text-align: justify
    }
}

.user-story .box p {
    font-size: 22px;
    margin-bottom: 80px;
    line-height: 36.27px;
    overflow: visible;
    display: block
}

.user-story .box small {
    font-size: 17px;
    padding: 30px 0
}

.blog-container {
    max-width: 955px;
    margin: auto;
    padding-left: 16px;
    padding-right: 16px
}

.blog-container p {
    font-weight: 500;
    color: #0c1825
}

.blog-container .blog-header {
    padding-top: 150px;
    padding-bottom: 100px
}

.blog-container .blog-header img {
    max-width: 609px
}

.blog-container .blog-header h5 {
    font-size: 22px !important
}

.blog-container .blog-header h6,
.blog-container .blog-header p,
.blog-container .blog-header small {
    font-size: 13px !important
}

.blog-container .blog-header h6 {
    margin-bottom: 8px
}

.blog-container .blog-header p {
    max-width: 210px;
    line-height: 18px
}

.blog-container .blog-header .latest .title-section {
    background-color: #f9f9f9;
    padding: 10px 30px 45px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    top: -7px
}

.blog-container .blog-header .latest .title-section small {
    font-weight: 500
}

.blog-container .blog-posts h6 {
    font-size: 13px;
    margin-bottom: 8px
}

.blog-container .blog-posts p {
    font-size: 14.6px;
    line-height: 20px
}

.blog-container .blog-btn {
    border: 1px solid #a6a4b2;
    border-radius: 10px;
    width: 100%;
    max-width: 420px;
    padding: 11px;
    display: block;
    text-align: center;
    margin: auto
}

.blog-container .cta {
    margin-top: 90px;
    margin-bottom: 90px;
    background-color: #0f60d6;
    border-radius: 18px
}

@media only screen and (max-width:992px) {
    .blog-container .cta .cta-logo {
        margin-top: 40px
    }
}

.blog-container .cta h3 {
    font-size: 41px;
    color: #fff;
    max-width: 360px;
    line-height: 55px
}

@media only screen and (max-width:992px) {
    .blog-container .cta h3 {
        margin-bottom: 20px
    }
}

.blog-container .cta .cta-image {
    max-width: 306.2px;
    bottom: 0
}

.blog-container .cta .mobile {
    display: none
}

@media only screen and (max-width:992px) {
    .blog-container .cta .mobile {
        display: block
    }

    .blog-container .cta .mobile .cta-image {
        padding: 0 32px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .blog-container .cta .desktop {
        display: none
    }
}

.blog-container .cta .download-btn-full {
    border: 0 !important;
    margin-top: 0 !important;
    padding: 9px 16px 9px 12px !important;
    background-color: #0b53bb;
    color: #fff !important
}

.blog-container .cta .download-btn-full:first-child {
    margin-right: 8px
}

.blog-container .cta .download-btn-full:first-child img {
    top: 3.5px
}

@media only screen and (max-width:357px) {
    .blog-container .cta .download-btn-full:first-child {
        margin-right: 0 !important
    }
}

@media only screen and (max-width:992px) {
    .blog-container .cta .download-btn-full {
        margin-bottom: 10px
    }

    .security-types {
        padding-top: 70px !important
    }
}

@media only screen and (min-width:993px) {
    .security-types .bg-none .col-md-6:first-child {
        -moz-box-ordinal-group: 2;
        order: 1
    }
}

.security-types .container {
    padding: 0 16px
}

.security-types .container .row {
    padding-top: 70px;
    padding-bottom: 70px
}

.alt-cards .security-types .container .row img.col-md-6,
.blog-container .blog-header .security-types .container .row img.col-md-6,
.blog-container .cta .security-types .container .row .col-md-6.cta-image,
.customers .stories-single .security-types .container .row img.col-md-6,
.header.about .security-types .container .row img.col-md-6,
.investments .left .security-types .container .row img.col-md-6,
.not-found .security-types .container .row img.col-md-6,
.security-types .container .row .alt-cards img.col-md-6,
.security-types .container .row .blog-container .blog-header img.col-md-6,
.security-types .container .row .blog-container .cta .col-md-6.cta-image,
.security-types .container .row .col-md-6.img,
.security-types .container .row .customers .stories-single img.col-md-6,
.security-types .container .row .header.about img.col-md-6,
.security-types .container .row .investments .left img.col-md-6,
.security-types .container .row .not-found img.col-md-6 {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center
}

.alt-cards .security-types .container .row img.col-md-6 img,
.blog-container .blog-header .security-types .container .row img.col-md-6 img,
.blog-container .cta .security-types .container .row .col-md-6.cta-image img,
.customers .stories-single .security-types .container .row img.col-md-6 img,
.header.about .security-types .container .row img.col-md-6 img,
.investments .left .security-types .container .row img.col-md-6 img,
.not-found .security-types .container .row img.col-md-6 img,
.security-types .container .row .alt-cards img.col-md-6 img,
.security-types .container .row .blog-container .blog-header img.col-md-6 img,
.security-types .container .row .blog-container .cta .col-md-6.cta-image img,
.security-types .container .row .col-md-6.img img,
.security-types .container .row .customers .stories-single img.col-md-6 img,
.security-types .container .row .header.about img.col-md-6 img,
.security-types .container .row .investments .left img.col-md-6 img,
.security-types .container .row .not-found img.col-md-6 img {
    width: 70%
}

@media only screen and (max-width:992px) {

    .alt-cards .security-types .container .row img.col-md-6,
    .blog-container .blog-header .security-types .container .row img.col-md-6,
    .blog-container .cta .security-types .container .row .col-md-6.cta-image,
    .customers .stories-single .security-types .container .row img.col-md-6,
    .header.about .security-types .container .row img.col-md-6,
    .investments .left .security-types .container .row img.col-md-6,
    .not-found .security-types .container .row img.col-md-6,
    .security-types .container .row .alt-cards img.col-md-6,
    .security-types .container .row .blog-container .blog-header img.col-md-6,
    .security-types .container .row .blog-container .cta .col-md-6.cta-image,
    .security-types .container .row .col-md-6.img,
    .security-types .container .row .customers .stories-single img.col-md-6,
    .security-types .container .row .header.about img.col-md-6,
    .security-types .container .row .investments .left img.col-md-6,
    .security-types .container .row .not-found img.col-md-6 {
        margin-bottom: 50px
    }
}

.security-types .container .row .col-md-6 h2 {
    margin-bottom: 20px
}

.security-types .container .row .col-md-6 p {
    line-height: 30px;
    text-align: justify
}

@media only screen and (max-width:992px) {
    body {
        text-align: center !important
    }

    deleteddeletednav {
        text-align: left;
        margin-top: 0;
        padding: 18px 32px !important
    }

    deleteddeletednav li {
        text-align: center;
        padding-right: 0 !important;
        padding: 15px 0
    }

    deleteddeletednav li,
    deleteddeletednav li a {
        display: block
    }

    deleteddeletednav .btn-group,
    deleteddeletednav .menu {
        opacity: 0;
        display: none
    }

    deleteddeletednav .logo img {
        top: 5px;
        bottom: 0 !important;
        padding-right: 0 !important;
        width: 155px
    }

    .deleteddeleteddeletedhamburger .line {
        display: block !important
    }

    .content,
    .content p,
    .header .text,
    .interact .link,
    .testimonials .box {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .interact .left {
        padding-bottom: 80px
    }

    h1 {
        font-size: 55px;
        line-height: 72px
    }

    h2 {
        font-size: 41px;
        line-height: 54px
    }

    h3 {
        font-size: 33px;
        line-height: 43px
    }

    h4 {
        font-size: 28px;
        line-height: 36px
    }

    .bg {
        display: none !important
    }

    .header {
        padding-top: 200px !important;
        padding-bottom: 10px
    }

    .header.stories-header .right {
        margin-left: 40px
    }

    .header.about .tag {
        margin-bottom: 50px !important
    }

    .header.about .right .cont>div {
        -moz-box-pack: center;
        justify-content: center
    }

    .header.about .aboutIcon {
        display: none
    }

    .header .left {
        display: block;
        margin-bottom: 90px
    }

    .header .left p {
        margin-bottom: 0
    }

    .header .left .btn {
        display: block;
        width: -moz-max-content;
        width: max-content;
        margin: 30px auto 0
    }

    .header .left a.download-btn {
        margin-left: 7px
    }

    .header .left a.download-btn img {
        margin-top: 30px
    }

    .header .right.home {
        margin-bottom: 20px
    }

    .savings {
        padding-bottom: 50px
    }

    .savings .content {
        margin: auto auto 30px
    }

    .savings .sub-text {
        margin-bottom: 50px
    }

    .savings .sub-text h2 {
        margin-bottom: 15px
    }

    .savings .box {
        padding: 30px !important
    }

    .savings .box .title {
        max-width: unset
    }

    .interact .right {
        height: 400px
    }

    .customers .left {
        -moz-box-ordinal-group: 3;
        order: 2;
        text-align: left
    }

    .customers .download-btn-full {
        margin-left: 5px;
        margin-right: 5px
    }

    .customers .download-btn-full:nth-child(2) {
        margin-top: 20px
    }

    .customers .stories-single {
        text-align: center !important
    }

    .customers .right {
        margin-bottom: 70px
    }

    .featured .brands {
        padding-left: 0;
        padding-top: 10px !important
    }

    .featured .brands a:first-of-type {
        position: relative;
        top: 7px
    }

    .featured .brands img {
        padding-top: 40px !important
    }

    .investments {
        padding-top: 20px;
        padding-bottom: 90px
    }

    .investments h2 {
        word-break: break-word
    }

    .investments.short-story .left {
        -moz-box-ordinal-group: 3;
        order: 2
    }

    .investments.short-story .storyIcon {
        display: none
    }

    .investments.security {
        padding-top: 90px;
        padding-bottom: 70px
    }

    .investments.security .left .ml-auto {
        margin-right: 0 !important
    }

    .investments.security .left .ml-auto img {
        margin-bottom: 40px
    }

    .stories {
        padding-top: 100px !important
    }

    .stories h2 {
        margin-bottom: 50px
    }

    .stories .row>.col-md-4:last-of-type {
        margin-bottom: 0 !important
    }

    .terms ol li,
    .terms ul li {
        text-align: justify !important
    }

    .terms hr {
        margin: 50px 0
    }

    .terms.privacy hr:first-of-type {
        margin-top: 60px !important
    }

    .faq {
        padding-top: 85px
    }

    .faq .head {
        padding: 100px 30px
    }

    .faq .body {
        padding: 50px 16px 30px
    }

    .faq .body h3 {
        font-size: 25px !important
    }

    .faq .body .left {
        width: 100%;
        border: 0 !important;
        -webkit-transition: all .3s ease-in-out !important;
        transition: all .3s ease-in-out !important;
        padding: 0 !important
    }

    .faq .body .left ul {
        white-space: nowrap;
        overflow-x: scroll
    }

    .faq .body .left ul li {
        display: inline-block !important;
        padding: 20px 5px !important;
        margin: 0 5px
    }

    .faq .body .left ul li.active {
        background-color: transparent;
        color: inherit;
        padding: 20px 5px !important;
        border-radius: 0;
        border-bottom: 2px solid #0d60d8 !important
    }

    .faq .body .faq-content {
        width: 100%;
        margin-top: 50px
    }

    .faq .accordion {
        padding-left: 0
    }

    .faq .accordion__panel {
        text-align: left !important;
        padding: 30px 19px
    }

    .faq .accordion__button h3,
    footer {
        text-align: left
    }

    footer {
        padding-bottom: 10px
    }

    footer .logo img {
        width: 160px
    }

    footer .connect a,
    footer .connect p {
        text-align: left
    }

    footer .about {
        margin-top: 0
    }

    footer .connect {
        -moz-box-ordinal-group: 5;
        order: 4
    }

    footer .legal {
        -moz-box-ordinal-group: 4;
        order: 3
    }

    footer .products {
        font-family: 'Montserrat', sans-serif;
        -moz-box-ordinal-group: 2;
        order: 1;
        -moz-box-flex: 0;
        flex: 0 0 50%
    }

    footer .company {
        -moz-box-ordinal-group: 3;
        order: 2;
        -moz-box-flex: 0;
        flex: 0 0 50%
    }
}

@media only screen and (max-width:1024px) {
    deleteddeletednav {
        padding: 25px 32px
    }
}

@media only screen and (max-width:480px) {
    body {
        font-size: 16px
    }

    h1 {
        font-size: 45px !important;
        line-height: 57px
    }

    h2 {
        font-size: 31px !important;
        line-height: 39px
    }

    h3 {
        font-size: 28px;
        line-height: 38px
    }

    .faq .body h3 {
        font-size: 23px !important
    }

    .savings .box h5 {
        font-size: 19px
    }

    .faq-content .interact .left .content .link,
    .faq-content .savings .box .sub-title,
    .faq-content svg,
    .interact .left .content .faq-content .link,
    .savings .box .faq-content .sub-title {
        top: 5px !important
    }
}

@media only screen and (max-width:600px) {
    .header.stories-header .right {
        padding-left: 0;
        margin-left: 0
    }

    .header.stories-header .right .headerIcon {
        display: none
    }

    .header.stories-header .right .square {
        right: 0
    }

    .header .right {
        padding-left: 16px;
        padding-right: 16px
    }

    .header .right.home {
        margin-left: 35px
    }

    .header .right .card1,
    .header .right .card3,
    .header .right .card4 {
        left: -22%
    }

    .header .right .card2 {
        right: 0
    }

    .header .right .circle.alt,
    .header .right .dot.alt,
    .header .right .lock {
        display: none
    }
}

@media only screen and (max-width:1014px)and (min-width:992px) {
    .header .right .card2 {
        right: -30%
    }

    footer .connect {
        -moz-box-flex: 0;
        flex: 0 0 22%
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    -webkit-box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1;
    -webkit-transform: rotate(3deg) translateY(-4px);
    transform: rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-color: #29d transparent transparent #29d;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner .4s linear infinite;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.headFont{
    font-family: 'Montserrat', sans-serif;
}