.p_17 {
	width: 100%;
	height: 100%;
	position:relative;
  background: var(--grey-color);
  background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}
.p_17 .tab {
    float: left;
    width: 30%;
    height: 300px;
}

.p_17 .accordion {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 70px auto 0;
  }

  .p_17 .accordion-item {
    margin-bottom: 10px;
    overflow: hidden;
  }

  .p_17 .accordion-header {
    padding: 10px;
    cursor: pointer;
    background: var(--white-color);
    font-family: 'Calibri-Bold';
    position: relative;
  }
  .p_17 .accordion-item.active .accordion-header {
    color: var(--red-color);
  }

  .p_17 .accordion-header::before {
    content: "";
    background: url(../../images/SVG/p_17_open_arrow.svg) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 10px;
    top: 9px;
  }  
  .p_17 .accordion-item.active .accordion-header::before {
    content: "";
    background: url(../../images/SVG/p_17_close_arrow.svg) no-repeat 0 0;
    background-size: contain;
  }
  .p_17 .accordion-content {
    padding: 0px 12px 12px 12px;
    display: none;
    background: var(--white-color);
  }