/*** Tutorial blop ***/

.tutorial-blop{
	position: fixed;
	width: 60px;
    height: 60px;
    border-radius: 35px;
	z-index: 99;
	right: 25px;
	background: rgb(78, 140, 255)!important;
	bottom: 100px;
}

.sc-chat-window {
	z-index:200;
}

.tutorial-blop .bg-white{
	position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 10px;
    height: 15px;
    width: 15px;
}

.tutorial-blop .icon-question-circle {
	position: absolute;
    top: -2px;
    right: -1px;
}

.tutorial-menu {
	position:fixed;
	bottom:10px;
	left:10px;
	z-index: 1000;
}

.tutorial-menu-button {
	text-align: center!important;
}

/*** Tutorial Item ***/

.tutorial-item {
	position: relative;
    z-index: 101;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-name: pulse;
}

.tutorial-item-nopulse {
	position: relative;
    z-index: 101;
}

.tutorial-activate {
	pointer-events:initial!important;

}


/*** Background Blur ***/

.tutorial-blur {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 100;
}

.tutorial-blur.blend {
	mix-blend-mode: color;
	background: black;
}


	.tutorial-content {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 101;
		opacity: 0.95;
	}

	.tutorial-hide {
		display:none!important;
	}

	.tutorial-content > .text {
		padding: 10px;
		margin-bottom: 50px;

	}

	.tutorial-content > .back {
		padding: 10px;
		width:100%;
	}

	.tutorial-big-next {
	    padding: 12px 40px;
		width: fit-content;
		float: right;
		/* margin-bottom: 54px; */
		position: relative;
		bottom: 65px;
		left: -100px;
	}