.acc-container {
  max-width: 100%;
  width: 100%;
}

.acc {
  margin-bottom: 10px;
}

.acc-head {
  background-color: var(--black);
  padding:22px 25px;
  font-size: 22px;
  position: relative;
  cursor: pointer;
  line-height:normal;
  vertical-align:middle;
  /*border-radius: 8px;*/
  border:1px solid #333333;
 
 }
 .acc-head p{
 	margin:0;
 }
 
 .acc-head::before {
	width:8px;
 	height:8px;
	border-radius:0 0 100% 0;
	background-color:var(--lime-yellow);
	border:1px solid var(--grey);
	position:absolute;
	right:10px;
	bottom:10px;
	content:'';
	transition: all 0.4s ease;
 }
.acc-head.active::before {
   border-radius: 100% 0 0 0;
}
 
.acc-head p {
  color: #fff;
  font-weight: normal;
}

.acc-content {
  padding: 25px;
  display: none;
   border-top:0 !important;
   border:1px solid #333333;
}
.acc-content  p:last-child{
  margin:0;
}
          

.acc-head.active{
	  background-color: var(--black);
	  border-bottom:0;
	 
}
/************************************* 480px *************************************/
@media only screen and (max-width: 640px) {


.acc-head {
  padding:10px 25px;
  font-size: 16px;
  line-height:24px;
 }
 .acc-content {
 font-size: 16px;
}	  
}