.acc__item {
  display: block;
}
.acc__item:not(:last-child) {
  margin-bottom: 12px;
}
@media (min-width: 62em) {
  .acc__item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.acc__item.open .acc__icon {
  opacity:0;
  visibility:hidden;
}

.acc__item.open .acc__icon:before {
  /*transform: translate(-50%, -50%) rotate(0);*/
}
.acc__item.open .acc__body {
	margin-top:-30px;
}
.acc__title {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  min-height: unset;
  transition: all 0.3s;
}
.acc__icon {
  margin-left: auto;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  flex-shrink: 0;
  position: relative;
  transition:margin 0.2s, opacity 0.3s 0.6s;
}
.acc__icon:after, .acc__icon:before {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  background-color: #000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  border-radius: 10px;
  /*transition: all 0.5s;*/
}
.acc__icon:before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.acc__body {
  display: none;
  transition:margin 0.2s;
  font-size: 16px;
}

.acc__item {
	border-radius:16px;
	overflow:hidden;
	padding:24px 16px;
}

.acc__title {
	font-weight: 500;
	font-size: 36px;
	line-height: 117%;
	letter-spacing: -0.04em;
	color: #000;
	margin-bottom:8px;
}

.acc__subtitle {
	font-weight: 500;
    line-height: 125%;
    letter-spacing: -0.03em;
    opacity: 0.64;
}

.acc__icon {
	margin-top:30px;
	width:64px;
	height:64px;
	background-color:#fff;
	cursor:pointer;
}

.acc__text {
	padding: 30px 14px 24px;
	border-radius:8px;
	overflow:hidden;
}
.acc__text p:last-child {
	margin-bottom:0;
}

.bg-clr-pink .acc__text {
  background-color: #D9C9E1;
}

.bg-clr-lightblue .acc__text {
  background-color: #D4E3F3;
}

.bg-clr-lightgreen .acc__text {
  background-color: #DFE6D2;
}

.bg-clr-orange .acc__text {
  background-color: #ECC9C0;
}

.bg-clr-green .acc__text {
  background-color: #C7D7E8;
}

.bg-clr-purple .acc__text {
  background-color: #D1D5F2;
}

.bg-clr-blue .acc__text {
  background-color: #C5D9F7;
}

.acc__btn {
	border-radius: 8px;
	padding: 12.5px 24px;
	min-width: 283px;
	height: 48px;
	font-size: 16px;
}



@media (min-width:768px) {
	.acc__item {
		padding:40px;
	}
	.acc__head {
		display:flex;
		align-items:center;
		gap: 40px;
	}
	.acc__head >div:first-child{
		max-width:545px;
	}
	.acc__title {
		margin-bottom:4px;
	}
	.acc__icon {
		flex-shrink:0;
		margin-top:0;
	}
	
	.acc__item .acc__body {
		margin-top:12px;
		padding-top:40px;
		border-top:1px solid rgba(32, 32, 32, 0.13);
		transition:none;
	}
	
	.acc__item.open .acc__icon {
	  margin-bottom:0;
	}

	.acc__item.open .acc__body {
		margin-top:9px;
	}
	.acc__text {
		padding: 30px 20px;
	}
}