.full-container {
display:grid;
grid-template-columns: 2fr 2fr 3fr;
padding:20px;
grid-auto-rows: auto 1fr;
grid-template-areas: 
	" product-image product-image selection  "
	" product-info group-info selection "
}



.header-title{

text-align:center;
padding-top:30px;
	
}

.product-image {
grid-area: product-image;

}

.product-image > img {
	width: 100%;
  }


.selection1 {
grid-area: selection;
padding-left: 30px;
}

.product-info {
grid-area: product-info;
padding-right:30px;
}

.group-info {
grid-area: group-info;
}


/* .product-image > img {
	width: 100%;
	height: 100%;


	object-fit:scale-down;
  } */

  

  /* .product-image > img {
	width: 100%;
	/* height: 100%; 
	/* object-fit:cover; 
  }
*/


.product-hr{

width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
/* margin-bottom: 100px;  */

border: 0;
border-bottom: 1px solid hsl(218, 10%, 85%);

}



.div-header {

	color: 	hsl(218, 10%, 35%);
	font-size: 12px;
	margin-top:0px;


}

.red {

font-size: 100px !important;
 
	}


.secondary-text {

	color: 	hsl(218, 10%, 50%);
	font-size: 12px;
	


  }


.custom-order-header{

margin-top:-1px;


} 










.dimension-box{
display:flex;
flex-wrap: wrap; 
/* display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */


}

.idv-dimension-box{

	width:50px;
	height:50px;
	border:1px solid rgb(216, 216, 216);
	text-align: center;
	font-size: 12px;
	display: flex;
    justify-content: center;
	align-items: center;
	margin-right:10px;
	cursor: pointer;
	/* margin-right:10px; */

}

.idv-dimension-box-checked{

	width:50px;
	height:50px;
	border:1px solid rgb(44, 26, 160);
	text-align: center;
	font-size: 12px;
	display: flex;
    justify-content: center;
	align-items: center;
	margin-right:5px;


}




/* .form-radio {
	visibility : hidden;
} */


[type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
  }


/* IMAGE STYLES */
[type=radio] + p {
	cursor: pointer;
  }

/* CHECKED STYLES */
[type=radio]:checked + p {
	/* border:2px solid rgb(137, 137, 137); */
	border:3px solid  rgb(65, 123, 217);

	/* outline:3px solid rgb(65, 123, 217); */
	color: 	rgb(137, 137, 137);
	font-weight: bold;
	font-size: 12px;
}


  [type=radio] + img {
	cursor: pointer;
  }


  [type=radio]:checked + img {
	outline:3px solid rgb(65, 123, 217);
	/* color: 	rgb(137, 137, 137); */
	/* font-weight: bold;
	font-size: 12px; */
  }




.image-radio{

	width:120px;
	height:120px;
	/* border:1px solid rgb(216, 216, 216); */
	text-align: center;
	font-size: 12px;
	display: flex;
    justify-content: center;
	align-items: center;
	margin-right:5px;
	padding-right:10px;
	margin-top:25px;
	display:flex;
	flex-direction:column;
	justify-content: center;

}







.image-radio > img {
	width: 100%;
	height: 100%;
	object-fit:cover;
  }









  /* Dimension Container */

  .dimension-container{

	display: flex;
	flex-direction: row;
	align-items: center;
	
	  }


	.dimension-container > * {

		padding-right: 10px;


	}



	html {
		scroll-behavior: smooth;
	}
	




	.text-box {
		padding: 0;
		height: 50px;
		position: relative;
		left: 0;
		outline: none;
		border: 1px solid #e3e3e3;
		border-color: hsl(218, 10%, 85%);
		background-color: white;
		font-size: 16px;
		margin-bottom: 30px;
		font-family: grap, sans-serif;
		font-style: normal;
		color: hsl(218, 10%, 50%);
	  font-size: 12px;
	  }






@media(max-width: 700px) {


	.full-container {
		display:grid;
		grid-template-columns: 1fr;
		padding:20px;
		grid-auto-rows: auto ;
		grid-template-areas: 
		" product-image "
		" selection "
		" group-info "
		" product-info "


		}


		.header-title{

			text-align:center;
			padding-top:30px;
				
			}
			
			.product-image {
			grid-area: product-image;
			
			}
			
			.product-image > img {
				width: 100%;
			  }
			
			
			.selection1 {
			grid-area: selection;
			padding-left:0px
			}
			
			.product-info {
			grid-area: product-info;
			padding-right:0px

			}
			
			.group-info {
			grid-area: group-info;
			}



}