@font-face {font-family:"Bogle";src:url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Regular.OTF);font-weight:400}
@font-face {font-family:"Bogle";src:url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Italic.OTF);font-weight:400;font-style:italic}
@font-face {font-family:"Bogle";src:url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Medium.otf);font-weight:500}
@font-face {font-family:"Bogle";src:url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Medium_Italic.otf);font-weight:500;font-style:italic}
@font-face {font-family:"Bogle";src:url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Bold.OTF);font-weight:700}
@font-face {font-family:"Bogle";src:url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Bold_Italic.OTF);font-weight:700;font-style:italic}
@font-face {font-family:"Bogle";src:url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Black.OTF);font-weight:900}
@font-face {font-family:"Bogle";src:url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Black_Italic.OTF);font-weight:900;font-style:italic}
body,
html{font-family:"Bogle","Roboto",sans-serif;background:#fff;color:#333}
.np-certificate-top-bar-spacing{margin-top:68px}
.np-dashboard,
.np-learning-paths{background-color:#fff}
.np-card-container{box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.np-resource-title,
.np-dashboard-resources-title{color:#333;font-weight:400;font-size:24px;line-height:32px}
.np-dashboard .np-dashboard-resources-title{margin-bottom:20px;text-transform:capitalize}
.np-resource-subtitle{color:#333}
.np-max-width{max-width:1380px}
.np-button{min-width:80px;border-radius:30px;padding:10px 24px;font-size:14px;font-weight:700;transition:background-color 0.2s}
.np-button:focus{border:2px solid #979797;box-shadow:0px 0px 10px 0px #0000001a}
.np-button:disabled,
.np-button:hover:disabled{background-color:#6d6e71}
.np-alert-info{background-color:#ebe8f3;color:#3c228a}
.np-card-ribbon{background-color:#3c228a;box-shadow:0px 0px 10px rgba(0,0,0,0.1);text-transform:none;padding:6px 10px;border-radius:20px;font-size:12px;min-width:50px;text-align:center}
.np-learning-paths-resources-container{margin-bottom:50px}
.np-zero-state-text{color:#333}
.np-dashboard-resources-title{margin-bottom:8px;color:#333}
.np-learning-paths-resources-container,
.np-dashboard-resources-container{border:2px solid #dadce0;border-radius:8px}
.tns-nav{display:flex;justify-content:center;margin-top:16px}
.tns-nav button{width:7px;height:7px;border-radius:50%;background-color:#000;border:none;margin:0 6px;-webkit-appearance:none;padding:0;opacity:0.3}
.tns-nav button.tns-nav-active{opacity:1}
.np-section-header{font-size:24px;line-height:24px;margin-bottom:32px}
.see-more-wrapper{display:flex;justify-content:flex-end;margin-top:8px;width:100%;align-items:flex-end}
.see-more-wrapper a{color:#3c228a}
.progress-ring circle{stroke-linecap:round}
.progress-ring text{font-size:32px;font-weight:700}
.progress-ring__circle{transition:stroke-dashoffset 0.35s;transform:rotate(-90deg);transform-origin:center}
.np-progress-circle-label{text-transform:uppercase;font-size:0.875rem;margin-top:1rem}
@media (min-width: 768px){
.tns-nav{display:none}
.np-section-header{font-size:32px;line-height:40px;margin-bottom:40px}
.np-resource-title,
.np-dashboard-resources-title{font-size:32px;line-height:40px}
}

.np-header{height:64px;transition:all 0.2s;position:fixed;top:0;left:0;width:100%;z-index:50;box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.np-main{padding-top:64px}
.np-sub-navigation:not(.homepage-nav):not(.np-page-container){position:fixed;top:64px;left:0;width:100%;background-color:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.1);padding-top:0px;margin-bottom:0;z-index:49}
.np-sub-navigation.fixed{position:fixed;top:64px;left:0;width:100%;box-shadow:0px 0px 10px rgba(0,0,0,0.1);z-index:49;padding-top:0;margin-bottom:0}
@media (min-width: 768px){
.np-main:not(.np-homepage):not(.np-page-container){padding-top:200px}
.np-header{box-shadow:none}
}

.np-resource-header-card{box-shadow:none}
.np-back-button .np-icon-back{color:#333}
.np-top-cta-progress-title{color:#59697b}
.np-learning-path-outline-item .np-card-content{padding:18px}
.np-optional-ribbon{background-color:rgba(60,34,138,0.1);color:#3c228a}
.np-learning-path-outline-name{font-weight:700}
.np-learning-path-outline-progress.np-color-success{color:#3c228a}
#learning-path-desktop .np-top-image{border-bottom-left-radius:0;border-bottom-right-radius:0}


a.np-card{text-decoration:none}
.np-card-padding{padding:32px 24px 24px}
.np-image-wrapper{position:relative}
.np-card .np-image-wrapper .np-card-ribbon{top:auto;bottom:10px}
.np-card .np-image-wrapper .course-img-content{position:absolute;top:16px;left:16px;padding-right:16px}
.np-card .np-image-wrapper .np-card-content-title{color:#fff;font-size:24px;line-height:30px;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
.np-card .course-length{margin-top:8px;font-weight:500}
.np-card-content-title{margin:0 !important;font-weight:700;font-size:18px;line-height:25px;color:#333}
.np-card .np-card-content-title{margin:0;font-weight:700;font-size:18px;line-height:25px}
.np-card-article .np-card-content-title{margin-bottom:8px}
.np-card .np-card-content-subtitle{color:#333;font-size:15px;line-height:21px;margin-bottom:16px}
.np-card .np-card-content-footer{margin-top:0}
.np-card-content-progress{line-height:16px}
@media (min-width: 768px){
.np-card .np-image-wrapper .np-card-content-title{font-size:28px;line-height:34px}
}

.np-card.np-card-ongoing .np-card-padding{padding:16px}
.np-card.np-card-ongoing .np-card-content-footer{display:block}

.np-card-training-event .np-card-padding{padding:12px 20px 32px}
.np-card-training-event .np-card-content-title{font-size:16px;color:#333;margin-bottom:8px}
.np-card-training-event .np-card-training-session{margin-top:20px}
.np-card-training-event .np-card-content-label,
.np-card-training-event .np-card-training-sessions-icon{color:#333}

.np-card .np-learning-path .np-card-content-title{font-size:24px;line-height:32px}

.np-card.np-card-learning-path-progress{padding:0;color:#333}
.np-learning-path .np-card-content-footer{margin-top:16px}
@media (min-width: 768px){
.np-learning-path{align-items:stretch}
.lp-image-wrapper{width:32%;min-width:32%;position:relative;overflow:hidden;border-bottom-left-radius:4px;border-top-left-radius:4px}
.np-learning-paths .lp-image-wrapper{min-height:300px}
.np-learning-path .np-learning-path-image{width:auto;border-top-right-radius:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
}
.np-card-learning-path-progress .lp-progress-card-wrapper{flex-direction:row;align-items:center;justify-content:center;display:flex;flex-wrap:wrap;padding:24px 16px 50px}
.np-card-learning-path-progress .lp-content{padding-left:11px}
.np-card-learning-path-progress .learning-path-title{font-weight:500;font-size:18px;line-height:32px;width:100%;text-align:center;margin-bottom:8px}
.np-card-learning-path-progress .lp-total-courses,
.np-card-learning-path-progress .lp-completed-items{font-size:16px;line-height:26px}
.np-card-learning-path-progress .lp-total-courses span,
.np-card-learning-path-progress .lp-completed-items span{color:#3c228a;font-weight:500}
.np-card-learning-path-progress .lp-completed-items span > div{display:inline}
@media (min-width: 768px){
.np-card-learning-path-progress .lp-progress-card-wrapper{padding:64px 16px;flex-wrap:nowrap}
.np-card-learning-path-progress .learning-path-title{font-size:24px;line-height:32px;margin-bottom:32px;text-align:left}
.np-card-learning-path-progress .lp-total-courses,
.np-card-learning-path-progress .lp-completed-items{font-size:20px;line-height:30px}
.np-card-learning-path-progress .lp-content{padding-left:22px}
}

.first-time-user-popup,
.survey-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;padding:1em;background-color:rgba(0,0,0,0.75);visibility:hidden;opacity:0;pointer-events:none;transition:0.25s ease-out}
.first-time-user-popup.is-active,
.survey-popup.is-active{visibility:visible;opacity:1;pointer-events:auto}
.first-time-user-popup-container,
.survey-popup-container{width:100%;max-width:650px;margin:auto;transform:translateY(-1em) scale(0.95);background-color:white;transition:transform 0.25s ease-out;border-radius:8px}
.first-time-user-popup.is-active .first-time-user-popup-container,
.survey-popup.is-active .survey-popup-cotnainer{transform:translateY(0) scale(1)}
.modal-headline{font-size:20px;line-height:normal;font-weight:500;margin-bottom:32px;text-align:center}
.modal-links{display:flex;justify-content:center;s
}
.modal-links a{border:2px solid #3c228a;background:#3c228a;padding:8px 16px;text-align:center;width:calc(50% - 8px);margin:0 8px;border-radius:30px;color:#fff;text-decoration:none;font-weight:700;transition:all 0.2s}
.modal-links a.secondary{background:transparent;color:#3c228a}
.modal-links a:hover{border:2px solid #13014a;background:#13014a}
.modal-links a.secondary:hover{border:2px solid #13014a;background:#ebe8f3;color:#13014a}
.first-time-user-popup-content,
.survey-popup-content{padding:32px 16px}
.survey-popup-content,
.modal-survey{height:100%}
@media (min-width: 768px){
.first-time-user-popup-content,
.survey-popup-content{padding:32px}
.modal-headline{font-size:24px}
.modal-links a{min-height:40px;line-height:40px}
}

body.lang-en .lang-es,body.lang-en .lang-de,body.lang-en .lang-fr,body.lang-en .lang-br{display:none !important}
body.lang-es .lang-en,body.lang-es .lang-de,body.lang-es .lang-fr,body.lang-es .lang-br{display:none !important}
body.lang-de .lang-es,body.lang-de .lang-en,body.lang-de .lang-fr,body.lang-de .lang-br{display:none !important}
body.lang-fr .lang-es,body.lang-fr .lang-de,body.lang-fr .lang-en,body.lang-fr .lang-br{display:none !important}
body.lang-br .lang-es,body.lang-br .lang-de,body.lang-br .lang-fr,body.lang-br .lang-en{display:none !important}

body:not(.lang-en):not(.lang-br):not(.lang-de):not(.lang-es):not(.lang-fr) .lang-es,
body:not(.lang-en):not(.lang-br):not(.lang-de):not(.lang-es):not(.lang-fr) .lang-de,
body:not(.lang-en):not(.lang-br):not(.lang-de):not(.lang-es):not(.lang-fr) .lang-fr,
body:not(.lang-en):not(.lang-br):not(.lang-de):not(.lang-es):not(.lang-fr) .lang-br{display:none !important}