.q-diagram-content {
	position: absolute;
}

@media (min-width:1024px) {
	.q-diagram-line .q-diagram-content {
		position: absolute;
		width: 200px;
		top: 15%;
		left: -20%;
	}
	
	.q-diagram-line-1 .q-diagram-content {
		position: absolute;
		width: 200px;
		top: 65%;
		left: -20%;
	}
	
	.q-diagram-line-2 .q-diagram-content {
		position: absolute;
		width: 200px;
		top: 15%;
		right: -31%;
	}
	
	.q-diagram-line-3 .q-diagram-content {
		position: absolute;
		width: 200px;
		top: 65%;
		right: -31%;
	}
	.q-diagram-line::before {
		content: "";
		height: 1px;
		position: absolute;
		width: 100px;
		background-color: #98bedd;
		top: 20%;
		left:12%
	}
	.q-diagram-line::after {
		content: "";
		background-color: #98bedd;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		position: absolute;
		top: 19.6%;
		left: 12%;
	}
	.q-diagram-line-1::before {
		content: "";
		height: 1px;
		position: absolute;
		width: 100px;
		background-color: #ed2e26;
		top: 70%;
		left:12%
	}
	.q-diagram-line-1::after {
		content: "";
		background-color: #ed2e26;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		position: absolute;
		top: 69.6%;
		left: 12%;
	}
	.q-diagram-line-2::before {
		content: "";
		height: 1px;
		position: absolute;
		width: 100px;
		background-color: #2e8be0;
		top: 20%;
		right:5%
	}
	.q-diagram-line-2::after {
		content: "";
		background-color: #2e8be0;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		position: absolute;
		top: 19.6%;
		right: 4%;
	}
	.q-diagram-line-3::before {
		content: "";
		height: 1px;
		position: absolute;
		width: 100px;
		background-color: #1d2737;
		top: 70%;
		right:5%
	}
	.q-diagram-line-3::after {
		content: "";
		background-color: #1d2737;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		position: absolute;
		top: 69.6%;
		right: 4%;
	}
}

@media (min-width:1280px) {
	.q-diagram-line .q-diagram-content {
		top: 15%;
		left: -27%;
	}
	
	.q-diagram-line-1 .q-diagram-content {
		top: 65%;
		left: -27%;
	}
	
	.q-diagram-line-2 .q-diagram-content {
		top: 15%;
		right: -38%;
	}
	
	.q-diagram-line-3 .q-diagram-content {
		top: 65%;
		right: -39%;
	}
	.q-diagram-line::before {
		top: 20%;
		left:6%
	}
	.q-diagram-line-1::before {
		top: 70%;
		left:4%
	}
	
	.q-diagram-line-2::before {
		top: 20%;
		right:-2%
	}
	
	.q-diagram-line-3::before {
		top: 70%;
		right:-5%
	}
	.q-diagram-line::after {
		top: 19.6%;
		left: 6%;
	}
	.q-diagram-line-1::after {
		top: 69.6%;
		left: 3%;
	}
	.q-diagram-line-2::after {
		top: 19.6%;
		right: -3%;
	}
	.q-diagram-line-3::after {
		top: 69.6%;
		right: -5%;
	}
}
.flip-card  {
	height: auto;
}
.flip-back-text {
	color: #33415a;
}
.q-diagram-content {
	opacity: 0; 
	font-size: 20px;
	margin: 10px 0;
}
.vmdr-cycle-diagram {
	transform: scale(0.4)
}
/*# sourceMappingURL=index.css.map */