.container {overflow:hidden}


body {
    --wp--style--root--padding-top: 2rem !important;
    --wp--style--root--padding-right: 4vw !important;
    --wp--style--root--padding-bottom: 2rem !important;
    --wp--style--root--padding-left: 4vw !important;
}

.wrapper {
	padding-left: var(--wp--style--root--padding-right); 
	padding-right: var(--wp--style--root--padding-left);
	max-width: var(--wp--style--global--content-size);
	margin-left: auto !important;
	margin-right: auto !important;
}

.has-global-padding > .alignfull {margin-right: calc(var(--wp--style--root--padding-right) * -1);margin-left: calc(var(--wp--style--root--padding-left) * -1)}
.wp-block-group.alignfull, .wrapper {padding-left: var(--wp--style--root--padding-right); padding-right: var(--wp--style--root--padding-left)}

.wrapper.narrow {margin:6vw auto;max-width:1030px}
.narrow {margin:0 auto;max-width:1030px}

.wp-block-cover {
	padding-left: var(--wp--style--root--padding-right); 
	padding-right: var(--wp--style--root--padding-left);
}

:where(.wp-block-group.wp-block-group-is-layout-constrained) {
    position: initial !important;
}

:root :where(h1, h2, h3, h4, h5, h6) {
    font-family:'Proxima Nova', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
}

/*Fonts load*/
html {visibility: visible;opacity: 1}



/* Animations */
.fade {opacity:0;transition:opacity 1s}
.fadeLeft {opacity:0;transform:translate3d(-100px, 0, 0);transition:opacity 1s, transform 1s;transition-timing-function:cubic-bezier(.175, .885, .32, 1.275)}
.fadeRight {opacity:0;transform:translate3d(100px, 0, 0);transition:opacity 1s, transform 1s;transition-timing-function:cubic-bezier(.175, .885, .32, 1.275)}
.fadeUp {opacity:0;transform:translate3d(0, 100px, 0);transition:opacity 1s, transform 1s}
.animate {opacity:1;transform:translateX(0);transform:translateY(0)}

	@media only screen and (min-width:801px) {
	    .mobile-only {display:none !important}
	}
	@media only screen and (max-width:800px) {	
		body {
		    --wp--style--root--padding-top: 1rem;
		    --wp--style--root--padding-right: 1rem;
		    --wp--style--root--padding-bottom: 1rem;
		    --wp--style--root--padding-left: 1rem;
		}
		.desktop-only {display:none !important}
	}






/* Fonts */

	
	@font-face {
	    font-family: 'Proxima Nova';
	    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2');
	    font-weight: normal;
	    font-style: normal;
	    font-display: swap;
	}
	@font-face {
	    font-family: 'Proxima Nova';
	    src: url('../fonts/ProximaNova-It.woff2') format('woff2');
	    font-weight: normal;
	    font-style: italic;
	    font-display: swap;
	}
	@font-face {
	    font-family: 'Proxima Nova';
	    src: url('../fonts/ProximaNova-Bold.woff2') format('woff2');
	    font-weight: bold;
	    font-style: normal;
	    font-display: swap;
	}
	@font-face {
	    font-family: 'HelveticaNowDisplay';
	    src: url('../fonts/HelveticaNowDisplay-Regular.woff2') format('woff2');
	    font-weight: normal;
	    font-style: normal;
	    font-display: swap;
	}
	@font-face {
	    font-family: 'HelveticaNowDisplay';
	    src: url('../fonts/HelveticaNowDisplay-Medium.woff2') format('woff2');
	    font-weight: 500;
	    font-style: normal;
	    font-display: swap;
	}		
	@font-face {
	    font-family: 'HelveticaNowDisplay';
	    src: url('../fonts/HelveticaNowDisplay-Bold.woff2') format('woff2');
	    font-weight: bold;
	    font-style: normal;
	    font-display: swap;
	}	
	
	
body {font-size:100%; font-family:'Proxima Nova', Helvetica, Arial, sans-serif;  font-weight: normal;
	    font-style: normal; font-stretch:normal; color:#000000; -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale}

header, h1, h2, h3, h4, h5, h6 {font-family:'HelveticaNowDisplay', Helvetica, Arial, sans-serif; font-weight: normal;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight: bold;}

h1 {font-size:3.5em; line-height:120%}
h2 {font-size:2.5em; line-height:120%}
h3 {font-size:1.3em; line-height:140%; font-weight:500;}
h4 {font-size:1.3em; line-height:140%; font-weight:500;}
h5 {font-size:1em; line-height:140%; font-weight:500;}
h6 {font-size:0.85em; line-height:120%}
p {line-height:160%}
strong {font-weight:700;}
a {text-decoration: none}

ul.wp-block-list {margin:1em 0}
ul.wp-block-list li {line-height:160%; margin:0.5em}
	
  	@media only screen and (max-width:768px) {
		h1 {font-size:2.5em}
		h2 {font-size:1.75em}
		
		h1 br, h2 br, h3 br, h4 br, p br {display:none;}
		
	}





/* .header Bar */

header{width:100%; height:85px; position:fixed; top:0px; left:0px; z-index:100; padding:0px 0; background:transparent; transition:all 250ms ease-in-out;}

header.sticky {background:#B30033}

.header-grid {width:100%; position:relative; display:grid; grid-template-columns:150px auto; grid-template-rows:1fr; grid-column-gap:1em; grid-row-gap:0px; align-items:center}
	.logo {padding:15px 0}
	.logo img {max-width:100%; display:inline-block; vertical-align:bottom; height:auto}

		
	@media only screen and (min-width:1025px) {
		header:hover {background:#B30033; color:white}
		
		header:hover .logo img,
		header.light .logo img,
		header.sticky .logo img,
		.single-qsm_quiz .logo img,
		.open-menu header .logo img {  filter: invert(1) brightness(10)}
		
		#menu li.profile > a {background:#B30033; color:white; border-radius:50%; width:40px; height:40px; line-height:41px; text-align:center; margin:0; padding:0}
			#menu li.profile > a i {font-size:18px}
			.light #menu li.profile > a {background:#ffffff;color:#000000;}
		header.sticky #menu li.profile > a,
		header:hover #menu li.profile > a {background:white; color:#B30033;}
		img.nav-avatar {width:100%; border-radius: 50%;}

		.desktopMenu {text-align:right}
		.desktopMenu ul {list-style-type:none;margin:0 auto;padding:0; position:relative; z-index:1001; text-align:center; display:inline-block}
		.desktopMenu li {display:inline-block; vertical-align:middle; margin:0 0.5vw;text-align:center}
		.desktopMenu li a {display:block; color:#000000; height:85px; line-height:85px; padding:0 0.5vw; text-decoration:none}
		header.light .desktopMenu li a,
		header.sticky .desktopMenu li a,
		header.light.sticky .desktopMenu li a,
		.single-qsm_quiz .desktopMenu li a{color:white}
		.desktopMenu .current_page_item a {font-weight:500}
		.desktopMenu li.menu-item-has-children > a:after  {content:"\F282"; font-family:"bootstrap-icons"; display:inline-block; vertical-align:middle; line-height:100%; margin:0 0 0 6px; font-size:0.8em}	
		
		header:hover .desktopMenu li a {color:white}

		/* 2nd Level */
		.desktopMenu li ul {position:absolute; z-index:1010; top:75px; left:0px; padding:2vh 0.5vw 5vh; width:300px; min-height:200px; background:#B30033; opacity:0; visibility:hidden; transition:250ms all; transition-timing-function:cubic-bezier(.4,0,.2,1)}
        
		.desktopMenu li ul:before {width:200vw; height:100%; z-index:1001; background:#B30033; position:absolute; top:0px; left:-100vw; content:""}
		
		.desktopMenu li .menu-image {width:300px; height:200px; position:fixed;  left: var(--wp--style--root--padding-right); top:125px; z-index:1015; display:none}
		.desktopMenu li:hover .menu-image {display:block}
			.desktopMenu li:hover .menu-image img {width:100%; height:auto; border-radius:10px}
		
		.desktopMenu ul li.menu-item-has-children:hover>ul {top:85px; opacity:1; visibility:visible}
		.desktopMenu li:hover ul a {color:white}
		.desktopMenu li:hover ul a:hover, .desktopMenu li li:hover > a {color:white}
		.desktopMenu li ul li {display:block; width:100%; font-size:100%;float:none;text-align:left;width:auto;position:relative;margin:0; z-index:1010; color:white; border-bottom:1px solid rgba(255,255,255,0.25)}
		.desktopMenu li ul li a {width:100%;height:auto!important;display:block;padding:0.5em;line-height:125%!important; text-transform:none; background:#B30033; font-weight:normal !important}	
		.desktopMenu .current_page_item ul li a {font-weight:normal !important}		
		.desktopMenu li li:after {display:none}	
		.desktopMenu ul li a:hover + .sub-menu,
		.desktopMenu .sub-menu:hover {display:block;opacity:1}
		.desktopMenu li ul li:last-of-type a{border:0}
		.desktopMenu li ul li a:hover {color:blue}
		
		.desktopMenu li li:after, .desktopMenu li  .current_page_item:after  {display:none}

		.menu-panel, .sidebar-toggle, .mobileNav {display:none}	
		.menu-item-64 a:after{display:none !important}
	}
	@media only screen and (max-width:1024px) {
		.desktopMenu, .menu-image {display:none}
		
		header{height:75px; padding:0}
		.header-grid {height:75px; grid-template-columns:225px auto; width:auto; grid-template-rows:1fr; grid-column-gap:10px; align-items:center; text-align:right; margin:0 70px 0 0}
		.logo {text-align:left; padding:0}
		.logo img {height:auto}	

		header.light .logo img,
		header.sticky .logo img,
		.single-qsm_quiz .logo img,
		.open-menu header .logo img {  filter: invert(1) brightness(10)}
		
		#menu li.profile > a i {font-size:24px; font-weight:500}
		img.nav-avatar {width:34px !important; height:34px !important; border-radius: 50%;}
		#menu li.profile > a:after {content:"Your Profile"; position:absolute; left:70px; top:1.25em;}
		
		/* Animated Burger Menu */ 
		.sidebar-toggle {position:fixed; z-index:100002; top:0px; right:0px; font-weight:400; font-size:100%; width:75px; height:75px; background:transparent; color:#000000; cursor:pointer;padding:0; margin:0; border:none; outline:0}
		
		.sidebar-toggle:hover {background:transparent}
		.sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {cursor:pointer; border-radius:10px; height:3px; width:30px; left:25px; top:37px; background:#000000; position:absolute; display:block; content:''}
		
		.open-menu header.sticky .sidebar-toggle span,
		header.light .sidebar-toggle span,
		.open-menu header.light .sidebar-toggle span {background-color:transparent}
		header.light .sidebar-toggle span, 
		header.light .sidebar-toggle span:before, 
		header.light .sidebar-toggle span:after,
		header.sticky .sidebar-toggle span, 
		header.sticky .sidebar-toggle span:before, 
		header.sticky .sidebar-toggle span:after {background:white}
		header.sticky .sidebar-toggle span:before, 
		header.sticky .sidebar-toggle span:after,
		.open-menu header .sidebar-toggle span:before,
		.open-menu header .sidebar-toggle span:after {background:white}
			
		.sidebar-toggle span:before {top:-8px; left:0px}
		.sidebar-toggle span:after {top:8px;  left:0px}
		.sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {transition:all 250ms ease-in-out}
		.open-menu .sidebar-toggle span {background-color:transparent}
		.open-menu .sidebar-toggle span:before, .sidebar-toggle.active span:after {top:0}
		.open-menu .sidebar-toggle span:before {transform:rotate(45deg); top:0px; left:0px}
		.open-menu .sidebar-toggle span:after {transform:rotate(-45deg); top:0px;  left:0px}	
		
		.menu-panel {background:#B30033;color:white;position:fixed;z-index:10;overflow-y:auto;top:0;right:-100%;width:100%;height: 100%;box-sizing:border-box;left:auto;transition:right 0.25s ease-in-out;padding-top:75px}
		.container.open-menu .menu-panel {left:auto;right:0px;background: #B30033}
		
		/* Menu System */
		#menu {padding:0}
		#menu * {box-sizing:border-box}
		#menu {list-style:none;margin:0;padding:0;display:block;clear:both;border-top:1px solid rgba(255,255,255,0.25); list-style-type:none}
		#menu li {border-bottom:1px solid rgba(255,255,255,0.25); position:relative;overflow:hidden; transition:all .4s ease; font-size:125%; list-style-type:none}
		#menu li::after {content:"";display:block;clear:both}
		#menu li>a>svg {display:block;position:relative;width:24px;float:right;transition:all .3s ease}
		#menu li.open > a > svg {transform:rotate(45deg)}
		#menu a {padding:1em; font-weight:500; display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-decoration:none; color:white}
		#menu li.open > ul {display:block}
		#menu li>ul {background:#B30033; display:none; border-top:0; height:0; margin:0; padding: 0 0 1em 0.5em; overflow:hidden;transition:height 350ms ease-in-out}
		#menu ul.is-visible {display:block}
		#menu ul li {border:0; font-size:90%}
	
		#menu ul a, #menu li.open ul a {padding:0.6em 1em; font-weight:400}
		
	}







/* 404 Page */
.fourOfour {text-align:center; padding:15vh 0}






/* Footer */
.footer ul {padding: 0; margin: 0}
	.footer ul li {list-style-type: none;margin: 12px 0 0}
		.footer ul li:first-of-type {margin: 0}
	.footer a { text-decoration:none}
	.footer a:hover { text-decoration:underline}
.footer p{line-height:110%}

.footer hr{height:1px}


	@media only screen and (max-width:1000px) {
		.footer-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr))}	
	}
	@media only screen and (max-width:768px) {
		.footer-grid{grid-template-columns: repeat(3, minmax(0, 1fr))}
	}
	@media only screen and (max-width:480px) {
		.footer-grid{ grid-template-columns: repeat(2, minmax(0, 1fr))}
		.footer-grid > :nth-child(1) { order: 4; }
		.footer-grid > :nth-child(2) { order: 3; }
		.footer-grid > :nth-child(3) { order: 2; }
		.footer-grid > :nth-child(4) { order: 5; }
		.footer-grid > :nth-child(5) { order: 6; }
		.footer-grid > :nth-child(6) { order: 7; }
		.footer-grid > :nth-child(7) { order: 1; }
	}







/* Pagination */
.pagination,
.qsm-pagination{display:flex;justify-content: flex-end;margin-top:2rem}
.pagination{position:relative}
.single-qsm_quiz .qsm-pagination {padding-top:2rem;border-top:1px solid #1111114d; position:relative !important}
.single-qsm_quiz .qsm-previous {position:absolute !important;left:0; right:auto}








/* Hero Banner */
.hero-banner {position:relative; color:white; height:80vh}
	.hero-banner .image{position:relative;z-index:1;width:100%;height:80vh;overflow:hidden;display:block;background:#000000;overflow:hidden;display:flex;justify-content:center;align-items:center}
		.hero-banner .image img{opacity:0.5;width:100%;height:100%;object-fit:cover}			
		.hero-banner .copy {position:absolute;z-index:3;width:50%;top: auto;bottom: 12vh}
		
	@media (max-width: 768px) {
		.hero-banner,
		.hero-banner .image {height:66vh}	
		.hero-banner .copy {width:90%; bottom:2rem;}
	}
	
	
	




/* Buttons / Links */
a {color:#000000; text-decoration:underline;}	


.btn,
.pagination a,
.qsm-btn,
.qsm-save-resume-form-btn button,
button.qsm-save-quiz.btn-secondary,
.frm_submit button,
button.qsm-popup-secondary-button.qmn_btn.qsm-resume-quiz-from-modal.btn-secondary,
button.qsm-popup-secondary-button.qmn_btn.qsm-restart-quiz-from-modal {transition: transform 0.3s ease-in-out; border-radius:3px !important; border:1px solid #B30033 !important; background:#B30033 !important; color:white !important; padding:calc(0.667em + 2px) calc(1.333em + 2px) !important; text-align:center !important; text-transform:uppercase !important; text-decoration:none; text-transform:uppercase; font-weight:600 !important; font-size:100% !important;box-shadow:none !important;line-height:100% !important;font-family: 'Proxima Nova', Helvetica, Arial, sans-serif !important; }
.btn.outline,.qsm-btn.qsm-previous,
button.qsm-resume-quiz.btn-secondary, 
button.frm_prev_page,
a.back-button,
.qsm-restart-quiz-from-modal,
button.qsm-popup-secondary-button.qmn_btn.qsm-restart-quiz-from-modal{background:white !important; color:#111111 !important; border:1px solid #000000 !important; text-transform:uppercase; font-weight:600 !important; font-size:100% !important;font-family:inherit !important}
a.back-button{position:absolute;top:0;left:0}

.btn.outline {padding: calc(0.667em + 0px) calc(1.333em + 0px) !important;}

.qmn_results_page .btn {border:1px solid #ffffff !important; background:#ffffff !important; color:#000000 !important;display:inline-block !important}
.qmn_results_page .btn.progress{background:transparent !important;color:#ffffff !important;}
.qsm-results-page .btn {width: fit-content;}
.wp-block-button a {text-transform:uppercase; font-weight:600; font-size:100% !important;}
.btn-center{display: flex ; justify-content: center; gap: 10px; margin-top:24px}

.wp-block-button.is-style-outline a{padding:calc(0.667em + 1px) calc(1.333em + 1px) !important}

.nextsteps-grid .btn {padding: calc(0.667em + 2px) 0 !important}

.qmn_results_page .btn {display:inline-block !important; margin:5px}
.qsm-results-page {color:white; text-align:center;}
.qsm-results-page .btn {display:inline-block;}




/* Arrow Links */
.arrow-links{ list-style: none; padding: 0; margin: 0 !important}
	.arrow-links li{margin-left:0  !important;margin-bottom: 1.5em !important}
	.arrow-links li:last-of-type{margin-bottom: 0 !important}
	.arrow-links li a {position:relative; text-decoration:none; display:block;font-size:1.5rem;font-weight:500;margin-bottom:12px}
	.arrow-links li a:after {font-family:"bootstrap-icons"; content:"\F135"; position:absolute; right:0px; top:0px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); font-size:2.5rem;font-weight:400}
	




/* Progress Columns / Next Grid */
.progress-columns-grid {width:100%; display:grid; grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px; margin:0 auto}
.progress-columns-grid .option-image {position:absolute; z-index:1; width:100%; height:100%; background:#000000; opacity:0}
	.progress-columns-grid .option-image img{opacity:0.5; position:absolute; z-index:2; top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}			
	.progress-columns-grid .option:hover .option-image {opacity:1}
	.progress-columns-grid .option:hover .content h3,
	.progress-columns-grid .option:hover .content p {color:white}
	.progress-columns-grid .option:hover .top-area img{filter:invert(100%) sepia(94%) saturate(1%) hue-rotate(217deg) brightness(103%) contrast(100%)}
	.progress-columns-grid .option .content {position:relative; z-index:2}

	.option {border:1px solid #ddd; position:relative; margin-left:-1px; overflow:hidden}
	.option * {transition: all 0.3s ease-in-out}	
		.option .top-area {font-size:90%;margin-bottom:8vh; display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;align-content:flex-start;overflow:auto;flex-direction:row}
		.option .top-area img {width:auto; height:40px}
		.option .top-area .progress span {display:inline-block; border-radius:10px; background:#B30033; color:white; padding:10px 15px;text-transform: uppercase;}
		.option .top-area .progress span.outline {background:white; color:#B30033; padding:9px 14px; border:1px solid #B30033}				
	.option .content {padding:20px}
		.option .content h3 {margin:20px 0}		

	.nextsteps-grid {width:100%; display:grid; grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px; margin:0 auto}	
	.nextsteps-grid .option .content {padding-bottom:6em}
	.nextsteps-grid .option .btn {position:absolute; bottom:20px; left:20px; width:calc(100% - 40px)}
	
	@media (min-width:501px) {	
		.nextsteps-grid.two {width:67%; grid-template-columns:repeat(2,1fr);margin:0 auto}
		.option {margin-left:-1px}
		.option:first-of-type {border-radius:10px 0 0 10px; margin-left:0}
		.option:last-of-type {border-radius:0 10px 10px 0; border-left:0}	
	}
	@media (max-width:500px) {	  
		.nextsteps-grid, .nextsteps-grid.two, .progress-columns-grid {grid-template-columns:repeat(1,1fr)}
		.option {margin-top:-1px}
		.option:first-of-type {border-radius:10px 10px 0 0}
		.option:last-of-type {border-radius:0 0 10px 10px}
		.option .top-area {margin:0;}
		.nextsteps-grid .option .content {padding-bottom:5em}
	}
	
	


 
	
/* Profile page */
.profile-grid {display:grid;grid-template-columns:33% auto; gap:10%; margin:105px 0}	
	.avatar-image {display:block; position:relative; margin:2em 0; width:150px; height:150px; border-radius:50%; overflow:hidden; background:#D9D9D9}
		.avatar-image img {width:150px; height:150px; object-fit: cover;}	  	
	.avatar-image.noImg{display:flex;justify-content:center;align-items:center}
		.avatar-image.noImg:after {content:"+"}
	button.upload:after {content:"\F603"; font-family:"bootstrap-icons"; margin-left:6px} 

	/* Profile Form */
	.profile-form{display:grid;grid-template-columns:repeat(2,1fr);gap:2em}
	.input-group{display:flex;flex-direction:column}
	.input-group.long{grid-column:span 2}
	label{margin-bottom:5px}
	input,textarea,select{padding:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box; font-family:inherit; font-size:100%;}
    .profile-form select {width: 100%;}
	textarea{resize:vertical}
	button{text-transform:uppercase; font-weight:bold; font-size:100% !important; background-color:#B30033;color:#fff;padding:15px 25px;border:none;border-radius:3px;cursor:pointer;grid-column:span 2;justify-self:left}
	button:hover{background-color:#C0004D}
	.profile-form small {color:#aaa; font-size:0.85em; display:block; padding:5px 0}
	
	@media (max-width:1024px) {
		.profile-form{display:block}
		.input-group{padding:10px 0}	   
	}
	@media (max-width: 768px) {
		.profile-grid {grid-template-columns:repeat(1,1fr); gap:2em}			   
	}
	
    .custom-file-upload {text-transform:uppercase; font-weight:bold; font-size:100% !important; background: #B30033;border-radius: 3px;padding: 15px 25px;color: white;display: inline-block;cursor: pointer;}
    .custom-file-upload:hover {background-color: #C0004D}
    .btn-ban {display: none}
    .custom-file-upload:after {content: "\F603";font-family: "bootstrap-icons";margin-left: 6px}
    button#updateProfile:disabled, button:disabled {opacity: 0.5}





/* Sign up page */
.signup{width:100%;height:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000000;background-image:url('https://nsai.wpgstage.com/wp-content/themes/nsai/img/signup-bg.jpg');background-size:cover;background-position:center;background-repeat:no-repeat}
	.signup .wrapper{max-width:750px;text-align:center;color:white}
	.two-cols {display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
	.signup a{color:#ffffff;text-decoration: underline !important}
	.signup #login {display: block; margin: auto}
	.signup  .error-msg{margin-top: 12px; display: block}

	.signup-socials button {display:block; width:100%; background-color:transparent; border:1px solid white}
		.signup-socials button.Google:before,
		.signup-socials button.Facebook:before {font-family:"bootstrap-icons"; margin-right:6px}
		.signup-socials button.Google:before {content:"\F3F0"}
		.signup-socials button.Facebook:before {content:"\F344"}

        .social-option a.google {border: 1px solid white;display: block;text-transform: uppercase;font-weight: bold;font-size: 100% !important;padding: 15px 25px;text-decoration: none !important;}
	
	.signup	.or {position:relative; margin:2em 0}	
	.signup	.or:before,
	.signup	.or:after {content:""; width:45%; height:1px; background:white; position:absolute; left:0px; top:49%}
	.signup	.or:after {left:auto; right:0px}

	.signup-fields, .terms-txt {margin:2em 0}
	.signup-fields input { background-color:rgba(255,255,255,0.1); color:white; border-color:white}	
	.signup-fields ::placeholder{color:white;opacity:1}
	.signup-fields ::-webkit-input-placeholder{color:white}
	.signup-fields :-moz-placeholder{color:white}
	.signup-fields ::-moz-placeholder{color:white}
	.signup-fields :-ms-input-placeholder{color:white}
	
	@media (max-width: 768px) {
		.two-cols {display:grid;grid-template-columns:repeat(1,1fr);gap:0px}	
		.signup-socials button, 
		.signup	.or,
		.signup-fields {margin:10px 0}		   
	}


#strength-meter {height: 8px;width: 100%;background: #eee;margin-top: 5px;border-radius: 4px;}
#strength-bar {height: 100%;width: 0%;background: red;border-radius: 4px;transition: width 0.3s ease;}



/* Accordion */
.accordion { width:100%; min-height:150px; margin:1em 0; clear:both}
	.user-progress	.accordion-item, .results-dash	.accordion-item  {cursor:pointer;display:block;position:relative;text-decoration:none;padding:1em 0;margin:0;border-bottom: 1px solid rgb(17 17 17 / 30%);font-size: 1.5em}	
		.results-dash	.accordion-item {font-size:120%}
	.user-progress .accordion-item.open,.results-dash .accordion-item.open {border-bottom:none}
	.user-progress .accordion-item:after{font-family:"bootstrap-icons";content:"\F135";position:absolute;right:0px;top: 20px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);font-size: 1.5em} 
	.user-progress .accordion-item.open:after,.results-dash .accordion-item.open:after {-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
	.accordion .data {display:block; display:none}
	.user-progress .accordion-item:first-of-type,.results-dash .accordion-item:first-of-type {border-top: 1px solid #1111114d !important}
	

	.home-accordion .accordion-item {cursor:pointer;display:block;position:relative;text-decoration:none;padding:2em 0;margin:0;border-bottom: 1px solid rgb(17 17 17 / 30%)}	
	.home-accordion .accordion-item:after {content: "\002B";font-weight:normal; font-size: 1.5rem;position: absolute;right: 0;top: calc(50% - 3px);transform: translateY(-50%);transition: transform 0.3s ease, color 0.3s ease}
	.home-accordion .accordion-item.open {font-weight:700;border-bottom:none !important}
	.home-accordion .accordion-item.open:after { content: "\2212"; transform: translateY(-50%) rotate(0deg); color:#221e1f}
	.home-accordion .wp-block-fseblocks-accordion-item:first-of-type{border-top: 1px solid #1111114d}




	/* User Progress */
	.module-progress {padding-left:2em}
		.module-progress .module {position:relative; display:flex;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start;align-content:center;flex-direction:row; gap:20px; color:#aaa; border-top:1px solid #aaa; padding:10px 0 10px 40px}	
		.module-progress .module.complete {color:#B30033}
		.module-progress .module.incomplete {color:#000000}	
		.user-progress a.btn {display:block; margin:1.5em 0}
	
	.results-dash .accordion-item,
	.module-progress .module {padding-left:40px}
	.module-progress .module:before,
	.results-dash .accordion-item:before {font-family:"bootstrap-icons"; content:"\F536"; position:absolute; left:0px; top:10px}
	.results-dash .accordion-item:before{top:1em}

		@media (max-width: 769px) {
			.module-progress {padding-left:0}
			@media (max-width: 769px) {
			.module-progress {padding-left:0}
			.module.incomplete div:last-of-type,
			.module.complete div:last-of-typ{font-size:90%}
		}
		}
	
	/* User Progress */
	.results-dash .accordion-item:after  {content: "\002B";font-weight:normal; font-size: 1.5rem;position: absolute;right: 0;top: calc(50% - 3px);transform: translateY(-50%);transition: transform 0.3s ease, color 0.3s ease}
	.results-dash .accordion-item.open:after { content:"-";-moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none}
	
	.questions {columns: 400px; column-gap: 20px}
		.question {background:#FAFAFA; padding:1.5em; break-inside: avoid-column; margin-bottom:20px}
			.question .answer { position:relative; display:flex;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start;align-content:center;flex-direction:row; gap:20px; padding:5px 0}	
				.question .answer .incorrect {color:red}
				.question .answer .correct {color:green}

	.progress-grid { width: 100%; display: grid; grid-template-columns: 50% auto; grid-template-rows: 1fr; gap: calc(6vw + 48px); margin: 5vh auto}
	.progress-grid .col{overflow: hidden}
	
	.progress-grid .actions{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-direction:row;}
	.progress-grid .actions .social-icons {margin:0 1rem;}
	.progress-grid .actions .social-icons a{margin:0 0.25rem;width:44px;height:44px;line-height:46px;display:inline-block;vertical-align:middle;font-size:20px;border-radius:50%;background:#B30033;color:white;padding:0;text-align:center;text-decoration:none;}
	
	.page-id-58 .main-content,
	.page-id-266 .main-content  {margin-top:105px !important;margin-bottom:12vh}

	.progress-grid img{border-radius:10px;width: 100%;object-fit: cover;object-position: center;height: 55vh;min-height: 100%}

	@media (max-width: 769px) {
		.progress-grid {display: grid;grid-template-columns: 1fr;gap: 24px}
		.progress-grid .col:nth-child(1) { order: 2}
		.progress-grid .col:nth-child(2) { order: 1}

		.page-id-58 .main-content,
		.page-id-266 .main-content{ margin-top: 85px !important; margin-bottom: 2em}
		
		.progress-grid .actions {display:block }
		.progress-grid .actions .social-icons {display:block; margin:2rem 0; }
	}		


/* Quiz page */
div#mlw_error_message, div#mlw_error_message_bottom {color: red;}
.wrapper.narrow{margin: 12vh auto }
.qsm-quiz-container {position:relative}
.qsm-page .pages_count,.question-type-6 p{position:absolute;top:0;right:0}
.qsm-progress-bar{left:0px}

.qsm-quiz-form a {text-decoration:underline;}

.qsm-sr-unique-id {padding:10px 15px; margin:10px 0; display:block; background:#fafafa;  border-radius:3px;}
.qsm-sr-unique-id .qsm-sr-dismiss {top:0px !important;}



	@media (max-width: 768px) {
		.wrapper.narrow{margin: 2.5em auto }
	}

/*Progress Percentage*/
.percent-complete {position: absolute;margin-left: 0 !important;color: #000000 !important;background: rgba(128, 0, 51, 0.1);padding: calc(0.667em + 2px) calc(1.333em + 2px) !important; border-radius:15px;font-weight: 500 !important;font-size: 100% !important;line-height: 100%}

.qsm-progress-bar, .qsm-progress-bar svg{display:none !important}
.progressbar-text,.qsm-page .pages_count,.question-type-6 p{width:auto !important;margin-left:0 !important;color:#000000 !important;background:rgba(128, 0, 51, 0.1);padding: 10px 15px;border-radius:15px;font-weight:500 !important;font-size:100% !important;}
.progressbar-text:after {content:"Complete";font-size:100%;font-family:inherit;margin-left:8px}
.qsm-page .pages_count,.question-type-6 p,.quiz-cat {border:1px solid #000000 !important;background:transparent !important;padding: 9px 15px;margin: 0}
.quiz-cat {position:absolute !important ;top:0;left:160px;background:#ffffff !important; border-radius:15px !important}
.qsm-auto-save-main-wrap {margin-bottom:3em}

.quiz_section {margin-bottom:3em}
	.quiz_section .mlw_qmn_new_question {display:block !important;margin-bottom:1em !important;font-family:inherit;font-weight:400 !important;font-size:1.5em !important}
	.quiz_section .qmn_mc_answer_wrap,.qsm_check_answer  {margin-bottom:12px}
	.qsm_check_answer  label{margin-bottom: 0}
	
	.single-qsm_quiz .qsm_multiple_grid_table { width: 100%; border-collapse: separate; background-color: #faf3f7; overflow: hidden; border-radius:10px }
	.single-qsm_quiz .qsm_multiple_grid_table thead th {background-color: rgba(179, 0, 51, 1);color: white;text-align: center;padding: 16px;font-weight: bold;border-radius:5px;min-width: 8vw}
	.single-qsm_quiz .qsm_multiple_grid_table th:first-child { width: 70%; text-align: left; padding-left: 16px; font-weight: 400}
	.single-qsm_quiz .qsm_multiple_grid_table td { padding: 8px; text-align: center}

	.mrq_checkbox_class { display: flex; align-center: start; gap: 5px}
	.qsm-quiz-container input[type=checkbox], .mrq_checkbox_class input[type="radio"] {margin-top: 0px !important;margin-bottom: 1px;}
	.qsm-quiz-container .mrq_checkbox_class label { margin-bottom: 0 !important}
	
	.question-type-3 {margin-top:-2em}
	.question-type-3 input{width:100% !important;font-family:inherit}
	.question-type-3 p{color: rgba(17, 17, 17, 0.5);margin-top:0}

	.mrq_checkbox_class:last-of-type{margin-bottom:0}

	body .quiz_section .qmn_radio_answers label, 
	body .quiz_section .qmn_check_answers label, 
	body .quiz_section .qmn_accept_answers label {font-size:100% !important;font-family: inherit !important}


	@media (max-width: 640px) {
		.qsm-auto-save-main-wrap { padding-top: 4em}
		.btn-group.qsm-save-resume-form-btn{text-align:left !important}
		.quiz_section .mlw_qmn_new_question {font-size: 1.2em !important}
		.qsm-page .pages_count, .question-type-6 p {right: auto; left: 160px; }
		.quiz-cat {top:4rem;left:0;}
	}


/* Self Assessment */
.qsm-quiz-container .wp-post-image{display:none}


	

/* Request a quote form */
.frm_rootline_single,.frm_percent_complete {display:none !important}
.frm_pages_complete {font-size:16px;font-family: inherit; padding:10px 15px; border:1px solid #000000;border-radius:15px}
	.frm_pages_complete:before{content:"PAGE";display:inline-block;margin-right:5px}
.frm_form_title, .frm_description p{text-align:center !important}
	.frm_form_title{margin-bottom:2rem !important}
h3.frm_pos_top{font-size:1.5em !important}

.frm_form_field.frm_section_heading{position:relative;padding-left:20vw;padding-top:4em;margin-top:0 !important}
	.frm_pos_top.frm_section_spacing {position:absolute;left:0;top:0;border-top:0 !important;padding-top:0 !important}
	.frm_rootline_group {margin-bottom:-2.2rem !important}
	.frm_form_field label,.frm_primary_label{margin-bottom:12px !important;font-weight:500 !important}
	.frm_error,
	.frm_description {margin-left:0 !important}
	.frm_required {color:#000000 !important}
	.frm_form_fields .frm_section_heading{grid-gap:10px !important}
	.frm_radio label{font-weight:400 !important}
		.horizontal_radio .frm_radio { margin: 0 2em 0 0 !important}
	.frm_form_field textarea,.frm_form_field input {padding-left:12px !important}
	.frm_radio input {padding-left:0 !important}

#frm_field_133_container,
#frm_field_166_container {border-top:1px solid rgb(17 17 17 / 30%)}
#frm_field_133_container .frm_pos_top.frm_section_spacing,
#frm_field_166_container .frm_pos_top.frm_section_spacing{top: 3.5rem}


/* #frm_field_143_container {padding-left:0; padding-top:0;background:rgba(128, 0, 51, 0.05);border-radius:10px;padding: 6vh 8vw}
	#frm_field_143_container .frm_pos_top.frm_section_spacing { position: relative}
	#frm_field_143_container input {background:transparent !important} */

#form_czpzn .frm_submit.frm_flex{justify-content: flex-end;border-top: 1px solid rgb(17 17 17 / 30%); padding-top: 2em;margin-top: 4em}
.frm_prev_page {position: absolute !important; left: 0; bottom: 0}
	#frm_field_262_container{margin-top:0 !important}

#frm_form_5_container {position: relative !important; padding-top:4em}
.frm_save_draft {position: absolute !important;right:0; top: 0}

#frm_field_263_container {background:#B30033 !important; border-radius:10px;color:#ffffff !important;padding:4vh 2em; margin-top:4vh!important;margin-bottom:0!important}

.with_frm_style .frm_checkbox label input[type=checkbox], .with_frm_style .frm_radio label input[type=radio] {margin-bottom:4px !important}
	@media (max-width: 1080px) {
		.frm_form_field.frm_section_heading{position:relative;padding-left:0}
		#frm_field_133_container,
		#frm_field_166_container{padding-top: 7em}
			#frm_field_133_container .frm_pos_top.frm_section_spacing,
			#frm_field_166_container .frm_pos_top.frm_section_spacing{top: 0;padding-top:2em !important}
	}
	
	@media (max-width: 768px) {
		#frm_field_263_container {padding:2em}
	}




/* Results page */
.qmn_results_page {padding:6rem;background:#B30033; border-radius:10px}
.qmn_results_page h1,.qmn_results_page  p{color:#ffffff !important;text-align:center}
.qmn_results_page h1 {margin:0 auto 4rem !important;}

.qmn_results_page img {display:block ; margin: 0 auto}

.btn-center .btn.progress,.btn-center .btn.reset{margin:0 !important}


.accordion.results-dash table.qsm_multiple_grid_table th {text-align: left;font-weight: 400;}
.accordion.results-dash table.qsm_multiple_grid_table {border-collapse: separate;border-spacing: 0 10px;}

	@media (max-width: 768px) {
		.qmn_results_page h1 {margin:0 auto 2rem !important;}
		.qmn_results_page {padding:1rem;background:#B30033; border-radius:10px} 
		.qmn_results_page .btn {display:block !important;display: block; width: fit-content; margin: 0 auto;margin-top:2rem}
	}






/* Interested Parties Block */
	@media (min-width: 769px) {
		.even-block-margin-gap .wp-block-column:nth-of-type(even){margin:4vh 0 -4vh 0}
	}
	@media (max-width: 768px) {
		.even-block-margin-gap {display:grid !important;grid-template-columns:repeat(2,1fr);gap:24px}	
	}
	


/* Formidable Forms */
.frm_forms {margin-top:0 !important}
.frm_forms h1 {margin-top:0 !important}
.frm_message {border:none !important;color:#ffffff !important;background:#B30033 !important; border-radius:10px !important;padding:10vh 4vw !important;margin:0 !important;}
.frm_message p {color:#ffffff !important;font-size:1em !important;margin-bottom:0 !important;text-align:center !important}
.frm_message h2 {margin-top:0 !important; text-align:center !important}
#frm_field_402_container {margin-bottom:0 !important}

.page-id-377 .wp-block-cover {height:40vh; }
.frm_form_field:not(.frm_compact) .frm_dropzone {max-width: 100% !important;}

.pdf-download-container {text-align: center;}
a.nsai_pdf.frm_no_print {background: white;padding: calc(0.667em + 2px) calc(1.333em + 2px);margin: 20px 0 8px 0;display: inline-block;border-radius: 3px;text-transform: uppercase;text-decoration: none;font-weight: 600;font-size: 100%;line-height: normal;border-width: 0;}


/* Units*/
.single-module .wrapper.narrow h2{padding-bottom:4vh;margin-bottom:24px}
.single-module .wrapper.narrow h2.wp-block-heading{padding-bottom:0;margin-bottom:0}

	@media (max-width: 768px) {
		.single-module .wrapper.narrow h2{padding-bottom:2rem;margin-bottom: 0}	
	}


/* Unit table */

.unit-table table { width: 100%; border-collapse: separate; border-spacing: 5px; border: none}
	.unit-table th, .unit-table td { padding: 12px 16px; text-align: left; border-radius: 5px}
	.unit-table td { background-color: #EFE9EC; color: #000000; border: none}
	.unit-table td:first-of-type{background:#B30033;text-align:center;color:#ffffff;font-weight:500;width: 333px}

.unit-table.with-header th {background:#B30033;text-align:center;color:#ffffff;font-weight:500}
	.unit-table.with-header td:first-of-type{background:#EFE9EC;text-align:center;color:#000000;font-weight:400;width: auto}
	.unit-table.with-header td{text-align:center}

	@media (max-width: 768px) {
		.unit-table td:first-of-type{width: 50%}
		.unit-table.with-header  td:first-of-type{width:auto}	
	}
	




/* Support packages */
.support-packages{box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2)}
.support-packages img {width: 100%;}





/* Seperators */
hr {border: none !important; height: 1px;background:#1111114d}
.module-template-default hr {margin:2em 0}
	


/* Gutenberg Elements */
.wp-block-list, .wp-block-list li {margin:0.5em; line-height:150%}	
.wp-block-image.size-full {margin-bottom:0}
/* .page-id-377 .wp-block-cover {min-height: calc(100% - 111px) !important;} */
	
	@media (max-width: 768px) {

		.wp-block-spacer[style*="height:10vh"],
		.wp-block-spacer[style*="height:18vh"]{height:2.5rem !important}

		.wp-block-spacer[style*="height:8vh"],
		.wp-block-spacer[style*="height:6vh"]{height:2rem !important}
		.wp-block-spacer[style*="height:4vh"] {height:1.5rem !important}
		.wp-block-spacer[style*="height:2vh"] {height:1rem !important}

		.wp-block-cover{min-height:33vh !important}
		.wp-block-cover[style*="min-height:77vh"]{min-height:66vh !important}

		.menu-spacer {height:85px !important}

		.reorder .wp-block-column:first-of-type {order:2}
		.reorder .wp-block-column:last-of-type {order:1}

		.page-id-377 .wp-block-cover {min-height: 33vh !important}
	}	


/* Formidable forms table*/

#frm_field_399_container {grid-gap:0 !important;padding-top:0}
#frm_field_399_container h3 {margin-bottom:2px !important;font-weight:500 !important;font-size:18px !important;font-family:inherit !important;border-top:0 !important;padding-top:0 !important;padding-bottom:0 !important}
#frm_field_141_container {margin-top:44px !important}
	@media (min-width: 769px) {
	
		#frm_field_399_container .frm_radio {width: 100%;border-left: 1px solid rgba(17, 17, 17, 0.3);height: 100%;display: flex;align-items: center;justify-content: center}
			#frm_field_399_container .frm_radio label{font-size:0;margin-bottom:0 !important}
		#frm_field_399_container .frm_inline_container{grid-template-columns: 25% auto;border: 1px solid rgba(17, 17, 17, 0.3);margin-bottom:0 !important;grid-gap:0;border-top:0;grid-template-rows: 1fr}
		#frm_field_272_container {border-top:1px solid rgba(17, 17, 17, 0.3) !important}

		#frm_field_399_container .frm_opt_container{justify-items: center;padding-top:0;grid-gap: 0;grid-template-rows: 1fr}
		#frm_field_399_container .frm_inline_container .frm_primary_label{margin:0 !important;padding: 1em}
		#frm_field_399_container .form-grid{display: grid;grid-template-columns: 25% auto auto auto 250px}

		#frm_field_399_container .frm_opt_container {grid-template-columns: auto auto auto 250px}
		

			#frm_field_399_container .form-grid div{background:#FAFAFA; text-align: center;border: 0;padding: 1em}
			#frm_field_399_container .form-grid div:first-of-type{background:white}
		#frm_field_399_container .frm_html_container {margin-bottom:0}
	}
	@media (max-width: 768px) {
		#frm_field_399_container .frm_inline_container{display: block !important;grid-template-columns: 20% auto !important}
		#frm_field_399_container .form-grid{display: grid;grid-template-columns: 20% repeat(4, 1fr)}
		#frm_field_399_container .frm_opt_container {grid-template-columns: repeat(4, 1fr)}
	}





/* Formidable forms table Tes page*/



	@media (min-width: 769px) {
		#frm_field_387_container {grid-gap:0 !important}
			#frm_field_387_container .frm_radio {width: 100%;border-left: 1px solid rgba(17, 17, 17, 0.3);height: 100%;display: flex;align-items: center;justify-content: center}
				#frm_field_387_container .frm_radio label{font-size:0;margin-bottom:0 !important}
			#frm_field_387_container .frm_inline_container{grid-template-columns: 25% auto;border: 1px solid rgba(17, 17, 17, 0.3);margin-bottom:0 !important;grid-gap:0;border-top:0;grid-template-rows: 1fr}
			#frm_field_395_container {border-top:1px solid rgba(17, 17, 17, 0.3) !important}
	
			#frm_field_387_container .frm_opt_container{justify-items: center;padding-top:0;grid-gap: 0;grid-template-rows: 1fr}
			#frm_field_387_container .frm_primary_label{margin:0 !important;padding: 1em}
			#frm_field_387_container .form-grid{display: grid;grid-template-columns: 25% auto auto auto 250px}
	
			#frm_field_387_container .frm_opt_container {grid-template-columns: auto auto auto 250px}
	
	
				#frm_field_387_container .form-grid div{background:#FAFAFA; text-align: center;border: 0;padding: 1em}
				#frm_field_387_container .form-grid div:first-of-type{background:white}
			#frm_field_387_container .frm_html_container {margin-bottom:0}
	}
	@media (max-width: 768px) {
		#frm_field_387_container .frm_inline_container{display: grid !important;grid-template-columns: 20% auto !important}
		#frm_field_387_container .form-grid{display: grid;grid-template-columns: 20% repeat(4, 1fr)}
		#frm_field_387_container .frm_opt_container {grid-template-columns: repeat(4, 1fr)}
		.form-grid {display:none !important}
	}


/*Dashboard*/

/* Bar Chart */
.chartBarsWrap{padding-left:40px;margin:0 30px 0 20px}
.chartBars{position:relative;max-width:600px;height:300px;margin:50px auto 100px}
.chartBars .bars{display:flex;justify-content:space-around;border-left:1px solid black;border-bottom:1px solid black;width:100%;height:100%;padding:0;padding:0 20px;margin:0;gap:20px}
.chartBars .bars li{display:inline-block;flex:0 1 24%;height:100%;margin:0;text-align:center;position:relative; }
.chartBars .bars li .bar{width:100%;background:grey;position:absolute;color:white;padding-top:18px;bottom:0;height:0;overflow:hidden;outline:2px solid transparent;transition:1.5s height cubic-bezier(0.6,0.4,0.4,1.1)}
.chartBars .bars li .bar:after{content:'%';vertical-align:top;margin-right:-8px}
.chartBars .bars li b{color:black;width:calc(100% + 20px);position:absolute;top:calc(100% + 5px);left:-10px;text-align:center;font-weight:normal;font-size:85%;line-height:120%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.chartBars .numbers{width:50px;height:100%;margin:0;padding:0;display:inline-block;position:absolute;left:-50px}
.chartBars .numbers li{text-align:right;padding-right:1em;list-style:none;height:59px;position:relative;font-size:13px;bottom:11px;right:-9px;color:black}
.chartBars .numbers li:after{content:"\00af";position:relative;right:-5px;font-size:20px;top:7px;color:black}
.chartBars .numbers li:first-of-type{height:63px;margin-top:-1px}
.bars li .bar.greenBar{background-color:green}
.bars li .bar.redBar{background-color:#CA1619}
.bars li .bar.orangeBar{background-color:orange}
.bars li .bar.yellowBar{background-color:#FFDF41}
.bars li .bar.yellowBar,
.chartBars .bars li .bar.yellowBar:after {color:black}

.report-download {margin:0 0 10vh;}
.report-download form {display:inline-block; margin:0 10px 0 0;}
.accordion.results-dash {margin:0 0 10vh;}


/*Results*/
span.mlw_qmn_question_number {display: block}
span.mlw_qmn_question_number:before {content: 'Question '}
span.qsm-text-correct-option.qsm-text-user-correct-answer {color: green}
span.qsm-text-correct-option.qsm-text-user-correct-answer:before {content: "\F26B";font-family:"bootstrap-icons";position: relative;top: 3px;left: -10px}
span.qsm-text-wrong-option:before {content: "\F623";font-family:"bootstrap-icons";position: relative;top: 3px;left: -10px}
span.qsm-text-wrong-option {display: block;color: red;margin-bottom: 10px}
span.qsm-text-correct-option {display: block;color: green;margin-bottom: 10px}
span.qsm-result-question-title {font-size: 1.5em}
.qmn_question_answer {background: #FAFAFA;padding: 1.5em;margin-bottom: 20px;margin-left: 10px}
span.qsm-text-simple-option {display: block;margin-bottom: 10px}

.next-steps {margin:10vh 0 0; padding:10vh 0; background: #FAFAFA;}
.next-steps h2 {text-align:center; margin-top:0;}

	@media (max-width: 768px) {
		.next-steps {margin-top:2em}
	}


/*Self Assessment Dashboard*/
.sa-dash-img {height: 100%}
.correct {color: green}
.incorrect {color: red}
.readiness {display: flex;justify-content: space-between;align-items: center}
.badge {border-radius: 10px; padding: 1rem}
.badge.green {background: green; color: white}
.badge.yellow {background: #FFDF41}
.badge.red {background: red; color: white}
.cateogory-likeliness {display: flex;justify-content: space-between;align-items: center}
p.muted {opacity: 0.5}