/* ---------------------------------------
   ACF FAQ Section
--------------------------------------- */

.faq-section {
  --faq-bg: #f2f2f2;
  --faq-title: #00b5c8;
  --faq-accent: #ed3237;
  --faq-panel-bg: #fff;
  --faq-intro-border: var(--faq-accent);

  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  background-color: var(--faq-bg);
	position:relative;
}
.faq-section .faqsectionlogo{    mix-blend-mode: multiply; position: absolute; bottom: 0; left: -3%;width: 35%;}

@media (min-width: 992px) {
  .faq-section {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}

.faq-section__row {
  align-items: flex-start;
	    display: flex;
    gap: 30px;
    align-items: stretch;
	flex-direction:column;
}

.faq-section__intro {
  text-align: right;
	   
    flex: 0 0 auto;
}

@media (max-width: 767.98px) {
  .faq-section__intro {
    text-align: left;
  }
	
}

.faq-section__title {
  margin: 0 0 1rem;
  color: var(--faq-title);
  font-family: "Rockwell", serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.23;
   letter-spacing: .026em;
}

@media (min-width: 768px) {
	.faq-section__row{flex-direction:row;gap: 58px;}
	.faq-section__intro {
		 padding-right: 36px;
    border-right: 1px solid #E12526;
    width: 36%;
	}
  .faq-section__title {
     font-size: 2.3125rem;   
    line-height: 1.23;
  }
}



@media (min-width: 768px) {
  
}

.faq-section__description > *:last-child {
  margin-bottom: 0;
}

.faq-section__accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-width: 0;
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1.125rem;
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1.25rem;
  --bs-accordion-active-color: inherit;
  --bs-accordion-btn-focus-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: none;

  gap: 0.75rem;
  display: flex;
  flex-direction: column;
}

.faq-section__item {
  margin: 0;
  border: none !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none !important;
}

.faq-section__header {
  margin: 0;
}

.faq-section__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  text-align: left;
  background-color: var(--faq-panel-bg) !important;
  color: #000 !important;
  box-shadow: none !important;
  border: none;
  font-family: "Rockwell", serif;
  font-weight: 700;
  font-size: 24px !important;
  line-height: 30px !important;
	padding: 34px 44px !important; 
}

@media (min-width: 768px) {
  .faq-section__button {
    font-size: 1.125rem;
  }
}

.faq-section__button::after {
  display: none !important;
}

.faq-section__button:not(.collapsed) {
  box-shadow: none;
}

.faq-section__button:focus-visible {
  outline: 2px solid var(--faq-accent);
  outline-offset: 2px;
}

.faq-section__question {
  flex: 1;
  min-width: 0;
	display:flex;
}

.faq-section__q-prefix {
  margin-right: 0.35em;
}

.faq-section__toggle {
  flex-shrink: 0;
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  background-color: var(--faq-accent);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Closed: chevrons down. Open: rotate 180° clockwise → chevrons up */
.faq-section__toggle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.faq-section__toggle-icon svg {
  display: block;
}

.faq-section .accordion-button:not(.collapsed) .faq-section__toggle-icon {
  transform: rotate(180deg);
}

.faq-section__body {
  background-color: var(--faq-panel-bg);
  font-family: "Gotham", sans-serif;
  font-size: 22px;
    line-height: 30px;
    color: #000;
    padding: 0px 44px 36px 44px;
}

.faq-section__answer-wrap {
  display: flex;
  gap: 0.35em;
  align-items: flex-start;
}

.faq-section__a-prefix {
  flex-shrink: 0;
  font-weight: 400;
}

.faq-section__answer-content {
  flex: 1;
  min-width: 0;
}

.faq-section__answer-content > *:last-child {
  margin-bottom: 0;
}

.faq-section__body > *:last-child {
  margin-bottom: 0;
}

.faq-section__placeholder {
  margin: 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.04);
  font-family: "Gotham", sans-serif;
}

@media (max-width:767px){
	.faq-section__button{
		padding: 14px 24px !important;
		    font-size: 18px !important;
    line-height: 18px !important;
	}
	.faq-section__toggle, .faq-section__toggle svg{
		width:34px !important;
		height:34px !important;
	}
	.faq-section__body{
		padding:0px 24px 15px 24px !important;
		    font-size: 16px;
    line-height: 21px;
	}
	
}