.smk_accordion {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
 
}
/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in {
  /*border: 1px solid #ff0000;*/
  position: relative;
  z-index:2;
  overflow: hidden;


}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
  position: relative;
  background: #fff;
  padding:15px 100px 15px 50px;
  color:var(--black);
  font-weight:var(--font-weight-medium);
  font-size:22px;	
  display: block;
  cursor: pointer;
  border:1px solid var(--grey);
  /*box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);*/
  position:relative;
  border-radius: 10px;
  margin:8px 0 0 0;
  width:100%; 
}
 
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
	display: block;
	width: 75px;
	height: 75px;
	position: absolute;
	background-size:50px;
	right:0;
	top:-7px;
	z-index:5;
	background-size:22px;
	background-image: url(../images/icons/pluse.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
    background-image: url(../images/icons/minus.svg);
	background-position: center center;
	background-repeat: no-repeat;
	
}
 
 
.smk_accordion .accordion_in .acc_content {
 	padding:30px;
	background-color:var(--whte);
	border-radius:10px;
	/*box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);*/
	border:1px solid var(--grey);
	margin:8px 0 0 0;
	 
}
 
.smk_accordion .accordion_in.acc_active > .acc_content {
  display: block;
 
}
.smk_accordion .accordion_in.acc_active > .acc_head {
	background-color:var(--primary-color);
	color:var(--white);   
}

 
.smk_accordion.acc_with_icon .accordion_in .acc_content {
	
}


@media only screen and (max-width: 640px) {

.smk_accordion .accordion_in .acc_head {
  padding:10px 60px 10px 20px;
  font-size:16px;	
 
 
}
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
	width: 40px;
	height: 40px;	 
	background-size:20px;
	right:10px;
	top:5px;
 
}
.smk_accordion.acc_with_icon .accordion_in .acc_content {
	padding:10px;
}


}