/**** EmojiSymbols font *****/
	@font-face {
		/*EmojiSymbols Font (c)blockworks - Kenichi Kaneko
			http://emojisymbols.com/
		*/
		font-family: 'EmojiSymbols';
		src: url('../plugin/emoji/EmojiSymbols-Regular.eot');
		src: url('../plugin/emoji/EmojiSymbols-Regular.eot?#iefix') format('embedded-opentype'),
			url('../plugin/emoji/EmojiSymbols-Regular.woff2') format('woff2'),
			url('../plugin/emoji/EmojiSymbols-Regular.woff') format('woff'),
			url('../plugin/emoji/EmojiSymbols-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}
	/**** EmojiSymbols font end *****/
	
	/**** custom css starts here *****/
	:root{font-family: 'Poppins', sans-serif;
	--main-img : "";
	--home-section : "";
--select-icon : ""}
	html{overflow: unset;}
	/****general css ****/
	a, .btn, .transition, header, header .nav-area, .header-nav {
			-webkit-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
	}
	.pointer{cursor:pointer;}
	a:focus, button:focus {outline: none !important;}
	.btn:focus{-webkit-box-shadow: none;box-shadow: none;}
	/*** color css **/
	.text-dark{color:#4a4a4a !important;}
	.bg-dark-gray{background-color: #757575 !important;}
	.btn-clr{background: #00b3f4;}
	.btn-bgcolor{background-color: #00b3f4 !important;}
	.text-blue{color:  #00b3f4;}
	.bg-gray{background-color: #f1f1f1 !important;}
	.bg-white{background-color: #ffffff !important;}
	.text-gray{color: #7f7c97 !important;}
	a.text-dark:focus, a.text-dark:hover {
			color: #4a4a4a!important;
	}
	.border-bottom-red {border-bottom: 2px solid #ff0000 !important; }
	.border-red {border: 2px solid #ff0000 !important; }
	.valign{vertical-align:top;}
	.valign-middle{vertical-align:middle;}
	.h-220{height:220px !important;}
	.h-170{height:170px !important;}
	.h-350{height:350px !important;}
	.box-shadow, .btn{
		-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, .1);
			box-shadow: 0px 4px 13px rgba(0, 0, 0, .1);
	}
	.btn:hover{-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, .2);
			box-shadow: 0px 4px 13px rgba(0, 0, 0, .2);}
	.text-align-center{text-align:center; text-align-last: center;}
	.text-break {
			word-break: break-word;
			overflow-wrap: break-word;
	}
	.wordbreak{word-break: break-all;}
	
	.text-initial{text-transform:initial;}
	
	/**** fonts css **/
	h1, .h1{font-size: 48px !important; line-height: 54px !important;}
	h2, .h2{font-size: 32px !important; line-height: 38px !important;}
	h3, .h3, h4, .h4, h5, .h5{font-size: 24px !important; line-height: 30px !important;}
	h6, .h6{font-size: 22px !important; line-height: 28px !important;}
	.font-20{font-size:20px !important; line-height: 25px !important;}
	.font-18{font-size:18px !important; line-height: 26px !important;}
	.font-16{font-size: 16px !important; line-height: 22px !important;}
	.font-14{font-size: 14px !important; line-height: 20px !important;}
	.font-13{font-size: 13px !important; line-height: 20px !important;}
	.font-10{font-size: 10px !important; line-height: 20px !important;}
	.font-weight-noraml{font-weight: normal !important;}
	.font-26{font-size:26px; line-height:32px;}
	.lh-18{ line-height: 18px !important;}
	.lh-50{ line-height: 50px !important;}
	
	.page-title h1{
		margin-bottom: 10px !important;
	}
	
	.word-break-all {word-break: break-word; }
	
	/*** start radio button css ***/
	.btn-radio {
		display: inline-block;
		float: left;
		-webkit-user-select: none;
		user-select: none;
		cursor: pointer;
		font-size: 16px;
		color: #444444;
		text-transform: none;
		width: 100%;
		padding: 14px 10px 14px 23px;
		-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1);
    	box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1);
	}
	.btn-radio:hover {
		box-shadow: 0px 4px 13px rgba(0, 0, 0, .2) !important;
		transition: ease all 0.3s !important;
		-webkit-transition: ease all 0.3s !important;
	}
	.btn-radio input {
		display: none;
	}
	.btn-radio svg {
		fill: none;
		vertical-align: middle;
		margin: 0 !important;
		width: auto !important;
		display: inline-block !important;
	}
	.btn-radio svg circle {
		stroke-width: 2px;
		stroke: #e7e7e7;
	}
	.btn-radio svg path.inner {
		stroke-width: 6;
		stroke-dasharray: 19;
		stroke-dashoffset: 19;
	}
	.btn-radio input:checked + svg path {
		transition: all 0.4s ease;
	}
	.btn-radio input:checked + svg path.inner {
		stroke-dashoffset: 38;
		transition-delay: 0.3s;
	}
	.btn-radio svg path.outer {
		stroke-width: 2;
		stroke-dasharray: 57;
		stroke-dashoffset: 57;
	}
	.btn-radio input:checked + svg path {
		transition: all 0.4s ease;
	}
	.btn-radio input:checked + svg path.outer {
		stroke-dashoffset: 0;
	}
	.btn-radio svg path {
		stroke:var(--colorpicker);
	}
	.radio-survey svg path{
		stroke: var(--colorpicker)
	}
	.btn-radio span {
		display: inline-block;
		vertical-align: middle;
	}
	/*** end radio button css ***/
	/*** start checkbox css ***/
	.checkbox-animation .custom-control-label::before{
		display: none;
	}
	
	input[type='checkbox'] + label > span:first-child .cust-check {
        content: "";
        position: absolute;
        top: 6px;
        left: 2px;
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent;
	}
	input[type='checkbox']:checked + label > span:first-child .cust-check {
        -webkit-animation: checkbox-check 125ms 0ms cubic-bezier(.4,.0,.23,1) forwards;
        animation: checkbox-check 125ms 0ms cubic-bezier(.4,.0,.23,1) forwards;
	}
	.check__cust > svg {
		position: absolute;
		top: 3px;
		left: 2px;
		fill: none;
		stroke: #fff;
		stroke-width: 2;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-dasharray: 16px;
		stroke-dashoffset: 16px;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transition-delay: 0.1s;
		-moz-transition-delay: 0.1s;
		-o-transition-delay: 0.1s;
	     transition-delay: 0.1s;
		transform: translate3d(0, 0, 0);
	  }
	  
	  .selected-checkbox:checked + label .check__cust > svg ,
	  .custom-control-input:checked + label .check__cust > svg  {
		stroke-dashoffset: 0;
	  }
	input[type='checkbox']:checked + label > span:first-child {
		border-color:var(--check-tick);
		background-color:var(--check-tick);
		-webkit-animation: wave 0.4s ease;
		animation: wave 0.4s ease;
	}
	input[type='checkbox'] + label > span:first-child {
		width: 1.3em;
		height: 1.3em;
		background: transparent;
		border: 2px solid #e7e7e7;
		border-radius: 2px;
		cursor: pointer;
		position: relative;
		border-radius: .25rem;
	}
	.checkbox-animation .custom-control-label.free-text-checkbox {
		left: 10px;
		top: 0;
	}
	
	  @keyframes wave{
		50%{
			-webkit-transform: scale(.9);
			-ms-transform: scale(.9);
			transform: scale(.9)
		}
	  }
 
	@keyframes checkbox-check{
		0%{
			width: 0;
			height: 0;
			border-color: #ffffff;
			-webkit-transform: translate3d(0,0,0) rotate(45deg);
			transform: translate3d(0,0,0) rotate(45deg);
		}
		33%{
			width: .4em;
			height: 0;
			-webkit-transform: translate3d(0,0,0) rotate(45deg);
			transform: translate3d(0,0,0) rotate(45deg);
		}
		100%{    
			width: .4em;
			height: .7em;    
			border-color: #ffffff;
			-webkit-transform: translate3d(0,-.5em,0) rotate(45deg);
			transform: translate3d(0,-.5em,0) rotate(45deg);
		}
	}
	/*** end checkbox css ***/
	/*** start card animation effect ***/
		.MuiButton-effect .MuiButtonBase-root {
			width: 100%;
			padding: 0;
			text-transform: inherit;
			font-size: inherit;
   			font-family: inherit;
			letter-spacing: inherit;
			line-height: inherit;
			color: #444444;	
			border-radius:inherit;
			font-weight:inherit;
		}
		.MuiButton-effect .btn-radio {
			margin-bottom: 0;
		}
		
		.MuiButton-effect .btn-radio {
			margin-bottom: 0;
		}
		.MuiButton-effect-rating .MuiTouchRipple-root {
			right:12px !important;
			bottom:15px !important;
		}
		.MuiButton-effect-rating.MuiButton-point .MuiTouchRipple-root {
			right:12px !important;
			bottom:15px !important;
		}
		.MuiButton-effect-rating.MuiButton-thumb .MuiTouchRipple-root {
			right:25px !important;
			bottom:15px !important;
		}

		.MuiButton-effect .MuiButton-contained {
			/*-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1) !important;
			box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1) !important;
			margin-right: 10px !important;*/
			box-shadow: none !important;
			background-color: transparent;
		}
		.MuiButton-effect .MuiButton-contained:hover {
			box-shadow: none !important;
			background-color: transparent;
		}
		.MuiButton-effect .MuiTouchRipple-child{
			background-color: #00b3f4;
		}
		.MuiButton-effect .MuiButton-label {
			text-align: left;
		}
		body .MuiButton-point .MuiButton-contained, body .MuiButton-thumb .MuiButton-contained {
			margin-right: 0px !important;
		}
		/* checkbox align */
		.checkbox-align .custom-control .custom-control-label {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-webkit-align-items: center;   
			 -ms-flex-align: center; 
			align-items: center;
		}
		.checkbox-align input[type='checkbox'] + label > span:first-child{
			min-width: 1.3em;
			margin-top: 0px;
		}
		.radio-align .MuiButton-label {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: start;
			-webkit-justify-content: flex-start;
				-ms-flex-pack: start;
					justify-content: flex-start;
		}
		.radio-align .MuiButton-label svg{
			 min-width: 18px;
   			 width: 18px !important;
		}
		.MuiButton-effect .custom-radio .MuiButton-label svg {
			width: 18px !important;
			min-width: 18px;
		}
		.demo-single.MuiButton-effect .MuiButtonBase-root {
			letter-spacing: 1px;
		}
		.radio-align-img svg {
			min-width: 18px;
   			 width: 18px !important;
		}
		.radio-align .MuiButtonBase-root {
			padding: 14px 10px 15px 23px !important;
		}
		.MuiButton-effect .radio-align-img {
			padding: 14px 16px 14px 23px !important;
		}
		.MuiButton-effect .custom-radio .demographicsingle .MuiButtonBase-root {
			padding: 14px 10px 14px 23px !important;
		}
		.MuiButton-effect .custom-free-btn {
			padding: 14px 10px 14px 34px ;
		}
		body .check-shadow-custom .MuiButton-contained {
			-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, .1) !important;
			box-shadow: 0px 4px 13px rgba(0, 0, 0, .1) !important;
		}
		body .check-shadow-custom label.box-shadow{
			box-shadow: none !important;
		}
		body .check-shadow-custom label.box-shadow:hover {
			box-shadow: none !important;
			-webkit-transition: ease all 0.3s !important;
			 -o-transition: ease all 0.3s !important;
			 transition: ease all 0.3s !important;
		}
		.check-shadow-custom .MuiButton-contained:hover {
			-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, .2) !important;
			box-shadow: 0px 4px 13px rgba(0, 0, 0, .2) !important;
		}
		/* checkbox align */
		
		.MuiCustomRating .MuiButton-contained , .MuiCustom-school-grade .MuiButton-contained, .MuiCustom-thumbs-up .MuiButton-contained {
			color: inherit;
    		box-shadow: none;
    		background: none;
   			text-transform: inherit;
    		font-family: inherit;
			font-size: 16px;
			letter-spacing:inherit;
			font-weight:inherit;
			border-radius:0px;
			display: inherit;
		}
		.MuiCustomRating .MuiButton-root , .MuiCusMuiCustom-school-gradetomRating .MuiButton-contained, .MuiCustom-thumbs-up .MuiButton-contained  {
			padding: inherit;
			font-weight: inherit;
		}
		.MuiCustomRating .MuiButton-contained:hover, .MuiCustom-school-grade .MuiButton-contained:hover , .MuiCustom-thumbs-up .MuiButton-contained:hover {
			box-shadow: none;
			background-color: transparent;
		}
		.MuiCustomRating > button {
			width: calc(100% + 12px);
			min-height: 140px;
			margin-left: -6px;
		}
		.MuiCustomRating ,.MuiCustom-school-grade , .MuiCustom-thumbs-up {
			overflow: hidden;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		.MuiCustom-school-grade .MuiButton-root, .MuiCustom-thumbs-up .MuiButton-contained {
			padding: 0;
		}
		.MuiCustom-school-grade > button {
			width: calc(100% + 12px);
			min-height: 140px;
			margin-left: -6px;
			height: auto;
		}
		.MuiCustom-school-grade > button.box-shadow:hover, .MuiCustom-thumbs-up > button.box-shadow:hover {
			box-shadow: none !important;
		}
		.MuiCustom-thumbs-up > button{
			height:140px;
		}
		.MuiCustom-thumbs-up .MuiButton-contained {
			font-size: 56px;
		}
		.MuiCustom-thumbs-up > button {
			width: calc(100% + 12px);
			margin-left: -6px;
			height: 140px;
		}
		.MuiCustom-thumbs-up span.MuiButton-label{
			vertical-align: top;
		}
		.one-ten span.MuiButton-point{
			border-radius:5px;
		}
		.MuiButtonBase-root .MuiTouchRipple-child{
			color:#00b3f4 !important;
		}
		.MuiCustomRating .MuiButton-root {
			padding: 0px;
		}

		@media screen and (max-width:991px){
			.MuiButton-effect-rating.MuiButton-thumb .MuiTouchRipple-root {
				right:12px !important;
			}
			.MuiButton-effect-rating .MuiTouchRipple-root{
				right:10px !important;
			}
			.MuiButton-effect-rating.MuiButton-point .MuiTouchRipple-root {
				right:14px !important;
			}
			.scool-grade .MuiButton-effect-rating .MuiTouchRipple-root{
				right:10px !important;
			}
		}
		@media screen and (max-width:767px){
			.MuiButton-effect-rating.MuiButton-point .MuiTouchRipple-root {
				right:10px !important;
			}
		}
		@media screen and (max-width:575px){
			.ranking-4 .MuiButton-effect-rating .MuiTouchRipple-root{
				right:12px !important
			}
			.logo-padding{
				padding-left: 1.9rem !important;
				padding-top: 0.9rem !important;
				margin-right: 0px !important;
			}
			.logo-col{
				flex: 0 0 36.333333% !important;
				max-width: 36.333333% !important;
			}
			.logo-col1{
				flex: 0 0 33.333333% !important;
				max-width: 33.333333% !important;
			}
			.logo-col2{
				flex: 0 0 30.333333% !important;
				max-width: 30.333333% !important;
			}
		}
		@media screen and (max-width:509px){
			.ranking-7 .MuiButton-effect-rating .MuiTouchRipple-root,
			.ranking-8 .MuiButton-effect-rating .MuiTouchRipple-root{
				right:12px !important
			}
		}
		@media screen and (max-width:485px){
			.ranking-4 .MuiButton-effect-rating .MuiTouchRipple-root{
				right:15px !important
			}
			.ranking-7 .MuiButton-effect-rating .MuiTouchRipple-root,
			.ranking-8 .MuiButton-effect-rating .MuiTouchRipple-root,
			.ranking-10 .MuiButton-effect-rating .MuiTouchRipple-root {
				right:24px !important
			}
			
		}
		
		@media screen and (max-width:480px){
			.MuiButton-effect-rating.MuiButton-thumb .MuiTouchRipple-root {
				right:22px !important;
			}
			.custome-unlock-survey h3{
				padding-right: 40px;
			}
		}
		@media screen and (max-width:416px){
			.ranking-10 .MuiButton-effect-rating .MuiTouchRipple-root{
				right:10px !important;
			}
		}
		@media screen and (max-width:409px){
			.ranking-7 .MuiButton-effect-rating .MuiTouchRipple-root{
				right:38px !important;
			}
		}
		@media screen and (max-width:386px){
			.MuiButton-effect-rating.MuiButton-point .MuiTouchRipple-root{
				right:18px !important;
			}
			.scool-grade .MuiButton-effect-rating .MuiTouchRipple-root{
				right:20px !important;
			}
		}
		@media screen and (max-width:386px){
			.ranking-4 .MuiButton-effect-rating .MuiTouchRipple-root{
				right:16px !important
			}
			.ranking-7 .MuiButton-effect-rating .MuiTouchRipple-root,
			.ranking-8 .MuiButton-effect-rating .MuiTouchRipple-root,
			.ranking-10 .MuiButton-effect-rating .MuiTouchRipple-root {
				right:16px !important
			}
			
		}
		@media screen and (max-width:334px){
			.MuiButton-effect-rating.MuiButton-point .MuiTouchRipple-root{
				right:22px !important;
			}
		}
	/*** end card animation effect ***/

	/*** loader css ***/
	/* #loading {background: #fff;}
	.load-circle:before {background-color: #00b3f4;}
	.load-circle:after {background-color: #3867d6;} 
	 @-webkit-keyframes ball1 {
		0% {
			-webkit-box-shadow: 30px 0 0 #3867d6;
							box-shadow: 30px 0 0 #3867d6;
		}
		50% {
			-webkit-box-shadow: 0 0 0 #3867d6;
							box-shadow: 0 0 0 #3867d6;
			margin-bottom: 0;
			-webkit-transform: translate(15px,15px);
			-moz-transform: translate(15px, 15px);
		}
		100% {
			-webkit-box-shadow: 30px 0 0 #3867d6;
							box-shadow: 30px 0 0 #3867d6;
			margin-bottom: 10px;
		}
	}
	@keyframes ball1 {
		0% {
			-webkit-box-shadow: 30px 0 0 #3867d6;
							box-shadow: 30px 0 0 #3867d6;
		}
		50% {
			-webkit-box-shadow: 0 0 0 #3867d6;
							box-shadow: 0 0 0 #3867d6;
			margin-bottom: 0;
			-webkit-transform: translate(15px,15px);
			-moz-transform: translate(15px, 15px);
		}
		100% {
			-webkit-box-shadow: 30px 0 0 #3867d6;
							box-shadow: 30px 0 0 #3867d6;
			margin-bottom: 10px;
		}
	}
	@-webkit-keyframes ball2 {
		0% {
			-webkit-box-shadow: 30px 0 0 #00b3f4;
							box-shadow: 30px 0 0 #00b3f4;
		}
		50% {
			-webkit-box-shadow: 0 0 0 #00b3f4;
							box-shadow: 0 0 0 #00b3f4;
			margin-top: -20px;
			-webkit-transform: translate(15px,15px);
			-moz-transform: translate(15px, 15px);
		}
		100% {
			-webkit-box-shadow: 30px 0 0 #00b3f4;
							box-shadow: 30px 0 0 #00b3f4;
			margin-top: 0;
		}
	}
	@keyframes ball2 {
		0% {
			-webkit-box-shadow: 30px 0 0 #00b3f4;
							box-shadow: 30px 0 0 #00b3f4;
		}
		50% {
			-webkit-box-shadow: 0 0 0 #00b3f4;
							box-shadow: 0 0 0 #00b3f4;
			margin-top: -20px;
			-webkit-transform: translate(15px,15px);
			-moz-transform: translate(15px, 15px);
		}
		100% {
			-webkit-box-shadow: 30px 0 0 #00b3f4;
							box-shadow: 30px 0 0 #00b3f4;
			margin-top: 0;
		}
	} */
	/** header css ***/
	.header-nav{background-color: #3867d7;}
	header nav.navbar.header-nav.navbar-expand-lg { background-color: transparent; }
	header.header_collapse nav.navbar.header-nav.navbar-expand-lg{background: #fff;  -webkit-transition: background-color 0.5s ease;  -o-transition: background-color 0.5s ease;  transition: background-color 0.5s ease;}
	.fixed-header .header-nav .dark-logo1 {display: none !important;}
	header.fixed-header nav.navbar.header-nav.navbar-expand-lg{background-color: rgba(255,255,255,0.9);backdrop-filter: saturate(150%) blur(10px);-webkit-backdrop-filter:saturate(150%) blur(10px);}
	
	header.fixed-header i.ti-menu.text-white{color: #000 !important;}
	.header-nav .navbar-nav .nav-link:before{
		left: auto;
		right: auto;
		margin: 0 auto;
	}
	nav.navbar.header-nav.navbar-expand-lg {padding: 8px 15px;}
	.header-nav .navbar-nav li:hover .nav-link:before, .header-nav .navbar-nav .nav-link.active:before {width: calc(100% - 24px);}
	.header-nav .navbar-nav li.login-profile:hover .nav-link:before, .header-nav .navbar-nav .nav-link.active:before{display: none;}
	
	.m-dropdown > a::after, .custom-control-label::after{display: none;}
	/* .theme-main{background: #3867d7;} */
	.theme-main{
		background-image: linear-gradient(160deg, #1992E7 50%, #2680E0 100%);
	}
	.header-nav .navbar-nav li:last-child .nav-link:before{display:none !important;}
	.login-profile a img {max-width: 30px; height: auto; min-height:30px;border: 2px solid #fff;}
	/*** sub-menu css **/
	.m-dropdown-multilevel .m-dropdown-menu{left: -40px; width: 150px; position:absolute;}
	.m-dropdown-multilevel .m-dropdown-menu li{padding:0;}
	.m-dropdown-multilevel .m-dropdown-menu li a{position: unset;}
	.m-dropdown-multilevel .m-dropdown-menu li:hover a{color: #fff !important; background-color: #00b3f4;}

	.survey-rating-free .custom-radio-btn .custom-control-input:checked~.custom-control-label span {
		color: var(--freetext-color);
		transition: ease all 0.3s !important;
		-webkit-transition: ease all 0.3s !important;
	}
	.survey-rating-free  .custom-radio-btn .custom-control-label::before{
		display:none;
	}

	/*******home page css ******/
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
		.home-section .p-100px-tb{
					padding: 200px 0px 100px;
			}
	}
	.about-section{padding:90px 0px 120px;}
	.about-section .section-title{
		max-width: 668px;
			width: 100%;
			margin: 0 auto;
	}
	.section-community{padding: 92px 0px;}
	.feature-box{padding: 65px 25px;}
	.feature-box .icon-m {
			width: 75px;
			height: 75px;
			line-height: 75px;
			font-size: 35px;
	}
	
	.section-title h2{
		padding: 0px;
		margin-bottom:35px;
		text-transform: none;
	}
	.section-title-empirio-kurz h2 {padding-bottom: 20px;}
	.section.sign-up-now-section a {padding: 12px 40px;}
	.right-img-main-page img {
			height: auto;
	}
	
	/****function page css ****/
	/* .function-section, .about-us-section, .page-title-section{ */
		/* position: relative; */
		/* min-height: 350px; */
		/* height: auto; */
		/* width:100%; */
		/* padding: 70px 0px; */
	/* } */
	.banner_text{
		position: relative;
		min-height: 350px;
		height: auto;
		width:100%;
		padding: 70px 0px;
	}
	
	
	.banner_text.editprofile {
			padding: 160px 0 80px;
	}
	
	
	
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
		.function-section, .about-us-section, .page-title-section{padding: 150px 0px 80px;}
	}
	.function-text{
		max-width: 500px;
		width: 100%;
		margin: 0 auto;
	}
	.banner_text h1{color: #ffffff; font-weight: bold;padding: 0 20px;}
	.banner_text p{color: #ffffff; font-weight: normal; font-size: 18px;}
	section.umfrage-in-erstllen{padding:80px 0px;}
	section.umfrage-in-erstllen h3{
		color: #ffffff;
			margin-bottom: 0;
			font-weight: bold;
	}
	.umfrage-in-erstllen-h3{}
	.umfrage-in-erstllen-h3:after {
		height: 4px;
		background: linear-gradient(160deg, #1992E7 50%, #2680E0 100%) !important;
	}
	section.umfrage-in-erstllen h3:after {
			content: '';
			display: block;
			background: #3867d7;
			width: 100%;
			max-width: 23%;
			height: 3px;
			margin: 15px auto;
	}
	.content-right, .content-left, .analysiere{padding:100px 0px;}
	.home-content-right, .home-content-left{padding:50px 0px !important;}
	section.content-right h2, section.content-left h2{
		color: #4a4a4a;
		font-weight: bold;
	}
	section.content-right p, section.content-left p{
		color: #4a4a4a;
		font-weight: normal;
		font-size: 18px;
		line-height: 26px;
		margin-top: 24px;
		margin-bottom: 0;
	}
	ul.survey-types li{
		color: #4a4a4a;
		font-weight: normal;
		font-size: 18px;
		line-height: 26px;
		padding: 0px 25px;
	}
	ul.survey-types li i.ti-check{
		position: absolute;
		top:5px;
		left:0;
		color: #00b3f4;
	}
	
	section.analysiere h2{color: #ffffff; font-weight: bold;}
	.mxh-img img {max-height: 500px; height: auto; width: auto;}
	.analysiere h2{
		color: #ffffff;
		font-weight:bold;
		
	}
	
	/***** survey page css ***/
	.blog-img:before {
			content: '';
			background-color: rgba(33,33,33,0.5);
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: block;
	}
		.blog-item .blog-content li {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
					-ms-flex-align: center;
							align-items: center;
			line-height: 1.3;
		}
		.blog-item .ranking-bar li {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			line-height: 1.3;
		}
	/* .survey-background-img:before{ */
		/* content: ''; */
			/* background-color: rgba(33,33,33,0.5); */
			/* position: absolute; */
			/* width: 100%; */
			/* height: 100%; */
			/* top: 0; */
			/* left: 0; */
	/* } */
	.custom-select-survey select {font-size: 16px;}
	.custom-select-survey{padding-top:37px;}
	.section-blog{padding:20px 0px 40px;}
	.blog-item,.boxshadow {
			transition: ease all 0.3s;
			-webkit-transition: ease all 0.3s;
	}
	.survey-form .form-group .form-control{font-size: 20px;}
	.survey-form-question input.free-text-textarea, .survey-form-question input.free-text-textarea::placeholder{ font-size: 16px !important;}
	/***custom-down-arrow css **/
	.input-group>.custom-select:not(:first-child) {border-radius: 5px;}
	.input-group:not(.has-validation) > .custom-select:not(:last-child){
		border-radius:5px
	}
	select.custom-select {
			padding-left: 12px;
			height: 46px;
	}
	select.custom-select.question-condition-select {
		height: 36px;
	}
	.custom-select{
		margin: 0;
			vertical-align: middle;
			background: transparent  no-repeat right 12px center;
			background-image: var(--select-icon);
			background-size: 16px;
			height: auto;
			position: relative;
			cursor: pointer;
			padding: 0px 27px 0px 7px;
			display: inline;
		color: #7f7c97;
		font-size: 14px;
	}
	.custom-select:focus{
		border-color: unset;
			-webkit-box-shadow: none;
							box-shadow: none;
	}
	.blog-item:hover, .main-card .boxshadow:hover {-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2);}
	.blog-item .blog-content{padding:16px 16px;}
	.blog-content h6{min-height: 66px; overflow: hidden;}
	.blog-content a:hover{color: #00b3f4 !important;}
	.blog-item .ranking-bar{padding:16px 16px;}
	.ranking-bar h6{min-height: 66px; overflow: hidden;}
	.progress{
		height: 14px;
		border-radius: 0px 0px 0px 0px;
		background-color : #d9ecff;
		line-height: unset;
	}
	/***** survey-detail page css ***/
	.survey-detal-bg-img{
			position: relative;
		padding:0;
		max-height:350px;
		overflow:hidden;
	}
	.survey-detal-bg-img:before{
		content: '';
			background-color: rgba(33,33,33,0.5);
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
	}
	.survey-detal-bg-img img{min-height:350px;}
	.survey-detal-bg-img .page-title{
		position: absolute;
		top:50%; 
		transform: translateY(-50%);
		left:0;
		right:0;
	}
	.tags-section {padding: 50px 0px 0px;}
	.tags span{
		padding: 15px 15px; 
		border-radius: 5px;
		line-height: 1.3;
		width: 100%;
		min-width:200px;
		font-size: 16px;
		height: 50px;
	}
	.main-blog{padding: 80px 0px;}
	.tags i{font-size: 20px; margin-right: 10px;}
	.survey-detials {padding: 88px 0px 0px;}
	.strat-survey a {padding: 10px 20px;}
	li.tag-cloud-link {
		padding: 4px 10px;
			background: #f1f1f1;
			border-radius: 23px;
		margin: 10px 6px;
	}
	.zielgruppe{padding-top: 100px;}
	.features {padding: 50px 0px;}
	.author-details {max-width: 400px; margin: 0 auto;}
	
	/***********empirioWissen page css ********/
	.empirioWissen-text img{ width:55px; height:55px;}
	.empirioWissen-text{ 
			max-width: 600px;
			width: 100%;
			margin: 0 auto;
	}
	.empirical-research {
			padding-top: 137px;
			padding-bottom: 105px;
	}
	.themen-section{padding:100px 0px;}
	/* .article-link a:hover{color:#00b3f4 !important;} */
	.basics-zur-link{padding-top: 75px;}
	.empirical-research p{margin-top: 30px;}
	.empirical-research-h2 h2{color: #4a4a4a; font-weight: normal; font-size: 18px !important; line-height: 26px !important; margin-bottom: 0}
	.start-chapter{margin-top: 65px;}
	.start-chapter a{ padding: 15px 35px;}
	.basics{
		padding-top: 115px;
		padding-bottom: 115px;
	}
	.basics h2:after{
		content: '';
			display: block;
			background: #00b3f4;
			width: 100%;
			max-width: 75px;
			height: 3px;
			margin: 15px auto;
	}
	.empirical-research-mean p, .empirical-social-research p, .approach p, .research-problem p, .data-collection p, .online-survey p{padding-top: 30px;}
	
	.learn-more {padding-top: 55px;}
	
	.direction-icon i {font-size: 165px; color: #6d6d6d;}
	
	.forschung img{width: 281px; height: 272px;}
	
	.pt-100{padding-top: 100px;}
	
	.icon i.ti-help, .icon i.ti-clipboard, .icon i.ti-bar-chart, .icon i.ti-write, .icon i.ti-more {font-size: 50px; color: #444444;}
	
	.icon i.ti-more{
		display: inline-block; 
		-webkit-transform: rotate(90deg); 
				-ms-transform: rotate(90deg); 
						transform: rotate(90deg); 
		width: 22px; 
		height: auto;
	}
	.icon-fa i.fas.fa-puzzle-piece, .icon-fa i.fa-cubes, .icon i.ti-face-smile{
		font-size:80px;
		color: #444444;
	}
	.understand-research .start-chapter {margin-top: 45px;}
	/*--empiriowissen page 29May2020 --*/
	.empiriowissen-wrapper h2 {margin-bottom: 80px;}
	.empiriowissen-wrapper .blog-item .blog-content h6 {min-height: 45px;max-height: 45px;margin-bottom: 0;}
	.empiriowissen-wrapper .blog-listing {padding:0 0 30px;}
	
	.empiriowissen-wrapper .blog-listing ul li {
		list-style: none;
		padding:0 25px;
		/* border-bottom:1px solid #e9e9ed; */
		position: relative;
		counter-increment: decimal;
	}
	.empiriowissen-wrapper .blog-listing ul li:before {
		content: " " counter(decimal) ". ";
		position: absolute;
		left:25px;
		top:10px;
	}
	.empiriowissen-wrapper .blog-item .blog-content {
		padding:30px 25px 5px;
	}
	.empiriowissen-wrapper .blog-listing ul {
		padding-left: 0;
		margin-bottom: 0;
		min-height: 140px;
		max-height: 140px;
		overflow-y: auto;
	}
	.empiriowissen-wrapper .blog-listing ul li a:after{display:none;}
	.empiriowissen-wrapper .blog-listing ul li .article-link {border-bottom: 1px solid #e9e9ed;padding: 10px 0 10px 20px;}
	.empiriowissen-wrapper .blog-listing ul li:hover{background-color:#f1f1f1;}

	
	/**** start a new chapter page css ***/
	.start-new-chapter{padding: 100px 0px;}
	.fundamental-text{padding-top: 50px;}
	.back.to-start a:hover {background-color: #00b3f4;}
	.previous-next-link-section{padding-top:80px;}
	
	

	
	
	/*****login page css ****/
	.theme-bg{
		min-height: 100vh;
		background-image: none;
		/* background: #3867d7 !important; */
		background-image: linear-gradient(160deg, #1992E7 50%, #2680E0 100%);
		padding: 0;
	}
	.min-height-form{min-height: 100vh; padding:100px 0px 50px;}
	.fw-400 {
		font-weight: 400 !important;
	}
	.lh-24 {
		line-height: 24px !important;
	}
	.lh-26 {
		line-height: 26px !important;
	}
	.text-dark.create-survey-link {
		font-size: 18px !important;
		font-weight: 500 !important;
	}
	
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
	.min-height-form{
					height: 100vh;
			}
	}
	.padding-login-form{
		padding: 32px 37px 32px;
		-webkit-box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1);
		box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1);
		}
	.login-form{
		background-color: #ffffff;
		max-width: 445px;
		border-radius: 4px;
	}
	.form-group input::-ms-clear {display: none;}
	input[type=text], input[type=email], input[type=password], textarea {   
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
	}
	
	.form-group input[type=password] {padding-right: 102px;}
	.form-group .form-control{background-color: #ffffff; height:46px; color: #7f7c97;}
	.form-group label {
			position: absolute;
			top: 12px;
		left: 10px;
			padding: 0px 12px;
		-webkit-transition: all 0.3s ease-in;
			-o-transition: all 0.3s ease-in;
			transition: all 0.3s ease-in;
		z-index: 1;
		pointer-events: none;
		transform: translatex(-10px);
	}

	@media screen and (max-width:575px) {
		.form-group label {
			top: 8px;
		}
	}

	input:focus{border: 1px solid #000000 !important;}
	.focus > label {
			color: #000000;
			-webkit-transform: translateY(-23px) scale(1);
					-ms-transform: translateY(-23px) scale(1);
							transform: translateY(-23px) scale(1);
		background: #fff;
		padding-left:5px;
		padding-right:5px;
		font-size:12px;
	}
	label:focus, .custom-control-input:focus~.custom-control-label::before {outline: none; -webkit-box-shadow: none; box-shadow: none;}
	.input-group-append .input-group-text {
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			background-color: transparent;
			border: 0;
			z-index: 5;
		font-size:22px;
	}
	.btn-link-for-registrer a:hover, .input-group-append a:hover{color: #00b3f4 !important;}
	
	/**********registration form css ********/
	section.page-title-section .registration-form {
			max-width: 445px;
	}
	.registration-form{
		background-color: #ffffff;
		max-width: 100%;
			max-height: 100%;
		border-radius: 4px;
	}
	/* .padding-login-form h2{margin-bottom: 30px;} */
	.padding-login-form .font-size-btn a{font-size: 16px;}
	.registration-form .custom-control-label::before {
			width: 20px;
			height: 20px;
			border: 2px solid #e7e7e7;
			background-color: #ffffff;
		top: 50%;
		-webkit-transform:translateY(-50%);
				-ms-transform:translateY(-50%);
						transform:translateY(-50%);
		left: 0;
	}
	
	.registration-form .custom-control-label {
			left: 0px;
			font-size: 11px;
			cursor: pointer;
		padding-left:40px;
	}
	.registration-form .custom-control-label span {
		display: inline-block;
		font-size : 16px;
		color : #444444;
		font-weight: bold;
		text-transform: none;
	}
	.custom-control-input:checked~.custom-control-label::before {
			color: #ffffff;
			background-color: #00b3f4 !important;
			content: '\f00c';
			font-weight: bold;
			font-family: "Font Awesome 5 Free";
			font-size: 12px;
			line-height: 19px;
		text-align: center;
		border: none;
	}
	
	/****myprofile page css ***/
	.icon-profile img {max-width: 110px; height: 110px;width:110px;border:4px solid #fff; min-height:110px;}
	.font-36 { font-size: 36px !important;}
	.counter-col .count {font-size: 39px !important; line-height: 52px !important;white-space: nowrap;}
	/* .card-content h6 {height:55px; overflow:hidden;} */
	.counter-col .count{margin:0;}
	/***counter css **/
	.count-box{margin-left:0;height: 110px;/*border-radius: 10px*/}
	.count-box.counter.auto-height {height: auto;}
	.counter-col{
			padding:0% 5%;
			border: none;
			border-right: 1px solid #fff;
	}
	.myprofile-section ul.nav-tabs{border-bottom:0;}
	.myprofile-section li.nav-item{width:33.33%; }
	.myprofile-section-nsu li.nav-item{width:50% !important; }
	.nav-tabs .nav-link { position: relative; }
	.myprofile-section li.nav-item .nav-link:before {
			content:'';
			position: absolute;
			background: transparent;
		width:100%;
			height:4px; /* was 5px */
			bottom: 0;
			left: 0;
			 -webkit-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
		 transition: all 0.5s ease-in-out;
	}
	.myprofile-section li.nav-item .nav-link.active-tab:before{width:100%;  background: #00b3f4;  -webkit-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
		 transition: all 0.5s ease-in-out;}
	.myprofile-section .nav-tabs .nav-link:after {
		background:#dee2e6;
		content:'';
		width:100%;
		height:4px;/* was 5px */
		display: block;
		 -webkit-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
		 transition: all 0.5s ease-in-out;
	}
	.nav-tabs .nav-link{
		border: none !important; 
		font-size:24px;
		padding:0;	
		color:#7f7c97;
	}
	.edit_survey_tabs .nav-tabs .nav-link.active{border-bottom-color:#dee2e6  !important;}
	.edit_survey_tabs .nav-tabs .nav-link{border-bottom-color: #f2f1f1 !important;}
	
	.md-m-30px-b {padding: 50px 0px 75px;}
	form.contactform .form-group {margin-bottom: 20px;}
	.send-btn .btn{padding: 12px 50px;}
	.main-card .card{min-height: 340px; max-height:340px;}
	.card{min-height: 359px; max-height:359px;}
	
	/*****Meine Umfragen css **/
	.dropdown-toggle::after{display:none;}
	.card-content {padding: 15px 18px;}
	.boxshadow{-webkit-box-shadow: 0px 4px 13px rgb(0 0 0 / 10%);box-shadow: 0px 4px 13px rgb(0 0 0 / 10%); border-radius: 4px;}
	.add-card{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
			-webkit-box-pack: center;
					-ms-flex-pack: center;
							justify-content: center;
			-webkit-box-align: center;
					-ms-flex-align: center;
							align-items: center;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
					-ms-flex-direction: column;
							flex-direction: column;
	}
	.card-img img {width: 260px; height: auto;}
	.fixed_droupdown {
			position: absolute;
			width: 100%;
			bottom: 5px;
			left: 0;
			right: 0;
			padding: 0px 20px;
	}
	.dropdown-menu a.dropdown-item:hover{
		background-color: #00b3f4;
		color: #fff !important;
	}
	.dropdown-toggle .ti-more{
		-webkit-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
						transform: rotate(90deg);
		display: inline-block;
		font-size:20px;
	}
	
	/*******Einstellungen page css *********/
	.notifying-data .md-m-30px-b{padding:50px 0px 120px;}
	label.switch {
			position: relative;
			display: inline-block;
			width: 50px;
			height: 26px;
			margin-bottom: 0;
	}
	label.switch input[type=checkbox] {visibility: hidden;}
	.slider {
			position: absolute;
			cursor: pointer;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: #ccc;
			-o-transition: all 0.4s ease 0s;
			-webkit-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
	}
	.slider-change {
		background-color: #00b3f4;
	}
	.slider:before {
			position: absolute;
			content: "";
			height: 26px;
			width: 26px;
			left: 0px;
			bottom: 0px;
			background-color: #f1f1f1;
			-o-transition: all 0.4s ease 0s;
			-webkit-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
			z-index: 1;
	}
	.switch input:checked + .slider {
		background-color: #00b3f4;
	}
	.switch .slider.round {
		border-radius: 34px;
			-moz-border-radius: 34px;
			-webkit-border-radius: 34px;
	}
	.switch .slider.round:before {
			border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
	}
	.switch input:checked + .slider:before {
			moz-transform: translateX(25px);
			-ms-transform: translateX(25px);
			-webkit-transform: translateX(25px);
			transform: translateX(25px);
	}
	.slider-spacing {
		margin-bottom: 10px;
	}
	.slider-text {
		padding: 5px;
		font-size: 16px !important;
    	line-height: 22px !important;
	}
	.slider-text-findparticipation {
		padding: 5px;
		font-size: 14px !important;
    	line-height: 22px !important;
	}
	.sonstiges a {color: #aa9f9f!important; text-decoration: underline !important;}
	.sonstiges a:hover {color: #00b3f4!important;}
	.anderungen-btn{padding-top:75px;}
	.text-padding{padding-left:48px;}
	
	/**** about us page css ***/
	.idea-content, .our-motivation, .our-team-section, .our-wish{padding: 85px 0px;}
	.idea-content p, .our-motivation p, .our-wish p{margin-top: 25px;}
	/* .team-member-detail-content{padding:0px 50px;} */
	.team-member-img img {max-width: 200px; height: auto;}
	.team-member-detail{margin-top:80px;}
	.contact-us a {margin-top: 60px;}
	
	/****footer css ****/
	.footer-dark {background: #2d3e50;}
	.footer-section .fot-link a{padding-bottom: 4px; display: inline-block;}
	ul.bottom-footer-link li a {padding: 0px 45px;}
	.footer-copy{border-top: none; margin-top: 0; padding: 70px 0px 40px;}
	#back2Top .icon-m {
			width: 40px;
			height: 40px;
			line-height: 40px;
			border-radius: 50%;
			overflow: hidden;
			z-index: 9999;
			display: none;
			position: fixed;
			bottom: 35px;
			right: 20px;
			text-align: center;
			font-size: 18px;
	}
	
	/******** create survey page-modal-css *****/
	.closetab button{ 
		font-size: 26px !important;
	}
	.modal-content{border:0; border-radius: 0;}
	.create-survey-link {font-size: 24px; line-height: 30px;}
	.save-and-exit a{color: #b1b1b1 !important; font-size: 18px !important;}
	div .save_exit a{border:1px solid #d2cbcb; padding:10px 15px!important; box-shadow:0px 8px 15px rgba(0, 0, 0, 0.1);}
	.modal-open .modal {padding: 0 !important;}
	.modal-width {max-width: 100%;}
	.modal-dialog{margin:0 !important;}
	.modal-dialog-centered{-webkit-box-align: inherit !important;-ms-flex-align: inherit !important;align-items: inherit !important; min-height:100vh !important; height:100% !important;}
	.survey-form {max-width: 900px; width: 100%;}
	.steps.clearfix ul li a {display: none;}
	.survey-form-detail.form-group .form-control{
		border-top: none;
			border-left: none;
			border-right: none;
		border-bottom: 2px solid #7f7c97;
		border-radius: 0;
		padding:0;
		color:#000;
	}
	.survey-form-detail{margin-top:45px;}
	.survey-form-detail.form-group ::-webkit-input-placeholder{
		font-size: 14px ;
		top:-8px;
		color: #7f7c97;
	}
	.survey-form-detail.form-group :-ms-input-placeholder{
		font-size: 14px ;
		top:-8px;
		color: #7f7c97;
	}
	.survey-form-detail.form-group ::-ms-input-placeholder{
		font-size: 14px ;
		top:-8px;
		color: #7f7c97;
	}
	.survey-form-detail.form-group ::placeholder{
		font-size: 20px ;
		top:-8px;
		color: #7f7c97;
	}
	/* error message placeholder */
	.survey-form-detail.form-group .border-red::-webkit-input-placeholder{color: #202124;}
	.survey-form-detail.form-group .border-red:-ms-input-placeholder{color: #202124;}
	.survey-form-detail.form-group .border-red::-ms-input-placeholder{color: #202124;}
	.survey-form-detail.form-group .border-red::placeholder{color: #202124;}
	.registration-form.xyz {-webkit-box-shadow:0px 4px 13px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1);}
	.survey-form .registration-form.xyz {
		-webkit-box-shadow:none;
			box-shadow: none;
	}
	.registration-form.xyz label{padding: 15px 10px 15px 20px; }
	.registration-form.xyz .custom-control-label::before{left:22px;}
	
	.survey-form-detail input:focus{border:none !important; border-bottom: 2px solid #000 !important;}
	
	.survey-form .custom-select {font-size: 16px;}
	.survey-form  span{
		display:inline-block;
		word-break: break-word;
		white-space:normal;
		vertical-align: middle;
	}
	div .wizard > .content{
		background: #fff; 
		margin: 0 !important; 
			height: calc(100vh - 128px);
			height: auto;
			min-height: 0;
			/*
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center; 
			-webkit-align-items: center;
			-ms-flex-align: center;
			align-items: center;
			*/
	}
	
	div .wizard > .content > .body{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align: center;
				-ms-flex-align: center;
						align-items: center;
		-webkit-box-pack: center;
				-ms-flex-pack: center;
						justify-content: center;
		width: 100% !important;
		height: auto;
		padding: 0 !important;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.wizard.fv-form-bootstrap {max-width: 553px;}
	.wizard > .actions a{
		font-size:18px;
		padding: 5px 30px !important;
		border-radius: 3px !important;
	}
	.wizard > .actions button{
		font-size:18px;
		padding: 5px 30px !important;
		border-radius: 3px !important;
		line-height:normal;
		font-weight: normal;
	}
	.wizard > .actions > ul > li a{
		line-height: normal;
	}
	.wizard > .actions > ul > li:first-child a {background: #757575 !important; color: #fff !important; margin-right: 50px;}
	.wizard > .actions > ul > li:first-child button {background: #757575 !important; color: #fff !important; margin-right: 50px;}
	.wizard ul > li.disabled {display: none;}
	/* div .wizard > .actions > ul > li{margin: 0px 35px;} */
	.wizard > .actions > ul > li:first-child a:hover {color: #fff !important;}
	.wizard > .actions > ul > li:first-child button:hover {background: #00b3f4 !important; color: #fff !important;}
	div .wizard > .actions a, div .wizard > .actions a:hover { background: #00b3f4;}
	div .wizard > .actions button, div .wizard > .actions button:hover { background: #00b3f4;color: #fff !important; border: 0px;}
	.modal__wizard .wizard__container { padding: 30px 15px; /*dv*//*display: -webkit-box; display: -ms-flexbox; display: flex;*/ }
	.wizard > .content > .body.current {position: relative;}
	.modal__wizard .wizard__container {min-height: calc(100vh - 83px); padding-top: 100px !important; padding-bottom: 120px; }
	.survey-participation-modal.wizard.wizard__container {padding-top: 125px !important; }
	.modal-wizard-question.modal__wizard .wizard__container { padding-top: 140px; }
	.modal-header{
			position: fixed;
			width: 100%;
			left:0;
			right:0;
			z-index: 9;
			border-bottom: none;
			-webkit-box-shadow: 0 8px 50px -6px rgba(84,84,120,.26);
			box-shadow: 0 8px 50px -6px rgba(84,84,120,.26);
			background-color: rgba(255,255,255,0.77)!important;
			backdrop-filter: saturate(150%) blur(10px);
			-webkit-backdrop-filter:saturate(150%) blur(10px);
		}
	
	div .tab-content .wizard {
            text-align: center;
            position: fixed; 
            bottom:0; 
            left:0; 
            z-index: 9;
            margin-top:0; 
            -webkit-box-shadow: 0px -8px 50px -6px rgba(84,84,120,.26);
            box-shadow: 0px -8px 50px -6px rgba(84,84,120,.26);
  	}
	
	div .wizard > .actions{
            text-align: center;
            padding:15px 0px;
            line-height: normal;
            background-color: rgba(255,255,255,0.77);
            -webkit-backdrop-filter:saturate(150%) blur(10px);
            backdrop-filter: saturate(150%) blur(10px);
    }
	.participation{
		padding: 15px 0px !important;
	}
	.wizard > .actions > ul {
		display: inline-block;
		text-align: right;
		vertical-align: middle;
	}
	@media screen and (max-width:575px)
	{
		.participation
		{
			padding: 21px 0px !important;
		}
	}

	.space-between{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
	.icon-for-image .btn{-webkit-box-shadow:none;box-shadow:none; background:transparent;}
	.icon-for-image .btn:hover{box-shadow:none;}
	.icon-for-image i.fas {
		font-size: 22px;
		color: #717171;
	}
	.add-answer i.ti-plus.icon-m {
			background-color: #ccc;
			width: 40px;
			height: 40px;
			line-height: 40px;
	}
	.round-information i.fa-info.icon-m {
		background-color: #ccc;
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: #4a4a4a !important;
	}
	.custom-radio-btn .custom-control-label::before{
		width: 18px;
		height: 18px;
		border: 1px solid #000;
		background: #fff;
		top: 50%;
		left:24px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.survey-form .custom-radio-btn .custom-control-label::before{border: 2px solid #e7e7e7;}
	div .survey-form .free-text-ans, .survey-form .free_answer_multiple{font-weight:normal !important; color:#444!important; font-size:16px!important;}
	.padding-x{padding:25px 50px 0;}
	.demografischen{max-width: 540px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;}
	.custom-radio-btn .custom-checkbox .custom-control-label::before{border-radius:50%;}
	.custom-radio-btn .custom-control-input:checked~.custom-control-label::before{
		color: #00b3f4;
			background-color: transparent !important;
			content: '\f111';
			font-weight: bold;
			font-family: "Font Awesome 5 Free";
			font-size: 10px;
			line-height: 16px;
			text-align: center;
		border: 1px solid #00b3f4;
		padding: 0px 3px;
	}
	
	div input.free_answer_multiple:focus, div input.free-text-textarea:focus {border: 0 !important;}
	
	.custom-radio-btn .custom-radio .custom-control-input:checked~.custom-control-label::after{background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);}
	
	.custom-radio-btn .custom-control-label{
		cursor: pointer; 
		font-size: 16px; 
		color: #444444;
		text-transform: none;
		width:100%;
		padding: 14px 10px 14px 34px;
		}
	.custom-radio-btn .custom-control-label.demographicsingle{
		padding: 16px 10px 16px 34px;
	}
	.custom-radio-btn.btn {
			padding: 0;
			text-align: left;
		border-radius: 3px;
	}
	/* .custom-radio-btn.btn:hover { */
			/* -webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2); */
			/* box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2); */
	/* } */
	.survey-form-detail .custom-control.custom-checkbox { min-width: 260px; padding:0; } 
	span.custom-checkbox-margin-left {padding-left: 25px;}
	.tips h4 {font-size: 16px; color: #444444;}
	
	/********* survey-participate modal css *****/
	.survey-participate .modal-body{padding:100px 0px 50px;}
	textarea:focus{border: 1px solid #000000 !important;outline:none}
	.send-survey-by-link{
			max-width: 470px;
			margin: 0 auto;
		width: 100%;
	}
	.form-group textarea.form-control + label {top: 12px; left: 12px;}
	.form-group textarea.form-control .focus > label{-webkit-transform: translateY(-25px) scale(.80);-ms-transform: translateY(-25px) scale(.80);transform: translateY(-25px) scale(.80);}
	.container-md {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
		padding: 0px 15px;
	}
	.find-out select.custom-select {font-weight: bold;}
	.send-survey-by-link .form-group .form-control {height: 46px;}
	.send-survey-by-link .form-group label {top: 10px;}
	.send-survey-by-link input[type=text] {padding-right: 43px;}
	.input-group-append .input-group-text{padding-right:13px !important; cursor: pointer; padding-top:14px !important; padding-bottom: 32px !important;}
	.btn-copy {padding-right:13px !important; cursor: pointer;position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: transparent;
		border: 0;
		z-index: 5;
		font-size: 22px;color: #495057;}
	.icon-for-copy .ti-file{font-size: 16px;}
	.survey-participate h3{font-size: 22px; line-height: 28px;}
	.send-survey-by-link .form-group{margin:0 0 20px;}
	.about-emporio-participants .form-group{margin-bottom: 25px;}
	.form-group textarea.form-control {height: 170px; resize: none; padding:25px;}
	.container-xs{max-width:850px; margin: 0 auto; width: 100%;}
	
	/************ survey-analyze modal css ***********/
	.modal-body .count-box {background: #f4f4f4; padding: 30px 0px;}
	.modal-body .counter-col {border-right: 1px solid #ddd; } /**removed height:95%;*/
	.download-content{margin-top: 30px; margin-bottom: 75px;}
	.pdf-btn .btn, .excel-btn .btn, .spss-btn .btn {width: 205px;}
	.table-content{background-color: #f4f4f4; padding: 10px 30px; border-radius: 10px}
	table.member-table td{
		padding: 10px 30px;
			border-bottom: 2px solid #f1eaea;
		width:240px;
	}
	.table-participants { padding : 30px 0px;}
	.graph{margin-top:80px;}
	
	.graph-img img{width:1200px; height: auto;}
	
	/***** survey-detail-page-modal-css *****/
	/* .survey-bg-img{ */
		/* background-image: url(../img/survey-detail-modal-img.jpg); */
		/* background-size: cover; */
		/* background-repeat: no-repeat; */
		/* position: relative; */
		/* display: block; */
		/* width:100%; */
		/* background-position: top center; */
	/* } */
	/* .modal_header{padding:1rem;} */
	.survey-main-image{
		text-align: center;
			height: 100vh;
			overflow: hidden;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
	}
	.survey-main-image:before{
		content: '';
		background-color: rgba(33,33,33,0.5);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	/* .survey-bg-img .survey-img{min-height:100vh;} */
	.modal_header{position: absolute; top:0; left:0; right:0; padding:24px 15px; z-index:999;}
	.survey-bg-img .close { 
			color: #fff;
			font-size: 30px;
			opacity: 1;
	}
	.survey-bg-img .close:not(:disabled):not(.disabled):focus, .survey-bg-img .close:not(:disabled):not(.disabled):hover{
		color: #fff;
			opacity: 1;
	}
	
	/* .survey-main-image img{width:100%; visibility: hidden;} */
	.survey-cover-page-detail{ 
		position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: 0;
			right: 0;
		width:100%;
		/* max-width: 815px; */
		/* padding:0 15px; */
		padding:0 30px;
			margin: 0 auto;
		word-break: break-word;
	}
		
	.survey-cover-page-detail p{font-size: 20px; margin-top: 60px;}
	.participate-surevey-link a {margin-top: 45px; font-size: 16px;}
	.modal-footer{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		display: block;
		border-top: 0;
		padding-left: 45px;
	}
	.voucher-text a:hover {color: #00b3f4 !important;}
	.modal-edit-height{min-height: calc(100vh - 71px); padding:105px 0px 25px;}
	
	/**********Error-page************/
	.error h2{font-size: 100px !important; line-height: 106px !important; font-weight: bold;}
	.error h3{font-weight: bold; padding-top: 80px;}
	
	/**********end-Error-page************/
	
	/****** singal-selection-question ****/
	div#example-singal-selection-question button.close {
			position: absolute;
			top: 10px;
			right:30px;
			font-size: 26px;
		opacity:1;
	}
	.modal-wizard-question .wizard__container {min-height: calc(100vh - 96px);}
	.survey-single-question-details{max-width: 750px; width: 100%; padding-bottom: 10px; margin:0 auto;}
	.question-heading h3{margin-bottom: 45px;}
	.question-image {
		width: 100%;
		height: 400px !important;
	}
	.question-image img {
		width: 100%;
		height: 400px !important;
	}
	.question-image-width {
		width: 100%;
	}
	.question-image-width img {
		width: 100%;
	}
	.question-image-height {
		height: 400px !important;
	}
	.question-image-height img {
		height: 400px !important;
	}
	.survey-form-question{margin-top:20px;}
	/* .question-line {
		float: left;
		width: 100%;
		display: inline-grid;
	} */
	.survey-form .question-line h2{
		font-size: 28px; 
		line-height: 34px;
		padding: 0px 70px;
	}
	.question-blue-line{
		height: 5px;
			width: 100%;
			display: block;
		margin: 0px auto 0px;
		position: relative;
		border-radius:3px;
		float: left;
	}
	.progress-blue-line{
		height: 5px;
			width: 100%;
			display: block;
		margin: 0px auto 0px;
		position: relative;
		border-radius:3px;
		float: left;
	}
	.question-line h2 {
		line-height: 30px !important;
	}
	.question-line .close{ font-size:24px; opacity:1 !important; top: 25px; padding: 0px; right: 47px;}
	.question-line .live-demo-position {padding-right: 0;}
	.question-blue-line span {
			position: absolute;
			top: 8px;
			left: 0;
			height: 100%;
		/* background: #00b3f4; */
		transition: width 1s ease-in-out;
		border-radius: 0px 3px 3px 0px;
	}
	.progress-blue-line span {
		position: absolute;
			top: 0;
			left: 0;
			height: 100%;
		background: #00b3f4;
		border-radius: 0px 3px 3px 0px;
	}
	.fill-by-img {
			position: relative;
			display: block;
			width: 100%;
			height: auto;
			min-height:290px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
	}
	.fill-colour.form-group .form-control{
		padding: 10px 26px; 
		height: 56px;
		-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1);
			box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1);
	}
	/*.fill-colour.form-group .form-control:hover{-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2);}*/
	.fill-colour.form-group .form-control{color:#444}
	input.textfield-type-demo {
		font-size: 16px !important;
		border: none !important;
	}
	.dropdown-type-demo{
		color: #444 !important;
	}
	.survey-form-question .form-control.textfield-type-demo:focus{border:0 !important;}
	.custom_text_checkbox.fill-colour.form-group .form-control.free_answer_multiple{
		padding: 10px 57px !important;
		border-radius: 0px;
	}
	
	.fill-colour.form-group .form-control::-webkit-input-placeholder{
		color: #a4a4a4; 
		font-size:16px; 
		/*letter-spacing:0.05em;*/
	}
	.fill-colour.form-group .form-control::-moz-placeholder { /* Firefox 19+ */
		color: #a4a4a4; 
		font-size:16px; 
		font-weight: normal; 
		/*letter-spacing:0.05em;*/
	}
	.fill-colour.form-group .form-control:-ms-input-placeholder { /* IE 10+ */
		color: #a4a4a4; 
		font-size:18px; 
		font-weight: bold; 
		/*letter-spacing:0.05em;*/
	}
	.fill-colour input:focus {border: 1px solid #ccc !important;}
	
	.freezePage{
		overflow: hidden;
		height: 100%;
		position: relative;
	}
	/**** date 07/03/2019 ****/
	button.default, button.btn-rank  {
			background-color: #fff;
			width: 50px;
			height: 50px;
			margin-right: 12px;
			font-size: 20px;
			border-radius: 5px;
		-webkit-transition: all 0.3s ease;    
		-o-transition: all 0.3s ease;    
		transition: all 0.3s ease;
		cursor: pointer;
		margin-bottom:15px;
		border:0;
		text-align:center;
	}
	/* button.default,button.btn-rank{
		width: 84px;
		height: 84px;
		font-size: 40px;
	} */
	.btn-grade, .btn-grade-clr{
		min-width: 118px;
		max-width: 29%;
		height: auto;
		min-height: 140px;
		background-color: #fff;
		font-size: 16px;
		margin-right: 12px;
		border-radius:5px;
		-webkit-transition: all 0.3s ease;    
		-o-transition: all 0.3s ease;    
		transition: all 0.3s ease;
		cursor: pointer;
		margin-bottom:15px;
		vertical-align: top;
		border: 0;
		word-break: break-word;
		flex: 1;
		-webkit-box-flex: 1;
			-webkit-flex: 1;
			-ms-flex: 1;
	}
	.ranking-7 .btn-grade, .ranking-7 .btn-grade-clr {
		min-width: 157px;
		max-width: 23%;
	}
	.ranking-8 .btn-grade, .ranking-8 .btn-grade-clr {
		min-width: 195px;
	}
	.ranking-9 .btn-grade, .ranking-9 .btn-grade-clr {
		min-width: 132px;
		max-width: 19%;
	}
	.ranking-10 .btn-grade, .ranking-10 .btn-grade-clr {
		min-width: 129px;
	}
	
	button.btn-rank, div .btn-grade-clr {
			color:var(--school-gradian);
		/* font-weight: bold; */
		transition: all 0.3s ease;	
	}
	
	.tick-marks input[type=range]:focus {
			box-shadow: none;
			outline: none;
			border: 0 !important;
	}
	
	.tick-marks input[type="range"] { 
			margin: auto;
			-webkit-appearance: none;
			position: relative;
			overflow: hidden;
			height: 10px;
			width: 75%; 
			max-width: 100%;
			vertical-align: middle;
			cursor: pointer;
			border-radius: 10px; 
	}
	
	.tick-marks-creation input[type=range]:focus {
		box-shadow: none;
			outline: none;
			border: 0 !important;
	}
	
	.tick-marks-creation input[type="range"] {
		overflow: hidden;
			height: 10px;
			padding: 0px;
			border-radius: 10px;
		margin: auto;
		width: 60%;
			-webkit-appearance: none;
	}
	
	::-webkit-slider-runnable-track {background: #ddd;}
	::-webkit-slider-thumb {
			-webkit-appearance: none;
			width: 20px; 
			height: 10px;
			background: #757575;
			box-shadow: -100vw 0 0 99vw #00b3f4;
			border-radius: 100px;
	}
	::-moz-range-track {height: 40px; background: #ddd;}
	::-moz-range-thumb {
			-webkit-appearance: none;
			width: 20px; 
			height: 10px;
			background: #757575;
			box-shadow: -100vw 0 0 99vw #00b3f4;
			border-radius: 100px;
	}
	::-ms-fill-lower { background: #00b3f4;}
	::-ms-thumb { 
			-webkit-appearance: none;
			width: 20px; 
			height: 10px;
			background: #757575;
			box-shadow: -100vw 0 0 99vw #00b3f4;
			border-radius: 100px;
	}
	::-ms-ticks-after { display: none; }
	::-ms-ticks-before { display: none; }
	::-ms-track { background: #ddd; color: transparent; height: 40px; border: none;}
	::-ms-tooltip { display: none;}
	
	.tick-marks span{padding-left:10px; padding-right:10px;} 
	
	/* .tick-marks-creation ::-webkit-slider-thumb {box-shadow: -100vw 0 0 99vw #ddd;}
	.tick-marks-creation ::-moz-range-thumb {box-shadow: -100vw 0 0 99vw #ddd;}
	.tick-marks-creation ::-ms-thumb {box-shadow: -100vw 0 0 99vw #ddd;} */
	/* .option-button .btn-grade{margin-right:0;} */
	
	.buttonCounterImgOpt .buttonIncrement, .buttonCounterImgOpt .buttonDecrement{background-color: transparent; border: 0;}
	.buttonCounterImgOpt .fa-caret-right , .buttonCounterImgOpt .fa-caret-left{font-size:60px;}
	
	
	.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8…M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e); }
	
	.buttonCounterImgOpt h5{vertical-align: text-bottom;}
	
	.error-text p{
		color: #ff0000;
		font-size: 16px;
		line-height: 24px;
	}
	.survey-picture .fill-by-img {
			min-height: 145px;
	}
	.survey-picture .custom-radio-btn .custom-control-label{padding:25px 15px;}
	.survey-picture .custom-radio-btn .custom-control-label::before{left: 43%;}
	/* radio-center */
	.survey-picture .custom-radio-btn .btn-radio-spacing{
		padding: 14px 10px;
		text-align: center;
		box-shadow:none;
	}
	.survey-picture .custom-radio-btn .btn-radio-spacing:before{
		display: none;
	}
	
	/* radio-center end*/
	.text-msg{
		width:85%;
		max-width:100%;
		padding: 10px 15px;
		border-radius:15px;
	}
	
	label.file { 
		background: #00b3f4; 
		color: #ffff; 
		padding: 10px 20px; 
		width: 85%; 
		cursor: pointer; 
		border: 0; 
		max-width: 100%; 
		border-radius: 15px; 
		text-align: center;
	}
	.participation-survey span {
			white-space: normal;
	}
	input:focus{outline: none; }
	/* .participation-survey .custom-radio-btn .custom-control-label{height:100px;} */
	
	
	.icon-for-image {
			background-color: transparent;
		box-shadow: none;
		width:25%;
		position:relative;
	}
	input[type=file]:focus{border:0 !important;}
	
	.width100div.form-group > div:not(.sr-only):not(.spinner-loader) {
			width: 100%;
	}
	
	/***** survey-overview css ****/
	
	.up-down-btn button{
		width: 50px;
			height: 50px;
			border-radius: 50%;
		border:0;
	}
	.up-down-btn .buttonIncrement{
		background: #757575;
			color: #fff;
	}
	.up-down-btn .mr{
			margin-right: 20px;
	}
	/*** 12/03/2019 ***/
	div .upload{
		position: relative;
			top: 5px;
			padding: 0;
			display: inline-block;
			pointer-events: fill;
			cursor: pointer;
	
	}
	div .upload:after {
			content: "\f03e";
			font-family: Font Awesome\ 5 Free;
			font-weight: bold;
			font-size: 22px;
			line-height: 1;
			color: #717171;
			position: absolute;
		top: 50%;
		transform: translatey(-50%);
		left:27px;
	}
	.icon-for-image img.element-content-img{
		position: absolute;
			right: 0;
			top: 50%;
			transform: translatey(-50%);
	}
	.delete-icon {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: 0;
			right: 0;
			margin: auto;
	}
	
	/*** section-overview date-16/03/2019 *****/
	.section-overview .survey-form-detail{margin-top:0;}
	.edit-btn button {margin-top:15px; margin-right: 10px;}
	.section-overview .defalut{
			/* width: 120px;
			height: 120px; */
		background-color:#ffffff;
		/* ------*/
		border:0px;
	}
	div .section-overview a.dropdown-item:hover, div .section-overview a.dropdown-item.active, .div section-overview a.dropdown-item:active{background-color:#ffffff; color:#00b3f4 !important;}
	
	/****date: 01/04/2019 ****/
	/* .custom_text_field {-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1);
			box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1);} */
	.custom_text_field .custom-radio-btn .custom-control.custom-radio.custom-control-inline.W-1000.w-100.free-text-shadow.free-single-text-shadow-hover {
		box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1);
	}
	.custom_text_field .form-control{padding: 27px 35px; border:0; font-weight:600;}
	.custom_text_field .input-group-text{background-color: #fff; border:0;}
	.custom_text_field input[type="radio" i] {
		-webkit-appearance: none;
	}
	.custom_text_field .custom_text_radio:before{
		content:'';
		width: 18px;
			height: 18px;
			border: 1px solid #000;
		background: #fff;
		position: absolute;
			top: 50%;
			left: 24px;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		border-radius: 50%;
		z-index: 999999;
	}
	.custom_text_field .form-control::placeholder{color:#444444;}
	.free-text-ans.form-control::placeholder{color: #a4a4a4;font-weight: normal;font-size: 16px;letter-spacing: 0.5px;}
	.free_answer_multiple::placeholder {color: #a4a4a4 !important;letter-spacing: 0.5px;}
	.custom_text_field .form-control:focus{box-shadow: none; border:0 !important;}
	.custom_text_checkbox input[type=checkbox]{-webkit-appearance:none;}
	.custom_text_checkbox input[type=checkbox]:before{
		content:'';
		position: absolute;
		z-index: 999999;
		width: 20px;
			height: 20px;
			border: 2px solid #e7e7e7;
			background-color: #ffffff;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			left: 25px;
	}
	.custom_text_checkbox.fill-colour.form-group .form-control{padding: 10px 55px;}
	.custom_text_checkbox.fill-colour.form-group .form-control::-webkit-input-placeholder{color:#4a4a4a; font-weight: normal;}
	.del-btn .icon-for-image{width:10%;} .del-btn .icon-for-image:hover{box-shadow: none;}
	.custom-accordion .acco-heading:after{display:none;}
	.custom-accordion .acco-heading{
		padding:13px 15px 13px 15px;
		 -webkit-transition: ease all 0.5s;
			-moz-transition: ease all 0.5s;
			-o-transition: ease all 0.5s;
			transition: ease all 0.5s;
		border-radius: 0.25rem;
		border-bottom: none;
	}
	.custom-xs-survey .input_close_btn .input-group-text{
		color:#7f7c97;
		top: 48%; /*53*/
		right:0px;
		text-align:right;
		transform: translateY(-50%);
		width:100%;
	}
	div .icon-del{
		font-size: 22px;
			color: #717171;
		box-shadow:none;
		background-color:transparent;
		margin-left:15px;
	}
	.icon-del:hover{box-shadow:none;}
	
	.plus-icon .custom-radio-btn .custom-control-label span::before{
		border: 0; 
		top: 41%;
		font-family: Font Awesome\ 5 Free;
			content: "\f067" !important;
		background: #fff;
			color: #000;
		left: 0;
			padding-right: 20px;
	}
	.plus-icon .custom-radio-btn .custom-control-label span{margin-left:0 !important}
	.plus-icon .custom-radio-btn .custom-control-label::before{display:none;}
	
	.custom_rating_btn img{max-height:80px; height:auto; max-width:100%;}
	
	/****date 03/05/2019 ****/
	.user_profile_photo .profile_pic{
		position: absolute;
			top: auto;
			left: 0;
			bottom: 50%;
			right: 0;
			text-align: center;
	}
	.user_profile_photo img {
			width: 110px;
			height: 110px;
			border: 4px solid #fff;
	}
	.table_record{
		min-height: 240px;
			overflow-y: scroll;
			max-height: 240px;
	}
	 
	/* .myprofile-section {overflow:hidden;}  */
	 /* .myprofile-section .tab-content .tab-pane{ */
		 /* -webkit-transform:translateX(135%); */
					/* -ms-transform:translateX(135%); */
							/* transform:translateX(135%); */
		 /* -webkit-transition: opacity 0.3s ease, transform 0.3s ease 0.2s; */
		 /* -o-transition: opacity 0.3s ease, transform 0.3s ease 0.2s; */
		 /* transition: opacity 0.3s ease, transform 0.3s ease 0.2s; */
		 /* position:absolute; */
		 /* opacity:0; */
	 /* } */
	 /* .myprofile-section .tab-content .tab-pane.active{ */
		 /* -webkit-transform:translateX(0%); */
					/* -ms-transform:translateX(0%); */
							/* transform:translateX(0%); */
				/* position:relative; */
				/* opacity:1; */
	 /* } */
	
	 /* .myprofile-section .tab-content>.tab-pane { */
			/* display: block; */
	/* } */
	.icon-profile label.edit_profile {
			background: #00b3f4;
			color: #ffff;
			width: 30px;
			height: 30px;
			border-radius: 50%;
		text-align: center;
		position: absolute;
			bottom: 0;
			right: 0;
			margin: 0 auto;
		cursor:pointer;
	}
	.icon-profile label.edit_profile:before {
			content: "\e61c";
			font-family: 'themify';
			font-size: 15px;
			vertical-align: middle;
			line-height: 2;
			
	}
	.custom-control-label.input_text_check {left: 8px;}
	.custom-control-label.input_text_check.free-text-checkbox { top: 13px; }
	.min-height-for-img{
		display: -webkit-box;
		 display: -ms-flexbox;
		 display: flex;
			-webkit-box-align: center;
					-ms-flex-align: center;
							align-items: center;
			-webkit-box-flex: 1;
					-ms-flex: 1;
							flex: 1;
	}
	
	.custom-col-12{
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		margin-bottom: 1rem!important;
	}
	
	.survey-ending-close{
		text-align: right;
			position: absolute;
			right: 25px;
			top: 25px;
			opacity: 1;
			font-size: 20px;
	}
	
	.survey-ending-page .page-title h1{
		/* background: rgba(128, 128, 128, 0.5);
			color: rgba(255, 255, 255, 0.3) !important; */
			max-width: 810px;
			margin: 0 auto;
	}
	.survey-ending-page .round-check{
		position: absolute;
			top: 0;
			left: 0;
			right: 0;
	}
	.survey-ending-page .round-check .fa-check-circle{font-size:56px;}
	
	.close_link_btn button.btn {
			font-size: 18px !important;
		line-height: 26px !important;
		/* padding: 0 15px; */
			padding: 0 0 0 15px;
			text-transform: none;
			font-weight: 700;
			/* margin-right: 40px; */
		background: transparent;
		-webkit-box-shadow: none;
			box-shadow: none;
	}
	.closetab .closebtn_mobile {
			position: absolute;
			top: 0px;
			right: 15px;
			font-size: 26px;
	}
	
	.spinner-loader {
			position: absolute;
			top: 12px;
			right: 25px;
	}
	#exampleModalCenter .close{opacity:1;}
	
	/***** kelvin css ***/
	/*14/10/2019*/
	.rang-element-disabled{
		color:lightgray !important;
	}
	/*18/07/2019*/
	.custom-control-label::before, .custom-file-label, .custom-select {
		transition: background-color .10s ease-in-out,border-color .10s ease-in-out,box-shadow .10s ease-in-out;
	}
	.home-section .home-effect-bg {
		left: -440px;
	}
	/*10/07/2019*/
	.faq-category {
		font-size: 32px !important;
		line-height: 38px !important;
		margin-top: 5rem !important;
		margin-bottom: 2rem !important;
	}
	.faq-first-category {
		font-size: 32px !important;
		line-height: 38px !important;
		margin-bottom: 2rem !important;
	}
	.faq-category-margin {
		margin-top: 5rem !important;
		margin-bottom: 2rem !important;
	}
	.first-faq-category-margin {
		margin-bottom: 2rem !important;
	}
	/* 05/07/2019 */
	.create-plus {
		font-weight: 700 !important;
	}
	.create-plus-for-ai {
		font-weight: 600 !important;
		font-size: 16px;
	}
	.message-padding {
		margin-bottom: 15px;
	}
	@-moz-document url-prefix() {
		.chapter-style:after{
			height: 2px !important;
		}
	}
	/*03/07/2019*/
	.custom-test-text {
		overflow: hidden;
		text-overflow: ellipsis;
		-ms-text-overflow: ellipsis; 
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	/*21/06/2019*/
	.background-image-css {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.text-hyphens{
		hyphens: auto !important;
		-webkit-hyphens: auto !important;
		-moz-hyphens: auto !important;
		-ms-hyphens: auto !important;
	}
	/*24/06/2020*/
	@-webkit-keyframes fadeInRight {
		from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		}
		to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}
	}
	@keyframes fadeInRight {
		from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		}
		to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}
	}
	.fadeInRight {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
	}
	.animated {
		-webkit-animation-duration: 1s !important;
		animation-duration: 1s !important;
		/* -webkit-animation-fill-mode: both;
		animation-fill-mode: both; */
	}
	@-webkit-keyframes fadeInLeft {
		from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		}
		to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}
	}
	@keyframes fadeInLeft {
		from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		}
		to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}
	}
	.fadeInLeft {
		-webkit-animation-name: fadeInLeft !important;
		animation-name: fadeInLeft !important;
	}
	/*11/06/2019*/
	.custom-autocomplete-background {
		background: #258BFB;
		/* background:  -webkit-focus-ring-color ; */
		color: white;
	}
	i.fa-medal {
		font-size: 40px;
	}
	.rating-element-size {
		font-size:40px !important;
	}
	.chapter-style:hover, .chapter-style:before {
		/* width: calc(100% - 24px); */
		/* position: absolute;
		border-bottom:1px solid black;
		transition: ease all 0.5s; */
	}
	.chapter-style:hover:after {
		width: 100% !important;
	}
	.article-link a {
		position: relative;
	}
	.chapter-style:after {
		content: "";
		position: absolute;
		left: 0; /*16px*/
		bottom: 0;
		width: 0;
		height: 1px;
		background:#000;
		-webkit-transition: ease all 0.3s;
		-moz-transition: ease all 0.3s;
		-o-transition: ease all 0.3s;
		transition: ease all 0.3s;
	}
	/*06/06/2019*/
	/*17/06/2019*/
	body .survey-participate-page .page-title.survey-end-background-content {
		top:100px;
	}
	.survey-participate-detail {
		max-width: 580px;
		margin: 0 auto;
		background: #fff;
		padding: 50px;
		box-sizing: border-box;
		margin-top:50px;
		border-radius: 4px;
		-webkit-box-shadow: 0px  20px 24px 0px rgba(0, 11, 40, 0.1);
		box-shadow: 0px  20px 24px 0px rgba(0, 11, 40, 0.1);
	}
	.survey-participate-btn a {
		font-size: 16px;
	}
	.survey-participate-page .h-350 {
		height: 1000px !important;
	}
	body .survey-participate-page {
		position: relative;
		padding: 0;
		max-height: 1000px;
		overflow: hidden;
	}
	.survey-participate-btn {
		margin-top: 20px;
	}
	.survey-title-box {
		margin-bottom: 20px;
	}
	.text-survey span {
		color: #00b3f4;
		padding-right: 10px;
	}
	/*17/06/2019*/

	/*16/06/2019*/
	
	.survey-form .MuiSlider-main .MuiSlider-root {
		display: block;
	}
	.survey-form .MuiSlider-main .MuiSlider-root {
        color:grey;
    }
	.survey-form .MuiSlider-main .MuiSlider-root .MuiSlider-rail {
		display: block;
		height: 8px;
		color:#bdbdbd;
		border-radius: 3px;
		opacity:1;
	}
	.MuiSlider-main .MuiSlider-track {
		height: 8px;
		border-radius: 3px;
	}
	.MuiSlider-thumb{
		width: 18px !important;
		height: 18px !important;
	}
	.MuiSlider-valueLabel {
		left: calc(-50% - -1px) !important;
	}
	.MuiSlider-per {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
				justify-content: space-between;
	}
	.MuiSlider-per span {
		color: #a4a4a5;
		font-size:16px;
	}
	.MuiSlider-main .MuiSlider-valueLabel span > span {
		margin-top: 9px;
		font-weight: bold;
	}
	.MuiSlider-main .PrivateValueLabel-label-5 {
		margin-top: 9px;
		font-weight: bold;
	}
	.box-shadow-hover:hover {
		box-shadow: 0px 4px 13px rgba(0, 0, 0, .2) !important;
		transition: ease all 0.3s !important;
		-webkit-transition: ease all 0.3s !important;
	}
	/*16/06/2019*/
	
	/*Google-chart*/
	.chart-main-block .table-content , .table-main-block .table-content {
		padding-top: 30px;
		padding-bottom: 0px;
	}
	 .table-main-block .table-content {
		padding-top: 30px;
		padding-bottom: 15px;
	}
	.chart-main-block-freetext .table-content {
		padding-top: 30px;
		padding-bottom: 0px;
	}
	.chart-bottom .user-count {
		color: #4a4a4a;
		font-size: 16px;
		font-weight: bold;
	}
	.chart-bottom > div button {
		color: #4a4a4a;
		font-size: 16px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.chart-main-block h3, .chart-main-block-freetext .bottom-border-blue{
		padding-bottom: 12px;
		position: relative;
	}
	.chart-main-block-freetext .bottom-border-blue {
		padding-left: 30px;
	}
	.chart-main-block-freetext .freetext-subtitle {
		padding-left: 30px;
	}
	.chart-main-block h3:after, .chart-main-block-freetext .bottom-border-blue:after {
		content: "";
		display: block;
		width: 100%;
		height: 5px;
		bottom: 0;
		position: absolute;
		background-image: linear-gradient(160deg, #1992E7 50%, #2680E0 100%);
		max-width: 200px;
	}
	.chart-bottom > div button i{
		color: #3866d7 !important;
	}
	.chart-bottom .user-count i{
		color: #3866d7;
		margin-right: 8px;
	}
	.chart-main-block .chart-bottom, .chart-main-block-freetext .chart-bottom {
		padding: 0px 70px 15px;
	}
	.chart-main-block, .chart-main-block-freetext {
		margin-bottom: 50px;
	}
	.hide-chart-title svg > g:first-of-type{
		visibility:hidden;
		display: none;
	}
	/* Cloud section*/
	.custom-tag-parent .app-outer {
		font-family: sans-serif;
		-webkit-font-smoothing: antialiased;
	  	-moz-osx-font-smoothing: grayscale;
	 	 text-rendering: optimizeLegibility;
		font-smooth: always;
		margin: 0;
		align-items: center; 
		bottom: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		left: 0;
		position: relative;
		height: 400px;
		right: 0;
		top: 0;
	}
	.custom-tag-parent .app-inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
	    flex-direction: column;
		height: 100%;
		width: 100%;
	}
	.custom-tag-parent .tag-cloud {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	.custom-tag-parent .tag-cloud > div {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
		animation: none !important;
		/* transform: translate(0px, 0px) rotate(0deg) !important; */
		}
	.custom-tag-parent .tag-item-wrapper {
		cursor: pointer;
	}
	.custom-tag-parent .tag-item-wrapper:hover {
		z-index: 100;
	}
	/* Cloud section end*/
	/* EmojiSymbols  style*/
	.creation-survey .custom-select {
		font-family: 'Poppins','EmojiSymbols', sans-serif;
	}
	/* EmojiSymbols  style end*/
	/* header-link 10-07*/
	.close_link_btn .preview-link {
		font-weight: 700;
		letter-spacing: 1px;
		padding-left: 15px;
		-webkit-appearance:none;
	}
	.close_link_btn .preview-link:hover {
		color: #7f7c97 !important;
	}
	/*header-link end*/
	@media screen and (max-width: 575px){
		.payment-popup .focus > label {
			top:15px!important;
		}
		.question-blue-line span{
			top: 10px
		}
		.custom-logo-size{
			max-width: 120px !important;
			max-height: 33px !important;
			width: auto !important;
			height: auto !important;
		}
		.chart-main-block .chart-bottom, .chart-main-block-freetext .chart-bottom {
		  	padding-left: 15px ;
  			padding-right: 15px ;
		}
		.chart-main-block .table-content, .chart-main-block-freetext .table-content{
			padding-left:15px;
			padding-right:15px;
			padding-top:20px;
			margin-bottom:20px;
		}
		.chart-main-block .table-content{
			margin-bottom:0px;
		}
		.chart-main-block h3:after, .chart-main-block-freetext .bottom-border-blue:after {
			max-width:150px;
			height:4px;
		}
		.chart-main-block, .chart-main-block-freetext {
			/* margin-bottom: 30px; */
		}
		.chart-bottom .user-count , .chart-bottom > div button {
			font-size: 14px;
		}
		.chart-main-block-freetext .bottom-border-blue {
			padding-left:15px;
		}
		.chart-main-block-freetext .freetext-subtitle {
			padding-left:15px;
		}
		.chart-main-block-freetext .table-content {
			margin-bottom: 0px;
		}
		.table-main-block .table-content {
			padding-top: 30px;
			padding-left: 15px;
			padding-right: 15px;
			padding-bottom: 10px;
		}
	}
	/*Google-chart end*/
	
	
	@media screen and (max-width: 575px){
		.fixed-in-mb {
			bottom: 12px !important;
		}
		.text-area-design {
			font-size: 16px ;
		}
		.ranking-5 .btn-grade, .ranking-5 .btn-grade-clr {
			width: 88px;
			height: auto;
			min-height: 94px;
			min-width: 88px;
		}
		.ranking-5 .MuiCustomRating > button{
			min-height: 94px;
			height:auto;
		}
		.mobile-hide{
			display: none !important;
		}
	}
	/*05/06/2019*/
	.custom-radio-btn .custom-control .free-text-height {
		padding: 28px 35px;
	}
	.free_answer_multiple {
		height: 56px !important;
	}
	.survey-participation-modal.wizard.wizard__container.participation-end-content {
		padding-top: 50px !important;
	}
	.closetab .text-white.font-weight-bold.close {
		opacity : 1;
	}
	.custom-height-endpage {
		min-height: 0px !important;
	}
	/*04/06/2019*/
	.rating-white {    
		/* color: #00b3f4; */
    background: white;
    font-weight: unset;
		transition: all 0.3s ease;
	}
	.change-bottom-border-accordian {
		border-bottom-right-radius : 0px !important;
		border-bottom-left-radius : 0px !important;
	}
	/*03/06/2019*/
	.filter-autocomplete::-webkit-input-placeholder {
		color: #7f7c97 !important;
		overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
	}
	@media screen and (max-width: 991px) {
		.filter-autocomplete {
			font-size: 14px;
		}
	}
	.custom-static-data {
		color: #4a4a4a !important;
	}
	/*30/05/2019*/
	.filter-autocomplete:focus {
			border-color: unset !important;
			-webkit-box-shadow: none;
			box-shadow: none;
		color: #7f7c97;
	}
	.without-word-break {
		word-break: break-word;
	}
	.creation-fixed-width-button {
		/* width: 131.29px; */
		width: 135px;
		max-width: 100%;
		text-align: center;
	}
	@media screen and (max-width: 575px) {
		.creation-fixed-width-button {
			/* width: 93.91px; */
			width: 100px;
				max-width: 100%;
			text-align: center;
		}
	}
	/*29/05/2019*/
	.input-group-append .custom-padding-login {
		padding-top: 14px !important;
		padding-bottom: 11px !important;
	}
	.custom-wissen-button {
		width: 135px;
		max-width: 100%;
			text-align: center;
	}
	.survey-ending-page .page-title.survey-end-background-content {
		top: 25%;
	}
	.loader-complete-survey {
		height: 75px;
			min-height: 75px !important;
			width: 75px;
			margin-bottom: 15px;
	}
	@media screen and (max-width: 480px) {
		.custom-wissen-button {
			width: 95px;
			max-width: 100%;
			text-align: center;
		}
		.ranking-5 .btn-grade.rang-element-grade, .ranking-5 .btn-grade-clr.rang-element-grade {
			min-width: 93px;
		}
	}
	@media screen and (min-width: 992px) {
		#survey-form-1 .thumbs-button-cusom {
			width: 140px;
			height: 140px;
			margin-right: 25px;
			font-size: 56px;
		}
		#survey-form-1 .points-rank-button {
			width: 70px;
			height: 70px;
			font-size: 40px;
    		line-height: 70px;
		}
	}
	@media screen and (min-width: 992px) and (max-width: 1200px) {
		.home-banner .col-lg-banner-text {
			width: 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
		.features ul.small-screen-demographic li.font-18 {
			font-size: 14px !important;
		}
	}
	.percentage-tick-mark h2{
		text-align: center;	
		width: 100%;
	}
	@media screen and (max-width: 360px) {
		.custom-rating-button {
			min-width : 100% !important
		}
	}
	.custom-rating-content p {
		margin:0px;
		padding: 5px 0px 0px 0px;
	}
	.custom-rating-content {	
		padding: 10px;
	}
	.disable-rating-element {
		pointer-events: none;
		cursor: default;
	}
	/*27/05/2019*/
	.word-break-text {
		word-break: break-word;
		/*text-align: justify;*/
	}
	.change-points-button {
		background-color: #fff !important;
		cursor: unset !important;
		text-align : left !important;
	}
	.change-thumb-button {
		background-color: #fff !important;
		cursor: unset !important;
		text-align : left !important;
	}
	.rating-element-font {
		color: #7f7c97 !important;
		font-size: 14px !important;
		line-height: 1.8 !important;
		font-weight: 400 !important;
		letter-spacing: 0.5px !important;
	}
	.change-rating-element-creation {
		font-size: 16px !important;
	}
	/*24/05/2019*/
	.custom-disable.disable {
			cursor: not-allowed;
	}
	.custom-label-size label {
			/* font-size: 20px;
		top: 5px;transition: ease all 0.3s;
			-webkit-transition: ease all 0.3s;
		letter-spacing:normal; */
	}
	.custom-label-size.focus label{
		/* font-size:14px;
		top:11px; */
	}
	.bg-green{
		background: green !important;
	}
	/*21/05/2019*/
	.nav-tabs.custom-background-tabs .nav-item.show .nav-link, .nav-tabs.custom-background-tabs .nav-link.active{
		background: transparent !important;
	}
	/*20/05/2019*/
	.custom-scroll tr {
		display: flex;
		}
		table.member-table.custom-scroll {
			width: 1200px;
			table-layout: fixed;
	}
	.custom-scroll td {
		padding: 3px;
		flex: 1 auto;
		width: 1px;
		word-wrap: break-word;
		}
		
	.custom-scroll thead tr:after {
		content: '';
		overflow-y: scroll;
		visibility: hidden;
		height: 0;
		}
		
	.custom-scroll thead th {
		flex: 1 auto;
		display: block;
		}
		
	.custom-scroll tbody {
		display: block;
		width: 100%;
		overflow-y: auto;
		height: 196px;
		}
	/*17/05/2019*/
	.close-editsurvey-tab{
		opacity: 1 !important
	}
	.ti-close-participation {
		font-size: 24px;
			top: 10px;
			right: 15px;
			font-weight: bold !important;
			cursor: pointer;
	}
	.ti-close-creditcard{
		font-size: 24px;
		top: 10px;
		right: 15px;
		font-weight: bold !important;
		cursor: pointer;
		color: #323232;
	}
	.close.close-editsurvey-tab {
		padding-right: 10px !important;
	}
	.rounded-circle.custom-survey-detail {
		box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2);
		border: 4px solid #fff;
	}
	/*16/05/2019*/
	.text-dark.find-participation-tab-title {
			font-size: 18px;
			font-weight: 500;
	}
	.field-disable-gray {
			background-color: #e9ecef !important;
	}
	.custom-padding-findparticipation {
			padding-left: 16px !important;
			padding-top: 14px !important;
	}
	.rating-gray {
		color: grey;
		transition: all 0.3s ease;
	}
	.rating-custom {
		color: #444444;
		transition: all 0.3s ease;
	}
	.participation-buttons {
		width: 135px;
		max-width: 100%;
			text-align: center;
	}
	/*14/05/2019*/
	.free-text-design.fill-colour.form-group .form-control::-webkit-input-placeholder {
		font-size:20px
	}
	/*13/05/2019*/
	@media (max-width: 1024px) {
		.strat-survey .no-shadow{
			box-shadow: none !important;
		}
		.school-grade-font {
			font-size: 10px;
		}
		/* .ti-close-participation {
			font-size: 18px;
		} */
		.MuiCustom-school-grade .MuiButton-contained {
			font-size: 10px;
		}
	}
	/*13/05/2019*/
	.wizard > .actions a.btn-finish.part-finish {
		padding : 5px 31.76px !important;
	}
	.custom-accordion.margin-top-40:first-child{
		margin-top:40px; 
	}
	@media screen and (max-width: 575px) {
		.input-group-append .custom-padding-login {
			padding-top: 11px !important;
			padding-bottom: 11px !important;
		}
		.wizard > .actions a.btn-finish.part-finish {
			padding : 3px 18.46px !important;
		}
		.myprofile-section li.nav-item .nav-link:before{
			height: 4px;
		}
		.myprofile-section li.nav-item .nav-link:before {
			height: 4px;
		}	
	}
	/*10/05/2019*/
	@media screen and (max-width: 567px) {
		.custom-xs-survey .input_close_btn .input-group-text{
			top: 50%;
		}
	}
	.custom-opacity,.custom-opacity:hover,.custom-opacity:focus{
		opacity: 1 !important;
	}
	.custom-text-color ,a.custom-text-color:hover,a.custom-text-color:focus{
		color: #7f7c97 !important;
	} 
	/*09/05/2019*/
	.checkmark-circle {
		width: 150px;
		height: 150px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		}
		.checkmark-circle .background {
			width: 150px;
			height: 150px;
			border-radius: 50%;
			background: transparent;
			position: absolute;
			border: 4px solid #fff;
			top: -18px;
	}
		.checkmark-circle .checkmark {
		border-radius: 5px;
		}
		.checkmark-circle .checkmark.draw:after {
		-webkit-animation-delay: 500ms;
		-moz-animation-delay: 500ms;
		animation-delay: 500ms;
		-webkit-animation-duration: 3s;
		-moz-animation-duration: 3s;
		animation-duration: 3s;
		-webkit-animation-timing-function: ease;
		-moz-animation-timing-function: ease;
		animation-timing-function: ease;
		-webkit-animation-name: checkmark;
		-moz-animation-name: checkmark;
		animation-name: checkmark;
		-webkit-transform: scaleX(-1) rotate(135deg);
		-moz-transform: scaleX(-1) rotate(135deg);
		-ms-transform: scaleX(-1) rotate(135deg);
		-o-transform: scaleX(-1) rotate(135deg);
		transform: scaleX(-1) rotate(135deg);
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		}
		.checkmark-circle .checkmark:after {
		opacity: 1;
		height: 75px;
		width: 37.5px;
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-ms-transform-origin: left top;
		-o-transform-origin: left top;
		transform-origin: left top;
		border-right: 15px solid white;
		border-top: 15px solid white;
		border-radius: 2.5px !important;
		content: '';
		left: 36px;
		top: 60px;
		position: absolute;
		}
		
		@-webkit-keyframes checkmark {
		0% {
			height: 0;
			width: 0;
			opacity: 1;
		}
		20% {
			height: 0;
			width: 37.5px;
			opacity: 1;
		}
		40% {
			height: 75px;
			width: 37.5px;
			opacity: 1;
		}
		100% {
			height: 75px;
			width: 37.5px;
			opacity: 1;
		}
		}
		@-moz-keyframes checkmark {
		0% {
			height: 0;
			width: 0;
			opacity: 1;
		}
		20% {
			height: 0;
			width: 37.5px;
			opacity: 1;
		}
		40% {
			height: 75px;
			width: 37.5px;
			opacity: 1;
		}
		100% {
			height: 75px;
			width: 37.5px;
			opacity: 1;
		}
		}
		@keyframes checkmark {
		0% {
			height: 0;
			width: 0;
			opacity: 1;
		}
		20% {
			height: 0;
			width: 37.5px;
			opacity: 1;
		}
		40% {
			height: 75px;
			width: 37.5px;
			opacity: 1;
		}
		100% {
			height: 75px;
			width: 37.5px;
			opacity: 1;
		}
		}
		/* for survey detail page */
		@media screen and (min-width: 991px) {
		.banner_text.survey-detal-bg-img h1{
			/* margin: 40px 40px 0 40px !important; */
		}
		}
	/*05/05/2019*/
	.email-verification-mystyle {
			color: white;
			border-bottom: 1px solid white;
	}
	.email-verification-mystyle:hover {
		color:white
	}
	.email_link_error{
		color: white
	}
	/*30/04/2019*/
	a.btn-finish {
		background: green !important;
	}

	.acc_div{
		max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    background-color: #fff;
	}
	.acc_div.visible {
		max-height: auto; 
		transition: max-height 0.3s ease-in-out;
	}

	/*25/04/2019*/
	.custom-accordion .visible {
		/* visibility: visible;
			opacity: 1;
			transition: all 2s linear;
		position: relative; */
		overflow: hidden;
			transition: max-height 0.3s ease-in-out;
	}
	.custom-accordion .hidden {
		/* visibility: hidden;
			opacity: 0;
			transition: all 2s linear;
			position: absolute;
		width: 100%; */
		background-color: #fff;
			max-height: 0;
		overflow: hidden;
			transition: max-height 0.3s ease-in-out;
	}
	/* .creation-survey .custom-accordion .visible {
		max-height:inherit!important;
	} */
	/*20/04/2019*/
	.custom_survey_card {
		max-width: 1440px;
	}
	/* 15/04/2019 */
	.modal-footer.terms_footer {
			padding-left: 20px;
	}
	.terms_cover {
			font-size: 12px;
	}
	
	/***19/04/2019****/
	.header-nav .navbar-nav .nav-link.nav-link-btn{
		padding: 12px 28px;
		line-height: 1.5;
		font-size: 13px;
		font-weight:600;
	}
	
	/* 03/04/2019*/
	.focus-sustain > label {
			color: #000000;
			-webkit-transform: translateY(-23px) scale(1);
			-ms-transform: translateY(-23px) scale(1);
			transform: translateY(-23px) scale(1);
			background: #fff;
		font-size:12px;
		/* --- Added, cz Date lable moving on focus --- */
		padding-left: 5px;
			padding-right: 5px;
			font-size: 12px;
	}
	.input-group-text.forgot-password.text-blue {
			top: 0%;
			bottom: auto;
		font-size:14px;
	}
	/* 02/04/2019*/
	.custom_text_field .custom-radio-btn .custom-control-label {
			PADDING-LEFT: 18px;
			WIDTH: AUTO;
	}
	.custom_text_field .custom-radio-btn .custom-control-label {
			PADDING: 0;
			WIDTH: AUTO;
	}
	.custom_text_field .custom-radio-btn .custom-control-label::before {
			LEFT: 0;
	}
	.validation-msg {
			position: absolute;
			left: 103%;
			right: auto;
			top: 50%;
			transform: translateY(-50%);
			width: 130px;
	}
	.edit-survey-tab {
		width: 50% !important;
	}
	
	/* my-profile autocomplete */
	.autoComplete-custom > div {
		display: block !important;
	}
	.form-group .form-autocomplete-suggestion ,.form-autocomplete-suggestion{
		max-height: 245px;
		z-index: 99999;
		position: absolute;
		background: white;
		overflow-x: hidden;
		overflow-y: auto;
		border: 0px solid #258BFB;
		opacity: 1px;
		width:100%;
		-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1);
			box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1);
	}
	.form-group .form-autocomplete-suggestion-field , .form-autocomplete-suggestion-field{
		border: 0px solid black;
		padding: 5px 0;
		padding-left: 10px;
		font-size: 14px;
	}
	.text-dark .custom-button-link {
		background:none!important;
		color:inherit;
		border:none; 
		padding:0!important;
		font: inherit;
		cursor: pointer;
	}
	.close-btn button {
			background-color: #fff;
			border: 0;
			font-size: 20px;
			padding: 10px 10px;
	}
	
	.progress-bar-striped{border-radius: 0 3px 3px 0px;}
	
	
	/* Error message of form Error */
	.form-group .field-highlight{
		border : 1px solid red;
	}
	
	/*survey-list autocomplete filter */
	.filter-autocomplete 
	{
		height:46px;
		margin : 0;
		position: relative;
		color: #7f7c97;
		padding-right: 35px;
	}
	/*survey-list custom progress for already participated */
	.custom-progress
	{
	width:100%;
	text-align: center;
	margin-top: -5px;
	font-size: 14px;
	font-weight: bold;
	}
	.custom-main-progress
	{
		height: 16px;
		border-radius: 0;
		background-color: #fff;
	}
	
	/*  Error message of form field*/
	.form-group .field-highlight{
		border : 1px solid red;
	}
	/*for custom alert popup*/
	.react-confirm-alert-overlay {
		background: rgba(0, 0, 0, 0) !important;
		}
	.custom-ui  {
		text-align: center;
		padding: 20px;
		width: 500px;
		background: #fff !important;
		color:#4a4a4a;
		box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.6);
		}
		.custom-ui > button {
		padding: 8px 30px;
			border: 1px solid #fff;
			cursor: pointer;
			background: #757575;
			color: #fff;
			font-size: 16px;
		max-width: 100%;
		margin-left: 15px;
		text-align: center;
			white-space: nowrap;
			vertical-align: middle;
		border-radius: 5px;
		display: inline-block;
		text-transform: uppercase;
			font-weight: normal;
			letter-spacing: 1px
		}
		.react-confirm-alert-body-element {
		overflow: auto !important;
		}
		.payment-popup {
			overflow: scroll;
		}
		.payment-popup .hs-form-field {
			margin-bottom:10px;
		}
		.payment-popup .react-confirm-alert,.payment-popup .custom-ui {
			width:100%;
		}
		.plan-border {
			border : 1px solid #00b3f4!important;
		}
		#payment-element {
			padding-bottom: 20px;
		}
		.hr-lines{
			position: relative;
			max-width: 500px;
			text-align: center;
			margin-bottom:5px;
			padding:5px;
		  }
		  
		  .hr-lines:before{
			content:" ";
			height: 1px;
			width: 45%;
			background: #ccc;
			display: block;
			position: absolute;
			top: 50%;
			left: 0;
		  }
		  
		  .hr-lines:after{
			content:" ";
			height: 1px;
			width: 45%;
			background: #ccc;
			display: block;
			position: absolute;
			top: 50%;
			right: 0;
		  }
		/* .plan_annual {		
			border-radius: 4px;
			border: 1px solid transparent;
		}
			*/
		.plan_monthly, .plan_annual,.stripe,.iban {
			/* -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
			box-shadow:0px 0px 5px rgb(0 0 0 / 10%); */
			border: 1px solid #e6e6e6;
			border-radius: 5px;
			box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
			transition: background .15s ease, border .15s ease, box-shadow .15s ease;
		}
		.payment-popup .radio-button {
			padding: 2px 10px 0px 10px;
		}
		.stripe,.iban {
			width: 50%;
		}
		.hidden {
			display: none;
		  } 

		button:hover {
			filter: contrast(115%);
		}
		
		button:has(input[type="checkbox"]):hover,
		button:has(input[type="radio"]):hover {
			filter: none;
		}
		   button:disabled {
			opacity: 0.5;
			cursor: default;
		  }
		  
		  /* spinner/processing state, errors */
		   .spinner,
		   .spinner:before,
		   .spinner:after {
			border-radius: 50%;
		  }
		   .spinner {
			color: #ffffff;
			font-size: 22px;
			text-indent: -99999px;
			margin: 0px auto;
			position: relative;
			width: 20px;
			height: 20px;
			box-shadow: inset 0 0 0 2px;
			-webkit-transform: translateZ(0);
			-ms-transform: translateZ(0);
			transform: translateZ(0);
		  }
		   .spinner:before,
		   .spinner:after {
			position: absolute;
			content: "";
		  }
		   .spinner:before {
			width: 10.4px;
			height: 20.4px;
			background: #5469d4;
			border-radius: 20.4px 0 0 20.4px;
			top: -0.2px;
			left: -0.2px;
			-webkit-transform-origin: 10.4px 10.2px;
			transform-origin: 10.4px 10.2px;
			-webkit-animation: loading 2s infinite ease 1.5s;
			animation: loading 2s infinite ease 1.5s;
		  }
		   .spinner:after {
			width: 10.4px;
			height: 10.2px;
			background: #5469d4;
			border-radius: 0 10.2px 10.2px 0;
			top: -0.1px;
			left: 10.2px;
			-webkit-transform-origin: 0px 10.2px;
			transform-origin: 0px 10.2px;
			-webkit-animation: loading 2s infinite ease;
			animation: loading 2s infinite ease;
		  }
		  
		  @-webkit-keyframes loading {
			0% {
			  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
			}
			100% {
			  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
			}
		  }
		  @keyframes loading {
			0% {
			  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
			}
			100% {
			  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
			}
		  }
		  
		  @media (max-width:768px){
			.payment-popup .react-confirm-alert{			  
				display: flex;
				flex-direction: column;
				height: 100vh; /* or any other height value you prefer */
			}
		}
		/* @media (min-width: 768px) and (max-width: 1024px){
			.payment-popup {
				padding-top:25%;
			}
		} */
	/* Wissen data  */
	.fundamental-text .wp-smiley,.fundamental-text .emoji {
		display: inline;
			border: none;
			box-shadow: none ;
			height: 1em ;
			width: 1em ;
			margin: 0 .07em ;
			vertical-align: -0.1em ;
			background: none ;
			padding: 0 ;
	}
	
	.main-card .blog-img img {
			width: 100%;
			height: auto;
		min-height:170px;
		max-height : 170px;
	}
	
	.blog-img img {
			width: 100%;
			height: auto;
		min-height:220px;
		max-height : 220px;
	}
	
	.main-card .blog-img {
			max-height: 170px
	}
	
	.blog-img {
			max-height: 220px;
	}
	
	.input-group > div {
			width: 100%;
	}
	
	/* gray out firstname and lastname fields in my profile*/
	input.form-control.disable.hs-input {
			background-color: #b5b1b12e;
			color: #000;
	}
	.acco-heading:after{
			/* content: '\f067'; */
			font-size: 1.5em;
			top: 12px;
			bottom: 0;
			right: 20px;
			font-weight: bold;
			font-family: 'themify';
	}
	/*****09/05/2019 ****/
	
	.checkmark-circle {
		width: 150px;
		height: 150px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		}
		.checkmark-circle .background {
		width: 150px;
		height: 150px;
		border-radius: 50%;
		background: #00b3f4;
		position: absolute;
		}
		.checkmark-circle .checkmark {
		border-radius: 5px;
		}
		.checkmark-circle .checkmark.draw:after {
		-webkit-animation-delay: 500ms;
		-moz-animation-delay: 500ms;
		animation-delay: 500ms;
		-webkit-animation-duration: 3s;
		-moz-animation-duration: 3s;
		animation-duration: 3s;
		-webkit-animation-timing-function: ease;
		-moz-animation-timing-function: ease;
		animation-timing-function: ease;
		-webkit-animation-name: checkmark;
		-moz-animation-name: checkmark;
		animation-name: checkmark;
		-webkit-transform: scaleX(-1) rotate(135deg);
		-moz-transform: scaleX(-1) rotate(135deg);
		-ms-transform: scaleX(-1) rotate(135deg);
		-o-transform: scaleX(-1) rotate(135deg);
		transform: scaleX(-1) rotate(135deg);
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		}
		.checkmark-circle .checkmark:after {
		opacity: 1;
		height: 75px;
		width: 37.5px;
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-ms-transform-origin: left top;
		-o-transform-origin: left top;
		transform-origin: left top;
		border-right: 15px solid white;
		border-top: 15px solid white;
		border-radius: 2.5px !important;
		content: '';
		left: 25px;
		top: 75px;
		position: absolute;
		}
		
		@-webkit-keyframes checkmark {
		0% {
			height: 0;
			width: 0;
			opacity: 1;
		}
		20% {
			height: 0;
			width: 37.5px;
			opacity: 1;
		}
		40% {
			height: 75px;
			width: 37.5px;
			opacity: 1;
		}
		100% {
			height: 75px;
			width: 37.5px;
			opacity: 1;
		}
		}
		@-moz-keyframes checkmark {
		0% {
			height: 0;
			width: 0;
			opacity: 1;
		}
		20% {
			height: 0;
			width: 37.5px;
			opacity: 1;
		}
		40% {
			height: 75px;
			width: 37.5px;
			opacity: 1;
		}
		100% {
			height: 75px;
			width: 37.5px;
			opacity: 1;
		}
		}
		@keyframes checkmark {
		0% {
			height: 0;
			width: 0;
			opacity: 1;
		}
		20% {
			height: 0;
			width: 37.5px;
			opacity: 1;
		}
		40% {
			height: 75px;
			width: 37.5px;
			opacity: 1;
		}
		100% {
			height: 75px;
			width: 37.5px;
			opacity: 1;
		}
		}
	
	
	
	/* content: 'f068' minus-icon */
	/*****responsive css ***/
	@media (min-width: 1500px){.container-large{max-width: 1440px;}}
	
	@media screen and (min-width: 768px) and (max-width: 991px){
		.footer-dark .footer-left-content {
			-ms-flex: 0 0 25%;
			flex: 0 0 25%;
			max-width: 25%;
		}
		.footer-dark .footer-right-content {
			-ms-flex: 0 0 75%;
			flex: 0 0 75%;
			max-width: 75%;
		}
		#survey-form-1 .thumbs-button-cusom {
			width: 120px;
			height: 120px;
			font-size: 46px;
		}
		.MuiCustom-thumbs-up .MuiButton-contained {
			font-size: 46px;
		}
		.MuiCustom-thumbs-up > button {
			height: 120px;
		}
		.counter-font .count{
			font-size: 29px !important;
		}
	}
	
	@media screen and (min-width: 992px){
		.navbar-expand-lg .navbar-toggler {
			display: none;
		}
		.collapse:not(.show) {
			display: block;
		}
		.navbar-expand-lg .navbar-collapse {
			display: -ms-flexbox!important;
			display: flex!important;
			-ms-flex-preferred-size: auto;
			flex-basis: auto;
		}
		.navbar-expand-lg .navbar-nav {
			-ms-flex-direction: row;
			flex-direction: row;
		}
		.header-nav .navbar-nav .nav-link{
			color: #fff;
			padding: 0 12px;
		}
		.header-nav .navbar-nav {
			padding: 3px 0;
		}
		/* --- Added for Full Width Option Margin --- */
		.full_width_option{
			margin-bottom: 15px;
		}
		
	}
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
		/* Styles */
		.full_width_option {
		  margin-bottom: 15px;
		}
	}
	@media screen and (max-width: 1530px) {
		.m-dropdown-multilevel .m-dropdown-menu {
			right: 0px;
			left: auto;
		}
	}
	@media screen and (max-width: 1400px) {.navbar{padding: .5rem 0;}}
	
	@media screen and (max-width: 1199px) {
		
		/*****index page css **/
		.right-img-main-page img{height:auto;}
		.about-section{padding: 50px 0px 50px;}
		.section-community, .section,.analysiere, .themen-section{padding: 70px 0px;}
		.m-45px-b{margin-bottom:25px;}
		.function-section, .about-us-section, .page-title-section{padding: 70px 0px 50px;}
		
		/****survey-detail page css **/
		.survey-detials, .zielgruppe, .main-blog{padding: 50px 0px 0px;}
		.participate-surevey-link a, .survey-cover-page-detail p{margin-top:30px;}
		
		/**** myprofile  page css ***/
		.counter-col .count{font-size: 40px; line-height: 46px;}
		.myprofile-section li.nav-item{width: 33.33%;}
		.myprofile-section-nsu li.nav-item{width: 50% !important;}
		.text-padding{padding-left:30px;}
		.full-screen{min-height: 80vh;}
		
	}
	
	@media screen and (max-width: 991px) {
		/*h1, .h1{font-size:32px !important; line-height: 38px !important;}*/
		/****header css ***/
		.header-nav .navbar-nav{text-align: center;}
		.header-nav .navbar-nav .nav-link-btn{margin-top: 12px;margin-left: 0px;}
		/* .navbar{padding: 8px 15px;} */
		.header-nav .navbar-nav li:hover .nav-link:before, .header-nav .navbar-nav .nav-link.active:before{width:calc(100%);}
		.header-nav .navbar-nav li:hover .nav-link:before, .header-nav .navbar-nav .nav-link.active:before { display: none; }
		.header-nav .navbar-nav .nav-link:hover { border-bottom-color:#ffffff; }
		.btn, .start-chapter a{padding: 10px 20px;}
		.m-dropdown .m-dropdown-toggle{
			left: 90%;
			width:0;
			height:0;
			line-height:0;
			top: 50%;
			-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
							transform: translateY(-50%);
			color: #fff;
			font-size: 16px;
		}
		.navbar-toggler{padding: 10px 0px 10px 30px;}
		.header-nav .navbar-nav .nav-link-btn{margin-top: 0px; padding: 10px 20px !important;}
		.fixed-header .header-nav .dark-logo, .fixed-header .header_collapse{display: block;}
		.header_collapse img.light-logo {display: none;}
		.header_collapse .dark-logo {display: block;}
		header.header_collapse .ti-menu {color: #000 !important;}
		.header_collapse .m-dropdown .m-dropdown-toggle, .fixed-header .header-nav .m-dropdown .m-dropdown-toggle {color: #4a4a4a;}
		
		/***index page css ***/
		.home-section .p-50px-t{padding-top:80px;}
		.section-community .m-15px-tb{margin: 15px 0px;}
		
		section.umfrage-in-erstllen h3:after {max-width: 35%;}
		
		/****survey page css ***/
			.custom-select-survey select{font-size: 14px;}
			.custom-select{padding: 0px 32px 0px 7px;}
			.blog-content ul{width: 50%;}
		
		/****survey-detail page css ***/
		.ranking-bar ul{width: 100%;}
		.author-details, .features{padding: 50px 0px 0px;}
		/* .survey-cover-page-detail{top:auto; padding: 130px 0px;} */
		.participate-surevey-link a, .survey-cover-page-detail p{margin-top:20px;}
		.strat-survey {
			position: fixed;
			left:0;
			right: 0px;
			bottom: 0px;
			z-index: 9;
			background: #fff;
			width: 100%;
			text-align: center;
			padding: 30px 20px;
			border: 1px solid #f1f1f1;
			box-shadow: 1px 1px 15px 0px rgba(84,84,120,.26);
		}
		.strat-survey{padding: 10px 20px;}
		
		/**** empiriowissen page css ***/
		.empirical-research, .basics{ padding-top: 60px; padding-bottom: 60px;}
		
		/***** myprofile page css ***/
		table.member-table td{padding: 10px 30px; }
		.modal-body .count-box{padding:20px 0px;}
		.counter-col .count{font-size: 32px; line-height: 1.5; margin: 0 0 10px;}
		.counter-col h6{font-size:14px !important;}
		.text-padding{padding-left:70px;}
		
		.modal__wizard .wizard__container{padding:150px 15px 100px;}
		
		/* .edit-tabs{padding:65px 0px;} */
		
		/**** forms css ***/
		.min-height-form{padding: 30px 0px 50px;}
		
		/***footer css **/
		.footer-dark{padding-bottom: 80px;}
		
		/***error-page***/
		.error h2{font-size: 93px !important; line-height: 97px !important;}
		.error h3{padding-top: 65px;}
		
		.icon-for-image img.element-content-img{ 
			width: 25px;
			height: 25px;
		}
		.icon-for-image.d-flex {width: 25%; }
		.icon-for-image {width: 14%;}
		div .upload:after{left: 6px;}
		.btn-grade, .btn-grade-clr{width:100px; margin-right: 10px;min-height: 120px;min-width: 100px;}
		.banner_text.editprofile {padding: 70px 0 50px;}
		.change-header-design_line .modal_header{padding: 18px 0px;}
		.end-survey-top-logo .modal_header{padding: 8px 15px;}
		.MuiCustomRating > button {
			min-height: 120px;
		}
		.MuiCustom-school-grade > button{
			min-height: 120px;
		}
		/* .header-nav .navbar-nav .nav-link { border-bottom:1px solid transparent;} */
	}
	
	@media screen and (max-width: 767px) {
		
		h1, .h1{font-size:48px !important; line-height: 54px !important;}
		h2, .h2{font-size:24px !important; line-height: 30px !important;}
		.survey-participation-modal.wizard.wizard__container {padding-top: 105px !important; }
		h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-size:18px !important; line-height: 24px !important;}
		.lh-50{ line-height: 50px !important;}
		
		/**** header css ***/
		.m-dropdown-multilevel .m-dropdown-menu{margin-top: 15px;}
		.header-nav .navbar-nav li{text-align: center;}
		
		/****index page css **/
		.home-section .sm-p-0px-t{padding-top: 50px; padding-bottom:0;}
		.home-section .p-100px-tb {padding:50px 0px;}
		/* .section-community, .section, .md-m-30px-b, .notifying-data .md-m-30px-b{padding: 50px 0px;} */
		.feature-box{padding: 30px 20px;}
	
		/***function page css **/
		.content-right, .content-left, .analysiere{padding:70px 0px;}
		.home-content-right, .home-content-left{padding:70px 0px !important;}
		.mxh-img img {max-width: 400px; max-height: 400px;}
		.order-class-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;}
		.order-class-home{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:2;}
		section.umfrage-in-erstllen h3:after{max-width: 12%;}
		section.umfrage-in-erstllen h3:after{margin: 21px auto;}
		
		/****empiriowissen page css **/
		.start-chapter{margin-top: 25px;}
		.learn-more{padding-top:20px;}
		.empirical-research-mean p, .empirical-social-research p, .approach p, .research-problem p, .data-collection p, .online-survey p{padding-top: 15px;}
		
		.start-new-chapter{padding:50px 0px;}
		.fundamental-text{padding-top: 30px;}
		.previous-next-link-section{padding-top: 50px;}
	
		/****about-us page css ***/
		.team-member-detail-content{padding:0px 15px;} 
		ul.bottom-footer-link li a {padding: 0px 16px;}
		
		/** survey-detail-page css ***/
	
		.modal-footer>:not(:first-child){margin-left: 0;}
		.modal-wizard-question .wizard__container{min-height: calc(100vh - 90px);}
		
		/**** my profile page css ***/
		.myprofile-section li.nav-item{width:100%;}
		.myprofile-section-nsu li.nav-item{width:100% !important}
		.counter-col .count{margin: 0;}
		.md-m-30px-b{margin:0;}
		.dropdown-menu.show{left: auto !important; right:0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; top:30px !important;}
		.card-img img{width: 508px; height: auto;}
		.anderungen-btn {padding-top: 20px;}
		.add-card{min-height:411px;}
		.text-padding{padding-left: 40px;}
		.send-survey-by-link .form-group{margin:0 0 20px;}
		/* table.member-table tr{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
		table.member-table td{width: 50%; max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%;} */
		.download-content{margin-bottom: 50px;}
		.graph{margin-top:50px;}
		.survey-form-detail{margin-top: 25px;}
		/* .header-nav .navbar-nav .nav-link { border-bottom:1px solid transparent; } */
		.strat-survey{padding: 10px 20px;}
		.btn{font-size: 16px;}
		/***error-page***/
		.error h2{font-size: 80px !important; line-height: 80px !important;}
		.error h3{padding-top: 50px;}
		.icon-for-image{width:20%;}
		.ti-close:before {content: "\e646"; }
		.validation-msg {
			position: absolute;
			left: 0;
			right: 0;
			top: 100%;
			transform: translateY(0%);
		}
		.edit-survey-tab {
			width:100% !important;
		}
		/* .survey-picture .custom-radio-btn .custom-control-label::before{left: 50%;} */
		.survey-picture .custom-radio-btn .custom-control-label::before{left: 0;right: 0;margin:0 auto;}
		.count-box{height: auto;}
		.close_link_btn button.btn{padding:0;}
		.closetab .closebtn_mobile{top:0;}

		/*--empiriowissen page 29May2020 --*/
		.empiriowissen-wrapper .blog-listing ul {
			min-height: auto;
			max-height: 100%;
			overflow: hidden;
		}
		body .survey-participate-page {
			max-height: 1000px;
		}
	}
	@media screen and (max-width: 672px) {
		body .survey-participate-page{
			max-height: 1000px;
		}
		.survey-participate-detail {
			max-width: 460px;
		}
	}
	.header-nav .navbar-nav .color {
        color: white !important;
    }
    .fixed-header .header-nav .navbar-nav .color {
        color: black !important;
    }
	.btn-outline-white_community {
		color: white;
		border: 2px solid white !important;
		background-color: transparent;
		padding: 9px 11px !important;
	}
	.fixed-header .btn-outline-white_community {
		color: #323232;
		border: 2px solid #323232 !important;
		background-color: transparent;
		padding: 9px 11px !important;
	}
	@media screen and (max-width: 991px) {
        .header-nav .navbar-nav .nav-link {
            color: black;
        }
        .fixed-header .header-nav .navbar-nav .color {
            color: black !important;
        }
		.btn-outline-white_community {
			color: #323232;
			border: 2px solid #323232 !important;
			background-color: transparent;
			padding: 7px 12px !important;
			margin:  12px  0px 12px 0px !important;
			font-size: 13px;
		}

		.fixed-header .btn-outline-white_community {
			color: #323232;
			border: 2px solid #323232 !important;
			background-color: transparent;
			padding: 7px 12px !important;
		}
    }
	@media screen and (max-width: 991px) {
		.header-nav .navbar-nav .nav-link {
			color: black;
		}
	}
	@media screen and (max-width: 991px) {
		.header-nav  .payment-bar .navbar-nav {
			padding: 0px 0;
			max-height: 70vh;
			overflow-y: auto;
		}
		.header-nav .payment-bar .navbar-nav .nav-link {
		  display: inline-block;
		  padding: 0px 0;
		  line-height: normal;
		}
	}
	@media screen and (max-height: 576px) {
		/* .survey-cover-page-detail { */
			/* position: relative; */
			/* top: auto; */
			/* margin-top: 30px; */
			/* padding: 20px 0px; */
		/* } */
		/* .modal-footer { position: static; } */
		
		#exampleModalstarten .modal-dialog-centered {
			min-height: 100vh !important;
			height: auto !important;
		}
	}
	
	@media screen and (max-width: 575px) {
		
		.line-height{
			line-height: 24px !important;
		}
		section.start-new-chapter li{
			font-size: 16px !important;
		}
		h1, .h1{font-size:32px !important; line-height: 32px !important;}
		.home-banner h1 {
			line-height: 38px !important;
		}
		.survey-title-sm{
			font-size: 24px !important;
		}
		/**general css **/
		.font-18{font-size: 16px !important;}
		section.start-new-chapter p {
			font-size: 16px !important;
		}
		.btn{padding: 9px 28px;}	
		.btn, .start-chapter a{padding: 7px 17px;}
		.section-title h2{margin-bottom: 25px;}
		
		/** header css **/
		a.navbar-brand img{width:130px; height: auto; display: block;}
		.m-dropdown .m-dropdown-menu.open-menu {z-index: 9; }
		/*** index page css ***/
		/* .section-community, .section, .md-m-30px-b, .notifying-data .md-m-30px-b{padding:40px 0px;} */
		.section-title h2{margin-bottom: 30px;}
		.home-section .sm-p-0px-t{padding-top:35px; }
		.about-section{padding: 50px 0px 30px;}
		.home-banner .btn-bar{margin-top: 30px;}
		/***function page css **/
		section.content-right p, section.content-left p, ul.survey-types li{font-size: 16px; line-height: 24px;}
		.mxh-img img {max-width: 300px; max-height: 300px;}
		section.umfrage-in-erstllen h3:after{height:3px; max-width: 13%;}
		
		/****survey page css ***/
		.blog-item .blog-content * {
			/* -webkit-box-flex: 1; */
					/* -ms-flex: 1; */
							/* flex: 1; */
			/* margin: 0 auto; */
			/* text-align: center; */
			/* display: block; */
		}
		/***survey-detail page css **/
		.survey-detials, .zielgruppe, .main-blog{padding: 20px 0px 0px;}
		.author-details{padding:30px 0px 0px;}
		/* .survey-cover-page-detail{top:20%;} */
		.tags span{
			padding: 4px 8px; 
			height: 45px;
			border-radius: 3px;
			width: 125px;
			font-size: 13px;
			background-color: transparent !important;
		}
		@media screen and (-webkit-min-device-pixel-ratio: 0) { _::-webkit-full-page-media, _:future, :root , .modal-wizard-question .wizard__container { min-height: calc(100vh); } }
		.modal-wizard-question .wizard__container{min-height: calc(100vh- 60px);}
		.tags i{font-size: 15px; margin-right: 5px;}
		a.tag-cloud-link{padding: 8px 12px; border-radius: 20px;}
		.question-blue-line{max-width:400px;} /*margin: 20px 0px 0px;*/
		.progress-blue-line{max-width: 400px;}
		.question-heading h3{margin-bottom:30px;word-break: break-word;}
		div#example-singal-selection-question .modal-header{padding: 14px 0px 0px;}
		/* div#example-singal-selection-question .modal-header .close, #exampleModalCenter .modal-header .close{top:12px; right:31px;padding-top: 13px;transform: translateY(10px);} */
		div#example-singal-selection-question .modal-header .close{top:17px; right:31px;padding-top: 13px;transform: translateY(10px);}
		#exampleModalCenter .modal-header .close{top:12px; right:31px;padding-top: 13px;}
		.fixed-in-mb{
			position: absolute;
			bottom: 50px;
			left:0;
			right:0;
			padding:0px 15px;
		}
		.modal-footer{padding-bottom: 165px;}
		.freezePage .modal-body h2 {
			font-size: 20px !important;
			line-height: 25px !important;
		}
		/* .survey-form .custom-select{font-size: 13px;} */
		
		/***survey-detail page modal css **/
		/* .freezePage .modal-open .modal{overflow-y: hidden;} */
		/*removed margin: 20px 0px; from question-blue-line*/
		.question-blue-line{max-width: none;width: 100%;}
		.progress-blue-line{max-width: none;width: 100%;}
		.freezePage div .wizard > .content{min-height: 0;bottom: 84px;position: absolute;top: 100px;overflow-y: auto;width: 100vw;     height: auto;}
		.freezePage div .wizard > .actions{padding: 12px 0px;bottom: 0;height: 84px;position: absolute;width: 100%;background-color: #ffffff;box-shadow: 0px 4px 11px 5px rgba(0, 0, 0, .12)}
		.freezePage .modal__wizard .wizard__container {min-height: calc(100vh - 64px); }
		.freezePage .modal-header{box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, .12);}
		.btn{font-size: 13px;}
		.tags-section {padding: 23px 0px 0px;}
		/****empirioWissen page css ***/
		.empirical-research, .basics{padding-top: 35px; padding-bottom: 35px;}
		.empirical-research p{margin-top:15px;}
		.basics-zur-link{padding-top:50px;}
	
		
		/****about-us page css ***/
		.idea-content, .our-motivation, .our-team-section, .our-wish{padding: 50px 0px;}
		.idea-content p, .our-motivation p, .our-wish p{margin-top: 15px;}
		.team-member-img img { max-width: 150px;  height: auto;}
		.team-member-detail{margin-top: 40px;}
		.contact-us a { margin-top: 30px;}
	
		/***faq page css **/
		.accordion-02 .acco-heading{padding: 10px 48px 10px 10px;}
			
		/****login form, registration form, forgot-password form css ***/ 
		.form-group .form-control{height:40px;}
		/* .form-group label{top: 6px; font-size:15px;} 

		.payment-popup .form-group label  {top:12px!important;}*/
		.focus > label{top: 11px !important; font-size:12px !important;}
		/* .focus > label{-webkit-transform: translateY(-20px) scale(.80);-ms-transform: translateY(-20px) scale(.80);transform: translateY(-20px) scale(.80);} */
		.padding-login-form {padding: 25px 15px 25px;}
		.padding-login-form .btn{padding: 11px 9px; letter-spacing: 1px; font-size: 16px !important;}
		.padding-login-form .forgot-btn{letter-spacing: 0 !important; font-size: 14px !important;}
		.min-height-form{padding: 100px 0px 100px; min-height:0;}
		
		/**** myprofile page css **/
		.add-card{min-height: 303px;}
		.publish-survey .btn{padding: 7px; font-size: 13px !important;}
		table.member-table td{padding: 10px 15px;}
		.download-content{margin:20px 0px 40px;}
		/* .graph{margin-top: 20px;} */
		.text-padding{padding-left: 30px;}
		.padding-x{padding: 0 15px;}
		.wizard > .actions a{font-size: 15px; padding: 3px 17px !important; } 
		.wizard > .actions button{font-size: 15px; padding: 3px 17px !important;}
		.wizard > .actions > ul > li:first-child a{margin-right: 0;}
		.wizard > .actions > ul > li:first-child button{margin-right: 0;}
		.form-group textarea.form-control + label{top:6px;}
		select.custom-select {height: 40px; font-size:16px;}
		.survey-form-detail.form-group ::placeholder{font-size: 18px;}
		/*** footer css ***/
		.footer-copy{padding: 30px 0px 25px;}
		ul.bottom-footer-link li a{padding: 0px 9.5px;}
		.footer-section h4{padding: 0 0 12px;}
		.footer-section .fot-link a{font-size: 14px;}
		.footer-in-xs{
			border-bottom: 1px solid rgba(255, 255, 255, 0.1);
			padding: 20px 0px;
			max-width: 80%;
			margin: 3px auto;
		}
		.survey-cover-page-detail{top:50%;z-index:9;}
		.survey-cover-page-detail h1 {
			font-size: 32px !important;
		}
		.survey-bg-img .close{font-size:18px;}
		/* .survey-cover-page-detail { */
			/* position: relative; */
			/* top: auto; */
			/* margin-top:0; */
		/* } */
		.participate-surevey-link a, .survey-cover-page-detail p {
			margin-top: 10px;
			margin-bottom: 10px;
		}
		/* .modal-footer { position: static; } */
		
		#exampleModalstarten .modal-dialog-centered {
			min-height: 100vh !important;
			height: auto !important;
		}
		.form-group .form-control{
			font-size: 16px; /* 18px*/
		}
		.survey-form .form-group .form-control {
			font-size: 18px;
		}
		.strat-survey a {
			padding: 6px 30px;
		}
		.strat-survey{padding: 10px 20px;}
		
		div .upload:after{line-height:0.5;}
	
		.f-16{font-size: 18px !important;}
		.footer-dark{padding-bottom: 58px;}
		/***error-page***/
		.error h2{font-size: 50px !important; line-height: 50px !important;}
		.error h3{padding-top: 60px;}	
		.tick-marks input[type=range]{width:54%;}
		
		/*** survey-overview css ***/
		.up-down-btn button{width:40px; height:40px;}
		
		div .upload:after, .icon-for-image i.fas{font-size:18px;} div .upload:after{margin-left:6px;}
		.icon-for-image{width:30%;}
		.del-btn .icon-for-image {width: 25%;}
		.custom-accordion .acco-heading{
			-webkit-box-orient: vertical;
			-webkit-box-direction: reverse;
			-ms-flex-direction: column-reverse;
					flex-direction: column-reverse;
			padding:10px 17px;
		}
		.custom-accordion .creating-condition{padding: 15px 10px;}
		.filter-autocomplete {height: 40px;font-size: 16px;}
		.question-line .close, #exampleModalCenter .close{padding-right: 10px; font-size:18px;}
		.ti-close.ti-close-participation {font-size:18px;}
		.acco_survey_btn li{width:12.5%;}
		.btn-grade, .btn-grade-clr{
			width:85px;
			height:auto;
			min-height: 94px;
			min-width: 94px;
		}
		.MuiCustomRating > button {
				min-height: 94px;
		}
		.MuiCustom-school-grade > button {
			min-height: 94px;
		}
		.free_text .btn-grade, .free_text .btn-grade-clr {
			width: 115px;
			margin-right: 10px;
		}
		.ratingwithmore .btn-grade, .ratingwithmore .btn-grade-clr{
			width:80px;
		}
		.wizard > .actions > ul > li:first-child a:hover {background: #757575 !important;}
		
		.custom-control-label.input_text_check{top:12px;}
		
		.tick-marks span{padding-left:5px; padding-right:5px;}
		
		.close_link_btn button.btn{
			font-size:14px;
			padding:15px 0px 0px;
			/* padding:0px 0px 0px; */
		}
		.closetab .closebtn_mobile {
			top: -5px;
			right: 22px;
			font-size: 18px;		
		}
		.custom_text_checkbox.fill-colour.form-group .form-control {padding: 10px 5px 10px 57px;}
		.free-text-ans.form-control::placeholder, .fill-colour.form-group .form-control::-webkit-input-placeholder{font-size:16px;}
		.custom_text_field .form-control{
			padding-top:27px;
			padding-bottom:27px;
			padding-left: 37px;
			padding-right: 0px;
		}
	
		.closebtn_mobile.no_display_below_500{
			display: none !important;
		} 
		.participation-buttons {
			width: 100px;
		}
		.close_link_btn button.btn{
			padding:0;
			margin-right:0;
			font-size:14px !important;
			line-height:20px !important;
		}
		.survey-participate-page .h-350 {
			height: 860px !important;
		}
		.survey-participate-detail {
			max-width: 430px;
			padding: 15px;
		}
		
		.scool-grade .school-grade-font.btn-grade, .scool-grade .school-grade-font.btn-grade-clr {
			margin-right: 10px;
		}
		.sectionstep .without_full_width.pb-4 , .sectionstep .row > .pb-4{
			padding-bottom: 1rem !important;
		}
		.use-cases{
			padding-top: 0px !important;
		}
	}
	
	@media screen and (max-width: 548px) {
		.survey-participate-page .h-350 {
			height: 860px !important;	
		}
		.survey-participate-detail {
			width: 90%;
		}
	}
	@media screen and (max-width: 441px) {
		.survey-participate-page .h-350 {
			height: 820px !important;	
		}
		
	}
	@media screen and (max-width: 432px) {
		.survey-participate-detail {
			margin-top: 30px;
		}
	}
	@media screen and (max-width: 406px) {
		.survey-participate-page .h-350 {
			height: 820px !important;	
		}
	}
	@media screen and (max-width: 361px) {
		.survey-participate-page .h-350 {
			height: 820px !important;	
		}
		.survey-participate-detail {
			padding: 15px;
		}
	}
	@media screen and (max-width: 335px) {
		.survey-participate-page .h-350 {
			height: 820px !important;	
		}
	}
	@media screen and (min-width: 320px) and (max-width:480px) {
		.payment-popup .radio-button {
			margin:-3px 0px 0px 0px;
		}
	/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
		.custom-ui  {
			padding: 15px;
			line-height: 1 !important;
			width: 360px;
		}
		.custom-ui h2{font-weight:700;}
		.custom-ui p{
			font-size: 16px;
			line-height: 26px;
		}
		button.default, button.btn-rank {
			width: 47px;
			height: 47px;
			font-size: 23px;
			padding:0;
		}
		button.thumbs-button-cusom {
			width: 42px;
			height: 42px;
			margin-right: 10px;
		}
		
		/* .icon-for-image img.element-content-img{} */
		.icon-for-image{width:60%;}
		
		.font-18 { font-size: 16px !important;}
		.survey-cover-page-detail p{font-size:14px;}
		.modal-footer.terms_footer{bottom:-30px;}
		.change-header-design_line .modal-footer.terms_footer {bottom: 0px;}

		.MuiCustom-thumbs-up .MuiButton-contained{
			font-size:23px;
		}
		.MuiCustom-thumbs-up > button {
			margin-left: 0;
			height: 42px;
			width: 100%;
			min-width: 42px;
		}
		section.start-new-chapter p {
			font-size: 16px !important;
		}
	}
	@media screen and (min-width: 481px) and (max-width:575px) {
		 button.default, button.btn-rank {
			width: 60px;
			height: 60px;
			font-size: 25px;
		}
		.MuiCustom-thumbs-up .MuiButton-contained{
			font-size: 25px;
		}
		.MuiCustom-thumbs-up > button{
			height: 60px;
		}
	}
	@media screen and (min-width: 478px) and (max-width:485px){
		.school-grade-font {
			width: 97px !important;
			min-width: 97px !important;
		}
	}
	@media screen and (min-width: 700px) and (max-width:700px){
		.school-grade-font {
			min-width: 151px !important;
		}
	}
	@media screen and (min-width: 481px) and (max-width:520px) {
		.custom-ui  {
			padding: 15px;
			line-height: 1 !important;
			width: 420px;
		}
	}
	
	@media screen and (min-width: 320px) and (max-width:410px) {
		/* .icon-for-image img.element-content-img {right:-6px; top:8px;} */
	}
	@media screen and (min-width: 990px) {
		.login-profile a img {
			max-width: 40px;
			height: auto;
			min-height: 40px;
		}
		a.navbar-brand {
			margin-right: 10px;
		}
	}
	.survey-title{
		font-size: 24px !important;
		line-height: 30px !important;
		font-weight: 700 !important;
	}
	.survey-subtitle{
		font-size: 14px !important;
		line-height: 24px !important;
		font-weight: 400 !important;
	}
	.font-12 { font-size: 12px !important;line-height: 20px !important;}
	.top-pad {padding-top: 10px !important;}

	.survey-form .custom-control.custom-checkbox, .survey-form .custom-control.custom-radio {
		min-height: 56px !important;
	}
	.survey-form .custom-control.custom-radio {
		line-height: 1.7;
	}
	/***** please do not write anything here *****/
	
		/* tick mark on end page css */
	/* .end-survey-top-logo svg, .creation-survey svg {
		width: 100px;
		display: block;
		margin: 0 auto 15px auto;
		}
		
		.path {
		stroke-dasharray: 1000;
		stroke-dashoffset: 0;
		}
		.path.circle {
			-webkit-animation: dash 2s ease-in-out;
			-webkit-animation-name: dash;
			-webkit-animation-duration: 2s;
			-webkit-animation-timing-function: ease-in-out;
			animation: dash 2s ease-in-out;
			animation-name: dash;
			animation-duration: 2s;
			animation-timing-function: ease-in-out;
		}
		.path.line {
			stroke-dashoffset: 1000;
			-webkit-animation: dash 2s ease-in-out 2s forwards;
			-webkit-animation-name: dash;
			-webkit-animation-duration: 2s;
			-webkit-animation-timing-function: ease-in-out;
			-webkit-animation-delay: 2s;
			-webkit-animation-fill-mode: forwards;
			animation: dash 2s ease-in-out 2s forwards;
			animation-name: dash;
			animation-duration: 2s;
			animation-timing-function: ease-in-out;
			animation-delay: 2s;
			animation-fill-mode: forwards;
		}
		.path.check {
			stroke-dashoffset: -100;
			-webkit-animation: dash-check 2s ease-in-out 1s forwards;
			-webkit-animation-name: dash-check;
			-webkit-animation-duration: 2s;
			-webkit-animation-timing-function: ease-in-out;
			-webkit-animation-delay: 1s;	
			-webkit-animation-fill-mode: forwards;
			animation: dash-check 2s ease-in-out 1s forwards;
			animation-name: dash-check;
			animation-duration: 2s;
			animation-timing-function: ease-in-out;
			animation-delay: 1s;		
			animation-fill-mode: forwards;
		}
		
		p.success {
			color: #73AF55;
		}
		p.error {
			color: #D06079;
		}
		
		
		@-webkit-keyframes dash {
		0% {
			stroke-dashoffset: 1000;
		}
		100% {
			stroke-dashoffset: 0;
		}
		}
		
		@keyframes dash {
		0% {
			stroke-dashoffset: 1000;
		}
		100% {
			stroke-dashoffset: 0;
		}
		}
		
		@-webkit-keyframes dash-check {
		0% {
			stroke-dashoffset: -100;
		}
		100% {
			stroke-dashoffset: 900;
		}
		}
		
		@keyframes dash-check {
		0% {
			stroke-dashoffset: -100;
		}
		100% {
			stroke-dashoffset: 900;
		}
		} */

		.end-survey-top-logo svg, .creation-survey svg {
			width: 100px;
			display: block;
			margin: 0 auto 15px auto;
		}
		@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
			.path-new {stroke-dasharray: 0 !important;}
		}
		.path-new.circle-new {
			-webkit-animation: dash 2s ease-in-out;
			animation: dash 2s ease-in-out;
		}
		.path-new.line-new {
			stroke-dashoffset: 1000;
			-webkit-animation: dash 2s 2s ease-in-out forwards;
			animation: dash 2s 2s ease-in-out forwards;
		}
		.path-new.check-new {
			stroke-dasharray: 100 1000;
			stroke-dashoffset: -100;
			-webkit-animation: dash-check .7s 1s ease-in-out forwards;
			animation: dash-check .7s 1s ease-in-out forwards;
		}
		.path-new{
			stroke-dasharray: 1000;
			stroke-dashoffset: 0;
		&.circle-new{
			-webkit-animation: dash 2s ease-in-out;
			animation: dash 2s ease-in-out;
		}
		&.line-new{
			stroke-dashoffset: 1000;
			-webkit-animation: dash 2s 2s ease-in-out forwards;
			animation: dash 2s 2s ease-in-out forwards;
		}
		&.check-new{ /*Changed below */
			stroke-dasharray: 100 1000;
			stroke-dashoffset: -100;
			-webkit-animation: dash-check 2s 1s ease-in-out forwards;
			animation: dash-check 2s 1s ease-in-out forwards;
		}
		}
			
		p {
			&.success {
			color: #73AF55;
			}
			&.error {
			color: #D06079;
			}
		}
		
		@-webkit-keyframes dash {
			0% {
			stroke-dashoffset: 1000;
			}
			100% {
			stroke-dashoffset: 0;
			}
		}

		@keyframes dash {
			0% {
			stroke-dashoffset: 1000;
			}
			100% {
			stroke-dashoffset: 0;
			}
		}
		@-webkit-keyframes dash-check { /*Changed below */
			0% {
			stroke-dashoffset: -100;
			}
			100% {
			stroke-dashoffset: 0;
			}
		}
		@keyframes dash-check { /*Changed below */
			0% {
			stroke-dashoffset: -100;
			}
			100% {
			stroke-dashoffset: 0;
			}
		}
		/* end tick mark on end page css */
	.survey-pic-shadow {
		-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, .1);	
		box-shadow: 0px 4px 13px rgba(0, 0, 0, .1);
		-webkit-transition: ease all 0.3s !important;
		-o-transition: ease all 0.3s !important;
		transition: ease all 0.3s !important;
	}
	.survey-pic-shadow .btn {
		box-shadow: none;
	}
	.survey-pic-shadow:hover {
		-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, .2) !important;
		box-shadow: 0px 4px 13px rgba(0, 0, 0, .2) !important;
		-webkit-transition: ease all 0.3s !important;
		-o-transition: ease all 0.3s !important;
		transition: ease all 0.3s !important;
	}
	.form-row.survey-form-question .textfield-type-demo:hover, .survey-form-detail .dropdown-type-demo:hover, .custom-control-label.box-shadow:hover,  .free-text-textarea:hover, button.box-shadow:hover, .survey-form-question label.pointer.box-shadow:hover, label.pointer.box-shadow:hover, .free_answer_multiple:hover, .free-single-text-shadow-hover:hover{
		-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, .2) !important;
		box-shadow: 0px 4px 13px rgba(0, 0, 0, .2) !important;
		-webkit-transition: ease all 0.3s !important;
		-o-transition: ease all 0.3s !important;
		transition: ease all 0.3s !important;
	}
	.form-row.survey-form-question .textfield-type-demo, .survey-form-detail .dropdown-type-demo, .custom-control-label.box-shadow,  .free-text-textarea, button.box-shadow, .survey-form-question label.pointer.box-shadow, label.pointer.box-shadow, .free_answer_multiple, .free-single-text-shadow-hover {
		-webkit-transition: ease all 0.3s !important;
		-o-transition: ease all 0.3s !important;
		transition: ease all 0.3s !important;
	}
	.custom-control-label.demographicsingle:hover{
		box-shadow: none;
	}
	/*.creation-survey .form-group label, .creation-survey .custom-label-size input.form-control {
		font-size: 16px;
	}
	.creation-survey .focus .form-group > label {
		font-size: 14px;
	} */
	.creation-survey .custom-label-size input.form-control {
		font-size: 14px;
	}
	.forgot-subtitle {
		margin-bottom: 40px;
	}
	/* .custom-radio-btn.demo-single {
		line-height: 1.5;
	} */
	.wizard ul.common-list{
		list-style-type: disc !important;
		padding: 0;
		margin: 0px 0px 0px 18px;
	}
	.wizard ul.common-list li{
		padding: 0;
		list-style-type: disc !important;
		display: list-item;
	}
	.fill-colour.width100div div {
		-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, .1) !important;
		box-shadow: 0px 4px 13px rgba(0, 0, 0, .1) !important;
		-webkit-transition: ease all 0.3s !important;
		-o-transition: ease all 0.3s !important;
		transition: ease all 0.3s !important;
	}
	.fill-colour.width100div div .textfield-type-demo {
		box-shadow: none;
		transition: none;
	}
	.fill-colour.width100div div .textfield-type-demo:hover {
		box-shadow: none !important;
		transition: none !important;
	}
	.fill-colour.width100div div:hover {
		box-shadow: 0px 4px 13px rgba(0, 0, 0, .2) !important;
		transition: ease all 0.3s !important;
		-webkit-transition: ease all 0.3s !important;
	}
	.fill-colour.width100div div div.form-autocomplete-suggestion-field {
		box-shadow: none !important;
		transition: none !important;
		-webkit-transition: none !important;
	}
	
	@media screen and (max-width: 767px) {
		.rating-element-size {
			font-size:40px !important;
		}
		.textcenter{
			text-align: center;
		}
		.imgcenter {
			padding-top: 30px;
		}
		.second-section-landingpage {
			padding: 70px 0px !important;
		}
		.nsu_usecse {
			margin: 25px 0px !important;
		}
		.nsu_FAQ{
			margin-top: 70px !important;
		}
		.nsu_freeText{
			padding-top: 60px !important;
		}
	}
	@media screen and (min-width: 768px) and (max-width: 991px) {
		.btn-grade, .btn-grade-clr {
			min-width: 210px;
			min-height: 150px;
		}
		.school-grade-font {
			font-size: 14px;
		}
		.ranking-7 .btn-grade.rang-element-grade, .ranking-7 .btn-grade-clr.rang-element-grade {
			min-width: 159px;
			min-height: 150px;
		}
		.scool-grade .btn-grade, .scool-grade .btn-grade-clr {
			min-width: 100px;
    		min-height: 130px;
		}
		.scool-grade .school-grade-font {
			font-size: 13px;
		}
		.MuiCustomRating > button {
			min-height: 150px;
		}
		.MuiCustom-school-grade > button{
			min-height: 130px;
		}
		.MuiCustom-school-grade .MuiButton-contained{
			font-size: 13px;
		}
	}
	@media screen and (max-width: 767px) and (min-width: 709px){
		.ranking-7 .btn-grade.rang-element-grade, .ranking-7 .btn-grade-clr.rang-element-grade {
			min-width: 144px;
		}
	}
	@media screen and (min-width: 320px) and (max-width: 386px) {
		.school-grade-font {
			font-size: 8px;
		}
		.rating-element-size {
			font-size: 32px !important;
		}
		.school-grade-font.btn-grade, .school-grade-font.btn-grade-clr {
			width: 80px;
			height: auto;
			min-height: 80px;
			margin-right: 5px;
			min-width: 71px;
		}
		.btn-grade.rang-element-grade, .btn-grade-clr.rang-element-grade{
			width: 60px;
			height: auto;
			min-height: 94px;
			min-width: 60px;
			font-size: 10px;
		}
		.ranking-2 .btn-grade.rang-element-grade, .ranking-2 .btn-grade-clr.rang-element-grade {
			width: 85px;
			height: auto;
			min-height: 94px;
			min-width: 85px;
			font-size: 10px;
		}
		.ranking-3 .btn-grade.rang-element-grade, .ranking-3 .btn-grade-clr.rang-element-grade {
			width: 65px;
			height: auto;
			min-height: 94px;
			min-width: 65px;
			font-size: 10px;
		}
		.ranking-4 .btn-grade.rang-element-grade, .ranking-4 .btn-grade-clr.rang-element-grade {
			width: 47px;
			height: auto;
			min-height: 78px;
			min-width: 47px;
			font-size: 10px;
		}
		.ranking-5 .btn-grade.rang-element-grade, .ranking-5 .btn-grade-clr.rang-element-grade {
			min-width: 66px !important;
		}
		.ranking-6 .btn-grade.rang-element-grade, .ranking-6 .btn-grade-clr.rang-element-grade {
			width: 65px;
			height: auto;
			min-height: 94px;
			min-width: 65px;
			font-size: 10px;
		}
		.ranking-8 .btn-grade, .ranking-8 .btn-grade-clr {
			min-width: 47px;
		}
		.ranking-9 .btn-grade, .ranking-9 .btn-grade-clr {
			min-width: 65px;
		}
		.MuiCustomRating .MuiButton-contained {
			font-size: 10px;
		}
		.ranking-4 .MuiCustomRating .MuiButton-contained {
			font-size: 10px;
			font-size: 10px;
    		min-height: 78px;
    		min-width: 47px;
  		  	height: auto;
		}
		.ranking-8 .MuiCustomRating .MuiButton-contained {
			min-width:47px
		}
		.MuiCustom-school-grade > button{
			min-width: 71px;
			min-height:80px;
		}
		.MuiCustom-school-grade .MuiButton-contained {
			font-size: 8px;
		}
	}
	@media screen and (min-width: 320px) and (max-width: 575px) {
		.tick-marks input[type=range] {
			width: 69%;
		}
		.percentage-tick-mark h2 {
			width: 100%;
		}
		.width100div .textfield-type-demo::-webkit-input-placeholder{
			position: relative;
			top: 0.5px;
		}
	}
	@media screen and (min-width: 438px) and (max-width: 480px) {
		button.points-rank-button {
			width: 63px !important;
			height: 60px !important;
		}
	}
	
	@media screen and (min-width: 387px) and (max-width: 416px) {
		.btn-grade.rang-element-grade, .btn-grade-clr.rang-element-grade{
			width: 83px;
			height: auto;
			min-height: 94px;
			
			min-width: 83px;
		}
		.ranking-5 .btn-grade.rang-element-grade, .ranking-5 .btn-grade-clr.rang-element-grade {
			width: 77px;
			height: auto;
			min-height: 94px;
			
			min-width: 77px;
		}
		.ranking-8 .btn-grade, .ranking-8 .btn-grade-clr {
			min-width: 64px;
    		font-size: 10px;
		}
		.ranking-10 .btn-grade, .ranking-10 .btn-grade-clr {
			min-width: 61px;
			max-width: 61px;
			font-size: 10px;
		}
		.ranking-8 .MuiCustomRating .MuiButton-contained {
			font-size: 10px;
		}
		.ranking-10 .MuiCustomRating > button{
			min-width: 61px;
			font-size:10px;
		}
	}
	@media screen and (max-width: 386px) and (min-width: 330px){
		.ranking-10 .btn-grade, .ranking-10 .btn-grade-clr {
			min-width: 50px;
			max-width: 50px;
		}
		.ranking-10 .MuiCustomRating > button{
			min-width: 50px;
		}
	}
	@media screen and (max-width: 330px) and (min-width: 320px){
		.ranking-10 .btn-grade, .ranking-10 .btn-grade-clr {
			min-width: 47px;
			max-width: 47px;
			font-size: 9px;
		}
		.ranking-10 .MuiCustomRating > button{
			min-width: 47px;
			font-size: 9px;
		}
	}
	@media screen and (max-width: 334px) and (min-width: 320px){
		.ranking-7 .btn-grade, .ranking-7 .btn-grade-clr{
			min-width: 46px;
			min-height: 85px;
		}
	}
	@media screen and (max-width: 387px) and (min-width: 320px){
		.ranking-7 .btn-grade, .ranking-7 .btn-grade-clr{
			min-width: 52px;
			min-height: 85px;
		}
		.ranking-7 .MuiCustomRating > button{
			min-width: 52px;
			min-height: 85px;
		}
	}
	@media screen and (max-width: 409px) and (min-width: 350px){
		.ranking-7 .btn-grade, .ranking-7 .btn-grade-clr{
			min-width: 54px !important;
			font-size: 10px;
		}
		.ranking-7 .MuiCustomRating > button{
			min-width: 54px !important;
		}
		.ranking-7 .MuiCustomRating .MuiButton-contained{
			font-size: 10px;
		}
	}
	@media screen and (max-width: 386px) and (min-width: 375px){
		.ranking-8 .btn-grade, .ranking-8 .btn-grade-clr {
			min-width: 55px;
		}
	}
	@media screen and (max-width: 375px) and (min-width: 320px){
		i.fa-medal.rating-grey {
			font-size: 32px;
		}
	}
	@media screen and (max-width: 350px) and (min-width: 320px){
		.ranking-7 .btn-grade, .ranking-7 .btn-grade-clr{
			min-width: 45px !important;
		}
		.ranking-7 .MuiCustomRating > button{
			min-width: 45px !important;
		}
	}
	@media screen and (max-width: 485px) and (min-width: 387px){
		.ranking-4 .btn-grade.rang-element-grade, .ranking-4 .btn-grade-clr.rang-element-grade {
			width: 69px;
			height: auto;
			min-height: 94px;
			min-width: 64px;
			font-size: 12px;
		}
		.ranking-7 .btn-grade, .ranking-7 .btn-grade-clr{
			min-width: 70px;
		}
		.ranking-4 .MuiCustomRating .MuiButton-contained {
			font-size: 12px;
		}
	}
	@media screen and (min-width: 417px) and (max-width: 485px) {
		.ranking-8 .btn-grade, .ranking-8 .btn-grade-clr {
			min-width: 70px;
		}
	}
	@media screen and (min-width: 486px) and (max-width: 509px) {
		.btn-grade.rang-element-grade, .btn-grade-clr.rang-element-grade{
			min-height: 105px;
			min-width: 115px;
		}
		.ranking-8 .btn-grade, .ranking-8 .btn-grade-clr {
			min-width: 82px;
		}

	}
	@media screen and (min-width: 417px) and (max-width: 485px) {
		.ranking-10 .btn-grade, .ranking-10 .btn-grade-clr {
			min-width: 71px;
			max-width: 21%;
			font-size: 10px;
		}
		.ranking-10 .MuiCustomRating .MuiButton-contained{
			font-size: 10px;
			
		}
	}
	@media screen and (min-width: 486px) and (max-width: 575px) {
		.school-grade-font {
			font-size: 12px;
		}
		.btn-grade, .btn-grade-clr {
			min-height: 105px;
			min-width: 125px;
		}
		.ranking-4 .btn-grade, .ranking-4 .btn-grade-clr {
			min-height: 105px;
    		min-width: 82px;
		}
		.ranking-7 .btn-grade, .ranking-7 .btn-grade-clr{
			min-width: 88px;
		}
		.ranking-10 .btn-grade, .ranking-10 .btn-grade-clr {
			min-width: 88px;
			max-width: 88px;
		}
		.MuiCustomRating > button {
			min-height: 105px;
		}
		.MuiCustom-school-grade > button{
			min-height: 105px;
		}
		.MuiCustom-school-grade .MuiButton-contained{
			font-size: 12px;
		}
	}
	@media screen and (max-width: 576px) and (min-width: 510px){
		.ranking-8 .btn-grade, .ranking-8 .btn-grade-clr {
			min-width: 93px;
		}
	}
	@media screen and (min-width: 576px) and (max-width: 767px) {
		.btn-grade, .btn-grade-clr {
			min-width: 150px;
		}
		.school-grade-font {
			font-size: 14px;
		}
		.btn-grade.rang-element-grade, .btn-grade-clr.rang-element-grade{
			min-width: 138px;
			max-width: 138px;
		}
		.ranking-4 .btn-grade.rang-element-grade, .ranking-4 .btn-grade-clr.rang-element-grade {
			min-width: 111px;
		}
		.ranking-7 .btn-grade, .ranking-7 .btn-grade-clr{
			min-width: 126px;
		}
		.ranking-8 .btn-grade, .ranking-8 .btn-grade-clr {
			min-width: 110px;
		}
		#survey-form-1 .thumbs-button-cusom{
			width: 90px;
			height: 90px;
			font-size: 40px;
		}
		.survey-cover-page-detail h1, h1.survey-title-sm {
			font-size: 32px !important;
			line-height: 38px !important;
		}
		.MuiCustom-school-grade .MuiButton-contained{
			font-size: 14px;
		}
		.MuiCustom-thumbs-up > button{
			height:90px;
		}
		.MuiCustom-thumbs-up .MuiButton-contained{
			font-size:40px;
		}
	}
	@media screen and (min-width: 480px) and (max-width: 599px) {
		.ranking-5 .btn-grade.rang-element-grade, .ranking-5 .btn-grade-clr.rang-element-grade {
			min-width: 120px;
		}
	}
	@media screen and (min-width: 417px) and (max-width: 485px) {
		.ranking-9 .btn-grade, .ranking-9 .btn-grade-clr {
			min-width: 94px;
		}
	}
	@media screen and (min-width: 576px) and (max-width: 650px) {
		.ranking-6 .btn-grade.rang-element-grade, .ranking-6 .btn-grade-clr.rang-element-grade {
			min-width: 149px;
		}
	}
	@media screen and (min-width:701px) and (max-width: 767px) {
		.school-grade-font {
			min-width: 170px;
		}
	}
	@media screen and (min-width: 650px) and (max-width: 767px) {
		.ranking-8 .btn-grade, .ranking-8 .btn-grade-clr {
			min-width: 127px;
		}
		.ranking-6 .btn-grade.rang-element-grade, .ranking-6 .btn-grade-clr.rang-element-grade {
			min-width: 160px;
		}
	}
	@media screen and (max-width: 633px) and (min-width: 576px){
		.ranking-7 .btn-grade, .ranking-7 .btn-grade-clr {
			min-width: 110px;
			max-width: 110px;
		}
	}
	@media screen and (max-width: 681px) and (min-width: 576px){
		.ranking-10 .btn-grade, .ranking-10 .btn-grade-clr {
			min-width: 110px;
			max-width: 21%;
		}
	}
	@media screen and (min-width: 600px) and (max-width: 767px) {
		.ranking-5 .btn-grade.rang-element-grade, .ranking-5 .btn-grade-clr.rang-element-grade {
			min-width: 160px;
		}
		.ranking-9 .btn-grade, .ranking-9 .btn-grade-clr {
			min-width: 160px;
		}
	}
	@media screen and (min-width: 768px) and (max-width: 991px) {
		.btn-grade.rang-element-grade, .btn-grade-clr.rang-element-grade{
			min-width: 198px;
			min-height: 150px;
		}
		.ranking-4 .btn-grade.rang-element-grade, .ranking-4 .btn-grade-clr.rang-element-grade {
			min-width: 158px;
			min-height: 150px;
		}
		.ranking-5 .btn-grade.rang-element-grade, .ranking-5 .btn-grade-clr.rang-element-grade {
			min-width: 123px;
			min-height: 128px;
		}
		.ranking-6 .btn-grade.rang-element-grade, .ranking-6 .btn-grade-clr.rang-element-grade {
			min-width: 201px;
			min-height: 150px;
		}
		.ranking-8 .btn-grade, .ranking-8 .btn-grade-clr {
			min-width: 159px;
		}
		.ranking-5  .MuiCustomRating > button{
			min-height: 128px;
		}
	}
	@media screen and (min-width: 800px) and (max-width: 991px) {
		.ranking-9 .btn-grade, .ranking-9 .btn-grade-clr {
			min-width: 132px;
			max-width: 132px;

		}
		.ranking-10 .btn-grade, .ranking-10 .btn-grade-clr {
			min-width: 131px
		}
	}
	@media screen and (min-width: 768px) and (max-width: 800px) {
		.ranking-9 .btn-grade, .ranking-9 .btn-grade-clr {
			min-width: 110px;
			max-width: 110px;
		}
		.ranking-10 .btn-grade, .ranking-10 .btn-grade-clr {
			min-width: 125px;
		}
	}
	
	@media screen and (min-width: 320px) and (max-width: 334px) {
		button.thumbs-button-cusom {
			width: 41px;
			height: 43px;
		}
		button.points-rank-button {
			width: 41px;
			height: 43px;
		}
	}
	@media screen and (min-width: 320px) and (max-width: 389px) {
		.three-row-button .btn-grade, .three-row-button .btn-grade-clr {
			min-width: 65px;
    		font-size: 12px;
		}
		.three-row-button-multiple .btn-grade, .three-row-button-multiple .btn-grade-clr {
			min-width: 70px;
			font-size: 12px;
		}
	}
	@media screen and (min-width: 390px) and (max-width: 401px) {
		.three-row-button .btn-grade, .three-row-button .btn-grade-clr {
			min-width: 70px;
    		font-size: 12px;
		}
	}
	@media screen and (min-width: 486px) and (max-width: 494px) {
		.three-row-button .btn-grade, .three-row-button .btn-grade-clr {
			min-height: 105px;
    		min-width: 120px;
		}
	}
	@media screen and (min-width: 384px) and (max-width: 480px) {
		button.points-rank-button {
			width: 53px;
			height: 53px;
		}
	}
	@media screen and (min-width: 481px) and (max-width: 557px) {
		button.points-rank-button {
			width: 70px;
			height: 70px;
			margin-right: 8px;
		}
	}
	@media screen and (min-width: 558px) and (max-width: 767px) {
		button.points-rank-button {
			width: 85px;
			height: 85px;
			margin-right: 8px;
		}
	}
	@media screen and (min-width: 660px) and (max-width: 767px) {
		.one-ten button.points-rank-button {
			width: 110px;
			height: 110px;
			margin-right: 10px;
		}
	}
	@media screen and (min-width: 559px) and (max-width: 659px) {
		.one-ten button.points-rank-button {
			width: 90px;
			height: 90px;
			margin-right: 10px;
		}
	}
	@media screen and (min-width: 485px) and (max-width: 558px) {
		.one-ten button.points-rank-button {
			width: 75px;
			height: 75px;
			margin-right: 10px;
		}
	}
	@media screen and (min-width: 420px) and (max-width: 483px) {
		.one-ten button.points-rank-button {
			width:62px !important;
			height: 62px !important;
			margin-right: 10px;
		}
	}
	@media screen and (min-width: 384px) and (max-width: 419px) {
		.one-ten button.points-rank-button {
			margin-right: 10px;
		}
	}
	@media screen and (min-width: 335px) and (max-width: 383px) {
		.one-ten button.points-rank-button {
			margin-right: 10px;
			width: 45px;
			height: 45px;
		}
		.one-ten .MuiButton-point {
			margin-right: 10px;
			width: 45px;
		}
	}
	@media screen and (min-width: 320px) and (max-width: 334px) {
		.one-ten button.points-rank-button {
			margin-right: 10px;
		}
		.one-ten .MuiButton-point {
			width: 41px;
			margin-right: 10px;
		}
	}
	.width100div .textfield-type-demo::-webkit-input-placeholder{
		position: relative;
		top: 0.6px;
	}
	/* html, body {
		height: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	} */
	.grecaptcha-badge {
		z-index: 99 !important;
	}
	@media  (max-width: 575px) {
		.btn-grade.rang-element-grade, .btn-grade-clr.rang-element-grade{
			padding: 0px;
		}
		.survey-creation-big-button {
			min-width: 122px !important;
			text-align: center;
		}
	}
	.title-counter{
		text-align: right;
		font-size: 12px;
		letter-spacing: 1.5px;
	}
	.edit_text_style{
		font-weight: 700;
		letter-spacing: 1px;
	}
	.yellow-border{
		border: 1px solid #ffc107 !important; 
	}
	.text-colors{
		color: #717171 !important;
	}
	.survey-creation-big-button {
		min-width: 164.40px;
		text-align: center;
	}
	@media screen and (max-width: 400px) {
		.MuiButton-effect .demographicsingle .MuiButton-label {
			text-align: left;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
				 -ms-flex-align: center;
					  align-items: center;
			-webkit-box-pack: start;
				 -ms-flex-pack: start;
					  justify-content: flex-start;
	  }
	}
	/** start of animation of accordian in creation process **/
	.creating-condition.accordianFadeIn {
		animation-name: rotate-down;
		animation-duration: 1s;
	}
	@keyframes rotate-down {
		0% {
		  opacity: 1;
		  transform: translate3d(0, 0px, 0);
		}
		50% {
			opacity: 0;
			transform: translate3d(0, 15px, 0);
		}
		100% {
		  opacity: 1;
		  transform: translate3d(0, 0px, 0);
		}
	}
	@keyframes rotate-up {
		0% {
			opacity: 1;
			transform: translate3d(0, 0px, 0);
		}
		50% {
			opacity: 0;
			transform: translate3d(0, -15px, 0);
		}
		100% {
			opacity: 1;
			transform: translate3d(0, 0px, 0);
		}
	}
	.creating-condition.accordianFadeOut {
		animation-name: rotate-up;
		animation-duration: 1s;
	}
	/** end of animation of accordian in creation process **/
	.font-color-black {color:#000 !important}
	.modal-header .close {padding: 0.9rem;}
	/** start of prview header design **/
	.live-modal-content .modal-header {
		padding-top: 0 !important;
	}
	.live-content-model{
		padding-top: 0.9rem !important;
	}
	.modal-header.live-content-model .closetab {
		display: flex;
		align-items: center;
		text-align: right;
		justify-content: flex-end;
	}
	/** end of prview header design **/
	a.close.close-editsurvey-tab {
		margin-left: 0;
	}
	h2.create-survey-link {
		margin-bottom: 0;
		padding: 18px 0px 18px 0px !important;
	}
	.input-header-width {width: 85% !important;}
	.acco-heading .fa-minus {padding: 0 1px;}
	.button-opacity-change {opacity: 0.5;}
	.textarea-height {height: 170px !important;}
	@media screen and (max-width: 480px) and (min-width: 320px){
		.font_16 {
			font-size: 16px !important;
		}
	}
	.acco-heading-plus:after {top: 10px !important;}
	.validation-message {
		position: absolute;
		right: 0;
		top: 100%;
		transform: translateY(0%);
	}
	.box-border {border: 1px solid #ddd; border-radius: 3px;}
	.survey-radio-effect .btn-radio { padding: 0; } 
	.survey-radio-effect .btn-radio .custom-control{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	/** start of dropdown of mui-select design **/
	.custom-option-default.MuiInputLabel-outlined.MuiInputLabel-shrink {
		-webkit-transform: translate(0, -50%) scale(1) !important;
			-ms-transform: translate(0, -50%) scale(1) !important;
				transform: translate(0, -50%) scale(1) !important;
		top: 50% !important;
		left: 15px !important;
		font-size: 16px !important;
		color: #7f7c97 !important;
		/* EmojiSymbols Font (c)blockworks - Kenichi Kaneko
			http://emojisymbols.com/
		*/
		font-family: 'Poppins','EmojiSymbols', sans-serif !important;
	}
	.custom-dropdown-style .MuiFormLabel-root.Mui-focused {
		font-size: 16px !important;
		color: #7f7c97 !important;
	}
	.custom-dropdown-style .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
		border: 1px solid #ced4da !important;
	}
	.custom-dropdown-style .MuiSelect-iconOutlined {
		background-color: #ffffff !important;
		right: -20px !important;
	}
	.custom-dropdown-style .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
		border-color: #ced4da !important;
		border-width: 1px !important;
	}
	.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
		border-color: #ced4da !important;
		border-width: 1px !important;
	}
	.MuiOutlinedInput-notchedOutline {
		border-color:#ced4da !important;
	}
	.MuiSelect-select:focus {
		background-color:transparent !important
	}
	.MuiPaper-root.MuiMenu-paper.MuiPopover-paper,.MuiMenuItem-root {
		/* EmojiSymbols Font (c)blockworks - Kenichi Kaneko
			http://emojisymbols.com/
		*/
		font-family: 'Poppins','EmojiSymbols', sans-serif !important;
	}
	.custom-dropdown-style .MuiSelect-root.MuiSelect-select.MuiSelect-selectMenu.MuiSelect-outlined.MuiInputBase-input.MuiOutlinedInput-input {
		/* EmojiSymbols Font (c)blockworks - Kenichi Kaneko
			http://emojisymbols.com/
		*/
		font-family: 'Poppins','EmojiSymbols', sans-serif !important;
	}
	@media screen and (min-width: 389px) and (max-width: 930px) {
		.MuiMenu-paper {
			max-width: calc(100vw - 60px) !important;
			width: 100% !important;
		}
	}
	@media screen and (min-width: 930px) {
		.MuiMenu-paper {
			max-width: 870px !important;
			width: 100% !important;
		}
	}
	/** end of dropdown of mui-select design **/
	.br-none{
		border-right: none !important;
	}
	/* checkmark add in publishresult */
	ul.checkmark {
		list-style: none;
	}
	ul li.tie-check:before {
		content: "\2714\0020";
	}
	/** start of Custom university icon design */
	.custom-university-icon {
		font-size: 50px;
	}
	/** end of Custom university icon design */
	/** start line-clamp css for universty text in result list */
	.custom-university-name-line-clamp {
		display: -webkit-box !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	/** end line-clamp css for universty text in result list */
	/* type of scientific work dropdown hight */
	.height-36 {
		height: 36px !important;
		padding-top: .5rem!important;
	}
	/* checkbox toggle button in default left side selected */
	.switch input:checked + .sliders:before {
		transform: translateX(0px);
	}
	.sliders:before {
		transform: translateX(25px);
	}
	/* font-size in p tag for survey result details page subtitle */
	@media screen and (max-width: 480px) and (min-width: 320px) {
		p.size-14 {
			font-size: 14px !important;
		}
	}
	/* optional note text center in height */
	.result-optional-note .form-group label {
		top : 6px !important;
	}
	/* survey publish result listing page card style */
	span.custom-padding-5 {
		padding-top : 5px !important;
		padding-bottom : 5px !important;
		padding-right : 5px !important;
		padding-left : 5px;
	}
	@media screen and (max-width: 1499px) and (min-width: 1200px) {
		.custom-icon-mx {
			margin-left: 0px !important;
			margin-right: 0px !important;
		}
	}
	@media screen and (max-width: 1499px) and (min-width: 1200px) {
		.custom-icon-margin-right {
			margin-right: 8px !important;
		}
	}
	/* end of the survey publish result listing page card style  */
	/* Share Icon color set */
	.icon-color {
		color : #ccc;
	}
	/* Dummay image design set */
	.ranking_dummy_img{
		padding: 10px 10px 0 29px;
	}
	.ranking_main{
		position: relative;
	}
	.publish-surveys{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		left: 0;
	}
	/* publish result survey popup box set */
	.custome-unlock-survey .close-btn, .share_popup .close-btn {
		position: absolute;
		right: 10px;
		top: 14px;
	}
	.custome-unlock-survey > p, .share_popup > p{
		font-size: 16px;
		line-height: 20px;
		color: #4a4a4a;
		margin-bottom: 20px;
		text-align: left;
	}
	.custome-unlock-survey .button-group button {
		padding: 8px 30px;
		border: 1px solid #fff;
		cursor: pointer;
		color: #fff;
		font-size: 16px;
		max-width: 100%;
		margin-left: 15px;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		border-radius: 5px;
		display: inline-block;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 1px;
		height: 46px;
		background-color: #00b3f4;
	}
	.share_popup .close-btn {
		top: 8px;
	}
	.share_popup input{
		padding-right: 40px;
	}
	@media screen and (max-width:767px){
		.ranking_dummy_img {
			padding-left: 5px;
		}
	}
	.payment-popup 	.survey-sharing-bottom-margin {
		margin-bottom: 30px !important;
	}
	.sharing-close-button {
		background: transparent !important;
	}
	.survey-sharing-bottom-margin {
		margin-bottom: 10px !important;
	}

	.survey-unlock-popup-text {
		margin-bottom: 20px !important;
	}
	.survey-unlock-button {
		margin-bottom: 15px !important;
	}
	@media screen and (min-width: 320px) and (max-width:479px){
		.custome-unlock-survey .close-btn {
			top: 23px;
		}
	}
	@media screen and (min-width: 480px) and (max-width:575px){
		.custome-unlock-survey .close-btn {
			top: 20px;
		}
	}
	@media screen and (min-width: 320px) and (max-width:575px){
		.share_popup .close-btn {
			top: 14px !important;
		}
	}
	.survey-result-unlock-popup {
		padding-top: 0.4rem !important;
	}
	.survey-result-unlogged-popup {
		padding-top: 0.2rem !important;
	}
	/* publish result chart loader */
	.bubble-loader {
		position: absolute;
		bottom: 0;
		top: 0;
		right: 0;
		left: 0;
		background-color: #ffffff;
		text-align: center;
		/* margin:auto; */
		display: flex;
	}
	.bubble-loader i {
		margin: auto;
		/* margin-top: 10px; */
	}
	.resule-detail-chart {
		position: relative;
	}
	/* Home Page header images related css */
	.home-effect-bg-img {
		left: 0px !important;
		right: 0px !important;
	}
	.home-banner-changed .p-100px-tb {
		padding-top: 150px;
	}
	@media (min-width: 769px) {
		.home-banner-changed .p-100px-tb {
			padding-top: 124px;
		}
		.md-m-30px-t {
			margin-top: 0px;
		}
	}
	@media(max-width:767px){
		.home-banner-changed .p-100px-tb-changed {
			padding-top: 130px;
		}
	}
	@media(max-width:1499px){
		.home-banner-changed{
			margin-bottom:0 !important;
		}
	}
	.home-banner-changed{
		min-height: 780px;
		overflow:visible;
		margin-bottom: 120px;
	}
	.home-banner-changed .theme-main-changed{
		min-height: 750px;
	}
	.home-banner-changed .em_right{
		top: 225px;
		right: 60px;
	}
	.home-banner-changed .em_right img{
		transform: scale(1.7);
		transform-origin: right;
	}
	.home-banner-changed .em_left{
		top: 215px;
	}
	.home-banner-changed .em_left img{
		transform: scale(1.5);
		transform-origin: left;
	}
	.home-banner-changed .home-effect-bg img {
		width: 100%;
		height: 100%;
	}
	.home-banner-changed .home-effect-bg{
		/* height: 100%; */
		top: -322px;
	}
	.heading-padding {
		padding : 0px 35px;
	}
	@media(max-width:1499px){
		.home-banner-changed .em_right img, .home-banner-changed .em_left img{
			transform: scale(1.3);
		}
		.heading-padding {
			padding : 0px;
		}
	}
	@media(max-width:1199px){
		.home-banner-changed .em_right img, .home-banner-changed .em_left img{
			transform: scale(1.6);
		}
		.home-banner-changed .em_left{
			right: 28px;
			top: 215px;
		}
		.home-banner-changed .em_right{
			left: 28px;
		}
		.heading-padding {
			padding : 0px;
		}
	}
	@media(max-width:991px){
		.home-banner-changed .em_left img {
			transform: scale(1);
			max-width: 300px;
		}
		.home-banner-changed .em_left {
			top: auto;
			text-align: center !important;
			order: 2;
			left: auto;
			right: auto;
		}
		.home-banner-changed .em_right {
			/* order: 1; */
			text-align: center !important;
			top: auto;
			right: auto;
			left: auto;
			display: none;
		}
		.home-banner-changed .em_right img {
			transform: scale(1);
			max-width: 300px;
		}
		.home-banner-changed .em_center{
			order: 1;
		}
		.heading-padding {
			padding : 0px 35px;
		}
		.payment-home-section{
			max-width: 500px;
		}
	}
	@media(max-width:479px){
		.home-banner-changed .em_right img, .home-banner-changed .em_left img{
			max-width: 250px;
		}
	}
	@media(max-width:575px){
		.home-banner-changed{
			min-height: 744px;
		}
		.heading-padding {
			padding : 0px;
		}
	}	
	@media(max-width:767px){
		.payment-home-section{
			max-width: 500px;
		}
	}
	section.content-left-bg-img.home-section:after {
		content: '';
		background: var(--home-section);
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		position: absolute;
		bottom: 0;
		z-index: 0;
	}
	section.content-left-bg-img.home-section .container{
		position:relative;
		z-index:1;
	}
	/* empirioWissen Heading word break. */
	.ow {
		word-wrap: break-word;
	}
	@media screen and (min-width:768px) and (max-width:991px) {
		.bannet-text-h1 {
			min-height: 430px !important;
		}
	} 
	@media(max-width:768px){
		section.content-left-bg-img.home-section:after {
			background: var(--home-section);
			background-size: 174% 100%; 
			/* background-size: 140% 100%; */
			background-repeat: no-repeat;
			background-position: center;
			content: '';
			width: 100%;
			height: 100%;
			top: 0;
			right: 0;
			position: absolute;
			bottom: 0;
			z-index: 0;
			background-position: center bottom;
		}
		.full-screen {
			min-height: 80vh;
		}
	}
	@media(max-width:375px){
		section.content-left-bg-img.home-section:after {
			background: var(--home-section);
		}
		section.content-left-bg-img.home-section {
			min-height: 850px;
		}
	}
	@media(max-width:320px){
		section.content-left-bg-img.home-section:after {
			background: var(--home-section);
		}
		section.content-left-bg-img.home-section {
			min-height: 900px;
		}
	}
	.theme-main-homepage { background-image: none; background: none; }
	.card-bg-gray {background-color: #eff4fa;}
	.hover-none:hover { 
		-webkit-box-shadow: none !important; 
		box-shadow: none !important; 
	}
	@media screen and (-ms-high-contrast: active),
	(-ms-high-contrast: none) {
		.without_full_width .btn-radio svg{
			width: 18px !important;
		}
		.custom-radio-btn .custom-control .free-text-height{
			padding: 18px 5px;
		}
		body .custom_text_field .custom-radio-btn .custom-control-label::before{
			left: 0 !important;
		}
		.custom_text_field .custom-radio-btn .custom-control-label{
			padding-left: 27px !important;
		}
		.custom-radio-btn .custom-control-label::before{	
			-webkit-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);
		}
		.rating .btn-grade, .rating .btn-grade-clr{
			-webkit-box-flex: 1;
			-ms-flex: 1 0 29%;
			flex: 1 0 29%;
		}
	}
	.chart-main-block-freetext .bottom-border-blue-sm:after {
		width: 123px;
	}
	@media screen and (max-width: 767px){
		.chart-main-block-freetext .bottom-border-blue-sm:after {
			max-width: 95px !important;
		}
	}
	.form-group .textarea-border-none {
		border: none !important;
	}
	/* referral code button design in editprofile page*/
	.btn-outline-white {
		color: white;
		border: 2px solid white !important;
		background-color: transparent;
		padding: .375rem .75rem !important;
		margin-top: 1rem !important;
	}
	.btn-outline-white:hover {
		color: white;
	}
	.custom-radio > label {
		-webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
		transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
		-o-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
		transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
		transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	}
	.btn-radio-freeText {
		padding: 14px 9px 14px 24px;
	}
	@media screen and (max-width: 991px){
		.btn-login-margin {
			margin-top: 12px !important;
		}
	}
	.link-tree-box-shadow {
		box-shadow: none !important;
	}
	@media screen and (min-width: 768px){
		.btn-link-tree {
			font-size: 16px !important;
		}
	}
	.bg-link-tree {
		background-color: transparent !important;
	}
	div .tab-content .comments {
		text-align: right;
		position: fixed;
		bottom: 105px;
		right: 25px;
		z-index: 9;
		margin-top: 0;
	}
	.ai-comments {
		bottom: 75px !important;
	}
	.add-comment i.ti-comment-alt.icon-m {
		background-color: #00b3f4;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.ai-icon {
		background-color: #00b3f4;
		padding: 10px 16px 10px 16px;
		border-radius: 25px;
	}
	@media screen and (max-width: 575px){
		.delete-account-popup .custom-ui > button {
			padding : 8px 20px !important;
		}
		.delete-account-popup .textarea-height {
			height: 120px !important;
			padding: 15px !important;
		}
	}
	.home-banner-changed .home-effect-bg:after {
		content: "";
		background-image: var(--main-img);
		left: 0;
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		position: absolute;
		bottom: 0;
		z-index: 0;
	}
	@media(max-width:1440px){
		/* .home-banner-changed .home-effect-bg:after {
			background-image: var(--main-img);
		} */
		.home-banner-changed {
			min-height: 895px;
		}
		.home-banner-changed .home-effect-bg {
			top: -270px;
		}
	}
	@media(max-width:1280px){
		/* .home-banner-changed .home-effect-bg:after {
			background-image: var(--main-img);
		} */
		.home-banner-changed {
			min-height: 805px;
		}
		.home-banner-changed .home-effect-bg {
			top: -160px;
		}
	}
	@media(max-width:1024px){
		/* .home-banner-changed .home-effect-bg:after {
			background: var(--main-img);
		} */
		.home-banner-changed .home-effect-bg {
			top: 0px;
		}
		.home-banner-changed {
			min-height: 802px;
		}
	}
	@media(max-width:768px){
		.home-banner-changed .home-effect-bg:after {
			content: "";
			background-image: var(--main-img);
			left: 0;
			background-size: cover;
			background-position: center;
			width: 100%;
			height: 100%;
			top: 0;
			right: 0;
			position: absolute;
			bottom: 0;
			z-index: 0; 
		}
		.home-banner-changed {
			min-height: 800px;
		}
	}
	@media(max-width:575px){
		.home-banner-changed {
			min-height: 748px; /*685px;*/
		}
	}
	@media(max-width:375px){
		.home-banner-changed .home-effect-bg:after {
			background-position: center bottom;
			height: 104%;
			background-image: var(--main-img);
		}
	}
	@media(max-width:375px){
		section.content-left-bg-img.home-section:after {
			background-size: 100% 100%;
		}
	}
	/* Home page heading h1 in two line set */
	@media screen and (min-width: 1200px) and (max-width:1499px){
		.em-center-padding {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}
	}
	h3.bg-display-none:after {
		background-image: none !important;
	}
	@media screen and (min-width: 576px){
		h3.multiple-select-padding {
			padding-left: 30px !important;
		}
	}
	.goog-tooltip div {
		background-color: white !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		color: #4a4a4a !important;
	}
	.text-rgb {
		color: rgba(0, 0, 0);
	}
	@media screen and (max-width: 767px) {
		.ques-in-mobile {
		  padding-left: 0px;
		  padding-right: 0px;
		}
	}
	.home-banner-changed {
		margin-top:-1px;
	}
	.custom-ui .reset-button{
		padding: 8px 30px;
			border: 1px solid #fff;
			cursor: pointer;
			background: #00b3f4;
			color: #fff;
			font-size: 16px;
		max-width: 100%;
		margin-left: 15px;
		text-align: center;
			white-space: nowrap;
			vertical-align: middle;
		border-radius: 5px;
		display: inline-block;
		text-transform: uppercase;
			font-weight: 600;
			letter-spacing: 1px
		}
	.shadow-result-button{
		box-shadow: 0px 8px 15px rgb(0 0 0 / 28%);
	}
	.ti-plus-icon{
		position: absolute;
		top:5px;
		left:0;
		color: #4a4a4a;
	}
	.ti-plus-icon::before {
		content: "\e61a";
	}
	.ti-minus{
		position: absolute;
		top:5px;
		left:0;
		color: #4a4a4a;
	}
	.ti-close-icon{
		position: absolute;
		top:5px;
		left:0;
		color: #eb3b5a;
	}
	.ti-close-icon::before {
		content: "\e646";
	}
	.ti-numbering-icon {
		counter-reset: section;
		list-style: none;
		padding: 0;
		margin-block-start: 18px;
		margin-block-end: 18px
		}
	.ti-numbering-icon li {
		margin-bottom: 16px;
		position: relative;
		display: flex;
		align-items: center;
		padding-left: 50px;
		line-height: 26px;
		font-family: 'Poppins', sans-serif;
	}
	.ti-numbering-icon li:before {
		counter-increment: section;
		content: counter(section);
		display: inline-block;
		background-color: #1992E7;
		border-radius: 50%;
		text-align: center;
		position: absolute;
		left: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		margin-right: 20px;
		vertical-align: middle;
		font-size: 18px;
		font-weight: 600;
		color: white;
		}
		@media screen and (min-width: 320px) and (max-width:480px) {
			.previous-next-link-section .col-md-6 .font-18{
				font-size: 14px !important;
			}
		}
		#progressBarContainer {
			position: absolute;
			z-index: 10;
			width: 100%;
			bottom: 0px;
			left: 0;
		}
	.Grid-Container{
		margin-left: auto;
		margin-right: auto;
	}
	.Box-sc {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.Box-sc-container {
		position: relative;
	}
	.Box-sc-img {
		position: absolute;
		left: 0px;
		width: 120px;
		height: 120px;
		top: 0px;
	}
	.Box-sc-container h3 {
		margin-top: 0px;
		padding-left: 76px;
		min-height: 60px;
		margin-left: -74px;
		font-weight: 700;
	}
	@media screen and (min-width: 38em){
		.Box-sc-container {
			padding-left: 160px;
		}
	}
	@media (max-width: 607px){
		.Box-sc-img{
			width:60px;
			height:60px;
		}
		.Box-sc-container h3 {
			margin-left: 0px;
			font-weight: 700;
		}
	}
	@media screen and (min-width: 72em){
		.Grid-Container{
			padding-left: 2.5rem;
			padding-right: 2.5rem;
		}
	}
	/*Added for full width banner*/
		.container-full {
			position: relative;
			margin-bottom: 4rem;
			margin-top: 4rem;
		}
		.Box-background {
			height: 70%;
			width: 100%;
			bottom: 0px;
			position: absolute;
			z-index: 1;
			background-color: #EFF3FA;
		}
		.inner-container {
			padding-left: 2.5rem;
			padding-right: 2.5rem;
			max-width: 780px;
			margin-left: auto;
			margin-right: auto;
		}
		.inner-container img {
			z-index: 5;
			position: relative;
			width: 100%;
			height: auto;
			display: block;
		}
		.container-full::before {
			content: '';
			position: absolute;
			width: 80%;
			height: 70%;
			right: -80%;
			background: #EFF3FA;
			bottom: 0;
		}
		.container-full::after {
			content: '';
			position: absolute;
			width: 80%;
			height: 70%;
			left: -80%;
			background: #EFF3FA;
			bottom: 0;
		}
		@media screen and (max-width: 768px){
			.inner-container img{
			width:100% !important;
			height : auto !important;
			}
			.container-full {
			margin-top: 0px;
			margin-bottom: 0px;
			}
		}
		.start-new-chapter{
			overflow:hidden;
		}
		/* Ended full width banner*/
	.side-title h2 {
		font-size: 30px !important ;
		font-weight: 600;
		margin: 0 0 25px;
	}
	.countercol {
		padding: 25% 5%;
	}
	.countercol .count {
		margin: 0 0 15px;
	}
	.c .countbox {
		margin-left: 0;
	}
	.countbox{
		overflow: hidden;
		margin-left: 50px;
		text-align: center;
	}
	.countercol .count {
		font-size: 34px !important;
		line-height: 52px !important;
		white-space: nowrap;
	}
	.countercol h6 {
		margin: 0;
		font-size: 14px !important;
	}
	.countercol .count {
		font-size: 50px;
		font-weight: 700;
		line-height: 50px;
		margin: 0 0 15px;
	}
	.borderBottom{
		border-bottom: 2px solid #eee;
	}
	.borderRight{
		border-right: 2px solid #eee;
	}
	@media (max-width: 767px){
		.countercol {
			padding: 30px;
	}
	.countbox {
		margin-left: 0px;
	}
	.borderRight {
		border-right:none;
	}
	.borderB{
		border-bottom: 2px solid #eee
		}
	}
	.sub-content{
		padding-left: 0px;
		padding-right: 0px;
	}
	@media (min-width: 1200px){
		.start-new-chapter div {
			max-width: 900px;
		}
	}
	section.start-new-chapter p {
		font-size: 18px ;
		line-height: 26px !important;
		color: #4a4a4a !important;
		font-weight: 400!important;
	}
	.chart-img:disabled span{
		opacity: .65;
	}
	ul.intent-popup-types li {
		color: #4a4a4a;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		padding: 0px 25px;
	}
	ul.intent-popup-types li i.ti-check{
		position: absolute;
		top:5px;
		left:0;
		color: #00b3f4;
	}
	.intent-bg{
		background: rgba(0, 0, 0, 0.5) !important;
	}
	section.start-new-chapter h1, section.start-new-chapter h2, section.start-new-chapter h3, section.start-new-chapter h4, section.start-new-chapter h5{
		color: #4a4a4a !important;
		font-weight: 700!important;
	}
	section.start-new-chapter blockquote{
		background: #f9f9f9;
		padding: 20px;
		border-left: 5px solid #1992E7;
		font-size: 17px;
		margin: 30px 0 50px;
	}
	section.start-new-chapter li{
		font-size: 18px ;
		line-height: 26px !important;
		color: #4a4a4a !important;
		font-weight: 400!important;
	}
	.ranking-container{
		margin-right: -15px;
		margin-left: 15px;
	}
	.table-container{
		width: 100%;
		margin-bottom: 15px;
		color: #4a4a4a;
	}
	.blog-item{
		margin-bottom: 19px;
	}
	.toggle-button{
		height: 46px !important;
		margin-bottom: 10px !important;
	}
	.heading-slider{
		font-weight: 700;
		font-size: 18px;
	}
	.table-heading th{
		font-size: smaller;
		font-weight: 500;
		border-bottom: none;
		color: #4a4a4a;
		padding: 5px 2px;
	}
	.table-body-user{
		height: 186px !important;
	}
	.table-body td{
		border-bottom: 1px solid #ccc;
		font-size: 14px;
	}
	.stick-container{
		position: sticky;
		position: -webkit-sticky;
		top: 125px;
		margin-bottom: 30px;
	}
	@media screen and (max-width:991px){
		.ranking-container{
			display: none;
		}
	}
	.error_container{
		height: 214px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.error_container_user{
		min-height: 271px;
	}
	.error_container P{
		margin: auto;
		align-items: center;
	}
	.ui_card_item{
		width: 100%;
		min-height: 137px;
	}
	@media screen and (min-width: 1200px) and (max-width: 1499px) {
		.sideBarHeading{
			font-size: 12px !important;
			padding-left: 5px;
		}
	}
	@media screen and (min-width: 992px) and (max-width: 1199px) {
		.sideBarHeading {
			font-size: 14px !important;
		}
		.blog-listing-container {
			min-width: 650px !important;
		}
	}
	@media screen and (min-width:1200px){
		.blog-listing-container {
			min-width: 862px !important;
		}
	}
	@media screen and (min-width:1500px){
		.blog-listing-container {
			min-width: 1086px !important;
		}
	}
	.table-heading {
		display: flex;
		flex-direction: row;
	}
	.table-heading th:nth-child(1) {
		width: 27px !important;
	}
	.table-heading th:nth-child(2) {
		width: calc(100% - 75px) !important;
	}
	.table-heading th:nth-child(3) {
		width: 51px !important;
	}
	.table-body {
		height: 185px !important;
	}
	.table-body td:nth-child(1) {
		width: 25px !important;
	}
	.table-body td:nth-child(2) {
		width: calc(100% - 75px) !important;
	}
	.table-body td:nth-child(3) {
		width: 45px !important;
	}
	.table-body td {
		padding: 5px 2px;
	}

	/* non student page css  */
	.paket-list {
		list-style: none;
	}
	#example-img {
		position: absolute !important;
	}
	#info h2,
	#example h2,
	#packages h2,
	#use-cases h2,
	.header-text {
		font-size: 32px;
	}
	#info p,
	#example p,
	#packages p,
	#use-cases p,
	#community p,
	#packages li {
		font-size: 18px!important;
		line-height: 26px !important;
	}
	.use-case-icon {
		display: inline-block;
		font-size: 2rem;
		padding-bottom: 1rem;
		padding-left: 1rem;
		color: #ffffff;
		width: 4rem;
		height: 4rem;
		border-radius: 50% 0 50% 50%;
		margin-bottom: 1rem;
	}
	.d-table {
		display: table !important;
		padding-bottom: 2rem;
		height: auto !important;
		max-height: fit-content;
	}
	.header-text {
		font-size: 24px;
		font-family: 'Poppins','EmojiSymbols', sans-serif;
		color: #fff;
		cursor: pointer;
		font-weight: 500;
		display: inline-block;
		margin-right: auto;
		align-self: flex-start;
	}
	.brand {
		display: flex;
		flex-direction: row;
	}
	@media screen and (max-width: 768px) {
		#example-img {
		position: static !important;
	}
	#info h2,
	#example h2,
	#packages h2,
	#use-cases h2,
	.header-text  {
		font-size: 24px;
	}
	#info p,
	#example p,
	#packages p,
	#use-cases p,
	#community p,
	#packages li{
		font-size: 16px;
	}
	.header-text{
		font-size: 12px;
		display: block;
		margin: 0;
		margin-left: 25px;
	}
	.brand{
		flex-direction: column;
	}

	.header-nav .container{
		display: flex;
		align-items: center;
	}
	a.nav-link {
		margin-top: 5px;
	}
	}
	.fixed-header .header-text {
		color: #323232;
		align-items: center;
	}
	.header_collapse .header-text {
		color: #332233;
	}
	.home-banner-changed .landing-home-effect-bg:after {
		background: var(--my-color-var);
	}
	#home h1 {
		hyphens: auto;
	}

	.btn-package{
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 1px;
		padding: 12px 28px;
		border-radius: 5px;
		border: none;
	}
@media screen and (max-width: 575px) {
	.question-heading > .survey-title{
		font-size: 20px !important;
		line-height: 28px !important;
	}
	.font-size{
		font-size: 18px !important;
		line-height: 22px !important;
	}
	}
	.font-size{
		font-size: 20px ;
		line-height: 25px ;
	}
	.screen-height-landingpage{
		min-height: 90vh
	}
	#packages{
		padding-top: 90px !important;
		padding-bottom: 0px !important;
	}
	.second-section-landingpage{
		padding: 0px 0px;
	}
	@media screen and (max-width: 991px){
		.usecaseContent{
			margin-top: 40px !important;
		}
	}
	.nsu_community{
		padding-top: 0px  !important;
		padding-bottom: 10px;
	}
	@media screen and (max-width: 862){
		.nsu_FAQ{
			margin: 90px 0px  !important;
		}
	}
	.nsu_usecse{
		margin: 80px 0px;
	}
	@media screen and (max-width: 1024){
		.nsu_usecse{
			margin: 0px !important;
		}
	}
	.nsu_FAQ{
		margin: 30px 0px;
	}
	.nsu_freeText{
		padding-top: 0px;
	}
	.dropdown-links li:hover{
		background-color: #00b3f4;;
		color:white !important
		/* background-color: #007bffb0; */
	}
	.counter-border {
		border-right: 1px solid #ddd;
	}
	/* NSU_payment */
	.checkout_radiobutton_label input:checked + svg path.inner {
		stroke-dashoffset: 38;
		transition-delay: 0.3s;
	}
	.checkout_radiobutton_label input:checked + svg path {
		transition: all 0.4s ease;
	}
	.checkout_radiobutton_label svg path.inner {
		stroke-width: 6;
		stroke-dasharray: 19;
		stroke-dashoffset: 19;
	}
	.checkout_radiobutton_label svg path {
		stroke: #00b3f4;
	}
	.checkout_radiobutton_label svg {
		fill: none;
		vertical-align: middle;
		margin: 0 !important;
		width: auto !important;
		display: inline-block !important;
	}
	@media screen and (max-width: 768px) {
		.payment-flex {
		flex-direction: column !important;
		}
		.payment-select{
		width: 70% !important;
		}
		.subscription {
		width: 100%;
		}
		/* .payment-home-section h6, */
		.payment-home-section h5 {
		font-size: 24px !important;
		}
		.payment-home-section li,
		.payment-home-section p {
			font-size: 16px !important;
		}
	}
	#payment-img {
		position: absolute;
		bottom: 30%;
		left: 0;
		z-index: 1 !important;
		max-width: 94%;
	}
	.subscription {
		width: 60%;
		margin: auto;
	}
	.payment-close {
		cursor: pointer;
	}
	@media screen and (max-width: 1200px) {
		.subscription {
			width: 70%;
		}
	}
	@media screen and (max-width: 991px) {
		#payment-img {
			position: static;
		}
	}
	.payment-home-section h6,
	.payment-home-section h5 {
		font-size: 32px;
	}
	.payment-home-section li,
	.payment-home-section p {
		font-size: 18px;
	}
	@media screen and (max-width: 1200px) {
		.subscription {
		margin:auto;
		width:auto
		}
	}
	.bottom-border-blue-payment {
		content: "";
		display: block;
		width: 100%;
		height: 5px;
		position: absolute;
		background-image: linear-gradient(160deg, #1992E7 50%, #2680E0 100%);
		max-width: 155px;
	}
	.card-body{
		width: 100%;
	}
	.screen-height-checkpouPop{
		height: 80vh;
	}
	.screen-height-check-business{
		height: 63vh;
	}
	@media screen and (max-width: 567px){
		.payment-home-section h6 {
			font-size: 20px !important;
		}
		.payment-home-section h5{
			font-size: 24px !important;
		}
		.payment-home-section{
			max-width: 400px;
		}
	}
	@media screen and (max-width: 767px){
		.screen-height-checkpouPop{
			height: auto;
		}
		.screen-height-check-business{
			height: auto;
		}
		.business-mr{
			margin-top: 50px;
		}
		.info{
			padding-bottom: 40px;
		}
		.p-md-5{
			padding: 2rem!important
		}
	}
	.info{
		padding-top: 125px;
	}
	.paymet-package{
		padding-top: 100px;
	}
	.checkout-package{
		padding-top: 50px;
	}
	.Bullet_point_heading{
		font-size: 18px !important;
		font-weight: 700;
		margin-bottom: 0px;
	}
	.Bullet_point_sub_text{
		font-size: 14px !important;
		color: #7f7c97 !important;
	}
	.tick{
		padding-top: 1px
	}
	/* Custom background */
	.icon-center{
		display: flex;
		justify-content: center;
	}
	i .ti-lockli:hover{
		color: white ;
	}
	.dropdown-links li a :hover{
		color: white
	}
	#fileInput{
		display: none;
	}
	.voucher_code{
		background: none;
		color: white;
		border: none;
		text-decoration: underline;
	}
	.ti-gift{
		color: white;
	}
	.payment-home-section{
		border-radius: 4px;
	}
	.radio_color svg {
		fill: none;
		vertical-align: middle;
		margin: 0 !important;
		width: auto !important;
		display: inline-block !important;
	}
	.radio_color svg circle {
		stroke-width: 2px;
		stroke: #e7e7e7;
	}
	.radio_color svg path.inner {
		stroke-width: 6;
		stroke-dasharray: 19;
		stroke-dashoffset: 19;
	}
	.radio_color input:checked + svg path {
		transition: all 0.4s ease;
	}
	.radio_color input:checked + svg path.inner {
		stroke-dashoffset: 38;
		transition-delay: 0.3s;
	}
	.radio_color svg path.outer {
		stroke-width: 2;
		stroke-dasharray: 57;
		stroke-dashoffset: 57;
	}
	.radio_color input:checked + svg path {
		transition: all 0.4s ease;
	}
	.radio_color input:checked + svg path.outer {
		stroke-dashoffset: 0;
	}
	.radio_color svg path {
		stroke: #00b3f4;
	}
	.radio_color span {
		display: inline-block;
		vertical-align: middle;
	}

	/* download file button in  auswerten tabs for png,excel,powerpoint,word,etc... */
	.Download_btn_container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		background-color: #FFFFFF;
		padding: 15px;
		color:#212529;
	  }
	.Download_btn_item {
		background-color: rgba(255, 255, 255, 0.8);
		margin:10px 80px 10px 16px;
		font-size: 17px;
		font-weight:500;
	}
	.download_btn_file_icon { color:#4a4a4a;}
	.Download_btn_text_dark {
		color: #4a4a4a ;
		font-weight:bold;
	}
	.Download_btn_text_grey {
		color: grey ;
	}
	.lock_btn_text_grey {
		color: #4a4a4a ;
	}
	.download_btn_border-bottom { border-bottom: 2px solid #f1eaea;}
	.Download_btn_item p { padding:0px 5px;}

	.qr-inline-icon {
		font-size: 20px;
		margin-top: 8px;
		margin-right: 2px;
	}

	.qr-inline-btn p {
		padding: 0 3px !important;
	}
	
	.bottom-border-blue-auswerten {
		content: "";
		display: block;
		width: 100%;
		height: 5px;
		position: absolute;
		background-image: linear-gradient(160deg, #1992E7 50%, #2680E0 100%);
		max-width: 200px;
	}
	.data-chk {
		margin-top:3px;
	}
	@media screen and (max-width: 576px) {
		.data-chk {
			width: 32px!important;
			margin-top:14px;
		}
		.Download_btn_container {
			display: grid;
			grid-template-columns: 1fr;
			background-color: #FFFFFF;
			padding: 30px 10px;
		}
		.Download_btn_item {
			background-color: rgba(255, 255, 255, 0.8);
			margin:10px 16px 10px 16px;
			font-size: 14px;
		}
		.Download_btn_text_dark {
			line-height: 16px;
		}
		.qr-inline-icon {
			margin-top: 6px;
		}
		.bottom-border-blue-auswerten {
			content: "";
			display: block;
			width: 100%;
			height: 4px;
			position: absolute;
			background-image: linear-gradient(160deg, #1992E7 50%, #2680E0 100%);
			max-width: 150px;
		}
	}
	@media screen and (max-width: 768px) and (min-width: 576px) {
		.Download_btn_container {
			display: grid;
			grid-template-columns: 1fr;
			background-color: #FFFFFF;
			padding: 30px 10px;
		}
		.Download_btn_item {
			background-color: rgba(255, 255, 255, 0.8);
			margin:10px 16px 10px 16px;
		}
		/* small tablets inherit base qr-inline-icon margin-top */
	}
	@media screen and (max-width: 992px) and (min-width: 768px) {
		.Download_btn_container {
			display: grid;
			grid-template-columns:1fr 1fr;
			background-color: #FFFFFF;
			padding: 30px 10px;
		}
		.Download_btn_item {
			background-color: rgba(255, 255, 255, 0.8);
			margin:10px 16px 10px 16px;
		}
	}
	@media screen and (max-width: 1200px) and (min-width: 992px) {
		.Download_btn_container {
			display: grid;
			grid-template-columns:1fr 1fr;
			background-color: #FFFFFF;
			padding: 30px 10px;
		}
		.Download_btn_item {
			background-color: rgba(255, 255, 255, 0.8);
			margin:10px 50px 10px 16px;
		}
	}
	@media screen and (min-width: 1200px) {
		.Download_btn_container {
			display: grid;
			grid-template-columns:1fr 1fr;
			background-color: #FFFFFF;
			padding: 30px 10px;
		}
		.Download_btn_item {
			background-color: rgba(255, 255, 255, 0.8);
			margin:10px 50px 10px 16px;
		}
	}
	/* cursor:pointer */
	.cursor-pointer { cursor: pointer;}
	/* scale type 6 survey question approval answer */
	.survey-approval-min-height
	{
		width: 100%;
		min-height: 50px !important;
	}
	.survey-approval-btn
	{
		width: 100% !important;
		min-width: 100% !important;
		text-align: left !important;
		justify-content: left !important;
		height: 25px !important;
		min-height: 56px !important;
	}
	.survey-approval-btn-in
	{
		width: 100% !important;
		min-width: 100% !important;
		min-height: 56px !important;
		text-align: left !important;
		padding: 13px 36px !important;
	}
	.survey-approval-font-size
	{
		font-size:16px !important
	}
	#survey_optional_logo, #survey_logo{
		display: none;
	}
	.fill-by-custom_logo{
		position: relative;
		display: flex;
		width: 100%;
		height: auto;
		min-height:145px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		justify-content: center;
		align-items: center;
	}
	.twitter-picker span{
		display: block  !important;
	}
	.survey-color{
		background-color: var(--survey-color);
	}
	.block-picker {
		width: 330px !important;
	}
	.custom-logo-size{
		max-width: 163px;
		max-height: 36px;
		margin: 0;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.logo-col{
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		padding : 0.9rem 0.9rem 0.9rem 2.5rem;
		float : left
	}
	.logo-col1{
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.logo-col2{
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.participation-header-logo{
		padding : 0.9rem 0.9rem 0.9rem 2.5rem;
		float : left;
		margin-right: 0px !important;
		top: 5px;
	}
	.participation-header-close{
		margin: 0px !important;
		padding: 0.9rem 3rem 0.9rem 0.9rem !important;
		top: 5px;
		color: #4a4a4a!important;
		font-size: 24px !important;
		opacity: 1 !important
	}
	@media screen and (max-width: 575px){
		.participation-header-close{
			right: 0px !important;
			top: 0px !important;
			font-size: 18px !important;
			padding: 0.9rem 1.9rem 0.9rem 0.9rem !important;
		}
		.participation-header-logo{
			padding: 0.9rem 0.9rem 0.9rem 1.9rem !important;
		}
	}
	.payment-select {
		width: 30%;
	}
	.add-answer i.fa-plus.icon-m {
		background-color: #ccc;
		width: 39px;
		height: 39px;
		line-height: 39px;
	}
	.btn-outline-white_community:hover{
		color: white !important;
	}
	.fixed-header .btn-outline-white_community:hover{
		color: #323232 !important;
	}
	.testimonial-width{
		width: 450px;
		height: 88%;
	}
	.testimonial-section{
		padding-top: 50px;
		/* padding-bottom: 50px; */
	}
	@media screen and (max-width: 991px){
		.testimonial-width{
			width: 340px;
		}
		.btn-outline-white_community:hover{
			color: #323232 !important;
		}
	}
	@media screen and (max-width: 768px){
		.testimonial-width{
			width: auto;
		}
	}
	.btn-hover:hover{
		color: white !important;
	}
	.check-box{
		width: 12px !important;
		margin: 0px !important;
		display: initial !important;
	}
	@media screen and (min-width: 1200px) {
		#analyse-assistent-table {
			width: 1100px;
		}
	}
	.react-confirm-alert:has(#analyse-assistent-table) {
		text-align: -webkit-center;
	}
	#unlock-analyse-button {
		position: absolute;
		margin: 0 35%;
		padding-top: 9%;
		z-index: 1;
	}
	#analysis-result-table {
		max-height: 450px;
	}
	.portfolio-item {
		width: 20%;
		height: 202px;
		margin-bottom: 20px;
	}
	.portfolio-info-inner {
		width: 202px;
		height: 202px;
		color: #ffffff;
		text-align: center;
		box-shadow: 5px 5px 5px lightblue;
		background-image: linear-gradient(160deg, #1992E7 50%, #2680E0 100%);
	}
	.portfolio-info-inner h6 {
    	position: relative;
		top: 50%;
		padding: 20px;
		word-wrap: break-word;
		transform: translateY(-50%);
	}
	#show-more-template {
		font-weight: 500;
		text-align: center;
		text-decoration: underline 2px black;
	}
	#show-more-template a {
		color: black;
	}
	.survey-ai .share_popup{
		width: 880px;
	}
	.selectQ {
		transform: scale(1.3);
		margin: 5px;
	}
	.survey-ai .show {
		overflow: hidden;
    	/* transition: max-height 0.3s ease-in-out; */
	}
	/* .survey-ai .hide {
		 display:none;
	} */
	.survey-ai .options {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease-in-out;
		background-color: #fff;
		text-align: left;
		padding: 0px 0px 3px 54px;
		gap: 8px;
		display: flex;
		font-size: 16px !important;
		color: #7f7c97;
		flex-direction: column;
	}
	.survey-ai.visible {
		max-height: auto;
		transition: max-height 0.3s ease-in-out;
	}
	/* Style the checkbox */
	.survey-ai input[type="checkbox"] {
	  appearance: none;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  width: 20px;
	  height: 20px;
	  border: 1px solid #333;
	  border-radius: 3px;
	  padding-right: 19px;
	  outline: none;
	  cursor: pointer;
	}
	/* Style the tick when checkbox is checked */
	.survey-ai input[type="checkbox"]:checked::before {
	  content: "\2713"; /* Unicode character for a checkmark */
	  display: inline-block;
	  font-size: 16px;
	  width: 20px;
	  height: 20px;
	  text-align: center;
	  line-height: 21px;
	  color: #fff; /* White tick color */
	  background-color: #4eb4f4; /* Change this to your desired tick color */
	  border-radius: 3px;
	}
	.unlock-btn {
		padding:0px 0px 40px 0px;
		margin-top: 10px;
	}

@media screen and (max-width: 767px) {
	.MuiCustom-school-grade .MuiButton-contained,
	.MuiCustomRating .MuiButton-contained,
	.school-grade-font {
		font-size: 16px !important;
		line-height: 26px !important;
	}

	.btn-grade,
	.btn-grade-clr {
		word-break: break-word;
		white-space: normal;
	}
}