html {
		scroll-behavior: smooth
	}

	.tool-box {
		margin: auto;
		background: #fff;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
		padding-bottom: 10px
	}

	.tool-detail-textarea-box {
		padding: 0 0 20px !important
	}

	.header {
		padding: 20px;
		text-align: center
	}

	.header .hh2 {
		margin: 0;
		font-size: 26px;
		margin-bottom: 6px;
		font-weight: 600
	}

	.header p {
		color: #555
	}

	.spacer {
		height: 5px;
		background: #ccc
	}

	.content {
		padding: 20px;
	}

	fieldset{
				border: 1px solid #ccc;
	border-radius: 4px;
	padding: 20px;
	}
	fieldset legend{
		padding: 0 10px;
		font-weight: 600;
		color: #333;
	}

	.mouse-section {
		display: flex;
		justify-content: center;
	}

	polygon {
		fill: rgb(223, 223, 223) !important;
	}

	#mouse {
		width: 100%;
		height: 300px;
        zoom:1.5;
	}

	#mouse .visited {
		fill: #caffcd !important;
	}

	#mouse .active {
		fill: #06df10 !important;
	}

	@media(max-width:460px) {
		/* .mouse-section {
			width: 90%;
			margin: auto;
			height: auto
		} */

		#mouse {
			width: 100%;
			height: auto;
		}
	}

	@media(max-width:400px) {
		.header .hh2 {
			font-size: 20px;
		}
	}