/*  */

.box-accordion {
	padding: 20px 30px;
}

.accordion {
	cursor: pointer;
  	padding: 20px 40px 20px 40px;
  	width: 100%;  
  	text-align: left;
  	outline: none;
  	font-size: 17px;
  	font-weight: bold;   
  	transition: 0.4s;
}

.accordion:after {
  	content: '';
  	color: #000;
  	font-weight: bold;
  	float: right;
  	margin-left: 15px;
}

.active:after {
  	content: '';
}

.active  {
  	background-color: #ddd;  
}

.panel {
  	padding: 0 0;
  	max-height: 0;
  	overflow: hidden;
  	transition: max-height 0.2s ease-out;
  
}

.panel-content {
  	padding: 15px 55px;
  	background-color: #fff; color: #111;  
   	font-size: 17px;
  
}



/* accordion - START ACCORDION HTML NEW */


/*
  .volux-accordion {
    max-width: 980px;
    margin: 20px auto 60px;
    padding: 0 20px;
    font-family: Inter, Arial, sans-serif;
    color: #151515;
  } */

.volux-toggle-all {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 230px;
  margin-left: auto;
  margin-bottom: 26px;
  padding: 16px 32px;
  border: 1px solid #C8102E;
  background: #C8102E;
  color: #FFFFFF;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
  transition:
    background .25s ease,
    border-color .25s ease,
    transform .25s ease;
}

.volux-toggle-all:hover {
  background: #8F1024;
  border-color: #8F1024;
  transform: translateY(-1px);
}

.volux-toggle-all.active {
  background: #C8102E;
  border-color: #C8102E;
  color: #FFFFFF;
}

.volux-toggle-all.active:hover {
  background: #8F1024;
  border-color: #8F1024;
}
  .volux-accordion-list {
    border-top: 1px solid #E8E8E8;
  }

  .volux-accordion-item {
    border-bottom: 1px solid #E8E8E8;
  }

  .volux-accordion-trigger {
    width: 100%;
    padding: 26px 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: grid;
    grid-template-columns: 1fr 24px;
    gap: 24px;
    align-items: center;
    text-align: left;
  }

  .volux-accordion-question {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #3A3A3A;
    transition: color .7s ease;
  }

  .volux-accordion-item.is-open .volux-accordion-question {
    color: #8F1024;
  }

  .volux-accordion-icon {
    width: 18px;
    height: 18px;
    position: relative;
    transition: transform .7s ease;
  }

  .volux-accordion-icon::before,
  .volux-accordion-icon::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 2px;
    background: #3A3A3A;
    top: 50%;
    border-radius: 20px;
    transition: background .7s ease;
  }

  .volux-accordion-icon::before {
    left: 0;
    transform: rotate(45deg);
  }

  .volux-accordion-icon::after {
    right: 0;
    transform: rotate(-45deg);
  }

  .volux-accordion-item.is-open .volux-accordion-icon {
    transform: rotate(180deg);
  }

  .volux-accordion-item.is-open .volux-accordion-icon::before,
  .volux-accordion-item.is-open .volux-accordion-icon::after {
    background: #8F1024;
  }

  .volux-accordion-content {
    height: 0;
    overflow: hidden;
    transition: height .45s ease;
  }

  .volux-accordion-content-inner {
    max-width: 780px;
    padding: 0 0 30px;
    font-size: 17px;
    line-height: 1.75;
    color: #5C5C5C;
  }

  .volux-accordion-content-inner p {
    margin: 0 0 16px;
  }

  .volux-accordion-list-points {
    margin: 18px 0 22px;
    padding-left: 24px;
    list-style-type: disc;
  }

  .volux-accordion-list-points li {
    margin-bottom: 10px;
    color: #5C5C5C;
    line-height: 1.7;
    display: list-item;
  }

  .volux-accordion-list-points li::marker {
    color: #5C5C5C;
    font-size: 1em;
  }

  .volux-accordion-image {
    width: 100%;
    max-width: 720px;
    display: block;
    margin-top: 20px;
    border-radius: 18px;
    object-fit: cover;
  }

  @media (max-width: 640px) {

    .volux-accordion {
      margin: 20px auto 50px;
    }

    .volux-toggle-all {
      width: 100%;
    }

    .volux-accordion-trigger {
      padding: 22px 0;
      grid-template-columns: 1fr 22px;
    }

    .volux-accordion-question {
      font-size: 18px;
    }

    .volux-accordion-content-inner {
      font-size: 16px;
    }

  }