/*
Theme Name: moneybox
Theme URI: https://www.moneyboxapp.com
Author: go6 media - https://go6.media
Author URI: https://www.moneyboxapp.com
Version: 2
*/


:root {
    --teal: #78E3DF;
    --dark-green: #022828;
	--seafoam:#E9F1EF;
}


@font-face {
    font-family: 'Orla Sprig';
    src: local('Orla Sprig Medium'), local('Orla-Sprig-Medium'),
        url('fonts/Orla-Sprig-Medium.woff2') format('woff2'),
        url('fonts/Orla-Sprig-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orla Sprig Sans';
    src: local('Orla Sprig Sans Medium'), local('OrlaSprigSans-Medium'),
        url('fonts/OrlaSprigSans-Medium.woff2') format('woff2'),
        url('fonts/OrlaSprigSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orla Sprig Sans';
    src: local('Orla Sprig Sans Heavy'), local('OrlaSprigSans-Heavy'),
        url('fonts/OrlaSprigSans-Heavy.woff2') format('woff2'),
        url('fonts/OrlaSprigSans-Heavy.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orla Sprig Sans';
    src: local('Orla Sprig Sans Light'), local('OrlaSprigSans-Light'),
        url('fonts/OrlaSprigSans-Light.woff2') format('woff2'),
        url('fonts/OrlaSprigSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



/* Grid structure */




@media only screen and (max-width : 420px) {
    .col-md-auto {width:100%; margin-bottom:10px}
}


/* Base styles for all columns */
[class*="col-"] {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

/* Small devices (mobile, default) */
.col {
  flex: 1 1 100%;
  max-width: 100%;
}

/* Medium devices (tablets) */
@media (min-width: 768px) {
  .col-md {
    flex: 1 1 0;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Large devices (desktops) */
@media (min-width: 1200px) {
  .col-lg {
    flex: 1 1 0;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Optional row styling for layout */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-1 {
    box-sizing: border-box;
    width: calc(8.3333333333% - 24px)
}

@media screen and (max-width: 480px) {
    .col-1 {
        width: 100%
    }
}

.col-2 {
    box-sizing: border-box;
    width: calc(16.6666666667% - 24px)
}

@media screen and (max-width: 480px) {
    .col-2 {
        width: 100%
    }
}

.col-3 {
    box-sizing: border-box;
    width: calc(25% - 24px)
}

@media screen and (max-width: 480px) {
    .col-3 {
        width: 100%
    }
}

.col-4 {
    box-sizing: border-box;
    width: calc(33.3333333333% - 24px)
}

@media screen and (max-width: 480px) {
    .col-4 {
        width: 100%
    }
}

.col-5 {
    box-sizing: border-box;
    width: calc(41.6666666667% - 24px)
}


@media screen and (max-width: 768px)
{
 .col-5{ width: calc(44.6666666667% - 24px)}

}


@media screen and (max-width: 480px) {
    .col-5 {
        width: 100%
    }
}

.col-6 {
    box-sizing: border-box;
    width: calc(50% - 24px)
}

@media screen and (max-width: 480px) {
    .col-6 {
        width: 100%
    }
}

.col-7 {
    box-sizing: border-box;
    width: calc(58.3333333333% - 24px)
}

@media screen and (max-width: 480px) {
    .col-7 {
        width: 100%
    }
}


@media screen and (max-width: 768px)
{
 .col-5{ width: calc(62.333333% - 24px)}

}


.col-8 {
    box-sizing: border-box;
    width: calc(66.6666666667% - 24px)
}

@media screen and (max-width: 480px) {
    .col-8 {
        width: 100%
    }
}

.col-9 {
    box-sizing: border-box;
    width: calc(75% - 24px)
}

@media screen and (max-width: 480px) {
    .col-9 {
        width: 100%
    }
}

.col-10 {
    box-sizing: border-box;
    width: calc(83.3333333333% - 24px)
}

@media screen and (max-width: 480px) {
    .col-10 {
        width: 100%
    }
}

.col-11 {
    box-sizing: border-box;
    width: calc(91.6666666667% - 24px)
}

@media screen and (max-width: 480px) {
    .col-11 {
        width: 100%
    }
}

.col-12 {
    box-sizing: border-box;
    width: calc(100% - 24px)
}

@media screen and (max-width: 480px) {
    .col-12 {
        width: 100%
    }
}


.grid {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    width: 100%
}

@media screen and (max-width: 480px) {
    .grid {
        flex-direction: column
    }
}

.wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width: 480px) {
    .wrap {
        flex-direction: row
    }

    .tcenter {
        justify-content: center;
        text-align: center
    }

}




.flex {display:flex}
.vertical { flex-direction: column}
.vertical.center { align-items: center; justify-content: center}
.center { justify-content: center; text-align: center}
.hcenter {align-items: center; }
.right {justify-content: right; text-align: right}
.left { justify-content: left; text-align: left !important}


/* Reset */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
hr,
dl,
dd,
ol,
ul,
figure {
    margin: 0;
    padding: 0
}

/* html {font-size: 62.5%} */

body {
    font: 100 18px/1.4 "Orla Sprig Sans", BlinkMacSystemFont, -apple-system, "Segoe UI", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    color: var(--dark-green);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    -webkit-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    -o-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    font-kerning: normal
}


h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
ul,
ol,
dl,
figure {
margin-bottom: 32px
}

img {max-width: 100%; vertical-align: middle; height:auto}
figure>img { display: block}
ul,ol { margin-left: 20px}
li>ul,li>ol { margin-bottom: 0}


h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--dark-green);
    font-family: 'Orla Sprig sans';
    font-weight: 500;
    font-style: normal;
    letter-spacing: -1.5px;
	line-height:1;
}

h1, .h1 {font-family: 'Orla Sprig';}

section b , section strong {font-weight: bold;}

h1, .h1 {font-size: 70px;}
h2, .h2 {font-size: 58px; }
h3, .h3 {font-size: 38px;}
h4, .h4 {font-size: 30px;}

@media screen and (max-width: 768px) {
   h1, .h1 {font-size: 48px;}
   h2, .h2 {font-size: 30px;}
   h3, .h3 {font-size: 24px;}
 h4, .h4 {font-size: 20px;}

}


a {color: var(--dark-green); text-decoration: none; position:relative}
a:not(header a):not(footer a):not(.blog-info a):not(.button) {font-weight:500; text-decoration: underline;}

/* a:not(:has(>img)):not(.floatbtn a):not(.btn):not(.button):not(header a):not(footer a):not(.breadcrumbs a):not(.learning-hub a):not(.blog-info a)::after {content: '';  position: absolute; left: 0; bottom: 1px; width: 100%;border-bottom: 1px solid var(--teal);}
a:not(:has(>img)):not(.btn):not(.button):not(header a):not(footer a):not(.breadcrumbs a):not(.learning-hub a):not(.blog-info a):hover::after {border-bottom: 2px solid var(--teal) !important;} */

small , p.small { font-size: 16px; line-height: 1.38; margin-bottom:0}
blockquote { padding-left: 4px; font-size: 18px; letter-spacing: -1px; font-style: italic}

blockquote>:last-child {  margin-bottom: 0}

.button, button {
    background: var(--teal);
    border: 0;
    border-radius: 100px;
    color: var(--dark-green);
    cursor: pointer;
    display: inline-block;
    line-height: 50px;
    padding: 0 24px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-out, transform 0.08s ease-out;
    white-space: nowrap;
	font-weight: 500;
}


.button:hover,button:hover {color: var(--teal); background: var(--dark-green); }


.button.light,
button.light {
    background: white;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.04);
    color: #546270
}

.button.light:hover,
button.light:hover {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12)
}

textarea,
input[type] {
    background: white;
    border: none;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.wrapper {
    box-sizing: border-box;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 26px;
    padding-left: 26px;
	overflow: hidden;
}

.tiles {
    flex-direction: row
}

.tile {
    background: white;
    box-shadow: 0 0 0 1px rgba(0, 194, 180, 0.32);
    border-radius: 4px;
    color: var(--dark-green);
    display: inline-block;
    margin-bottom: 24px;
    opacity: 1;
    padding: 16px;
    text-align: center;
    transition: all 0.12s
}

@media screen and (max-width: 480px) {
    ._tile {
       width: calc(50% - 24px/2)
    }
}

.tile:hover {
/*     box-shadow: 0 0 4px rgba(0, 194, 180, 0.42); */
    transform: translateY(-4px)
}

nav:after {
    content: "";
    display: table;
    clear: both
}

.container {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    -ms-flex: 1 1 auto
}

#android-popup,
#error-popup,
#success-popup,
#info-fee-popup {
    background: white;
    border-radius: 4px 4px 6px 6px;
    left: 50%;
    padding: 24px;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    max-width: 360px;
    width: 80%
}

#android-popup a,
#error-popup a,
#success-popup a,
#info-fee-popup a {
    background: #49bfbd;
    border-radius: 0 0 4px 4px;
    color: white;
    display: block;
    padding: 8px;
    margin: 24px -24px -24px;
    width: auto
}

#android-popup input[type="text"],
#error-popup input[type="text"],
#success-popup input[type="text"],
#info-fee-popup input[type="text"] {
    background: rgba(84, 98, 112, 0.05);
    box-sizing: border-box;
    font-size: 1.6rem;
    padding: 0 16px;
    width: 100%
}

#overlay {  background: rgba(0, 0, 0, 0.15); content: ''; display: none; height: 100%; left: 0;  position: fixed; top: 0; width: 100%; z-index: 2}


.cookie-bar-bar #catapult-cookie-bar.float-accept span.ctcc-right-side {float: right;}
#catapult-cookie-bar .ctcc-more-info-link{ text-decoration: underline;}
#catapult-cookie-bar { padding: 12px;   font-size: 14px;}
body button#catapultCookie {padding: 0 14px !important;   border-radius: 8px; font-size: 15px; display: block;  margin-top: 11px; float: right; line-height: 38px}

.cookie-bar-bar .use_x_close .x_close {
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}

    .use_x_close .x_close {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        font-family: sans-serif;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;}

        .x_close {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: translate3d(0px,0px,0px);
            width: 14px;
            height: 30px;
            position: relative;
            margin: 0 auto;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            cursor: pointer;
        }


        #catapult-cookie-bar .x_close span {
            background-color: #fff;
        }
        .x_close span:nth-child(1) {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .x_close span:nth-child(2) {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .x_close:hover span:nth-child(1) {
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
        }
        .x_close:hover span:nth-child(2) {
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
        }

        .x_close span:nth-child(1), .x_close span:nth-child(2) {
            top: 14px;
        }
        .x_close span {
            display: block;
            position: absolute;
            height: 3px;
            width: 14px;
            background: #111;
            border-radius: 6px;
            opacity: 1;
            left: 0;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
            transition-delay: .14s;
            -webkit-transition-delay: .14s;
            -moz-transition-delay: .14s;
        }

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

#risk-warning , #custom_warning  {padding-bottom:32px;}
#risk-warning .grid , #custom_warning .grid {flex-direction: column-reverse;     align-items: center !important;}
}

#risk-warning , #custom_warning  { background:var(--dark-green);  padding: 100px 0 ; }
#risk-warning .green-box, #custom_warning .green-box { border-radius: 25px; background:#1C3D3E; padding:40px; color:#C7D9D7}
#risk-warning .green-box h3, #custom_warning .green-box h3{color:#C7D9D7}


@media screen and (max-width: 480px) {
#risk-warning , #custom_warning  {padding:24px 0;}
#risk-warning .grid , #custom_warning .grid {flex-direction: column-reverse;     align-items: center !important;}
}


@media screen and (max-width: 1020px) {
    header .grid {
        flex-direction: column;
        justify-content: center
    }

}


header {
    align-items: stretch;
    display: flex;
    position: relative;
    z-index: 2
}


header .social img {
    opacity: 0.5
}

header .social:hover img {
    opacity: 1
}

#logo {
    align-self: center;
}

nav {
    display: flex;
    float: right;
    transition: all 0.2s
}

@media screen and (max-width: 1020px) {
    nav {

        /*display: none;*/
        flex-direction: column;
        _margin: 1px -24px 0;
        text-align: center;
        width: auto
    }


.social-icon > nav{flex-direction: row;}

}

nav a {
    align-self: center;
    color: rgba(84, 98, 112, 0.5);
    line-height: 80px;
    padding: 0 24px
}

@media screen and (max-width: 1020px) {
    nav a {
        border-top: 1px solid rgba(84, 98, 112, 0.05);
        display: block;
        line-height: 100%;
        padding: 16px 0;
        width: 100%
    }

.social-icon > nav > a{ border-top:none;}

}

nav a:hover {
    color: #546270
}

nav a:last-child {
    padding-right: 0
}

#menu-icon {
    background: url("images/icon-nav.svg") center center no-repeat;
    border-radius: 100%;
    display: none;
    height: 40px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 40px
}

@media screen and (max-width: 1020px) {
    #menu-icon {
        display: block
    }
}

#menu-checkbox {
    display: none
}

iframe {width: 100%; height: 310px}


/* Header dropdown */
#dl-drop {clear: both; width: 100%;background: #fff; display: block; text-align: center; color: #006178; padding:50px 0 30px;  box-shadow: 0 14px 15px rgba(0, 0, 0, 0.05);}
.homepage-nav #dl-drop {background: #4ABDB9}
#dl-drop img {width: 170px; height: auto; margin-right: 10px;}

#dl-drop .top-drop-form {width: 45%;display: flex;margin: 0 auto;}

#dl-drop .top-drop-form input {
    background: #fff;
    height: 70px;
    font-size: 17px;
    border-color: rgba(0, 194, 181, 0.25);
    border-radius: 10px;
    color: var(--dark-green);}
 #dl-drop .top-drop-form .linkTextingButton {
        background: var(--teal);
        height: 50px;
               border-radius: 9px;
        color: #fff;
        top: 10px;
        right: 10px;}



table.striped { margin-top: 64px;  margin-bottom: 64px; width: 100%}
table.striped tbody tr:nth-child(odd) {   background-color: rgba(236, 238, 241, 0.5)
}


.cta {
    align-self: center;
    order: 1
}

@media screen and (max-width: 768px) {
    .cta {
        display: flex;
        flex-direction: column;
        margin-bottom: 32px;
        width: 100%
    }
}

.hero-tagline {
    align-items: flex-end;
    background: #49bfbd;
    display: flex;
    margin-bottom: 32px;
    min-height: 200px;
    padding: 32px 0
}

@media screen and (max-width: 768px) {
    .hero-tagline {
        align-items: flex-start;
        margin-bottom: 0;
        min-height: 0;
        padding-bottom: 0;
        z-index: 1
    }
}

.hero-tagline h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .hero-tagline h1 {
        font-size: 28px;
        font-weight: 500;
        line-height: 36px
    }
}






#home-hero .button,
#investing-hero .button {
    border-radius: 4px;
    color: white;
    height: 48px;
    line-height: 48px;
    margin: 0;
    -webkit-appearance: none
}

#home-hero .app-links,
#investing-hero .app-links {
    display: flex
}

@media screen and (max-width: 768px) {
    #home-hero .app-links,
    #investing-hero .app-links {
        flex-direction: row;
        justify-content: center;
        margin-bottom: 32px;
        order: -1
    }
}

#home-hero #download-ios,
#investing-hero #download-ios {
    margin-right: 16px
}

#how-it-works {
    color: rgba(84, 98, 112, 0.5);
    display: block;
    margin-top: 40px
}

#how-it-works img {
    margin-right: 16px;
    opacity: 0.5
}

#how-it-works:hover {
    color: #546270
}

#how-it-works:hover img {
    opacity: 1
}

#hero-phone {
    margin-bottom: 16px;
    order: 2;
    position: absolute;
    right: 0;
    transform: translateY(-50%) translateY(-32px);
    z-index: 1
}

@media screen and (max-width: 768px) {
    #hero-phone {
        background: linear-gradient(to bottom, #49bfbd 0%, #49bfbd 50%, #49bfbd 50%, #fff 50%, #fff 100%);
        box-sizing: content-box;
        order: 1;
        margin: -1px 0 20px -24px;
        padding: 0 24px;
        position: relative;
        transform: none;
        width: 100%;
        z-index: 0
    }
}

#hero-phone img {
    margin: 40px 0
}

@media screen and (max-width: 768px) {
    #hero-phone img {
        margin: 0;
        max-height: none
    }
}

#get-started,
#investing-made-easy,
#safe-hands,
#featured-faqs,
#featured-videos {
    margin-bottom: 64px
}

@media screen and (max-width: 480px) {
    #get-started,
    #investing-made-easy,
    #safe-hands,
    #featured-faqs,
    #featured-videos {
        margin-bottom: 0
    }
}

#featured {
    align-items: center;
    justify-content: space-around;
    margin: 32px auto;
    text-align: center
}

#featured h2 {
    margin-bottom: 40px;
    text-align: center
}

#featured a:hover img {
    opacity: 1
}

#featured img {
    opacity: 0.5;
    transition: opacity 0.12s
}

@media screen and (max-width: 480px) {
    #featured img {
        max-height: 64px;
        width: auto
    }
}

#get-started {
    padding: 0 32px;
    text-align: center
}

@media screen and (max-width: 480px) {
    #get-started {
        flex-direction: column
    }
}

#get-started .step {
    background: white;
    border-radius: 4px
}

@media screen and (max-width: 480px) {
    #get-started .step {
        margin-bottom: 64px
    }
}

#get-started .step img {
    margin: 0 auto 8px
}

#get-started .step h3 {
    margin-bottom: 8px
}

#get-started img {
    width: 100px
}

#featured-videos{ margin: 32px auto}

@media screen and (max-width: 480px) {
    #featured-videos a,
    #support-videos a {
        margin-bottom: 24px
    }
}

#featured-videos img{
    border-radius: 4px
}

#featured-videos h3 {
    font-size: 1.6rem;
    margin-top: 16px
}

#investing-made-easy {
    background: url("images/bg-dot.svg") top center;
    padding: 86px 0;
    position: relative;
    text-align: center
}

@media screen and (max-width: 480px) {
    #investing-made-easy {
        margin-bottom: 64px;
        padding: 24px 0
    }
}

#investing-made-easy h2,
#investing-made-easy p {
    margin: 0 auto 16px
}

#investing-made-easy img {
    margin-top: 32px;
    max-height: 160px
}

#investing-made-easy .video img {
    border-radius: 4px
}

@media screen and (max-width: 768px) {
    #safe-hands .col-9,
    #safety-transparency .col-9 {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    #safe-hands h2,
    #safety-transparency h2 {
        text-align: center
    }
}

#safe-hands h4 img,
#safety-transparency h4 img {
    display: inline;
    height: 24px;
    margin-right: 12px;
    width: 24px
}

#safe-hands .feature,
#safety-transparency .feature {
    margin-top: 32px;
    width: calc(50% - 24px)
}

@media screen and (max-width: 480px) {
    #safe-hands .feature,
    #safety-transparency .feature {
        width: 100%
    }
}

#safe-hands .feature .wrap,
#safety-transparency .feature .wrap {
    flex-direction: column
}

#safe-animation {
    animation: safe-spin 20s infinite;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    #safe-animation {
        display: none
    }
}

#safe-animation img {
    max-height: 288px
}

@keyframes safe-spin {
    0% {
        transform: rotate(0deg)
    }
    20% {
        transform: rotate(-20deg)
    }
    40% {
        transform: rotate(600deg)
    }
    60% {
        transform: rotate(-10deg)
    }
    80% {
        transform: rotate(80deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

#featured-faqs {
    margin-bottom: 0;
    padding: 64px 0
}

@media screen and (max-width: 480px) {
    #featured-faqs {
        margin-top: 32px;
        padding: 32px 0
    }
}

#featured-faqs h2 {
    margin-bottom: 24px;
    text-align: center
}

#featured-faqs p {
    margin-bottom: 0
}

@media screen and (max-width: 480px) {
    #featured-faqs p {
        display: none
    }
}

@media screen and (max-width: 480px) {
    #featured-faqs ul {
        display: none
    }
}

#featured-faqs a.tile {
    margin-bottom: 32px;
    text-align: left
}

@media screen and (max-width: 768px) {
    #featured-faqs a.tile {
        width: calc(50% - 16px)
    }
}

#featured-faqs .tiles {
    flex-direction: row
}

#featured-faqs .button {
    align-self: center
}

#job-email-link {
    display: block;
    margin-top: 16px
}

#job-list {
    margin: 0 auto 64px
}

#job-list p {
    margin-bottom: 0
}

#job-list a.tile {
    text-align: left
}

#job-list .title {
    color: #323a43;
    display: block;
    font-size: 1.8rem;
    margin-bottom: 8px
}

#job-list .button {
    align-self: center
}

video {
    border-radius: 4px;
    height: auto;
    width: 100%
}

#download-banner {
    background: #49bfbd url("images/bg-bubbles.svg");
    color: white;
    padding: 64px 0;
    text-align: center
}

@media screen and (max-width: 480px) {
    #download-banner {
        padding: 32px 0
    }
}

#download-banner h2,
#download-banner p {
    color: white
}

#download-banner .button {
    color: #49bfbd
}

#download-banner a:hover {
    background: #fff
}

#legal {
    margin: 64px auto; padding-top:90px; width: 100%;
}

@media screen and (max-width: 480px) {
    #legal {
       _margin: 32px auto
    }
    #legal article {
        order: 1
    }
    #legal aside {
        order: 3; width: 100%;
    }
    #legal h1 {
        text-align: center
    }
}

@media screen and (max-width: 480px) and (max-width: 480px) {
    #legal h1 {
        margin: 64px 0
    }
}

.legal ol,
.legal ul {
    counter-reset: item;
    list-style-type: none;
    margin: 16px 0;
    padding: 0
}

.legal ol>li,
.legal ul>li {
    margin-bottom: 16px
}

.legal ul {
    list-style-type: disc;
    margin: 16px 16px
}

.legal ol li {
    counter-increment: item;
    display: table
}

.legal ol li:before {
    content: counters(item, ".") ".";
    display: table-cell;
    padding-right: 24px
}

@media screen and (max-width: 480px) {
    .legal ol li:before {
        float: left;
        padding-right: 8px
    }
}

.legal ol li ol li:before {
    content: counters(item, ".")
}

.legal ol li ol li ol li:before {
    content: counter(item, upper-alpha) ")"
}

.legal ol li ol li ol li ol li:before {
    content: counter(item, decimal) ")"
}

.legal h4+ol,
.legal h4+ul {
    counter-reset: none
}

.referral ol li {
    counter-increment: item;
    display: table
}

.referral ol li:before {
    content: counters(item, ".") ".";
    display: table-cell;
    padding-right: 24px
}

@media screen and (max-width: 480px) {
    .referral ol li:before {
        float: left;
        padding-right: 8px
    }
}

.referral ol li ol li:before {
    content: "(" counter(item, lower-alpha) ")"
}

.referral ol li ol li ol li:before {
    content: counter(item, lower-roman) ")"
}

footer { background: var(--dark-green); font-size: 16px;  padding: 64px 0;color: #ffffff;}
footer .footer-col {margin-left:auto}
footer h3 {color:var(--teal); font-family: 'Orla Sprig'; font-size:40px}
footer .app_buttons {display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; margin-bottom:32px}
footer .app_buttons img {min-width: 170px; }
footer .app_icon {width:200px; border-radius:30px; margin-bottom:40px}
footer .copyright {color:#a7bdbd}

@media screen and (max-width: 480px) {
    footer {
        padding-top: 32px
    }
}

footer .header {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 24px
}

@media screen and (max-width: 480px) {
    footer h5 {
        margin-bottom: 8px
    }
}

footer ul {
    margin: 0
}

footer li {
    list-style-type: none;
    margin-bottom: 8px
}

.app_buttons img {min-width: 260px;max-width: 260px;}


footer a {
    color: #ffffff;
}

footer a:hover {
    text-decoration: underline
}

@media screen and (max-width: 480px) {
    .footer-col {
        margin-bottom: 32px
    }
}


#copyright {
    display: flex;
    padding: 24px 0
}

@media screen and (max-width: 480px) {
    #copyright {
        margin-top: 0
    }
}

footer small {
    align-self: center;

}


#address span {
    display: block;
    margin-bottom: 8px
}

.obvious {
    font-size: 1.6rem;
    margin-bottom: 24px
}


@media screen and (max-width: 480px) {
    #starting-points .allocations ul {
        flex: 1;
        margin: 0;
        width: 100%
    }
}


#starting-points .allocations ul {
    margin: 0
}



#starting-points .allocations ul li {
    color: rgba(84, 98, 112, 0.5);
    font-size: 1.4rem;
    padding: 4px 0;
    list-style-type: none;
    margin-bottom: 1px;
    text-align: left
}

#starting-points .allocations ul li:last-child {
    margin-bottom: 0
}

#starting-points .allocations ul li:nth-child(1) {
    color: rgba(84, 98, 112, 0.5)
}

#starting-points .allocations ul li:nth-child(2) {
    color: rgba(84, 98, 112, 0.5)
}

#starting-points .allocations ul li:nth-child(3) {
    color: rgba(84, 98, 112, 0.5)
}

#starting-points .allocations ul li span {
    float: right
}

#starting-points .allocations ul li img {
    float: left;
    margin-right: 8px;
    width: 20px;
    vertical-align: middle
}

#starting-points .allocations ul li a {
    color: rgba(84, 98, 112, 0.5)
}

#fund-detail {
    margin-top: 64px
}

@media screen and (max-width: 480px) {
    #fund-detail {
        flex-direction: row;
        flex-wrap: nowrap;
        margin-top: 32px
    }
    #fund-detail img {
        margin: 0;
        width: 80%
    }
}

#fund-detail .button {
    background: transparent;
    color: rgba(84, 98, 112, 0.5);
    line-height: 32px;
    margin-top: 8px
}

#fund-detail .button:hover {
    color: #546270;
    text-decoration: underline
}

#historic-performance {
    background: rgba(84, 98, 112, 0.05);
    padding-bottom: 32px;
    padding-top: 64px;
    text-align: center
}

#historic-performance h5 {
    color: rgba(84, 98, 112, 0.5)
}

.tab-content h3 {
    color: rgba(84, 98, 112, 0.5)
}

.performance-chart {
    margin: 16px auto
}

#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
    display: block
}


#faqs,
#job {
    margin-bottom: 64px
}

#faqs article li,
#job article li {
    margin-bottom: 16px
}

#faqs article img,
#job article img {
    border-radius: 4px;
    display: block;
    margin: 16px auto
}

@media screen and (max-width: 480px) {
    #faqs,
    #job {
        margin: 0
    }
    #faqs article,
    #job article {
        order: 1
    }
    #faqs aside,
    #job aside {
        order: 3
    }
    #faqs #view-topics,
    #job #view-topics {
        background: #49bfbd;
        box-shadow: none;
        color: white;
        order: 2
    }
    #faqs .breadcrumbs,
    #job .breadcrumbs {
        order: 2
    }
    #faqs h1,
    #job h1 {
        text-align: center
    }
}

@media screen and (max-width: 480px) and (max-width: 480px) {
    #faqs h1,
    #job h1 {
        margin: 64px 0
    }
}

#view-topics {
    display: none
}

@media screen and (max-width: 480px) {
    #view-topics {
        display: block
    }
}

#job article li {
    margin-bottom: 8px
}

#job h4 {
    font-weight: 600
}

.hero {
    background: rgba(84, 98, 112, 0.05);
    display: flex;
    margin-bottom: 64px;
    margin-top: -80px;
    overflow: hidden;
    padding: 144px 0 64px;
    position: relative
}






#work-at-moneybox {
    background: rgba(84, 98, 112, 0.05);
    padding: 64px 0
}

#investing-hero {
    min-height: 600px
}

#investing-hero .title {
    margin: 32px 0
}

#investing-hero small {
    color: rgba(84, 98, 112, 0.5);
    display: block;
    margin-top: 24px
}



#get-in-touch .grid {
    margin: 32px 0 64px
}

#fees {
    padding-bottom: 64px;
    padding-top: 64px
}

.fee-table {
    width: 700px;
    margin: 0 auto;
    margin-top: 32px;
    border-spacing: 0;
    border-collapse: collapse;
    border-radius: 4px;
    background-color: rgba(84, 98, 112, 0.05)
}

@media screen and (max-width: 768px) {
    .fee-table {
        width: 100%
    }
}

.fee-table tr {
    border-bottom: 1px solid rgba(84, 98, 112, 0.1)
}

.fee-table tr:last-child {
    border-bottom: none
}

.fee-table tr:last-child td:last-child {
    border-bottom-right-radius: 4px
}

.fee-table tr:first-child td:last-child {
    border-top-right-radius: 4px
}

.fee-table tr td {
    min-width: 164px;
    padding: 24px 24px;
    text-align: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .fee-table tr td {
        min-width: initial;
        padding: 24px 2px
    }
}

.fee-table tr td:last-child {
    background-color: #49bfbd;
    color: white
}

.fee-table .title {
    font-weight: bold
}

#fee-info {
    margin-left: 4px
}

#fee-info img {
    width: 1em;
    height: 1em
}

#fee-slider {
    margin: 0;
    overflow: visible;
    width: 100%;
    -webkit-appearance: none
}

#fee-slider::-webkit-slider-runnable-track {
    height: 4px;
    background: #49bfbd;
    border: none;
    border-radius: 4px
}

#fee-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #fff;
    border: 3px solid #49bfbd;
    border-radius: 50%;
    height: 32px;
    margin-top: -14px;
    transition: transform 0.12s;
    width: 32px
}

#fee-slider::-webkit-slider-thumb:hover {
    transform: scale(1.2)
}

#fee-slider:focus {
    outline: none
}

#fee-slider:focus::-webkit-slider-runnable-track {
    background: #49bfbd
}

#fee-slider::-ms-track {
    height: 4px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent
}

#fee-slider::-ms-fill-lower {
    background: #49bfbd;
    border-radius: 2px
}

#fee-slider::-ms-fill-upper {
    background: rgba(84, 98, 112, 0.1);
    border-radius: 2px
}

#fee-slider::-ms-thumb {
    background: #fff;
    border: 3px solid #49bfbd;
    height: 32px;
    width: 32px;
    border-radius: 50%
}

#fee-slider:focus::-ms-fill-lower {
    background: #49bfbd
}

#fee-slider:focus::-ms-fill-upper {
    background: rgba(84, 98, 112, 0.1)
}

#fee-table td:first-child {
    text-align: left
}

#fee-table td:last-child {
    text-align: right
}

#jisa-hero {
    /* background: #B0DDEB url("images/jisa-hero.jpg") bottom center no-repeat; */
    background-size: contain;
    margin: 80px 0 80px 0;
    padding: 144px 0;
}

@media screen and (max-width: 1360px) {
    #jisa-hero {
        background-size: cover !important;
        background-position: bottom 60%;
    }
}

@media screen and (max-width: 480px) {
    #jisa-hero {
        /* padding: 64px 0; */
        padding:120px 0 64px;
        margin-bottom: 0
    }
}

#jisa-hero h1 {
    font-size: 48px;
    font-weight: 500;
    line-height: 60px
}

@media screen and (max-width: 480px) {
    #jisa-hero h1 {
        font-size: 20px;
        line-height: 28px
    }
}

#jisa-hero p {
    width: 420px
}

@media screen and (max-width: 768px) {
    #jisa-hero p {
        width: 50%
    }
}

@media screen and (max-width: 480px) {
    #jisa-hero .cta {
        margin: 0
    }
}

@media screen and (max-width: 480px) {
    #jisa-hero .app-links {
        display: none
    }
}

#jisa-hero #jisa-waiting-list {
    background: transparent;
    border: 1px solid #4E5966;
    border-radius: 6px;
    color: #4E5966;
    line-height: 46px;
    margin-left: 16px;
    padding: 0 12px;
    vertical-align: middle
}

@media screen and (max-width: 480px) {
    #jisa-hero #jisa-waiting-list {
        margin-left: 0;
        margin-top: 16px
    }
}

#jisa-easy {
    margin: 80px auto
}

@media screen and (max-width: 480px) {
    #jisa-easy {
        text-align: center
    }
}

#jisa-features {
    align-items: center;
    margin-bottom: 64px
}

#jisa-features .feature {
    display: flex;
    margin: 24px 0
}

#jisa-features .feature h3 {
    color: #49bfbd
}

@media screen and (max-width: 480px) {
    #jisa-features .feature h3 {
        margin-bottom: 8px
    }
}

#jisa-features .feature img {
    flex-shrink: 0;
    margin-right: 32px
}

@media screen and (max-width: 768px) {
    #jisa-features {
        flex-direction: column
    }
    #jisa-features .col-5,
    #jisa-features .col-7 {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    #jisa-features .illustration {
        order: -1
    }
}

#lisa-hero {
    /* background: rgba(151, 213, 255, 0.2);
    background: rgba(151, 213, 255, 0.2) url("images/grass.svg") bottom repeat-x;
    background: url("images/grass.svg") bottom repeat-x, -webkit-linear-gradient(rgba(151, 213, 255, 0.2), #fff);
    background: url("images/grass.svg") bottom repeat-x, -o-linear-gradient(rgba(151, 213, 255, 0.2), #fff);
    background: url("images/grass.svg") bottom repeat-x, -moz-linear-gradient(rgba(151, 213, 255, 0.2), #fff);
    background: url("images/grass.svg") bottom repeat-x, linear-gradient(rgba(151, 213, 255, 0.2), #fff); */
    margin: 0;
    padding: 0;
    padding-top: 10px
}

#lisa-hero h1 {
    font-size: 48px;
    font-weight: 500;
    line-height: 60px
}

@media screen and (max-width: 480px) {
    #lisa-hero h1 {
        font-size: 20px;
        line-height: 28px
    }
}

#lisa-hero p {
    width: 420px
}

@media screen and (max-width: 768px) {
    #lisa-hero p {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    #lisa-hero .grid {
        flex-direction: column
    }
}

@media screen and (max-width: 768px) {
    #lisa-hero .grid .col-6 {
        width: 100%
    }
}

#lisa-hero .text {
    margin-top: 134px;
    margin-bottom: 144px
}

@media screen and (max-width: 768px) {
    #lisa-hero .text {
        /* margin-top: 32px; */
        margin-top:120px;
        margin-bottom: 42px;
        text-align: center
    }
}

#lisa-hero .illustration {
    align-self: flex-end
}

#lisa-hero .illustration img {
    max-height: 400px
}

@media screen and (max-width: 768px) {
    #lisa-hero .illustration img {
        max-height: 200px
    }
}

#lisa-hero .app-links {
    display: flex;
    flex-direction: row
}

@media screen and (max-width: 768px) {
    #lisa-hero .app-links {
        flex-direction: column;
        align-items: center
    }
}

#lisa-hero .app-links #download-ios {
    margin-right: 16px
}

@media screen and (max-width: 768px) {
    #lisa-hero .app-links #download-ios {
        margin-right: 0;
        margin-bottom: 16px
    }
}

#lisa-intro {
    /* margin: 32px */
   padding:32px;
}

#lisa-intro #intro-lisa-video-placeholder {
    height: 100%
}

#lisa-what-is-lisa {
    /* background: rgba(73, 191, 189, 0.1) url("images/grass.svg") bottom repeat-x; */
    padding-bottom: 0
}

#lisa-what-is-lisa .wrapper {
    display: flex;
    flex-direction: row
}

#lisa-what-is-lisa .wrapper ul {
    list-style-image: url("images/arrow-bullet.svg");
    margin: 0 0 0 28px
}

#lisa-what-is-lisa .wrapper .owl-academic {
    align-self: flex-end
}

#lisa-what-is-lisa .wrapper .owl-academic img {
    max-height: 300px
}

#lisa-what-is-lisa .wrapper .text {
    padding-bottom: 64px
}

@media screen and (max-width: 768px) {
    #lisa-what-is-lisa .wrapper {
        flex-direction: column-reverse;
        align-content: center
    }
    #lisa-what-is-lisa .wrapper .owl-academic,
    #lisa-what-is-lisa .wrapper .text {
        align-self: center
    }
    #lisa-what-is-lisa .wrapper .col-5,
    #lisa-what-is-lisa .wrapper .col-7 {
        width: 100%
    }
}

#lisa-what-should-i-know {
    padding-bottom: 64px;
    padding-top: 64px
}

#lisa-what-should-i-know .wrapper {
    display: flex;
    flex-direction: row
}

#lisa-what-should-i-know .wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#lisa-what-should-i-know .wrapper ul li {
    padding-left: 1em;
    text-indent: -0.7em
}

#lisa-what-should-i-know .wrapper ul li::before {
    content: "\002022";
    color: #49bfbd;
    padding-right: 0.6em
}

#lisa-what-should-i-know .wrapper .illustration {
    align-self: center
}

#lisa-what-should-i-know .wrapper .illustration img {
    max-height: 300px
}

@media screen and (max-width: 768px) {
    #lisa-what-should-i-know .wrapper {
        flex-direction: column;
        align-content: center
    }
    #lisa-what-should-i-know .wrapper .illustration {
        margin-top: 64px
    }
    #lisa-what-should-i-know .wrapper .illustration,
    #lisa-what-should-i-know .wrapper .text {
        align-self: center
    }
    #lisa-what-should-i-know .wrapper .col-5,
    #lisa-what-should-i-know .wrapper .col-7 {
        width: 100%
    }
}

section.highlight {
    background: rgba(73, 191, 189, 0.1);
    padding-bottom: 64px;
    padding-top: 64px;
    text-align: left
}

@media screen and (max-width: 480px) {
    section.highlight {
        padding-bottom: 32px;
        padding-top: 32px
    }
}

.middle {
    align-self: center
}

#safety-illustration {
    align-items: center;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 768px) {
    #safety-illustration {
        display: none
    }
}

@media screen and (max-width: 480px) {
    #cash-v-shares {
        text-align: center
    }
}

@media screen and (max-width: 480px) {
    #cash-v-shares .illustration {
        margin: 24px auto;
        max-width: 240px
    }
}

#cash-v-shares small {
    display: block
}

#cash-v-shares #rate-disclaimer {
    font-size: 12px;
    margin-top: 16px;
    opacity: 0.5
}

.mobile {
    display: none
}

@media screen and (max-width: 480px) {
    .mobile {
        display: flex
    }
}

@media screen and (max-width: 480px) {
    .desktop {
        display: none
    }
}

#here-to-help {
    margin-bottom: 64px
}

#mobile-app-links .app-links {
    display: flex;
    flex-direction: column;
    margin: 24px auto 32px;
    text-align: center
}

#mobile-jisa-waiting-list {
    margin-top: 16px
}

#mse {
    _background: linear-gradient(to bottom, rgba(151, 213, 255, 0.2) 0%, rgba(151, 213, 255, 0) 40%), url("images/grass.svg") bottom center repeat-x;
    background-repeat: no-repeat, repeat-x;
    justify-content: center
}

@media screen and (max-width: 768px) {
    #mse {
        justify-content: flex-start
    }
}

@media screen and (max-width: 768px) {
    #mse .col-6 {
        width: auto
    }
}

@media screen and (max-width: 768px) {
    #mse .col-6 {
        padding: 32px 0 0 0
    }
}

#mse section {
    align-items: center
}

@media screen and (max-width: 768px) {
    #mse section {
        flex-direction: column;
        text-align: center
    }
}

#mse #logo {
    margin: 0 0 20px 0;
    max-height: 32px;
    padding: 0
}

@media screen and (max-width: 768px) {
    #mse #logo {
        margin: 40px 0
    }
}

#mse .input {
    display: flex
}

@media screen and (max-width: 768px) {
    #mse .input {
        justify-content: center;
        flex-direction: column
    }
}

#mse input[type="text"] {
    background: rgba(84, 98, 112, 0.1);
    box-sizing: border-box;
    font-size: 1.6rem;
    flex-grow: 1;
    max-width: 280px;
    padding: 0 16px
}

@media screen and (max-width: 768px) {
    #mse input[type="text"] {
        max-width: none
    }
}

#mse .button {
    background: #49bfbd;
    border-radius: 4px;
    color: white;
    margin: 0 0 0 8px;
    text-align: center
}

@media screen and (max-width: 768px) {
    #mse .button {
        margin: 8px 0 0 0
    }
}

#mse #hero {
    text-align: center
}

@media screen and (max-width: 768px) {
    #mse #hero {
        margin: 32px 0 0 0
    }
}

#mse #hero img {
    max-height: 640px
}

@media screen and (max-width: 480px) {
    #mse #hero img {
        display: none
    }
}

#mse #terms {
    color: rgba(84, 98, 112, 0.6);
    display: block;
    font-size: 1.1rem;
    margin: 24px 0 0 0
}

@media screen and (max-width: 768px) {
    #mse #terms {
        text-align: left
    }
}

#mse .popup .app-links {
    display: flex;
    justify-content: space-around
}

@media screen and (max-width: 480px) {
    #mse .popup .app-links {
        flex-direction: column
    }
}

#mse .popup .app-links a {
    background: transparent;
    margin: 0
}

.hero-blurb {
    margin-top: 2rem;
    color: #fff
}

.lightly-bold {
    font-weight: 500
}

.image-center {
    margin: 0 auto;
    display: block
}

.cash-v-shares {
    margin: 6rem 0
}

@media screen and (max-width: 480px) {
    .text-prompt {
        display: none !important
    }
}

@media print {
    body {
        color: #000 !important;
        font-size: 8pt !important
    }
    h1 {
        font-size: 16pt
    }
    h2 {
        font-size: 12pt
    }
    aside,
    header,
    footer {
        display: none
    }
    article {
        width: 100% !important
    }
    #risk-warning {
        display: none
    }
}



@media (min-width: 768px) {

/*   .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  } */

	 .pointer-none {pointer-events:none !important}
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .layout_options .col-3{ min-width:50%}

.layout-hero .col-md-7.tcenter {  flex: unset;  max-width: unset;}
.disclaimer .col-md-5 {  flex: unset;  max-width: unset;}


.layout_left_image .col-md-4, .layout_left_image .col-4 { -webkit-box-flex: 0;  -ms-flex: 0 0 95.333333%;  flex: 0 0 95.333333%;  max-width: 95.333333%; width: calc(63.3333333333% - 24px)}
.layout_right_image .col-4 {  width: calc(63.3333333333% - 24px);}

.layout_left_image .col-md-5 {align-self: auto !important;}

#risk-warning .col-md-5 {  -ms-flex: 0 0 31.666667%;  flex: 0 0 31.666667%;  max-width: 31.666667%;}
}


.homepage-nav #dl-drop .app-store-links a{ color:#fff;}

.alignleft {display: inline;float: left;}
.alignright {display: inline;float: right;}
.aligncenter {display: block;margin-right: auto;margin-left: auto;}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {	margin: 0 4.6em 1.6em 4.6em;}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0 4.6em 1.6em 4.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}

@media screen and (min-width:320px) and (max-width: 768px){
.alignleft{float: none; margin: 0 0 30px !important; display: block; width: 100%; height: auto;}
.alignright{float: none; margin: 0 0 30px !important; display: block; width: 100%; height: auto;}
.aligncenter{float: none; margin: 0 0 30px !important; display: block; width: 100%; height: auto;}
.layout_options .alignright {float:none; margin:0 !important; padding: 10px 0;  display: flex ;   justify-content: space-between;}
}

#menu-social-menu li {display:inline-block}
#menu-social-menu li a {font-size: 20px; transition:all 0.25s ease; padding: 8px; background: rgba(255, 255, 255, 0.10);  border-radius: 170px;  color: white;  margin-right: 10px;  display: block;  width: 30px;  text-align: center; }
#menu-social-menu li a:hover {    background: var(--teal);  color: var(--dark-green);}
#menu-social-menu li:last-child a {margin-right: 0px; }
.custom_map_div{width:40% !important;}

.wrapper.postcontent {overflow:visible}

header .grid {padding:0 26px;  justify-content: center;  align-items: center; overflow:visible}
header.new-head {display: block;z-index: 2;transform: translateY(0%);-webkit-transition: all 0.45s;-moz-transition: all 0.3s;transition: all 0.45s;  z-index: 100; width: 100%; background:white; }
header.ha-header.ha-header-small { transform: translate(0px, 0px); position: fixed; width: 100%; background: #fff; box-shadow: 0 0 11px rgb(0 0 0 / 15%);}
.ha-header {min-height:80px}
header.ha-header #logo {padding:26px 0; transition: all 0.25s ease; width: 300px;}
header.ha-header.ha-header-small  #logo {padding:20px 0; width:250px;}

.sms_form { margin-bottom: 30px;}


.stellarnav > ul > li > ul > li > a { word-break: break-word;  }
.stellarnav > ul > li > ul > li > a:hover { color:var(--dark-green) !important; word-break: break-word;  }
.stellarnav { position: relative; width: 100%; /* z-index: 9900; */ line-height: normal; }
.stellarnav ul { margin: 0; padding: 0; text-align: right; }
.stellarnav li { list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal; vertical-align: middle; }
.stellarnav li a {padding: 15px; display: block; text-decoration: none; color: #777; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; color:var(--dark-green) !important; font-family: 'Orla Sprig Sans'; font-size:18px; font-weight:500}
.stellarnav li.normal a {font-family: 'Orla Sprig Sans'; font-weight:300}

.stellarnav li li.menu-item-has-children > a {font-family: 'Orla Sprig Sans' !important; }

.spacer {display:none !important; height: 0; pointer-events:none; user-select:none}
.spacer a {padding: 0 !important;}

.grid.wrapper.ha-header>a>img { width: 95%;}


/* main level */
.stellarnav > ul > li { display: inline-block;  }
.stellarnav > ul > li > a { padding:10px 10px; }
.stellarnav.desktop > ul > li.has-sub:focus-within .dd-toggle { display: inline-block; width: 24px; height:100%; text-align: center;right: -13px;}
.stellarnav.desktop > ul > li.has-sub:focus-within .dd-toggle i { height: 30px; width: 100%; right: 0; left: 0; text-align: center;  margin: 0 auto;  background-position: 4px 10px;}

/* first level dd */
.stellarnav ul ul { top: auto; min-width: 240px; position: absolute; z-index: 9900; text-align: center; display: none; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);  }
.stellarnav li li { display: block;  padding: 6px 6px 0px 6px;}

/* second level dd */
.stellarnav ul ul ul { top: 0;  left: 370px }
.stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }

.stellarnav li li.menu-item-has-children > a.dd-toggle {display: block; padding:0 !important; transform: rotate(-90deg);  top: 37%;    right: 0px;    background: none !important;    width: 50px;   height:0;}

.stellarnav.mobile li li.menu-item-has-children > a.dd-toggle { width: 66px;   height: 41px;  }


/* .drop-left */
.stellarnav > ul > li.drop-left > ul { right: 0; }
.stellarnav li.drop-left ul ul { left: auto; right: 220px; }

.stellarnav ul ul { background: #e5f9f7; border-radius:8px; padding-top:8px; padding-bottom:8px; padding-right:8px ;padding-left:8px}

#menu-main-menu li a.download-btn {background: var(--teal); width:-webkit-fill-available; display: inline-block; padding: 8px 16px; border-radius:28px;  text-align: center; font-weight:500}
#menu-main-menu li a.download-btn:hover {color: var(--teal) !important; background: var(--dark-green);}


.stellarnav:not(.mobile) li > a {border-radius: 30px; }
.stellarnav:not(.mobile) li > a:hover {background: #fff; }
.stellarnav li ul li a:hover {background: #e5f9f7;  }

.stellarnav .menu-toggle, .stellarnav.light .call-btn-mobile, .stellarnav.light .location-btn-mobile, .stellarnav.light .close-menu { color:var(--dark-green) }

.stellarnav .menu-toggle:hover {background:var(--seafoam)}
.stellarnav .menu-toggle span, .stellarnav .menu-toggle i, .stellarnav .menu-toggle {transition:all 600ms cubic-bezier(0.4, 0, 0.2, 1); display:inline-block}
.stellarnav .menu-toggle i { transform:rotate(-45deg) ;opacity:0; width:0}
.stellarnav.active .menu-toggle i { transform:rotate(0) ;opacity:1; width:auto}
.stellarnav.active .menu-toggle span { transform:scale(0); opacity:0; width:0;transform-origin: center;}

/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x { overflow-x: hidden; }

/* general styling */
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; }
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-decoration: none; }
.stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 100%; height: 48px; text-align: right; z-index: 9999; border: 0; }
.stellarnav .dd-toggle i { position: absolute; margin: auto; top: 33%; left: unset; right: 27px; -webkit-transition: transform .3s ease-out; -moz-transition: transform .3s ease-out; transition: transform .3s ease-out; width: 16px; height: 10px; width: 100%; background: url(images/down-arrow.png) right center no-repeat; }
.stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; }
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; }
.stellarnav li.open > a.dd-toggle i { background: url(images/up-arrow.png) right center no-repeat;}

/* mobile nav */
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {
 color: var(--dark-green); font-weight:bold; box-sizing: border-box; overflow: hidden; z-index: 999;  position: absolute; top: 15px;   right: 20px;  text-align: center;}
.stellarnav .half { width: 50%; }
.stellarnav .third { width: 33%; text-align: center; }
.stellarnav .location-btn-mobile.third { text-align: center; }
.stellarnav .location-btn-mobile.half { text-align: right; }
.stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; }
.stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; }
.stellarnav.mobile { position: static; text-align: right; margin-top: -25px; background: none }
.stellarnav.mobile.fixed { position: static; }
.stellarnav.mobile ul { position: relative; display: none; }
.stellarnav.mobile.active { padding-bottom: 0; }
.stellarnav.mobile.active > ul { display: block; }
.stellarnav.mobile ul { text-align: left; }
.stellarnav.mobile > ul > li { display: block; }
.stellarnav.mobile > ul > li > a { padding: 15px; }
.stellarnav.mobile ul { background: rgba(221, 221, 221, 1); }
.stellarnav.mobile ul ul {box-shadow: none !important; position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }
.stellarnav.mobile ul ul ul { left: auto; top: auto; }
.stellarnav.mobile li.drop-left ul ul { right: auto; }
.stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile li.has-sub a { padding-right: 50px; }
.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile.light li a { border-bottom: 1px solid #e1e9e7 }
/* .stellarnav.mobile.light > ul {  margin-top: 36px; } */
.stellarnav.mobile li a.dd-toggle { border: 0; }
.stellarnav.mobile.light li a.dd-toggle { border: 0;  top: 5px; }
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; }
.stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }
.stellarnav.mobile li.call-btn-mobile i, .stellarnav.mobile li.location-btn-mobile i { margin-right: 5px; }
.stellarnav.mobile.light ul { background: var(--seafoam);border-radius: 12px;; left: 0;  margin-left: 0 !important;   margin-bottom: 30px;}
.stellarnav.mobile.dark ul { background: rgba(0, 0, 0, 1); }
.stellarnav.mobile.dark ul ul { background: rgba(255, 255, 255, .08); }
.stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); }
.stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; }

/* left and right positions */
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 0; bottom: 0; width: 100%; max-width: 280px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.stellarnav.mobile.right > ul { right: 0; }
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: inline-block; text-align: right; }
.stellarnav.mobile.left > ul { left: 0; }
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; }
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; }
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; }
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; }
/* left and right positions */
/* mega dd */

.stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; }
.stellarnav.desktop li.mega li li { display: block; margin-left: 0; }
.stellarnav.desktop li.mega ul ul { width: auto; }
.stellarnav.desktop > ul > li.mega { position: inherit; }
.stellarnav.desktop > ul > li.mega > ul { width: 100%; }
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; }
.stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; }
.stellarnav.desktop li.mega li li a { padding: 5px 15px; }
.stellarnav.desktop li.mega li.has-sub a:after { display: none; }
.stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; }
/* mega dd */


#menu-main-menu li.login a {padding: 8px 16px 8px 45px;}

/* Fallback for slow javascript load */
@media only screen and (max-width : 990px) {
	.stellarnav { overflow: hidden; display: block; }
	.stellarnav ul { position: relative; display: none; }
	.stellarnav ul ul {border:0px; margin-left: 20px;}
	.stellarnav.light li a.download-btn {margin: 20px }
	.stellarnav.light li.login a  {margin:20px 20px 0px 20px !important; padding-left:0 !important; display:flex !important; align-items: center; justify-content: center;}
	.stellarnav.light li.login a span { margin-left: 4px;display: inline-block !important;}
	 #menu-main-menu li.login a::before {  position: static !important; margin-right: 10px !important;   transform: none !important;  top: auto; left: auto; }
    .stellarnav.mobile ul ul{ -webkit-transform: none; -moz-transform: none; transform: none;}
}


/* mobile nav */
@media only screen and (max-width : 820px) {

.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; }
.stellarnav li > a:hover {background:none;  border-radius: 0px;}
.stellarnav li ul li a:hover , .stellarnav ul ul {background: none;  border-radius: 0px;}
.stellarnav .sub-menu  li a { font-size: 15px; padding-left: 26px;  }
.stellarnav .sub-menu  li.has-subli a { color:red; }
.stellarnav.mobile > ul > li.has-sub:focus-within .dd-toggle {right:unset}

header.ha-header #logo {  padding: 20px 0 40px 0 !important;  width: 180px !important;    align-self: normal;}

}




@media only screen
  and (max-device-width: 1270px)
{
		.spacer {display:block !important}

}

@media screen and (min-width: 1400px) {
    .twrap {max-width: 35%; text-align: center;  display: block;  margin: 0 auto; }
}


#menu-main-menu li.login a {
    display: inline-block;
    width: -webkit-fill-available;
    text-align: center;
    font-weight: 500;
    border: 1px solid #566F6F;
    border-radius: 28px;
    background-color: transparent;
    text-decoration: none;
    position: relative;
	padding-left:45px;
	margin-right:8px;
}

#menu-main-menu li.login a::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('https://www.moneyboxapp.com/wp-content/uploads/2025/02/lock.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 16px;
    top: 50%;
	transition: all .3s ease-out;
    transform: translateY(-50%);
}

 #menu-main-menu li.login a:hover {
    background-color: #d0dad8;
}

 #menu-main-menu li.login a span {display:none}


.floatbtn {display:none}


/* Toggle */
.tab_switch { margin:20px 0; text-align: center;  display: flex;  align-items: center;}

.tgl { opacity: 0;  margin-left: -10px;}
.tgl:focus + label, .tgl:focus ~ label { outline: 2px solid #006178; }
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {  box-sizing: border-box;}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;}
.tgl + .tgl-btn {outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none;   -ms-user-select: none;  user-select: none;}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before { position: relative; display: block;  content: "";  width: 50%;  height: 100%;}
.tgl + .tgl-btn:after {  left: 0;}
.tgl + .tgl-btn:before {  display: none;}
.tgl:checked + .tgl-btn:after {  left: 50%;}

.tgl-ios + .tgl-btn {  background: #fbfbfb;  border-radius: 2em;  padding: 2px;  transition: all 0.4s ease;  border: 1px solid #e8eae9;}
.tgl-ios + .tgl-btn:after {  border-radius: 2em;  background: #fbfbfb;  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);}
.tgl-ios + .tgl-btn:hover:after {  will-change: padding;}
.tgl-ios + .tgl-btn:active {  box-shadow: inset 0 0 0 2em #e8eae9;}
.tgl-ios + .tgl-btn:active:after {
  padding-right: 0.8em;
}
.tgl-ios:checked + .tgl-btn {  background: var(--teal);}.tgl-ios:checked + .tgl-btn:active {  box-shadow: none;}.tgl-ios:checked + .tgl-btn:active:after {  margin-left: -0.8em;}


/* Emoji */
img.wp-smiley, img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;}

/* BLOG */
.blogpage {padding:64px 24px;}
.blog-main {_background:#e5f9f7; background:#fff; padding: 0 0 50px;  width: 100%;}
.blog-main section,  .blog-main .wrapper {max-width: 1000px !important;}
.blogpage nav a {line-height: unset}

.scroll { position: relative}
.scroll:after,.scroll:before { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; pointer-events: none; background-image: linear-gradient(to right,rgba(255,255,255,0),#E9F1EF 60%); width: 16%}
.scroll:after { right: 0}
.scroll:before {left: -15px; transform: rotate(180deg)}
.post_nav { white-space: nowrap; overflow-x: auto;  -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; text-transform: uppercase; list-style: none; margin: 0;  padding: 0 50px; margin-top: 35px; margin-bottom: 35px; text-align: center;   position: relative}
.post_nav::-webkit-scrollbar { display: none}
.post_nav li { display: inline; margin-right: 30px; font-weight: 600; color: #969fa7}
.post_nav li:last-child { margin-right: 0}
.post_nav li:after { content: " \2022"; font-size: 27px; vertical-align: sub; margin-left: 28px; color: var(--teal)}
.post_nav li:last-child:after { display: none}
.post_nav li a {text-decoration: none !important; display: inline-block; color: var(--dark-green);  font-weight:bold !important}
.post_nav li a:hover { text-decoration: underline; }
.post_nav li.current-cat a { color: var(--dark-green)}


.stickypost {margin: 0 auto;  max-width: 80%; }
.blog-content, .blog-thumb {background:#fff; border-radius: 20px; transition: all .3s ease; overflow:hidden; cursor:pointer}
.blog-content:hover, .blog-thumb:hover{box-shadow: 0px 2px 19px 3px rgba(0, 0, 0, 0.08); transform: translateY(-3px);}
.blog-content img{ width:100%; height:auto;  min-height: 370px;}

.layout_blog_loop .alm-reveal {gap: 10px; row-gap: 30px;}

@media (min-width: 768px) {
.layout_blog_loop .alm-reveal .col-md-6 {  flex: 0 0 48.5%;    max-width: 48.5%;}
}

.blog-info {padding:28px;  min-height: 190px;}
.blog-info h3 {margin-top:16px;}
.blog-info .category {float:right}
.blog-info p {font-size:17px}
.blog-info .date {font-size:13px !important}

.blog{ flex-wrap:wrap;}
.blog h2.center { margin: 84px 0 32px 0;}

@media screen and (max-width: 480px) {.blog h2.center , .blog-main h3, .join_team h2 { font-size: 30px;} .blog-main .center.wrap img {max-width: unset; } .blog-main.single .center.wrap img {max-width: 100%; height:auto !important; max-height:190px } }

.blog-author { margin: 32px 0 5px 0; text-align: left; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row; display: -webkit-flex;  -webkit-align-items: center;  -webkit-justify-content: center;  -webkit-flex-direction: row; }
.blog-author img { display: inline-block; margin-right: 20px; width: 90px; height: auto; border-radius: 100%; -moz-border-radius: 100%;  -webkit-border-radius: 100%}
.blog-author p { font-weight: 700; line-height: 42px; font-size: 18px; display: inline-block;}
.blog-author p span {  display: block; font-weight: 400;  line-height: normal;  font-size: 16px;  color: #546270}

.social-icon {text-align: center; margin:40px auto 40px;display: flex; align-items: center;}
.social img {opacity: 0.5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.social:hover img { opacity: 1}


.alm-reveal {display: flex;flex-wrap: wrap;justify-content: space-between;}
.alm-load-more-btn.done, div.alm-btn-wrap {display: none !important; visibility:hidden}

.blog-banner-content {position: relative; -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.blog-banner-content:hover, .blog-thumb:hover{box-shadow: 0px 2px 9px 3px rgba(0, 0, 0, 0.12); transform: translateY(-4px);}
.blog-banner-content img{ width:100%; height:auto;}
.blog-head-info {width: 420px; position: absolute; right: 0; background:rgba(255,255,255,0.9); top:165px; padding: 30px}
.blog-main img.size-full {width: auto; height: auto; border-radius:25px}


.blog-head-info .blog-link a {background:none; padding-right: 0; margin-bottom: 20px; word-break:inherit; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.blog-head-info .blog-link p a{line-height: 24px;padding-right: 25%;  font-size: 18px; color: #384959; }
.load-btn {display: inline-block !important; border:2px solid var(--teal) !important;background: var(--teal) !important; padding:10px 40px !important; border-radius: 25px !important; margin:0 0 10px !important; text-align: center !important;
-webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease; transition: all 0.3s ease !important;
opacity:1 !important; font-size:16px !important; font-weight:400 !important; line-height:20px !important; cursor:pointer !important;}
.load-btn:hover{color:#384959 !important; border:2px solid var(--teal) !important; background: #fff!important;}
.blog-thumb img { width: 100%; min-height:370px;  object-fit: cover;}

@media screen and (max-width: 768px) and (min-width: 320px)
{ .blog-thumb img { height: 170px; min-height: 220px;}
}

.blog-top-info {width: 100%;margin-bottom: 10px;}


/* mobile detect css  */
.android .ios-app-store-url{ display:none !important;}
.android .android-play-store-url{ display:block !important;}
.ios .ios-app-store-url{ display:block !important;}
.ios .android-play-store-url{ display:none !important;}
.android .dp a.ios-app-store-url{ display:none !important;}
.ios .dp a.android-play-store-url{ display:none !important;}

body nav#ftwp-contents { display: block; float: none;  }
#ftwp-container.ftwp-fixed-to-post #ftwp-contents {left: unset !important;   right: 0 !important; top:156px !important;  box-shadow: 0 0 7em 0px #ababab47;}
#ftwp-container.ftwp-wrap #ftwp-list {    padding-top: 20px;}


.call-action {box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.05);width: 100%;margin-bottom: 50px;padding:40px 30px; width:90%; max-width:100%; position:relative; margin-top:30px; background-color:#fff; _background-image:url(https://1pp3hb1dx4302hkh4u493x81-wpengine.netdna-ssl.com/wp-content/themes/moneybox/images/grass.svg); background-repeat:no-repeat; background-position:bottom; padding-bottom: 60px}
.call-action .cta-img {position:absolute; top:5px; right:5px; width:120px}
.call-action .top-drop-form {width: 80%;  margin: 0; margin-top:35px; margin-bottom:35px;}
.call-action .app-btns a img {width: 205px; margin-right: 10px;}
.call-action .app-btns a {display: inline-block;}

hr.dots {padding: 0;   border: none;   border-top: 1px solid #c7c7c7;   color: #b5b5b5;   text-align: center;    width: 100%;
margin: 35px 0 30px 0;	overflow: visible;}
hr.dots:after {	content: "\2022 \2022 \2022";   display: inline-block;   position: relative;   top: -0.7em;   font-size: 1.5em;   background: #e5f9f7;padding: 0 18px 0 40px;  letter-spacing: 24px;}


@media screen and (max-width: 768px) and (min-width: 320px)
{
 .call-action {padding: 26px 24px; width: 84%;}
 .call-action .cta-img { width: 60px !important;z-index:0}
 .call-action h2 {z-index:1; position:relative; text-shadow:1px 1px 2px #fff; width: 80%;}
 body #mc_embed_signup .btn {position: relative; bottom: unset; right: unset;}
 body #mc_embed_signup input.email {padding: 5px; height:48px}
  body .app-btns {padding-left:0}
.call-action .app-btns a img {_width: 100%; margin:0;object-fit: contain !important; }
}




#custom_warning img {  -webkit-transform: scaleX(-1);  transform: scaleX(-1); max-width: 225px }
#custom_warning .col-md-5.left { flex: 100%;  max-width: 100%;   -webkit-box-flex: 100;  padding-bottom: 40px;}
#custom_warning p {margin-bottom:16px}



    .layout_left_image , .layout_right_image {padding-top:100px; padding-bottom:100px}
    .layout_left_image .img-flex {align-self: flex-end;_align-self: center;}
    .layout_right_image .img-flex {align-self: center;}
    .layout_left_image .wrapper ul , .layout_right_image .wrapper ul {list-style:none;}

.layout_left_image h3, .layout_right_image h3 {max-width:85%}

    .layout_left_image .wrapper ul li:before, .layout_right_image .wrapper ul li:before {font-weight: bold; color: var(--dark-green); content: "\2022"; display: inline-block; font-size: 50px; left: -30px; position: absolute; top: -28px;}
    .layout_left_image .wrapper li, .layout_right_image .wrapper li { margin: 0 0 20px 0; position:relative}


 .layout-hero {margin: 0; background-color:var(--seafoam); overflow: hidden;}
 .layout-hero .wrapper {align-items: stretch;   padding: 40px 26px;}
 .layout-hero .wrapper .hero-left {display: flex; flex-direction: column;  justify-content: center;}
 .layout-hero .wrapper .hero-right { display: flex; align-items: flex-end;  justify-content: center;}

.layout-hero .hero-shape {background: #ffffff;  border-radius: 58px;  padding: 46px;  padding-right: 120px;clip-path: polygon( 86.949% 5.528%,86.949% 5.528%,86.596% 4.581%,86.119% 3.701%,85.528% 2.895%,84.835% 2.173%,84.049% 1.541%,83.183% 1.006%,82.246% 0.578%,81.249% 0.262%,80.204% 0.067%,79.12% 0%,79.12% 0%,71.918% 0%,64.78% 0%,57.691% 0%,50.635% 0%,43.597% 0%,36.561% 0%,29.511% 0%,22.432% 0%,15.309% 0%,8.125% 0%,8.125% 0%,6.809% 0.098%,5.562% 0.381%,4.398% 0.835%,3.336% 1.443%,2.391% 2.191%,1.581% 3.063%,0.921% 4.043%,0.43% 5.117%,0.123% 6.268%,0.016% 7.481%,0.016% 92.519%,0.016% 92.519%,0.123% 93.732%,0.43% 94.883%,0.921% 95.957%,1.581% 96.937%,2.391% 97.809%,3.336% 98.557%,4.398% 99.165%,5.562% 99.619%,6.809% 99.902%,8.125% 100%,79.121% 100%,79.121% 100%,80.205% 99.933%,81.25% 99.738%,82.247% 99.422%,83.184% 98.994%,84.05% 98.459%,84.835% 97.827%,85.528% 97.105%,86.119% 96.299%,86.596% 95.419%,86.949% 94.472%,99.982% 50%,86.949% 5.528% ); transition: clip-path 1s;}

.layout-hero.small_title h1, .layout-hero.small_title .h1 {font-size:54px}

.layout-hero .hero_image {text-align:center}
.layout-hero .hero_image img {max-width: 75%;transform: translateY(10%); }

.layout-hero .hero_video iframe { border-radius: 12px; margin-bottom: 26px;}
.layout-hero p  { font-size:18px; font-weight:200}
.layout-hero p b, .layout-hero p strong { font-weight:500}
/* .layout-hero p.disclaimer {color: #365253; font-size:16px; font-weight:300; max-width:80%} */
.disclaimer .grid.Right {flex-direction: row-reverse;}
.layout-hero .center img { max-height: 400px;}
.layout-hero .center {align-self: flex-end;}

.layout-hero .sms_form input, .call-action.sms_form input { background: #fff;  height: 70px; font-size:17px; border-color:rgba(0, 194, 181, 0.25); border-radius:10px; color:var(--dark-green)}
.layout-hero .sms_form .linkTextingButton, .call-action.sms_form .linkTextingButton { background: var(--teal);  height: 50px;     border-radius:9px; color:#fff; top: 10px;  right: 10px;}
.layout-hero .sms_form .linkTextingInputFlagAdjust, .call-action.sms_form .linkTextingInputFlagAdjust {padding-left: 70px;}
.layout-hero .sms_form  .flag-dropdown , .call-action.sms_form .flag-dropdown {left:20px;}
.layout-hero .sms_form input::placeholder, .call-action.sms_form input::placeholder {color:var(--dark-green)}

.layout-hero .app-btn {  display: flex;  gap: 32px;}
.layout-hero .app-btn a img {width: 200px;  height:auto}

.layout-hero.hero_wide {padding:100px 0}
.layout-hero.hero_wide p {font-size:32px;margin-top:20px;}
.layout-hero.hero_wide .app-btn a img {max-width: 260px;  width: 100%;}
.layout-hero.hero_wide .app-btn {justify-content: center; margin-top:65px}

.layout-hero.hero_wide .button {min-width: unset !important;  margin: 32px 0 !important}

.layout-hero .col-md-6 iframe {border-radius: 12px;  margin-bottom: 25px;}
.rll-youtube-player {border-radius: 14px;}

    .android .layout-hero a.i { display: none}
    .android .layout-hero a.a {display: block}
    .ios .layout-hero a.i{ display: block}
    .ios .layout-hero a.a {display: none}

.XXdesktop_image {display:inline-block;  min-height: unset;  height: auto;  max-height: 100%;  max-width: 100%;}
.desktop_image {display: inline-block; min-height: unset;  height: auto;  max-height: 100%;   max-width: 100%;}
.android_image,.ios_image {display: none}
body.ios .desktop_image, body.android .desktop_image {display:none}
body.ios .ios_image {display:block}
body.ios .android_image {display:none}
body.android .android_image {display:block}
body.android .ios_image {display:none}

.mp, .hide{display:none !important;}

a.tile:after {display:none}

#layout_video img {height: auto; transition:all 0.35s ease-out; width:100%}
#layout_video img:hover  {transform: scale(1.05)}

#layout_video .h1 {font-size:58px}
@media screen and (max-width: 768px) {
    #layout_video .h1 {font-size:32px}

 }

    #layout_question .tiles {margin-top:24px;}
    #layout_question {padding: 100px 0;}
    #layout_question h2 { margin-bottom: 24px;}
#layout_question .accordian {margin-top:64px}
 #layout_question .tile {border: 0; background: none; box-shadow: none; background: var(--seafoam); border-radius: 14px; padding:26px}
 #layout_question h4 { font-weight:500 ;margin-bottom: 24px; color:var(--dark-green); font-size:20px;letter-spacing:0}
    #layout_question a.tile {  text-align: left; overflow-x: auto;text-decoration: none;}
    #layout_question .button { align-self: center; margin-top:64px;}

    #layout_table {padding: 64px 0;}
    #layout_table .disclaimer {display:block; margin-top:24px; font-size: 12px;}

    #layout_features_small {padding: 64px 0;}
    #layout_features_small .col-3 { align-items: center; display: flex; justify-content: center;}
    #layout_features_small .feature { margin-top: 32px; width: calc(50% - 24px);}
    #layout_features_small h4 {font-weight: 600;}
    #layout_features_small .feature img { display: block;   margin-bottom: 7px; margin-right: 12px; max-width: 65px;}

    #layout_risk {background-color: rgba(73,191,189,.1);  padding: 64px 0;}

    #layout_icon_box {padding: 64px 0;}
    #layout_icon_box .grid.wrap {margin-top: 32px}
    #layout_icon_box .grid.wrap img {  display: block;   margin: 0 auto; padding:5px}
    #layout_icon_box .grid.wrap .title {font-weight:500; display: block;  margin-top: 16px;}

    #layout_accordian {padding: 100px 0;}
    #layout_accordian .accordian {margin-top: 80px;}
    .accordian input { position: absolute; opacity: 0;  z-index: -1; width: 99%; left:0}
    .accordian { overflow: hidden; max-width: 100%; width: 100%; border-radius: 25px;  padding: 40px;  background: #1C3D3E;}

    .accordian_single {width: 100%; overflow: hidden;}
    .accordian_single .accordian-label {gap:20px; border: 2px solid transparent;  display: flex; justify-content: space-between; cursor: pointer; color: #C7D9D7; transition: all .35s;
    border-bottom: 1px solid #c7d9d71a; padding: 24px 12px;}
	.accordian_single input:focus + .accordian-label { border: 2px solid #c7d9d71a; transition:none }

/*     .accordian_single:nth-child(odd) .accordian-label {background:#f7fcfd}
    .accordian_single:nth-child(even) .accordian-label {background:#fff} */

    .accordian_single .accordian-label:hover {background: #C7D9D7; color:var(--dark-green);}
    .accordian_single .accordian-label:hover::after { color:#C7D9D7;background:var(--dark-green);}
    .accordian_single .accordian-label::after { content: "\276F"; width: 19px; height: 20px; text-align: center; transition: all .35s; color: #022828; background: #c7d9d7; font-size: 15px; border-radius: 100px; padding-left: 1px; min-width:19px}
    .accordian-content { max-height: 0; padding: 0 1em; color: var(--dark-green); transition: all .35s; height:0; text-align: left; border-bottom: 1px solid #c7d9d71a;}
    .accordian-close {display: flex; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: #2c3e50; cursor: pointer;}
    .accordian-close:hover {background: #1a252f;}
    .accordian_single input:checked + .accordian-label { background: #022828;  color: #fff;  border-radius: 15px 15px 0 0;}
    .accordian_single input:checked + .accordian-label::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    .accordian_single input:checked ~ .accordian-content {max-height: max-content; height:100%; padding: 1em;  border-left: 1px solid #022828;  border-bottom: 1px solid #022828;  border-right: 1px solid #022828;  padding-bottom: 0;  margin-bottom: 20px; color: #fff;}
.accordian_single:last-child .accordian-label, .accordian_single:last-child .accordian-content { border-bottom: 0;}

    .layout_carousel {padding: 64px 0;}
    .layout_carousel .glider-contain {padding: 64px 0;}
    .layout_carousel .glider .box {transition: all 0.12s; border-radius:8px; padding:0px; padding-top:278px; text-align:left;background-size:cover;  background-position: center center;}
    .layout_carousel .glider .box a span { display:block; font-size:18px; background:var(--teal); padding:10px 20px; color:#fff; font-weight:bold}
    .layout_carousel .glider .box a span i { font-weight:normal; padding-top:4px}
    .layout_carousel .glider .box:hover { box-shadow: 0 0 15px rgba(0,0,0,.12);transform: translateY(-4px);}
    .layout_carousel .glider .box a:hover {text-decoration:underline; color:#fff}
    .layout_carousel .glider-next, .layout_carousel .glider-prev {color:var(--teal)}
    .layout_carousel .glider {padding-bottom: 60px;}
    .layout_carousel .glider-dot.active { background: var(--teal);}
    .layout_carousel .glider-slide {_background: var(--teal); color:#fff; text-align:left; padding:30px;  margin: 15px;position:relative}
    .layout_carousel .glider-slide a {color:#fff}
    .layout_carousel .glider-slide a:hover {text-decoration:underline}
    .glider-next:focus, .glider-next:hover, .glider-prev:focus, .glider-prev:hover {background:none; color:var(--teal) !important}

	body .splide__pagination__page.is-active {   transform: scale(1.2);	background: var(--dark-green);}
	body .splide__pagination {bottom: -1em;}
    .layout_pricing {padding: 100px 0;}
    .layout_pricing ul {list-style-type:none}
    .layout_pricing ul h3 {margin-bottom:15px; font-size:32px; display: flex; justify-content: space-between; gap:32px;}
    .layout_pricing ul li:first-of-type p {color:var(--dark-green) }
    .layout_pricing ul li ul.sub li p {color:inherit !important; margin: 0; display: flex; justify-content: space-between; gap:32px;}
    .layout_pricing ul li ul.sub {margin-left:0px; margin-top:34px;}
    .layout_pricing .price-box ul > li { margin-bottom: 34px; border-bottom: 1px solid; margin-top: 34px;  padding-bottom: 34px;}
    .layout_pricing .price-box ul > li:last-child {margin-bottom:0px;border-bottom: 0;}
    .layout_pricing .price-box ul > li ul li {margin-bottom:5px;border-bottom: 0; border-top: 1px dotted;  padding: 2px 0;  line-height: 3;}
    .layout_pricing .price-box {padding: 50px 46px; margin:28px 0; border-radius:42px; background:#F4F8F7}
.layout_pricing .wrapper {overflow:visible}

    body .popup iframe {_height: auto;   border-radius: 8px;}

.tooltip {margin-left:6px; display:inline-block; position:relative; max-width:25px; font-weight: 400 !important; text-align:left; background: var(--teal); border-radius: 278px; width: 18px;  height: 18px; text-decoration:none !important;  line-height: 13px;}
.tooltip .info {width:18px; max-width:18px; }
.tooltip .top { min-width:170px;  max-width:350px;  top:-20px; left:50%; transform:translate(-50%, -100%); padding:10px 20px; color:var(--dark-green); background-color:var(--teal);
        font-size:14px; letter-spacing: 0; border-radius:8px; position:absolute; z-index:99999; line-height:1;  box-sizing:border-box; box-shadow:0 1px 8px rgba(0,0,0,0.2); visibility:hidden; opacity:0; transition:opacity 0.5s ease-in-out;  }
    .tooltip:hover .top { visibility:visible; opacity:1;}
    .tooltip .top i {position:absolute; top:100%; left:50%; margin-left:-12px; width:24px; height:12px; overflow:hidden;}
    .tooltip .top i::after {content:''; position:absolute; width:12px; height:12px;left:50%; transform:translate(-50%,-50%) rotate(45deg);background-color:var(--teal); box-shadow:0 1px 8px rgba(0,0,0,0.2);}

    .layout_image_grid  {padding: 100px 0;}
.layout_image_grid .wrap { justify-content: space-evenly;}
.layout_image_grid  h2 {max-width: 900px;   margin-left: auto;    margin-right: auto;}
    .layout_image_grid .image_block span { text-align:center; display: block; margin:0 auto; font-weight:100; max-width:80%; }
    .layout_image_grid .image_block { margin-bottom:26px;  max-width: 400px;}
    .layout_image_grid .image_block img {max-width: 200px; margin-bottom:50px; }
    .layout_image_grid .image_block h3, .layout_image_grid .image_block strong {font-size:38px; font-weight:500; line-height:1.1; max-width:85%; display: block;margin:0 auto; padding-bottom:26px}

/* People */
.layout_image_grid.people .image_block { display: flex;  flex-direction: column;   justify-content: flex-end; background: var(--dark-green);   max-width: 310px;min-width: 320px; border-radius: 28px; overflow:hidden}
.layout_image_grid.people .image_block img {  margin-bottom: -5px; max-width: 100%;}
.layout_image_grid.people .image_block p , .layout_image_grid.people .image_block  span{background: var(--teal);   margin: 0 auto !important;
  width: 100% !important;  position: relative; max-width: 100%;}
.layout_image_grid.people .image_block p strong, .layout_image_grid.people .image_block span {font-size:18px; display:block;  padding-bottom: 10px; z-index: 1; box-shadow: 0px 60px 0px 60px var(--teal); position: relative;}
 .layout_image_grid.people .image_block span {display: -webkit-box;  -webkit-box-orient: vertical;  min-width: -webkit-fill-available; overflow: hidden;
    text-overflow: ellipsis;   -webkit-line-clamp: 2;   line-height: 1.5;   max-height: calc(1.5em* 2);   padding: 0px 30px 20px 30px;
    text-align: center;   width: unset !important;   box-shadow: 0px 60px 0px 60px var(--teal);  min-height: calc(1.5em* 2);}
.layout_image_grid.people .image_block p:before { content: ""; display: block; position: absolute;  top: -49px; left: 0;  width: 100%; height: 60px;
    background-image: url(https://moneyballstage.wpenginepowered.com/wp-content/uploads/2024/11/team-shape.svg);  background-size: cover;
    background-repeat: no-repeat;  z-index: 0;  pointer-events: none;}

/* Logos */
.logos.layout_image_grid .image_block img {margin-bottom: 0;  max-width: inherit;   max-height: 160px;}
.logos.layout_image_grid .wrap {  align-items: center;}
.logos.layout_image_grid .image_block {margin-bottom:0}

.layout_html .shape {clip-path: polygon(0.201% 8.896%, 0.201% 8.896%, 0.072% 7.576%, 0.066% 6.279%, 0.174% 5.033%, 0.385% 3.865%, 0.692% 2.802%, 1.083% 1.871%, 1.549% 1.1%, 2.082% 0.516%, 2.671% 0.145%, 3.307% 0.016%, 96.693% 0.016%, 96.693% 0.016%, 97.329% 0.145%, 97.918% 0.516%, 98.45% 1.1%, 98.917% 1.871%, 99.308% 2.802%, 99.614% 3.865%, 99.826% 5.033%, 99.934% 6.279%, 99.928% 7.576%, 99.799% 8.896%, 93.798% 49.943%, 99.799% 90.99%, 99.799% 90.99%, 99.928% 92.311%, 99.934% 93.608%, 99.826% 94.854%, 99.614% 96.022%, 99.308% 97.085%, 98.917% 98.015%, 98.45% 98.786%, 97.918% 99.371%, 97.329% 99.741%, 96.693% 99.871%, 3.307% 99.871%, 3.307% 99.871%, 2.671% 99.741%, 2.082% 99.371%, 1.549% 98.786%, 1.083% 98.015%, 0.692% 97.085%, 0.385% 96.022%, 0.174% 94.854%, 0.066% 93.608%, 0.072% 92.311%, 0.201% 90.99%, 6.202% 49.943%, 0.201% 8.896%);
    background: #D2F8F7;
    min-height: 720px;
    align-content: center;
    padding: 50px 8%;
}

    .layout_quote {padding: 100px 0; background-repeat:no-repeat; background-position:bottom}
    .layout_quote .grid.wrapper {padding-top: 64px}
    .layout_quote .glider {padding-bottom: 64px; padding-top:24px; margin-top:64px}
    .layout_quote .glider-dot.active { background: var(--teal);}
    .layout_quote .glider-slide {box-shadow: 0 0 16px #0000000f; border-radius:26px;  background: white !important; text-align:left; padding:30px;  margin: 15px;position:relative}
    .layout_quote .glider-slide .author {margin-top:25px}
    .layout_quote .glider-slide a {color:#fff}
    .layout_quote .glider-slide a:hover {text-decoration:underline}
    .layout_quote .glider-slide:after {content:""; position: absolute; margin-left: -0.5em;  bottom: -2em; left: 50%;  box-sizing: border-box;  border: 1em solid black;
    border-color: transparent transparent #fff #fff !important;  transform-origin: 0 0; transform: rotate(-45deg);   box-shadow: -7px 6px 6px 0 #00000005}
.layout_quote .glider-slide:nth-of-type(even):after {    transform: rotate(135deg);     margin-left: 20px;   top: 3px;   bottom: unset;}
    .layout_quote .glider-contain .glider-prev , .layout_quote .glider-contain .glider-next {display:none;}

    .layout_tweets {padding: 64px 0; }
    .layout_tweets .grid.wrapper {padding-top: 64px}
    .layout_tweets .glider {padding-bottom: 60px;}
    .layout_tweets .glider-dot.active { background: var(--teal);}
    .layout_tweets .glider-slide {background: var(--teal); color:#fff; text-align:left; padding:30px;  margin: 15px;position:relative}
    .layout_tweets .glider-slide a {color:#fff}
    .layout_tweets .glider-slide a:hover {text-decoration:underline}
    .layout_tweets .glider-slide:after {content:""; width: 0;height: 0;border-style: solid;border-width: 50px 50px 0 0; border-color: var(--teal) transparent transparent transparent; position: absolute;  bottom: -50px;left: 0;}
    .layout_tweets .glider-slide:nth-of-type(even):after { border-color: var(--dark-green) transparent transparent transparent;}
    .layout_tweets .glider-slide:nth-of-type(even) {background: var(--dark-green);}
    .layout_tweets .glider-contain .glider-prev , .layout_tweets .glider-contain .glider-next {display:none;}

    .layout_options {padding: 100px 0; }
    .layout_options .col-3 {display: flex; flex-direction: column;}
    .layout_options .col-3 img {margin-bottom:64px; height:auto}

    .layout_options .grid {margin-top:64px;  gap: 30px;  flex-wrap: wrap;   justify-content: space-between;}
    .layout_options .col-3 ul {margin: 0; width:100%}
    .layout_options .col-3 ul li {font-size: 17px;padding: 4px 0;list-style-type: none; margin-bottom: 6px;text-align: left}
    .layout_options .dot { height: 15px; width: 15px; border-radius: 50%;  display: inline-block; margin-right:8px}

    .layout_tabs {padding: 100px 0;}
    .layout_tabs .tabs {padding: 24px 0;}
    .layout_tabs .tabs input[type=radio] { opacity: 0;  position: absolute;}
    .layout_tabs .tabs input[type=radio]:checked+label { background: var(--dark-green); color:var(--teal)}
.layout_tabs .tabs input[type=radio]:focus+label { outline: 2px solid #006178; }
    .layout_tabs .tabs label {background: var(--teal); color:var(--dark-green);border-radius: 38px; min-width: 15%; cursor: pointer; display: inline-block; line-height: 45px; margin: 0 10px 24px; padding: 0 36px}
    .layout_tabs .tabs label:hover {background: var(--dark-green); color:var(--teal)}
    .layout_tabs .tab-content img {height:auto; max-width:60%}
    .layout_tabs .tab-content {display: none}
    .layout_tabs input[type=radio]:checked+.tab-content { display: block}
    #tab1:checked ~ #tab-content1,#tab2:checked ~ #tab-content2,#tab3:checked~#tab-content3, #tab4:checked div#tab-content4, #tab5:checked~#tab-content5 {display: block}

    .layout_support {padding: 100px 0; background:var(--teal)}
    .layout_support .wrap {margin-top: 64px}
    .layout_support .tile {min-height: 190px; display: flex;align-items: center; justify-content: center; box-shadow: none; background: var(--seafoam); text-decoration:none !important; border-radius: 20px;}
    .layout_support .title {display: block;font-weight:bold; color:var(--dark-green);font-size:24px;}
    .layout_support img {height: 44px; width: 44px;  padding: 10px;   opacity: 0.5;}
    .support_videos {margin-top:24px;}
    .support_videos .video {border-radius:0; border:0; min-height: 235px; background-size:cover; position:relative; box-shadow:none;display: flex;  align-items: center;  justify-content: center;}
    .support_videos .video h3 {color:#fff;z-index: 99999;}
    .support_videos .video:after {position: absolute; width:100%;z-index:1; height:100%; content:""; left: 0; top: 0; background: rgba(0, 97, 120, 0.6509803921568628);}
    .featured_video {margin-top:124px; padding-bottom:24px;}

    .careers-header {background-color:var(--dark-green);min-height:50vh; background-position: center center; background-repeat: no-repeat; background-size: cover; display:flex; align-items: center;  justify-content: center;}
    .careers-header h1 {color:#fff; }

    .careers-intro { padding: 100px 0;}
    .careers-intro h2 { margin-bottom: 48px}
    .current-positions {padding: 100px 0; }
    .current-positions .wrap , #current_positions .wrap {padding-top: 32px; justify-content: center; gap:7px 26px;}
    .current-positions .button {line-height: 35px; padding: 0 34px; font-size: 13px; margin-top:24px}
    .current-positions .tile {color:var(--dark-green);}
    @media screen and (max-width: 768px) and (min-width: 320px)  { .current-positions .tile, .layout_support .tile, .support_videos .tile {width: 100%; margin: 0;margin-bottom: 15px;}
    .layout_support .tile {width: 47%; display:block; padding:5px; }
    .layout_support .tile .title {font-size: 18px;}
    .layout_support .tile img {max-height: 30px;display: block;  margin: 0 auto;  min-height: 60px;} }
    .location-map {width:100%}
    .acf-map img {max-width: inherit !important; }
    .acf-map {height: 520px; margin: 24px 0;  }

    .layout_button_box {padding: 100px 0;}
    .layout_button_box .grid.wrap{ margin-top: 64px;  max-width: 1400px; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;}
    .layout_button_box .tile {transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);min-height: 240px; background: var(--dark-green);  margin: 0 0px 25px 20px;border-radius: 10px;  color: white;  border: none; box-shadow: 0px 2px 30px #0000001a; padding: 22px; position:relative; text-align: left;   text-decoration: none !important;}
/*     .layout_button_box .tile:hover {box-shadow: 0px 2px 40px #0000001a} */

    .layout_button_box .tile h3 { color: white; }
    .layout_button_box .tile span { font-weight:bold; display: block; position: absolute;  right: 15px;  bottom: 35px;transition:all 0.4s ease}
    .layout_button_box .tile span i {margin-left:10px}
    .layout_button_box .tile img {position:absolute; left:15px; bottom:0px;max-width: 110px;}

    .layout_image_feature { padding-top: 64px;   padding-bottom: 64px;}
    .layout_image_feature .grid { padding-top: 18px;}
    .layout_image_feature ul {list-style:none; margin:0;}
    .layout_image_feature ul li {margin-bottom: 50px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: distribute;
        justify-content: space-between;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 20px;
        min-height: 200px;}
        .layout_image_feature ul li p {margin-bottom: 5px;}

    .layout_image_feature ul li img {  width: 36px;  height: 36px;  margin-bottom: 10px; -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }
    .layout_image_feature ul li h4 {   -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto; margin-bottom:8px;
        width: 70%;}
.layout_image_feature ul li a {  text-decoration:none !important; font-weight:normal !important;}
    .layout_feature_highlight { padding-top: 100px;  padding-bottom: 100px; background:#d2f8f7}
    .layout_feature_highlight .grid {justify-content: space-evenly;}
    .layout_feature_highlight .float_icon {margin: 0 auto; width: 80px; height: 80px;  margin-bottom: 34px;border-radius: 50%;margin-top: -100px; text-align: center; align-content: center; align-items: center;  display: flex; justify-content: center;}
     .layout_feature_highlight h3 img { margin-right: 8px; max-width: 60px;}
.layout_feature_highlight .col-md-3 {text-align:center}

    .layout_slider { padding:64px 0}
    .layout_slider .glider-contain {  width: 80%; margin: 0 auto; padding:32px 0}
    .layout_slider .glider-contain .grid {text-align: left !important;  _justify-content: space-between}
    .layout_slider .glider-contain .glider-slide {padding: 0 64px;}
    .layout_slider .glider-next, .layout_slider .glider-prev { top: 45%; background: var(--teal); color: white; font-size: 14px;  width: 40px;  height: 40px;  border-radius: 50%; padding: 14px 0;}
    .layout_slider .glider-dot.active {  background: var(--dark-green);}
    .layout_slider .glider-next:focus, .layout_slider .glider-next:hover, .layout_slider .glider-prev:focus, .layout_slider .glider-prev:hover {  background: #005f78 !important;  color: white !important;}
    .layout_slider .button {margin-top:24px}

    .layout_cards  {padding:100px 0px}
 .card-wrap  {padding:60px 0px}

.layout_cards .splide__arrow:disabled { opacity: 0;}
.layout_cards .splide__arrow svg {fill:var(--dark-green); height: 0.8em;   width: 0.8em;}
.layout_cards .splide__arrow:hover  {background:var(--dark-green)}
.layout_cards .splide__arrow:hover svg {fill:var(--teal)}
.layout_cards .splide__arrow {font-size: 25px;  background: #ffffff;border: 1px solid var(--seafoam);}


.card-wrap.thegrid {  display: grid;  gap: 20px 20px;  grid-template-columns: repeat(auto-fit, minmax(40%, 400px));  justify-content: center;}

.layout_cards.left .card-wrap img.icon { margin-left:unset; margin-right:unset}
.layout_cards.left .card-wrap  { text-align:left}

body .pt-0 {padding-top:0 !important}

.card-wrap .card { padding: 40px;  border-radius: 22px;  background:var(--seafoam);  display: flex;    flex-direction: column; justify-content: space-between; }
.card-wrap img.icon  {  align-self: flex-start; max-width: 100%;  max-height: 280px; margin-bottom:32px;  margin-left: auto;   margin-right: auto;}
.card-wrap .card-content { display: flex; flex-direction: column;justify-content: flex-end; flex-grow: 1;}
.card-wrap .card-content h3 { margin-bottom:32px;}
.card-wrap .card .btn  { align-self: center; margin-top:auto; color:var(--dark-green); border:2px solid var(--dark-green); transition:all 0.2s ease;  padding: 8px 30px;  border-radius: 25px;  font-weight: bold; font-size: 16px; text-decoration:none;width: max-content; }
.card-wrap .card .btn:hover  { background: var(--dark-green); color:var(--teal) }
.card-wrap .card_sub { width: 100%;   margin-top: 25px; display: flex; margin-bottom: 50px;    justify-content: space-between;    flex-direction: row;
    align-content: flex-end;  align-items: center;}
    .card-wrap .card_sub .tooltip { vertical-align: text-bottom;padding-right: 0;}
	.card-wrap .card_sub .tooltip:focus-visible .top , .price-box .tooltip:focus-visible .top{visibility:visible; opacity:1 }

    body .popup { overflow: auto; background: #fff; padding: 40px 55px; width:600px;max-width: 100%;  border-radius: 6px; }
    body .popup iframe {border-radius: 8px;}

    body .lity-close {top: 6px;  right: 6px; position: absolute;  text-shadow: none !important;  color: var(--teal) !important;}

    .icon_boxes { padding:64px 0}
    .icon_boxes .col-6 { padding:32px}
    .icon_boxes .grid {flex-flow: wrap; width: 75%;  padding: 22px;  margin-top: 64px;   background: white;   border-radius: 10px;     box-shadow: 0 11px 1em #0000001c;}
    .icon_boxes .col-6 img { padding-bottom:22px; max-width:80px}

    .image_block a {display: block; transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);}
    .image_block a:hover {transform: translateY(-5px);}

    .Xteam-header {background-color:#fff;min-height:35vh;margin-top: 90px; background-position: center center; background-repeat: no-repeat; background-size: cover; display:flex; align-items: center;  justify-content: center;}
    .the_team {background-color:#e5f9f7;}
    .the_team .member{ flex: 0 0 calc(14.67% - 24px);  margin: 0 24px; padding-bottom: 64px}
    .the_team .member h4 {margin: 0}
    .the_team .wrap {padding-top:64px; justify-content: end;}
    .the_team .member img {border-radius: 100%;margin-bottom: 16px}
    @media screen and (max-width: 768px) {.the_team .member {flex: 0 0 calc(28% - 24px) } }
    @media screen and (max-width: 480px) {.the_team .member {flex: 0 0 calc(60% - 64px); margin: 0 auto; }   }
    @media screen and (max-width: 321px) {.the_team .member {flex: 0 0 calc(100% - 64px); margin: 0 auto; }   }
    .join_team { padding: 64px 0; background-color:#e5f9f7;}
    .join_team .wrap{ padding-top: 64px;}
    @media screen and (max-width: 768px) {.join_team .wrapper {flex-direction: column-reverse;align-content: center } .join_team img {margin-top:50px}}

    .layout_faq, .layout_job, .team-header {margin: 0;  background-color:var(--dark-green); _padding-top:160px;  min-height: 50vh; align-content: center; display: flex; margin-bottom:64px;}
    .layout_faq h1, .layout_job h1, .team-header h1 {color:#fff}

.hero_plain  { min-height: 12vh;   padding-top: 150px;    padding-bottom: 64px;  align-content: center;    display: flex;    justify-content: center;      flex-wrap: wrap;    flex-direction: column;}

    .breadcrumbs { background: white; border-radius: 4px; box-sizing: border-box; line-height: 40px; overflow: hidden }

    .breadcrumbs a {font-size: 16px; padding: 8px 16px 8px 24px; position: relative; color:var(--dark-green); text-decoration:none !important; font-weight: normal !important;}
    .breadcrumbs span {color:var(--dark-green); font-weight: bold;   background: #ebebeb;  font-size: 16px;}
    .breadcrumbs a:after,
    .breadcrumbs a:before { border-top: 28px solid transparent; border-bottom: 28px solid transparent; border-left: 10px solid #fff; content: ''; display: block; height: 0; left: 100%; margin-top: -28px; position: absolute; top: 50%; width: 0; z-index: 1 }
    .breadcrumbs a:before { border-left: 10px solid #f7f7f8; margin-left: 2px }
    .breadcrumbs a:last-child:after, .breadcrumbs a:last-child:before { display: none }
    .breadcrumbs a:hover { color: #000; text-decoration:underline !important }
    aside { width: calc(25% - 24px)}
    @media screen and (max-width: 480px) { aside { margin: 24px -24px 0; padding: 24px; width: auto }    }
    aside ul { align-self: flex-start; background: #fff; border-radius: 3px; margin: 0;      box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.05); }
    @media screen and (max-width: 480px) { aside ul { background: transparent; padding: 0 }    }
    aside li {list-style: none; padding: 10px;  border-bottom: 1px solid rgba(0, 194, 180, 0.095);}
    aside a { display: block; padding: 8px 0;  color: var(--dark-green); text-decoration:none !important}
    aside li a.active , aside li.current-menu-item a{font-weight:bold;}

    aside.career-left {background: none; margin-top:0; padding-top: 0}
    .career-right ul>li{margin-bottom: 10px;}
    .career-right {margin-bottom: 30px;}
    .career-left ul {background: none; margin:0 0 30px; padding:0;}

    ul.social-icon2 {background: none; margin:0 0 30px; padding:0; border:0; box-shadow: none;}
    ul.social-icon2 li {display: inline-block; text-align: center; border:0px; margin-right: 10px; font-size: 18px;line-height: 30px; background: #fff; height:28px; width:28px; border-radius: 50%; -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.15);}
    ul.social-icon2 li a {color: #546270; padding:0 }



body .glossary-link a, body .glossary-underline {
    font-weight: bold;

}


    /* MAIL CHIMP FORM STLYING */
body .yikes-easy-mc-form {position:relative}
body .yikes-easy-mc-form input[type=email], body .yikes-easy-mc-form input[type=number], body .yikes-easy-mc-form input[type=text], .yikes-easy-mc-form input[type=url], .yikes-easy-mc-form select
{border-radius:13px;background-color: #ffffff; padding: 15px;border: 2px solid #00c2b4;height: 68px; outline: none !important;}
body .layout-hero .yikes-easy-mc-form .yikes-easy-mc-submit-button { position: absolute; right: 9px !important; top: 3px !important;    min-width: 150px;
  background-color: #00c2b4;  font-size: 11pt; font-weight: bold;  width: 20%;  height: 48px !important;  border-radius: 6px !important;  line-height: 1;}
  body  .yikes-easy-mc-success-message {color: #ffffff;  background: none;   border-radius: 9px;    padding: 15px;   border: 2px solid white;   text-align: center;  }


  @media screen and (max-width: 890px){
  .layout_options .alignright {float:none; margin:0 !important; padding: 10px 0;  display: flex ;   justify-content: space-between;}
  }

@media screen and (min-width:481px) and (max-width: 767px){
    aside.career-left {width: 100%;}
    ul.social-icon2 {text-align: left;}
    ul.social-icon2 li {margin:0 5px 0px 0; width: 35px; height: 35px; font-size: 15px;}}


 @media screen and (max-width: 480px) and (min-width: 150px)
    {
    body .flexslider.carousel .slides>li {float: left !important; margin-bottom: 5px !important;}
    body .flexslider.carousel .slides>li {margin:0;}
    body .flexslider.carousel ul.slides {margin-left:20px;}
    body .flexslider:hover .flex-direction-nav .flex-prev {left: 0;}
    body .flexslider:hover .flex-direction-nav .flex-next {right: 0;}

	body .layout_cards .splide__arrow { opacity: 0;}

    .layout_options .col-3 { align-items: center; margin-bottom: 64px}
    .layout_options img {_max-height: 88px }



    .layout_tweets .wrapper , .layout_quote .wrapper{padding:0}
    .layout_tweets .glider-slide , .layout_quote .glider-slide {min-width: 228px !important;}

    .layout_carousel .glider-contain {padding:20px 0}
    .layout_carousel .glider .box a span {font-size:16px; padding:10px 6px}
    .layout_carousel .glider-slide a {text-align: center;}
    .layout_carousel .glider .box a span i {float:none}

.layout_left_image, .layout_right_image { padding-top: 65px;}
.layout_left_image .col-md-5 , .layout_right_image .col-md-5  {padding-bottom: 0;}
.layout_left_image h2 , .layout_right_image  h2 { margin-top: 24px;}

    .layout-hero .hero_video {text-align:center; padding:40px 0}

    .layout_button_box .tile {width: 100%;  min-height: 175px !important;}
    .layout_button_box .tile span {  bottom: 20px;}

    ._xx_layout_image_feature ul li img {float: left;  margin-right: 14px;  margin-bottom: 90px;}

		#layout_accordian .accordian {padding: 12px;}

    .layout_feature_highlight { text-align: center;}
    .layout_feature_highlight .col-3{  margin-bottom: 28px;}
    .layout_feature_highlight .col-3 small{ display: inline !important;  margin-left: 0 !important;}
	.layout_feature_highlight h3 {display:flex; flex-direction: column;}
    .layout_feature_highlight h3 img { margin: 0 auto; margin-bottom: 10px;        max-width: 48px;}
	.layout_feature_highlight p {max-width: 80%; margin: 0 auto;  margin-bottom: 60px;}

    .layout_slider .glider-contain .glider-slide { padding: 0;   flex-direction: column-reverse; align-self: end;}
    .layout_slider .glider-next, .layout_slider .glider-prev {  top: 22%;}
    .layout_slider .glider-contain {  width: 95%;}
    .layout_slider .glider{ overflow: hidden; margin-bottom:24px}
    .layout_slider .glider-contain .col-md-6 { padding-bottom:32px}
    .layout_slider .button {display:block;}
    .layout_slider .glider-slide img {width: 100%;min-width:250px;}

    .layout_tabs .tab-content img { max-width:100%}

.icon_boxes .grid {width: inherit; padding: 10px; }
.hide_mobile {display:none}

    .stickypost {max-width: 100%;}
    .breadcrumbs { display: none }

    .trustpilot-widget iframe {height:300px !important}
    .tabs label {margin: 24px 0; padding: 0 8px }

    }

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


body .layout-hero .hero-shape {clip-path: polygon( 4.377% 89.39%,4.377% 89.39%,3.612% 89.181%,2.906% 88.923%,2.265% 88.621%,1.694% 88.28%,1.197% 87.904%,0.779% 87.497%,0.446% 87.062%,0.201% 86.606%,0.051% 86.13%,0% 85.641%,0% 4.128%,0% 4.128%,0.091% 3.472%,0.356% 2.851%,0.779% 2.271%,1.346% 1.742%,2.043% 1.271%,2.856% 0.867%,3.771% 0.538%,4.772% 0.293%,5.845% 0.14%,6.977% 0.087%,93.023% 0.087%,93.023% 0.087%,94.155% 0.14%,95.228% 0.293%,96.23% 0.538%,97.144% 0.867%,97.957% 1.271%,98.654% 1.742%,99.221% 2.271%,99.644% 2.851%,99.909% 3.472%,100% 4.128%,100% 85.641%,100% 85.641%,99.949% 86.13%,99.799% 86.606%,99.554% 87.062%,99.221% 87.497%,98.803% 87.904%,98.306% 88.28%,97.735% 88.621%,97.094% 88.923%,96.388% 89.181%,95.623% 89.39%,50% 100%,4.377% 89.39% );   padding: 20px;border-radius:8px;}

    body .layout-hero .col-md-6:not(.hero_video) img,  body .layout-hero .col-md-7 img {margin-top: 22px;height:auto}
    body .layout-hero .sms_form  {display:none}
    body .layout-hero .app-btn a img { margin: 5px 0;}
    body .layout-hero .app-btn { text-align: center;}
    body .layout-hero .app-btn a { min-height: 120px;}

    body .layout-hero .app-btn {flex-direction: column; align-items: center;  min-height: 120px;}

	body .layout-hero ul {text-align: left;}

body .layout_image_grid.people .wrap { flex-wrap: nowrap;   gap: 15px;   overflow-x: scroll;}
body .layout_image_grid.people .image_block	{max-width: 200px;  min-width: 200px;  border-radius: 18px;}
body .layout_image_grid.people .image_block span {padding: 0 0 10px 0;}
body .layout_image_grid.people .image_block p:before {top: -34px;  height: 40px;    left: -1px;  width: calc(100% + 3px);}

.layout_right_image .grid, .layout_left_image .grid  {gap:50px}

.layout-hero.small_title h1, .layout-hero.small_title .h1 {font-size:38px}

/*  .layout_left_image .wrapper { flex-direction: column-reverse;  align-content: center;} */

/* // Table scroll for mobile */
.table-scroll {
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
  width: 100%;
}

.table-scroll table {
 width:100%;
  min-width: 600px;
  border-collapse:collapse;
}


@media (max-width: 768px) {
  .table-scroll {
    overflow-x: auto;
  }

.table-scroll::after {
  content: "← Swipe to see more →";
  display: block;
  text-align: center;
  font-size: 12px;
  color: #666;
  padding: 6px 0;
}



.learning-hub__spot-title h2, .learning-hub__latest h3, .learning-hub__most-read h3 {   font-size: 30px !important;}
body .learning-hub__filter--mobile .learning-hub__filter__list > li > a {    text-align: left;  margin: 0;  padding: 5px 0;   display: flex; justify-content: space-between;   text-decoration: none !important;}
.learning-hub__filter--mobile .learning-hub__filter__list__single__toggle {   font-size: 14px;}
	body .related .col-md-6 { flex: 0 0 90%;  max-width: 90%;  margin: 0 auto;   margin-bottom: 30px;}


    #layout_features_small .col-md-4 {display:none}
    #layout_features_small .feature { width: 100%;}
    #layout_features_small .feature img {display: inline-block;}

    .layout_quote .glider-slide h4 {font-size: 20px;  max-height: 170px;  overflow: scroll;}

    .layout_pricing .price-box {padding: 21px 25px;     border-radius: 27px;}
    .layout_pricing ul {margin-left:0}
	.layout_pricing .price-box h3 span, .layout_pricing ul li ul.sub li p span { display: block; float: none !important;font-weight: bold;  margin-top: 10px !important;}

    .layout_pricing .price-box h3 {font-size: 20px;}
    .layout_pricing .tooltip .top { min-width: 111px; top: -20px;padding: 7px; line-height: 1;}

body .popup { padding: 30px 28px;  width: 100%;}

.menu-social-menu-container {margin-bottom: 34px;}
footer .end {flex-direction: column-reverse;   border-top: 0 !important;    margin-top: 32px !important;  padding-top: 0 !important;}
footer .end .copyright {padding-bottom: 80px;border-top: 1px solid #1c3e3e;  padding-top: 64px; }

	#risk-warning .green-box, #custom_warning .green-box { padding: 26px;}

		.layout_html .shape {min-height:600px; clip-path: polygon( 50.068% 90.467%,90.026% 99.599%,90.026% 99.599%,91.513% 99.823%,92.971% 99.828%,94.372% 99.629%,95.683% 99.244%,96.876% 98.69%,97.92% 97.984%,98.785% 97.143%,99.44% 96.184%,99.855% 95.124%,100% 93.98%,100% 5.915%,100% 5.915%,99.855% 4.773%,99.441% 3.714%,98.788% 2.756%,97.926% 1.915%,96.884% 1.209%,95.694% 0.654%,94.385% 0.268%,92.987% 0.068%,91.53% 0.07%,90.045% 0.292%,50.068% 9.344%,10.086% 0.291%,10.086% 0.291%,8.601% 0.07%,7.145% 0.068%,5.747% 0.268%,4.438% 0.654%,3.247% 1.209%,2.206% 1.915%,1.343% 2.755%,0.69% 3.714%,0.276% 4.772%,0.132% 5.915%,0.132% 93.98%,0.132% 93.98%,0.277% 95.124%,0.692% 96.184%,1.347% 97.143%,2.211% 97.984%,3.255% 98.691%,4.448% 99.245%,5.76% 99.629%,7.16% 99.828%,8.618% 99.824%,10.105% 99.599%,50.068% 90.467% ); margin: 0 26px; padding: 45px 5%;}

.funds {margin: 0 -20px;}

    .layout_image_grid .image_block { width: 95%;  height: 100%;  text-align: center;  margin: 0 auto; margin-bottom:24px; padding: 1px;}
    .layout_image_grid .image_block img { max-width: 70%; }

.floatbtn {position: fixed; width:92%; padding:18px; transition: all 1s ease; bottom:-100%; display: block;   background: rgba(255, 255, 255, 0.69);}
.floatbtn.show { bottom:0; -webkit-backdrop-filter: blur(6px);     backdrop-filter: blur(6px); }
.floatbtn a {background: var(--teal);border-radius: 30px;padding: 18px 5px; text-align: center; font-size:16px; font-weight:bold !important;  text-decoration:none !important; display:block}

}

.termly-styles-module-solid-bab466.termly-styles-module-primary-2d5923 { background: var(--teal) !important; border: 0 !important;}
.termly-styles-button-dd5ebb {line-height: 9px;}

body .mtsnb-container a.mtsnb-button {color: var(--dark-green) !important; font-weight:bold !important; font-size: 14px !important;text-decoration:none !important; border-radius:40px; }
body .mtsnb-container-outer a:focus-visible { outline: 1px solid white !important;}
body .mtsnb-hide:after {display:none}

@media only screen and (max-device-width: 1000px) {
body #CybotCookiebotDialogBodyButtonDecline,
body #CybotCookiebotDialogBodyLevelButtonCustomize,
body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
body #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton
{
padding: 0 !important;
}

#CybotCookiebotDialogPoweredByText,
#CybotCookiebotDialogBodyEdgeMoreDetails,
#CybotCookiebotDialogHeader
{
display: none !important;
}

#CybotCookiebotDialogPoweredbyCybot:after, #CybotCookiebotDialogBodyEdgeMoreDetailsLink:after {border-bottom:0; text-decoration:none; display:none}
#CybotCookiebotDialogBodyContent {padding: 0.625em 0.625em !important;}

}

body.has-mtsnb-shown:not(.has-mtsnb-closed) { padding-top: 40px !important;}

/* POST RATINGS */
body .rmp-widgets-container.rmp-wp-plugin.rmp-main-container {background: var(--teal); border-radius: 28px;  padding: 40px;  margin-top: 64px;}
body .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-heading--title { font-size: 24px;font-weight: bold;  margin-bottom:24px; line-height: 1.1;}
body .rmp-feedback-widget__container .rmp-btn {background: #00c2b5; border: 0; border-radius: 9px; color: white; cursor: pointer; display: inline-block; font-size: 17px; line-height: 48px; padding: 0 24px; text-align: center; text-decoration: none;transition: all 0.2s ease-out, transform 0.08s ease-out; white-space: nowrap;}
body .rmp-results-widget { background: #ebf9fa; display: inline-block; padding: 4px 11px; border-radius: 20px;  margin-bottom: 30px;}
body .rmp-results-widget  .rmp-results-widget__avg-rating {font-weight:bold}
body .rmp-results-widget .rmp-icon--ratings {font-size: inherit;  margin-right: 4px;}
body .rmp-feedback-widget__input { min-width: 80% !important; font-size: inherit;   padding: 10px;    line-height: normal;  min-height: 80px;  margin: 20px auto !important;}
body .rmp-feedback-widget__msg  {color: #004664;  font-weight: bold;   margin-top: 20px !important;  padding: 14px 30px;  border-radius: 10px;   display: block;}
body .rmp-icon--ratings {color: var(--dark-green) !important;   opacity: 0.2;}
body .rmp-rating-widget .rmp-icon--hovered {opacity:1}

/* SEARCH */
#searchform input[type=text] {padding: 5px 15px; min-width: 300px; height:auto}
#searchform input[type=submit] {background-color: var(--teal);color: var(--dark-green); padding: 6px 30px;  border: 1px solid var(--teal); margin-left: 5px; height: 49px; cursor: pointer; line-height: normal;}
#searchform input[type=submit]:hover {background:#29aaa2}

/* ITEMS */
.faqs__articles {text-align: left;list-style-type: none; margin:0}
.faqs__articles li {padding: 1.5em;	border-radius: 15px;transition: background-color 400ms;border: 1px solid #e7e7e7;}
.faqs__articles li .faqs-category {border-top:1px solid #e7e7e7; margin-top:25px; padding-top:15px; font-size:0.9em;}
.faqs__articles li .faqs-category a {font-size:1em;font-weight:normal; text-decoration:none !important}
.faqs__articles li .faqs-category a:hover {color: var(--dark-green); text-decoration:underline !important;}
.faqs__articles li.faq-child-item > a.faq-child-link:hover .post-count {text-decoration:none !important}
.faqs__articles li + li {margin-top: 20px;}
.faqs__articles li a {color: var(--dark-green);font-size: 1.5em; text-decoration: none !important;  font-weight:normal !important}
.faqs__articles li:hover {background-color: var(--seafoam);}
.faqs__articles li a:hover  {text-decoration: underline !important;}
.faqs__articles a:after {content: unset !important;}

/* PAGINATION	 */
.pagination { width: 100%; justify-content: center; margin: 60px 0;}
.pagination .page-numbers{ margin: 0; display: flex; list-style: none;}
.pagination .page-numbers li span, .pagination .page-numbers li a{ line-height: 1;  padding: 10px; font-weight: bold;  font-size: 20px;}
.pagination a {border-top: 0;}
.pagination a:before, .pagination a:after  {content: unset !important;}

@media only screen and ( max-width: 768px ) {
.faqs__articles li { padding: 0.8em 1em; }
 #searchform input[type=text] {min-width: 150px !important;}

.layout_support .faq_sub_tile {width:100% !important}
.tile__category {
       display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        box-sizing: border-box;
        flex-direction: column;
        justify-content: center;
    }
}

@media only screen
  and (min-device-width: 820px)
  and (max-device-width: 990px)
  and (-webkit-min-device-pixel-ratio: 1) {
	header.ha-header #logo {padding: 5px 0;}
.stellarnav.mobile{ margin-top: 0px}
header.ha-header.ha-header-small>div>div>a{   top: 26px;}

}