.assort .card1{
	
	padding:20px;
}


 
.assort .ass_r {
    font-size:1.2em;
	text-align:right;	
	
}

.assort .ass_l {
	font-size:1.3em;
	text-align:left;	
	 color:var(--footcolor);
}


.card_col_title {
   font-weight: normal;
   font-size: 1.6em;

   color:var(--h1color);
}

.card_col_title2 {
   font-weight: normal;
   font-size: 1.3em;

   color:var(--h1color);
}

.card_subtitle {
   display: block;
   margin-bottom: 20px;
   margin-top: 10px;
   font-weight: 300;
   font-size: 19px;
   line-height: 23px;
   color: var(--acolor);
}

.card_inner {
   display: flex;
}

.card_col {
   display: flex;
   flex-direction: column;
   padding-left:10px;
}

.card_block {
  // margin-bottom: 40px;
}

.card_block span {
   display: block;
}

.card_name {
   font-weight: normal;
   font-size: 1.2em;
   line-height: 29px;
   margin-bottom:0.8em;
   
}



.card_info{
   font-weight: normal;
   font-size: 1.2em;
   line-height: 29px;
   color: var(--acolor);
   margin-bottom:0.8em;
}



.card_block span {
   font-weight: 300;
   font-size: 24px;
   line-height: 29px;
}

.card_block span:not(:last-child) {
   margin-bottom: 5px;
}



.card_colors_txt {
   display: block;
   font-weight: 300;
   font-size: 24px;
   line-height: 29px;
   margin-bottom: 20px;
   margin-top: 30px;
}

.card_colors_row {
   margin-top: 30px;
}

.card_colors_row:not(:last-child) {
   margin-bottom: 30px;
}

.card_colors_row {
   display: grid;
   grid-template-columns: repeat(auto-fill, 90px);
   gap: 10px;
}


.color_desc2 {
	font-size:0.7em;
	text-align:center;
}


.card_col:first-child {
   margin-right: 28px;
}

.for_card_color_img {
	
	width:90px;
	height:100px;

	
}

.sm {
	font-size:1em;
}

.color_desc2 a {
	text-decoration: none;
	color:red;
}

.card_color_img {
	width:80px;
	margin-left:5px;
	
}

.card_color_img2 {
	width:120px;
	margin-left:5px;
	
}

.btm1 {
	margin-bottom:120px;
}


.st {

	width:285px !important;
	
	
}
.st span {
	text-align:left;
}
.bborder {
	border:1px solid grey;
}