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

@font-face {
    font-family: 'Museo Sans 500';
    src: url('../fonts/MuseoSans-500Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans-500Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 700';
    src: url('../fonts/MuseoSans-700.woff2') format('woff2'),
        url('../fonts/MuseoSans-700.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 100';
    src: url('../fonts/MuseoSans-100.woff2') format('woff2'),
        url('../fonts/MuseoSans-100.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 900';
    src: url('../fonts/MuseoSans-900.woff2') format('woff2'),
        url('../fonts/MuseoSans-900.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 100';
    src: url('../fonts/MuseoSans-100Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans-100Italic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 900';
    src: url('../fonts/MuseoSans-900Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans-900Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 700';
    src: url('../fonts/MuseoSans-700Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans-700Italic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 300';
    src: url('../fonts/MuseoSans-300Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans-300Italic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

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

.fontMuseoSans700{font-family: 'Museo Sans 700';font-weight: bold;}
.fontMuseoSans500{font-family: 'Museo Sans 500';font-weight: normal;}

.pushed{

	-webkit-box-shadow: inset 0px 3px 3px #bbb;
	   -moz-box-shadow: inset 0px 3px 3px #bbb;
			box-shadow: inset 0px 3px 3px #bbb;
	 outline: none;
}
.mbcColor{color:#5e36ae;}
.topHeadline{color:#5e36ae;text-shadow:none;font-size:30.72px;line-height:36px;}
.question_text.small-ver{font-size: 22px;margin-bottom: 20px;display: block;}
h1 { font-size: 2.64rem;line-height: 2.64rem;}
.h2, h2 { font-size: 1.6rem;line-height:2rem}
h3{font-size:1.2rem;}
.quizWrap{border:0;background:#fff;}
.quiz-v2 .quizWrapOut{background:#fff;border-radius:24px;}
.iconWrap:hover, .iconWrap.selected{ background: #32156a98;border: 2px solid #32156a;border-radius:32px; filter: invert(100%);}

.iconWrap{ background: #fbfcfc;border: 2px solid #32156a;border-radius:32px;}
.iconWrap h3{color:#fff;}
.iconWrap:hover h3{color:#5e36ae!important;}
.color-white{color:#fff;}
h1,h2,h3,h4,h5,h6{font-family: 'Museo Sans 700', sans-serif;}
.progress{border: 2px solid #c7c9cb; height: 1.85rem; border-radius: 50px;padding: 5px;}
.progress-bar{box-shadow:2px 1px 2px #a3a3a3;background: rgb(63,59,135);background: linear-gradient(90deg, rgba(63,59,135,1) 0%, rgba(147,25,207,1) 50%, rgba(119,30,225,1) 100%);border-radius:50px;}
.ageBullet li{border-radius:50px;text-align:center;padding:10px 20px;}
.ageBullet li:before{display:none;}
.backButton,.nextButton{background: #d8dbdd;border-color: #bdbebf; color: #555; border-radius: 30px;}
.btn-submit-yellow{background: #027bfe; border-radius: 50px; box-shadow: none; text-shadow: none; border: 0;  text-transform: capitalize; font-family: "Museo Sans 300", sans-serif;font-size:24px;padding:10px 40px;margin-top:30px;}
.btn-submit-yellow:hover{background: #0568d3;}
.progressBorder {stroke-width:8;}
text { fill: #3f3b87;}
.linebreak-ad{font-weight:400;}
.progressBorderO { fill:none; stroke-width: 9; stroke-linecap: round; transform-origin: center; transform: rotate(-90deg);}
.progressBorderLine { fill:none; stroke-width: 3; stroke-linecap: round; transform-origin: center; transform: rotate(-90deg);}
.progressBorderBg { fill:#f3f3f3;  stroke-width: 16; stroke-linecap: round; transform-origin: center; transform: rotate(-90deg);}
body.s-mbc-5294-v1 .footerWrap{margin-top:0;}
@media screen and (max-width:767px){
	h1{font-size:1.8rem;line-height:2.2rem;}
	.sm-text-left{text-align:left!important;}
	h3 {font-size: 1rem;}
    body .mr-5{margin-right:1rem!important}
    body .ml-5{margin-left:1rem!important;}
}

.height {
    height: 100%;
    min-height: 100vh;
}