.faq_page.inner-title .title-content h5 {

}

.inner-title.thrive.faq_section {
    padding-top: 0;
}
.faq_section{
  background-color: var(--grey-color);
}
/* ========== Tab Styleing ============= */
.tabs {
    display: flex;
    padding-left: 4.1rem;
    /* justify-content: center; */
    /* background: white;
    border-bottom: 1px solid #ccc; */
}

.tab-button {
    padding: 1.6rem 5rem;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
    font-size: var(--font-18);
    transition: background 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4.8rem;
    border-right: 1px solid var(--color-d9);
    line-height: 2.6rem;
}

.tab-button:last-child {
    border-right: 0;
}

.tab-button img {
    width: 6.2rem;
    height: 7.1rem;
}

.tab-button:hover,
.tab-button.active p {
    color: var(--primary-color);

}

.tab-content {
    display: none;
    /* padding: 24px; */
    animation: fadeIn 0.5s ease-in-out;
    /* max-width: 800px; */
    /* margin: auto; */
    /* background: white; */
    /* border-radius: 10px; */
    margin-top: 6rem
        /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
}

.tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

h3 {
    color: #003399;
}


.faq_box {
  margin: 6rem 0rem 0;
}

.faq_box .accordion .accordion-item {
  padding-left: 3.1rem;
    border-top: none;
    border-color: var(--color-d9);


}

.faq_box .accordion .accordion-item h3 {
    color: var(--color-55);
    font-size: var(--font-21);
}

.faq_box .accordion .accordion-item p {
    color: var(--color-2e);
}

.faq_box .accordion .accordion-item.is-active {
    background: var(--color-d9);
    padding-block: 2.4rem 3rem;
    border: none;
    border-radius: 2rem;
}

.faq_box .accordion .accordion-item.is-active h3 {
    color: var(--primary-color);
    padding-bottom: 3.5rem;
}

.faq_box .accordion .accordion-item.is-active p {
    color: var(--color-2e);
}

.faq_box .accordion .accordion-item .accordion-thumb::before {
    background-color: transparent;
}

.faq_box .accordion .accordion-item .accordion-thumb::before,
.faq_box .accordion .accordion-item .accordion-thumb::after {
    margin-right: 4rem;
 

}
.accordion-item.is-active .accordion-thumb::before {
  margin-top: 5px;
}

.faq_box .accordion .accordion-item.is-active .accordion-thumb::before {
  background-color: #F5F5F5;
}

/* .faq_box .accordion .accordion-item.is-active .accordion-thumb::before,
.faq_box .accordion .accordion-item.is-active .accordion-thumb::after {
    margin-right: 4rem;
} */




/* 00000000000000000000000000000000000000000000000000000000000000000000000000000 */
 
.item-header {
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  padding: 1em;
  background: #f0f0f0;
}


  /* .tabs ul { 
    margin: 0;
    padding: 0 0 1em 0;
    font-weight: bold;
  } */
  .tabs ul li {
    border-right:1px solid var(--color-d9);
  }
  /* .tabs ul li a {
    padding: 0.5em 1em;
  } */
  /* .tabs ul li a:hover, .tabs ul li a.active {
    background: #444;
    color: #eee;
  }
   */
  .item {
    margin-bottom: 2px;
  }
  .item::before {
    cursor: pointer;
    font-size: 1.9rem;
    color: var(--primary-color);
    background-color: var();
    display: block;
  }
  .item.active::before {
     
  }
  .item.active .item-content { 
    -webkit-transition: all  0.3s ease-in-out;
    -moz-transition: all  0.3s ease-in-out;
    -o-transition: all  0.3s ease-in-out;
    -ms-transition: all  0.3s ease-in-out;
    transition: all  0.3s ease-in-out;
  }
  
  @media all and (min-width: 800px) {
    .item.active .item-content {
      padding-top: 0;
    }
  
    .tabs-side .tabs li {
      margin-bottom: 2px;
    }
  }
  /* 
  The project specific CSS starts here
  This is the minimum CSS that you will need in order for this to work
  */
  .tabbed-content .tabs {
    display: none;
  }
   
  .tabbed-content .item::before {
    content: attr(data-title);
  }
  .tabbed-content .item .item-content {
    opacity: 0;
    visibility: hidden;
    height: 0;
  }
  .tabbed-content .item.active .item-content {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: all 0.3s ease-in-out;
  }
  

  
  @media all and (min-width: 800px) {
    .tabbed-content .tabs {
      display: flex;
    }
    .tabbed-content .tabs li { 
        display: inline-block;
        text-align: center;
        border-right: 1px solid var(--color-d9);
   
    }
    .tabbed-content .tabs li:last-child {
      border-right: 0;
    }
    .tabbed-content .tabs li a {
      display: flex;
      
    }
    .tabbed-content .item {
      min-height: 0;
    }
    .tabbed-content .item::before {
      display: none;
    }
    .tabbed-content.tabs-side .tabs {
      width: 15rem;
       
    }
    .tabbed-content.tabs-side .tabs li {
      display: block;
    }
    .tabbed-content.tabs-side .item {
      margin-left: 15rem;
    }
  }

  /* ========================== Responsive Design ======================= */
/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  .faq_page.inner-title .title-content h5 {
      font-size: 22px;
      line-height: 30px;
  }

  .faq_page {
      padding-top: 12rem;
      padding-bottom: 1rem;
  }

  .faq_box {
      margin: 0;
  }

  .tabs {
      padding: 0;
      flex-direction: column;
  }

  .tab-button {
      flex-direction: row;
      align-items: center;
      padding-inline: 2rem;
      text-align: left;
      gap: 2rem;
  }
  .tab-button img {
      width: 3.2rem;
      height: 4.1rem;
  }
  .tab-button p {
      margin-bottom: 0;
  }

  .faq_box .accordion .accordion-item {
      padding-left: 2rem;
  }
  .faq_box .accordion .accordion-item h3 {
    font-size: var(--font-16);
    padding-right: 6rem;
  }
  .faq_box .accordion .accordion-item p {
      padding-right: 2rem;
  }
  .faq_box .accordion .accordion-item  .accordion-thumb::before, .faq_box .accordion .accordion-item .accordion-thumb::after {
      margin-right: 0rem;
  }
  .faq_box .accordion .accordion-item.is-active p {
    color: var(--color-2e);
    font-size: var(--font-14);
}
.tab-content{
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.faq_box .accordion .accordion-item.is-active h3 {
  color: var(--primary-color);
  padding-bottom: 1.5rem;
  position: relative;
}
.faq_box .accordion-thumb::after{
  margin-top: 0;
  top: 3rem;
}
.faq_box .accordion .accordion-item.is-active {
  padding-block: 1.4rem 2rem;
}
.faq_box  .accordion-item.is-active .accordion-thumb::before {
  margin-top: 1px;
}
.faq_box .accordion .accordion-item {
  padding-left: 1.5rem;
  position: relative;
}
.faq_box .accordion-item {
  padding: 1rem 0rem;
}
.faq_box .accordion-item.is-active .accordion-thumb::before {
  margin-top: 0;
  top: 2.8rem;
}


.according-info {
  margin-right: 0rem;
}
details.according {
  padding: 1.8rem;
}
.faq_page {
  margin-bottom: 0 !important;
}

}