section {
  display: flex;
  justify-content: center;
}

.breadcrum {
  width: 180px !important;
}

.faq-section .container {
  padding: 50px 80px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

h2 {
  font-size: 42px !important;
  line-height: 54px !important;
  margin-bottom: 26px;
}

.contact-faq {
  /* flex: 1; */
  width: 50%;
}

.contact-faq p {
  padding-bottom: 24px;
}

.contact-faq .ul {
  border-bottom: 1px solid #000000;
  margin-bottom: 24px;
}

.contact-faq h3 {
  font-weight: 700 !important;
  margin-bottom: 10px;
}

.contact-faq button {
  width: 141px;
  height: 46px;
  border-radius: 30px;
  background-color: #000000;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  outline: none;
  border: none;
}

.contact-faq button:hover {
  background-color: #fee823;
  color: #000000;
}

.faq-questions {
  gap: 0 !important;
  width: 48% !important;
  /* flex: 1 !important; */
}

.faq-questions h3 {
  font-size: 20px !important;
}

.faq-questions p {
  color: #262525 !important;
}

.faq-questions details {
  border: 1px solid #0000001e;
}

.faq-questions details summary {
  padding: 24px 36px !important;
  background-color: #ffffff;
  gap: 10px !important;
}

.faq-questions details .answer {
  padding: 36px !important;
}

.faq-questions details[open]>.answer {
  border: 1px solid #0000001e;
}

.faq-questions details[open]>summary {
  border: none !important;
}

.faq-questions details summary img {
  width: 30px !important;
  height: 30px !important;
}





/*-------------------
     Tablet view
-------------------*/
@media(max-width: 1024px) {
  .container {
    padding: 50px 40px !important;
    flex-direction: column;
    align-items: center;
  }

  .faq-questions {
    width: 100% !important;
    max-width: 594px;
    margin: auto;
  }

  .contact-faq {
    width: unset;
    margin: 0 35px !important;
    text-align: center;
  }
}





/*-------------------
     Mobile view
-------------------*/
@media(max-width: 767px) {
  h2 {
    font-size: 28px !important;
    line-height: 40px !important;
  }

  .faq-questions details summary h3 {
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: auto !important;
  }

  .container {
    padding: 36px 16px !important;
  }

  .contact-faq {
    margin: 0 !important;
  }

  .contact-faq h3 {
    font-weight: 500 !important;
  }

  .faq-questions details summary,
  .faq-questions details .answer {
    padding: 24px !important;
  }
}