.home-faq-modern {
    background-color: #ffffff; /* Matches the clean white background */
    font-family: var(--font-02); /* Update to match your site's font */
}

/* --- Container & Item Borders --- */
.custom-accordion {
    border-top: 1px solid #e66d4e; /* Adds the top line above the first item */
}

.custom-faq-item {
    border: none;
    border-bottom: 1px solid #e66d4e; /* Adds the divider line between items */
    background-color: transparent !important;
    border-radius: 0 !important; /* Removes Bootstrap's default rounded corners */
}

/* --- Question Button Styling --- */
.custom-faq-button {
    background-color: transparent !important; /* Removes active blue background */
    color: #e66d4e !important;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 25px 0; /* Flush left/right, generous vertical padding */
    box-shadow: none !important; /* Removes blue glow outline on click */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Hide the default Bootstrap SVG chevron */
.custom-faq-button::after {
    display: none !important;
}

.faq-question-text {
    padding-right: 20px;
    line-height: 1.4;
}

/* --- Custom Plus/Minus Icon --- */
.faq-icon-wrapper {
    position: relative;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 300; /* Thin plus/minus symbol */
    color: #e66d4e;
}

/* Closed state (+) */
.custom-faq-button.collapsed .faq-icon-wrapper::before {
    content: '+';
}

/* Open state (-) */
.custom-faq-button:not(.collapsed) .faq-icon-wrapper::before {
    content: '-';
    transform: translateY(-2px); /* Slight optical alignment tweak for minus sign */
}

/* --- Answer Body Styling --- */
.custom-faq-body {
    color: #e66d4e;
    padding: 0 0 30px 0; /* Flush left/right, padding only on bottom */
    font-size: 1.05rem;
    line-height: 1.7;
    background-color: transparent;
    opacity: 0.9; /* Slightly softer than the heading */
}

/* Target internal paragraphs generated by the rich text editor */
.custom-faq-body p {
    margin-bottom: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-faq-button {
        font-size: 1.1rem;
        padding: 20px 0;
    }
    .custom-faq-body {
        font-size: 1rem;
    }
}




.hr-faqs .accordion-button,
.hr-faqs .accordion-button:not(.collapsed),
.hr-faqs .accordion-item {
    background: 0 0
}

.hr-faqs .accordion-button:focus {
    box-shadow: none
}

.hr-faqs .accordion-button {
    font-weight: 600;
    font-size: 14px;
    color: #000;
}
.faq-area .accordion-item span {
    width: 45px;
    height: 45px;
    margin-right: 15px;
}

/*.hr-faqs .accordion-button:not(.collapsed),
.hr-faqs .accordion-button:not(.collapsed)::after {
    color: #fff;
    background-color: var(--color-4);
    transform: rotate(0deg);
}*/
.hr-faqs .accordion-button:not(.collapsed)::after {
    content: "";
}
.hr-faqs .accordion-body{
    padding: 15px 30px 15px 30px;
}
.hr-faqs .accordion-body p {
    margin-bottom: 1rem;
    font-size: 1rem;
    letter-spacing: -.25px;
    line-height: 1.6;
    color: #000
}

.hr-faqs .accordion-body p:last-child {
    margin-bottom: 0
}
.hr-section-content .hr-title-one h2 {
    font-size: 48px;
    line-height: 30px;
    color: #000;
    position: relative;
    font-weight: 700;
    margin-bottom: 40px;
}
.hr-section-content .hr-title-one h2::before {
    position: absolute;
    content: '';
    background: var(--color-2);
    width: 50px;
    height: 3px;
    left: 25px;
    bottom: -15px;
}
.accordion-flush > .accordion-item > .accordion-collapse {
    border: none;
}   
.accordion-flush>.accordion-item>.accordion-header .accordion-button, .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{
    border: 1px solid #eaeaea;
}
.hr-faq-title {
    text-align: left;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
    color: var(--color-2);
    margin: 18px 0px;
    display: none;
}


/*new*/
.home-faq-left {
    background: var(--white);
    padding: 50px;
    text-align: center;
}

.home-faq .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.home-faq .accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: unset;
}

.home-faq .accordion .accordion-button {
    padding: 30px;
    width: 100%;
    box-shadow: none;
}
.home-faq .accordion-item .accordion-body {
    font-size: 14px;
    line-height: 1.714;
    padding: 0px 15px 20px 15px;
    margin-bottom: 20px;
    text-align: left;
    margin-bottom: 1rem;
    margin-top: 0;
    font-family: var(--font-02);
    line-height: 1.75;
}   
.home-faq .accordion-button:not(.collapsed) {
    border: none;
}

.home-faq .accordion-item {
  color: var(--bs-accordion-color);
  background-color: transparent;
}
.home-faq .accordion-button:not(.collapsed)::after {
    transform: var(--bs-accordion-btn-icon-transform);
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    rotate: 0deg;
    transition: .3s ease-in-out;
    margin: 0;
    position: absolute;
    right: 25px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.home-faq .accordion-button::after {
    position: absolute;
    top: 21px;
    content: "";
    right: 25px;
}
.home-faq .accordion-item i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 12px;
    background: var(--color-1);
    text-align: center;
    color: #fff;
}
.home-faq .accordion-item {
    border: none;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 12px !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.home-faq-left .accordion-item:first-of-type > .accordion-header .accordion-button {
    color: var(--color-1);
    background: transparent;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.home-faq-left > h2 {
    font-size: 30px;
    color: #000;
    text-align: center;
    text-transform: none;
    font-weight: 600;
}
.home-faq-right {
    background-image: url('https://jcparalegal.itsprowebsite.com/public/JCPARLGAL/themeaB9xY12z/assets/images/faq/faq_bg.jpg');
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.home-faq-right-inner {
  padding: 60px;
}
.home-faq-right-inner h2 {
    font-size: 30px;
    color: #000;
    text-align: center;
    text-transform: none;
    font-weight: 600;
    margin-bottom: 30px;
}   
.home-faq .accordion-item .accordion-body ul li {
  list-style: none;
  position: relative;
}
.home-faq .accordion-item .accordion-body ul {
  margin: 0;
  padding: 0;
}
.faq-img img {
    width: 100%;
    border-radius: 10px;
}
.faq-title {
    padding: 0;
    padding-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    height: 80px;
    border: none;
    font-size: 16px;
    text-align: left;
    font-weight: 700;
    position: relative;
    padding-left: 15px;
    margin-bottom: 0px;
    border: 2px solid #f4efe4;
    background-color: transparent;
    column-gap: 15px;
    border: none;
    font-weight: 700;
    font-size: 20px;
    padding-right: 50px;
    color: var(--color-1);
    display: flex;
    align-items: center;
}
@media(max-width:1200px){
    .home-faq-left {
    padding: 0;
}
}
@media(max-width:575px){
    .hr-section-content .hr-title-one h2 {
    font-size: 28px;
    line-height: 35px;
}
.home-faq .accordion .accordion-button {
    font-size: 15px;
    padding-left: 10px;
    margin-bottom: 10px;
      padding-right: 30px;
}
.home-faq .accordion-button::after {
    font-size: 19px;
    right: 15px;
}
}