@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('fonts/SemiBold2.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
.quiz-widget-container{
	position: fixed;
	bottom: 20px;
	left:20px;
	box-shadow: rgba(0, 0, 0, 0.2) 3px 10px 10px 0px;
	box-sizing: border-box;
	width: 350px;
	background: #f6f6f6;
	border-radius: 10px;
	z-index: 9999;
	font-family: 'Gilroy';
	transition: height 0.4s ease;
	overflow: hidden;
	height: auto;
}
.quiz-widget-container #close-widget-container{
	position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f4f6;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #d6d6d6;
    display: none;
}
#close-widget-container svg{    width: 12px;
    height: 12px;
    fill: rgba(105, 116, 140, 0.6);}
.quiz-widget-container.expanded #close-widget-container{
	display:flex;
}
#quiz-widget {
	min-height:64px;
}
#quiz-widget * {
	text-shadow:none;
	font-family: 'Gilroy';
	color:rgb(54, 54, 54);
}
#quiz-widget button.quiz-back, #quiz-widget button.quiz-next{margin:0; font-size:16px!important; font-weight:500;height:43px;padding:5px 14px!important;color:#fff!important;}
#quiz-widget button.quiz-back{background: transparent;}
#quiz-widget button.quiz-back[disabled], #quiz-widget button.quiz-next[disabled]{cursor:not-allowed}
#quiz-widget input {width:100%;margin: 16px 0; padding: 10px; border: 1px solid  #ccc; border-radius: 10px; cursor: pointer; display: flex; align-items: center; line-height: 24px; height: 48px; box-shadow: none; font-size: large;}
#quiz-widget input:focus {border: 1px solid  #ff7544;}
#quiz-widget button#quiz-submit {background: #ff7544; color: white !important; padding: 10px 20px !important; border: none; border-radius: 20px; line-height: 24px !important; height: 48px; box-shadow: none; font-size: large !important; width: 100%;margin-bottom: 10px;}
#quiz-widget button#quiz-submit[disabled] {background: #ccc;cursor:not-allowed}
#quiz-widget .quiz-answer{position: relative;transition: all 0.3s ease;margin:16px 0;padding: 10px;border: 1px solid #ccc; border-radius: 10px;cursor: pointer;display: flex;align-items: center;justify-content: space-between;}
#quiz-widget .quiz-answer>div>div{transition: all 0.3s ease;width: 16px; height: 16px; border-radius: 50%; background:#ccc; margin-right: 10px}
@keyframes shimmer {
  15%, 100% {
		left: 110%;
	}
}

#quiz-widget .blinking-button {
  position: relative;
  overflow: hidden;
}

#quiz-widget .blinking-button::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsla(0, 0%, 100%, .1)), color-stop(20%, hsla(0, 0%, 100%, .2)), to(hsla(0, 0%, 100%, .6)));
	background: linear-gradient(90deg, hsla(0, 0%, 100%, .1) 10%, hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .6));
	width: 1.25rem;
	-webkit-transform: skewX(-45deg);
	transform: skewX(-45deg);
	left: -20%;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	-webkit-animation-name: shimmer;
	animation-name: shimmer;
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
#quiz-widget .quiz-answer.selected {
	border: 1px solid #ff7544!important;
}
#quiz-widget .quiz-answer.selected>div>div{
	background: #ff7544!important;
}
#quiz-widget .quiz-agreement-checkbox{    height: auto;
width: auto;
margin-right: 1em;}
#quiz-widget .agreement{padding: 10px 0 0 10px;}
#quiz-widget .agreement label{font-weight:400;font-size:12px;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
#quiz-widget .agreement label a {color:#ff7544; font-weight:600}
#quiz-widget .control-label{line-height: 1.2;}
#quiz-widget .finally{padding: 50px 10px; color:green; font-weight:600; font-size:large; display: flex;
align-items: center;
justify-content: center;
text-align: center;
min-height: 300px;}
#quiz-widget .finally.err{color:red;}
#quiz-widget .quiz_bottom{left:0;bottom:0;width:100%;position:absolute;}
#quiz-widget .quiz_bottom>div{margin-top: 10px; background: #949494; padding: 10px; display: flex; justify-content: space-between;align-items: center;font-size:14px;font-weight:500;}
#quiz-widget .quiz_bottom>div>div{color: white;display: flex;flex-direction: row;align-items: center;}
#quiz-widget #question-block{margin-bottom:69px;}
#quiz-widget #question-block h3{font-size:18px;font-style:normal;font-weight:500;height:auto;line-height:21.6px;text-align:left;text-rendering:optimizelegibility;text-size-adjust:100%;width:auto;word-break:break-word;-webkit-font-smoothing:antialiased;    margin: 35px 0 25px;}
#quiz-widget .quiz-question-n{font-size: 14px;font-weight: 400;line-height: 22px;}
#quiz-widget .expert{}
#quiz-widget .start-up>div{font-size:12px; line-height:16px;}
#quiz-widget .question{}
#quiz-widget .step-number{background: #ff7544;color: white;border-radius: 50%;box-sizing: border-box;width: 22px;height: 22px; display: inline-flex;justify-content: center;align-items: center;margin: 0 10px;}
#quiz-widget h3.form-header{font-size:18px;font-style:normal;font-weight:500;height:auto;line-height:21.6px;text-align:left;text-rendering:optimizelegibility;text-size-adjust:100%;width:auto;word-break:break-word;-webkit-font-smoothing:antialiased;    margin: 35px 0 25px;}