/* PAGE PADDING */
.faq-wrapper {
  padding: 0 80px; /* ← this is what you wanted */
}

/* CONTAINER */
.faq-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 80px;
}

/* ITEM */
.faq-item {
  background: #ffffff;
  border-radius: 20px;
  margin-bottom: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  overflow: hidden;
}
.faq-item * {
  background-image: none !important;
}
/* QUESTION */
.faq-question {
  width: 100%;
  padding: 24px 28px;
  border: none;
  background: none;
  cursor: pointer;

  display: flex;
  justify-content: space-between;
  align-items: center;

  font-size: 18px;
  font-weight: 600;|
  background: transparent !important;
  box-shadow: none !important;
}
/* REMOVE ANY PSEUDO ELEMENT (this is the oval) */
.faq-question::before,
.faq-question::after {
  display: none !important;
  content: none !important;
}
/* If theme injects extra icons */
.faq-question i,
.faq-question svg:not(.faq-icon svg) {
  display: none !important;
}
/* ALSO TARGET HUBSPOT DEFAULT BUTTON STYLES */
button.faq-question {
  appearance: none;
  -webkit-appearance: none;
  background: transparent !important;
}
/* TITLE */
.faq-title {
  text-align: left;
}

/* ICON CIRCLE */
.faq-icon {
   width: 36px;
  height: 36px;
  min-width: 36px; 
  max-width: 36px;  

  border-radius: 50%;
  background: #F7F8F9;

  display: flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;   
}

/* ROTATE ICON WHEN ACTIVE */
.faq-item.active .faq-icon {
  transform: rotate(180deg);
  background: #ddd;
}

/* ANSWER */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  display: none;
  padding: 0 28px;
  color: #666;
  line-height: 1.6;
   font-family: 'Inter Tight', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #555;
}

/* OPEN STATE */
.faq-item.active .faq-answer {
  max-height: 300px;
  padding: 0 28px 24px;
  display: block;
}