/* Base styles */
:root {
    --bg-light-blue-color: #EAF7FF;
    --bg-light-grey-color:#e9ecef;
    --bg-dark-blue-color:#096183;
    --bg-footer-black-color:#000000;
    --cta-primary-color: #52D8E6;
    --cta-primary-border-color:#247A83;
    --cta-primary-action-color: #DBF5F7;
    --cta-primary-action-border-color:#292929;
    --cta-white-bg-color:#ffff;
    --heading-font-color:#212529;
    --default-font-color:#565A5D;
    --green-font-color:#00734D;
    --green-step-background: #068A60;
    --heading-font: 'jpm_am_proregular';
    --light-font:'jpm_am_prolight';
    --bold-font:'jpm_am_probold';
    --default-font: 'jpm_am_proregular', 'Noto Sans';
    --h1-font:'jpm_am_probook';
    --eyebrow-font:'jpm_am_promedium';
    --font-weight-bold:700;
    --eyebrow-large:1.25rem;
    --eyebrow-small:0.875rem;
    --eyebrow-medium:1rem;

}
html,body  {
    color: var(--default-font-color);
    font-family: var( --default-font);
    font-size: 16px;
    font-weight: 400;
    /*line-height: 30px;
    letter-spacing: 0;*/
}

body {
    font-size: 1.25rem;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.secondary-default-section .align-self-center hr {
    display: block;
    height: 1px;
    border: 0;
    border-color:#ADB5BD !important;
    margin: 1em 0;
    padding: 0;
    opacity: 1;
}

audio, canvas, iframe, img,svg, video {
    vertical-align: middle;
}
img{max-width: 100%;}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* ==========================================================================
   Custom styles
   ========================================================================== */
/* Typography */
.small-font {
    font-size: .9rem;
}

.caps-all {
    text-transform: uppercase;
}

.line-hgt {
    line-height: 4rem;
}

h1, h2, h3, h4,h5,h6 {
    font-family: var(--heading-font) !important;
    color: var(--heading-font-color);
}
h1 {
    font-size: 5rem;
    font-family: var(--h1-font);
}
h2 {
    font-size: 4.5rem;
}
h3, h1.heading{
    font-size: 3.75rem;
}
h4 {
    font-size: 3.5rem;
}
h5 {
    font-size: 1.375rem;
}
h6, .eyebrow-large,.large-f {
    font-size: var(--eyebrow-large) !important;
}
h2.desktop{font-size: 2.75rem;}
h4.heading{font-size: 1.5rem}
h3.heading{font-size: 2.25rem}
a,span,.eyebrow-small {
    font-size: var(--eyebrow-small) !important;
}
p,.eyebrow-medium, a.btn-medium{
    font-size: var(--eyebrow-medium)!important;
}
.eyebrow{
    letter-spacing: 2px;
    font-weight: var(--font-weight-bold);
    font-family: var(--eyebrow-font);
}
.green-color{color:var(--green-font-color);}
.blue-color{color:var(--bg-dark-blue-color);}

/* Margins */
.nomargin {
    margin: 0 !important;
}
.margin-top-2{ margin-top: 2rem;}
.margin-top-4{
    margin-top: 4rem !important;;
}
.margin-top-6{
    margin-top: 6rem;
}
.margin-bottom-4{
    margin-bottom: 4rem;
}
.margin-bottom-5{
    margin-bottom: 5rem;
}
/*padding*/
.padding-4y-2x{
    padding:4.5rem 2.5rem;
}
.padding-main-banner{padding:0 1rem;}
/*  width*/
.w-70{ max-width:70%;}

/* Borders */
.brd-right {
    border-right: 0.5px solid #0000006b;
}
/*banner images */
.sec-main-banner img, .white-card .inner-txt img{
    max-width: 100%;
    width:100%;
}
/*banner images */
.sec-icon img{
    max-width: 100%;
    width:50px;
}
.txt-icon{ max-width: 180px;margin:auto;}

/*banner images end */

/* Buttons */
.btn { border: 1px solid;border-radius: 38px;padding: 6px 20px;min-width: 131px; border-color: var( --cta-primary-action-border-color);color:var(--heading-font-color);font-weight:var(--font-weight-bold);}

.btn-primary {
    background-color: var(--cta-primary-color);
}
.btn-white-bg {
    background-color: var(--cta-white-bg-color);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.mb-toggle-btn:hover, .social-links img.footer-social-icon:hover,
.mb-toggle-btn:focus, .social-links img.footer-social-icon:focus,
.mb-toggle-btn:active, .social-links img.footer-social-icon:active{background:var(--cta-primary-action-color);border-color: var(--cta-primary-action-border-color);color:var(--heading-font-color);}
.btn-white-bg:hover,
.btn-white-bg:focus,
.btn-white-bg:active{background:var(--bg-light-grey-color); border-color: var(--cta-primary-action-border-color);}
.download-btn{background: var(--cta-white-bg-color);padding: 10px;border-radius: 30px;border: 1px solid #292929;}


.secondary-default-section{padding: 6rem 0;}

/*bg-colors*/

.light-bg-color{ background-color: var(--bg-light-blue-color);}
.light-grey-bg-color{ background-color:var(--bg-light-grey-color);}


/* Navbar */
header {
    position: relative;
    width: 100%;
    background: #FFF;
}

header.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    background: #FFF;
    z-index: 1000;
}
.navbar {
    padding: 1.5rem 0;
}
.navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {
    color: var(--heading-font-color);
}
.navbar-nav a.nav-link:active,
.navbar-nav a.nav-link:hover{font-family: var(--bold-font)!important;}
header .navbar-nav a.nav-link:active,
header .navbar-nav a.nav-link:hover {
    color: var( --bg-dark-blue-color);
}

.navbar-nav .nav-item {
    margin-right: 1rem;
}


/* custom classes */
.info-step-nos {
    height: 58px;
    width: 58px;
    border-radius: 50%;
    color: var(--cta-white-bg-color);
    background-color: var(--green-step-background);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    margin:10px auto;

}
.top-right-slant, .bottom-left-slant{background-clip: padding-box;height: 78px;width: 100%;}
.top-right-slant{background-image: linear-gradient(179deg, #f8f9fa 75%, #e9ecef 25%); clip-path: polygon(0% 100%, 100% 10%, 100% 100%);}
.bottom-left-slant{ background-image: linear-gradient(359deg, #f8f9fa 75%, #e9ecef 25%); clip-path: polygon(0% 100%, 100% 0%, 0% 0%);}
.footer-top-slant{ background-image: linear-gradient(179deg, #6C757D 75%, #000 25%); clip-path: polygon(0% 100%, 100% 10%, 100% 100%);}
#footer-slant p{margin:0 -1px}
.btn-logo-container{flex-grow:0}
.btn-logo-container a.btn{align-self: flex-start;margin-right:90px;}
.white-card{
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.075);display: flex;flex-direction: column;
    flex: 1;height:100%;
}
.white-card .portfolio-txt{flex:1}
.step-no-benefits{
    font-family:var(--bold-font);
    padding:1rem 2.5rem 1rem 10rem;
    margin-bottom: 2.5rem;
    font-size: var(--eyebrow-large) !important;
    cursor: pointer;
}
.step-content-benefits ul li img{
    margin-right: 1rem;
    max-width: 24px;
    padding-top: 0;
}
.step-content-benefits ul li{padding-bottom: 2.5rem;}
.step-content-benefits ul li p{  font-size: var(--eyebrow-large) !important;margin-bottom: auto;}
.br-grad hr{
    width: 24px;
    height: 674px;
    background: radial-gradient(85.79% 51.63% at 0% 48.37%, rgba(112, 119, 126, 0.44) 33.85%, rgba(233, 236, 239, 0) 100%);
    margin: -9rem 0 -6rem 0;
}
.trusted-logo img{max-width: 200px;}
.active-step{background: #CEDFE6;}
.faq-menu button.faq-menu-option{ border:0;background: none;padding:0 2.2rem;color:var(--heading-font-color);}
.faq-menu{border-bottom: 2px solid #E9ECEF;padding: 0 0 1.5rem 0; }
.faq-menu-content .card,.resource-download .r-card {border:0;padding:2.5rem 1.5rem;border-bottom: 2px solid #E9ECEF;}
.resource-download .r-card {border-color:#ced4da;padding:2rem 1.5rem;}
.faq-menu-content .card .card-header{background:none;border:0;color: var(--heading-font-color);cursor: pointer;display: flex;}
.faq-menu .active-step{color:#096183 !important;}
.faq-menu-content .card .card-header:after{content: "";position: absolute;right: 0;height: 100%;background-image: url('https://cdn.unite529.com/jcdn/modules/templates-nvd/img/faq-arrowDown-icon.svg');background-repeat: no-repeat;width: 25px;}
.fp-card .inner-txt,.white-card .inner-txt{flex-grow: 1}
.fp-card ul li{font-size: var(--eyebrow-medium);padding:24px 0 0;}
.fp-card .btn{align-self: start;}
.link-r{text-decoration: none;}
#view-less-btn{display:none;}
.tabs .tab a{padding:0 4rem; font-size:20px !important;color:#212529; text-decoration:none;}
.tabs .tab.active a{color:var(--bg-dark-blue-color);}



/*list style*/
.check-img-list ul{
    list-style: none;
    padding: 0;
}
.check-img-list ul li{
    display: flex;
    margin-bottom: 2px;
    align-items: start;
}
.check-img-list ul li img{
    margin-right: 1rem;
    max-width: 30px;
    height: auto;
}

.card-hyperlink .white-card p{ color: var(--default-font-color);}
.card-hyperlink .white-card:hover{box-shadow: 0px 16px 80px 0px rgba(0, 0, 0, 0.3);
    transition: transform 300ms ease-out;
    -webkit-transition: transform 300ms ease-out;
    -moz-transition: transform 300ms ease-out;
    -o-transition: transform 300ms ease-out;
    transform: translate(0px, -40px);
}

.card-hyperlink a { text-decoration: none;}
/*------custom classes end----- */

/*footer style */
footer {
    background: var(--bg-footer-black-color);
}

footer ul.navbar-nav{
    display: inline-block;
}

footer, footer #footer-nav-links ul.navbar-nav li.nav-item a{color:var(--cta-white-bg-color);}
footer .social-links a{}
.social-links img.footer-social-icon, .mb-toggle-btn{max-width: 100%;padding: 0.5rem;border-radius: 40px;background-color: var(--cta-primary-color)}
/*form style*/
footer form .form-group .form-control{
    min-height: 38px;
    max-width: 100%;
    min-width: 356px;
    border-radius: 4px;
    padding: 6px 12px 6px 12px;
}
form.seminar-nvd .control-label{ font-size: var(--eyebrow-medium);}
form.seminar-nvd .form-control{min-height: 3rem;margin:.5rem auto 2rem;}
form.seminar-nvd hr{margin: 1rem 0 3rem;}


/* responsive */
@media only screen and (max-width:600px){
    footer form.mail-list .mb-center{text-align:center;}
    footer form.mail-list .mailbtn{width:100%;}
    footer form.mail-list .form-group .col-sm-4{margin-top:12px;}
    footer form.mail-list .form-group .col-md-4{padding:0 15px;}
}

@media (min-width: 1024px){
    .padding-main-banner{padding:0 0 0 6rem;}
    header .navbar-nav .nav-item:last-child {
        border-left: 2px solid #E2E4E5;
        padding-left: 1rem;
        margin-right: 0;
    }
    footer ul.navbar-nav li.nav-item{
        display: inline-block;
    }

}
@media only screen and (min-width: 769px) and (max-width: 1099px) {
    .navbar-nav .nav-item {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .navbar-nav {
        margin: 1rem;
        flex-direction: column !important;
    }

    .actions-header {
        margin: 2rem 0 1rem;
    }

    .padding-account-user .row .col-lg-4 {
        padding: 3.5rem 2rem;
    }

    .top-right-slant{
        background-image: linear-gradient(178deg, #f8f9fa 75%, #e9ecef 25%);
    }
    .bottom-left-slant {
        background-image: linear-gradient(358deg, #f8f9fa 75%, #e9ecef 25%);
    }
    .vertical-hr {
        border-left: 2px solid #adb5bd !important;
        height: 80px !important;
        width: 0;
        margin: 2rem auto;
    }
    .margin-top-sm-0{ margin:0 !important;}
    .sm-wd-90 {width: 90% !important;}
    .active-step{background: none;color:var(--bg-dark-blue-color);}
    .step-no-benefits {padding: 1rem 2rem; white-space: nowrap}
    .br-grad hr{height: 0 !important;}
    .br-grad .border-effect-mb{
        width: 24px;height: 375px;background: radial-gradient(85.79% 51.63% at 0% 48.37%, rgba(112, 119, 126, 0.44) 33.85%, rgba(233, 236, 239, 0) 100%);
        transform: rotate(90deg);margin: auto;}
    .tabs .tab a { padding: 0;white-space: nowrap;}
    .top-right-slant, .bottom-left-slant{height: 46px;}
    .navbar {padding: 0.9rem 0;}
    .br-grad {margin-bottom:-7rem !important;}
}