/* Theming */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");

:root{
    --white: #f9f9f9;
    --black: #36383F;
    --grey: #85888C;
    --brown : Dark Brown;
}

/* Reset */
/*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
*/
	#rashet_open {
		margin: 0;
		padding: 0;
		position: relative;
		width: 392px;
		height: 330px;
	}

	#rashet_close { 
		margin: 0; 
		padding: 0;
		position: relative;
		width: 392px;
		height: 330px;
	}

	#l1 {
		margin: 0; 
		padding: 0;
		z-index: 0; 
		position: absolute;
		text-align: center;
		left: 0%; top: 7.3%; 
	}
	#l2 {
		margin: 0; 
		padding: 0;
		z-index: 0; 
		position: absolute;
		text-align: center;
		left: 0%; top: 7.4%; 
	}


	#dimensional_callout{
		margin: 0; 
		padding: 0 5px 5px 0;
		z-index: 2; 
		/*opacity: 0.999; */
		display: relative;
		text-align: center; 
		font-size: 1.2rem;
		font-weight: 550;
		/*color: rgb(105,51,51);*/

	}

	#dimensional_callout_out{
		margin: 0; 
		padding: 0 5px 5px 0;
		z-index: 2; 
		/*opacity: 0.999; */
		display: relative;
		text-align: center; 
		font-size: 1.2rem;
		font-weight: 550;
		/*color: rgb(105,51,51);*/
	}
	#dimensional_callout img{
	/*z-index: 2; */
	/*position: absolute;*/
	/*text-align: center;*/
	/*width: 90%;*/
	/*left: 14%; top: 0%; */
	/*left: 25%; top: 15%; */
	}
	#dimensional_callout_out img{
	/*z-index: 2; */
	/*position: absolute;*/
	/*text-align: center;*/
	/*width: 90%;*/
	/*left: 14%; top: 0%; */
	/*left: 25%; top: 15%; */
	}



	#text_in_x{
		position: absolute;
		left: 23.0%; top: 15.1%; 
		transform: rotate(-25deg);
	}
	#text_in_y{
		position: absolute;
		left: 66.0%; top: 15.7%; 
		transform: rotate(25deg);
	}
	#text_in_z{
		position: absolute;
		left: 11.6%; top: 38.8%; 
		transform: rotate(-91deg);
	}

	#text_out_ox{
		position: absolute;
		left: 22.1%; top: 15.5%;
		transform: rotate(-25deg);
	}
	#text_out_oy{
		position: absolute;
		left: 64.4%; top: 15.2%; 
		transform: rotate(21deg);
	}
	#text_out_oz{
		position: absolute;
		left: 11.0%; top: 39.6%; 
		transform: rotate(-91.5deg);
	}


@media (max-width: 992px) {

	#rashet_open {
		position: relative;
	}

	#rashet_close { 
		position: relative;
	}

	#l1 {
		margin: 0; 
		padding: 0;
		z-index: 0; 
		position: absolute;
		text-align: center;
		left: 0.5%; top: 5.6%; 
	}
	#l2 {
		margin: 0; 
		padding: 0;
		z-index: 0; 
		position: absolute;
		text-align: center;
		left: 0.5%; top: 5.9%; 
	}

	#dimensional_callout{
		display: absolute;
		font-size: 1.1rem;
		font-weight: 550;
	}

	#dimensional_callout_out{
		display: absolute;
		font-size: 1.1rem;
		font-weight: 550;
	}


}