.faqs-block {

}

.service-page-wrapper .faq-question p {
    color: var(--theme-white);
}
.service-page-wrapper .faq-answer p {
    color: var(--theme-white);
}
/* Accordions */
.accordion-wrapper {
overflow: hidden;
width: 100%;
display: flex;
flex-direction: column;
border-radius: 0px;
padding: 0 0;
}
.accordion-header {
display: flex;
flex-direction: column;
cursor: pointer;
padding-left: 0px;
padding-right: 0px;
padding-top: 6px;
}
.accordion-header .wrap {
justify-content: space-between;
align-items: center;
min-height: 30px;
padding-top: 6px;
}
.service-page-wrapper .accordion-header hr {
border-top: 1px solid var(--white);
margin-top: 14px;
margin-bottom: 0;
background: none;
opacity: 1;
width: 100%;
border-bottom: 0 none;
}
.service-page-wrapper .accordion-title {
margin: 0;
font-weight: 600;
font-size: var(--font-h5);
text-align: left;
font-family: "Inter", sans-serif;
}
.accordion-toggle {
border: none;
background-color: transparent;
}
.accordion-toggle svg {
transition: transform 200ms ease-in-out;
}
.accordion-toggle svg path {

}
.accordion-wrapper.active .accordion-toggle svg {
transform: rotate(180deg);
}
.accordion-toggle:focus {
outline: none;
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-in-out;
text-align: left;
color: var(--theme-white);
position: relative;
top: -1px;
}
.service-page-wrapper .accordion-content a {
    color: inherit;
}

.accordion-wrapper.active .accordion-content {
max-height: 1000px;
transition: max-height 0.5s ease-in-out;

}
.accordion-content-inner {
    padding-left: 0;
    padding-right: 0;
    padding-top: 24px;
    padding-bottom: 2px;
}
.service-page-wrapper .accordion-content-inner p {
    font-size: var(--font-p);
    color: #FFF;
}

.service-page-wrapper .accordion-content-inner a {
    color: var(--theme-white);
    font-weight: 600;  
    font-size: var(--font-small);
    font-weight: 600;
}

@media (min-width: 992px) {
  .service-page-wrapper .accordion-content-inner p {

  }
  .accordion-wrapper {
    width: 100%;
  }
}

.faqs-block .accordion-toggle {
    background-color: transparent;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 240ms ease;
    min-width: 48px !important;
    margin-left: 30px;
}

.faqs-block .accordion-toggle svg {

}
.faqs-block .accordion-toggle svg.closed {
    display: flex;
}
.faqs-block .accordion-toggle svg.open {
    display: none;
}
.faqs-block .accordion-toggle svg.open path {
    
}

.faqs-block .accordion-wrapper.active .accordion-toggle {
    
}
.service-page-wrapper .faqs-block .accordion-wrapper hr {
    border-top: 1px solid #ffffff1a;
}
.service-page-wrapper .faqs-block .accordion-wrapper p {
    line-height: 150%;
}

.faqs-wrapper {
    gap: 0;
}


@media (max-width: 1199px) {
    .accordion-content {
        background: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .accordion-content-inner {
        opacity: 1 !important;
    }
}

.hidden-faq {
    display: none;
}

.show-more-faqs {
    margin-top: 36px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    background: var(--white);
    color: #000;
    cursor: pointer;
    border-radius: 0;
    transition: background 0.3s ease;
}

.faq-buttons button:hover {
   color: var(--theme-white);
    transition: all 400ms ease;
}

.faq-buttons button {
background: none;
    color: var(--theme-white);
    border-radius: 100px;
    margin-top: 30px;
    transition: all 400ms ease;
    padding: 1rem 0;
    border: 0;
    font-weight: 600;
    font-size: var(--font-p);
}
.faq-buttons button svg {
    margin-left: 12px;
    position: relative;
    width: 24px;
    height: auto;
}

.accordion-wrapper svg {
  display: block;
  width: 28px;
  height: 28px;
  transition: transform 300ms ease;
  transform: rotate(90deg);
  /* ensures transforms use the shape’s box, not the page box */
  transform-box: fill-box;
  transform-origin: 50% 50%;
}

/* When accordion is active: rotate back to 0deg */
.accordion-wrapper.active svg {
  transform: rotate(0deg);
}

/* Animate the lines themselves */
.accordion-wrapper svg line {
  transition: transform 300ms ease, opacity 300ms ease;
  transform-box: fill-box;
  transform-origin: 50% 50%;
  vector-effect: non-scaling-stroke; /* keeps stroke width crisp when scaling */
}

/* Hide/collapse the vertical stroke when active to form a minus */
.accordion-wrapper.active svg line:first-of-type {
  transform: scaleY(0);  /* collapse vertically */
  opacity: 0;            /* optional: fully hide */
}


.service-page-wrapper .faqs-block.style-one .service-page-wrapper .accordion-title {
    font-size: var(--font-h5);
}
.service-page-wrapper .faqs-block.style-two .service-page-wrapper .accordion-title {
    font-size: var(--font-p);
}

.service-page-wrapper .faqs-block.style-one .accordion-header hr {
    border-top: 1px solid var(--white);
    margin-top: 11px;
    opacity: 0.2;
}

.service-page-wrapper .faqs-block.style-two .accordion-header hr {
    border-top: 1px solid var(--white);
    margin-top: 11px;
    opacity: 0.2;
}

.service-page-wrapper .faqs-block.style-two .accordion-toggle {
    background-color: initial;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 240ms ease;
    min-width: 38px !important;
    margin-left: 30px;
}

.service-page-wrapper .faqs-block.style-one .accordion-content-inner p {
    font-size: var(--font-p);
}
.service-page-wrapper .faqs-block.style-two .accordion-content-inner p, .service-page-wrapper .faqs-block.style-two .accordion-content-inner li {
    font-size: var(--font-small);
}

.service-page-wrapper .faqs-block.style-two .accordion-content-inner ul, .service-page-wrapper .faqs-block.style-two .accordion-content-inner ol {
    margin: 0.8rem 0;
}

.faqs-block.style-one {
    background: linear-gradient(150.53deg, #077ECC 18.05%, #005388 60.86%);
    border-radius: 10px;
    padding: 1.4rem 1.8rem;
}
@media (min-width: 992px) {
    .faqs-block.style-one {
        padding: 2rem 3rem;
    }
}