/* --------faq-css-------- */
/* .comman-accordion-parents .accordion-body {
  margin-bottom: 24px !important;
} */

@media screen and (max-width: 992px) and (min-width: 768px) {
  .faqs-ul-sidebar-tab {
    background-color: #ededf1 !important;
  }
}

.faq-banner-img {
  width: 100%;
  height: auto;
}

.accor-cls-btn-hdr {
  height: 72px;
}

@media screen and (max-width: 992px) {
  .accor-cls-btn-hdr {
    height: auto;
  }
}

.check-box-lbl-rec {
  font-family: var(--font-family-Lato);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #051128;
  padding-top: 2px;
}

.stil-qtn-place::placeholder {
  font-family: var(--font-family-Lato);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #5d6370;
  border-radius: 0px !important;
  border: solid saddlebrown;
}

.stil-qtn-place {
  background-color: #f6f6f8;
}

.stil-qtn-place-input {
  height: 45px;
  background-color: #f6f6f8;
}

.send-question-btn {
  font-family: var(--font-family-Lato);
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 700;
  text-align: center;
  background-color: #2a9fe8;
  color: white;
  border: 0;
  align-self: center;
  border-radius: 4px;
  padding: 10px 20px 10px 20px;
}

.still-question-hdr {
  font-family: Sofia Pro;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
  color: #020408;
}

.form-label-rec {
  font-family: var(--font-family-Lato);

  font-size: clamp(14px, 2vw, 18px);
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  color: #5d6370;
}

.milions {
  font-size: 10px;
}

.faqs-header-texture-qtion {
  color: #020408;
  font-family: Sofia Pro;
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.018em;
  text-align: left;
}

.faqs-header-texture {
  font-family: var(--font-family-Lato);
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #0c1529;
}

@media (min-width: 992px) {
  .faqs-header-texture {
    display: none;
  }
}

@media (min-width: 300px) and (max-width: 992px) {
  .faq-sidebar-tab-offcanve-col-1 {
    flex: 0 0 auto;
    width: 8%;
  }

  .faq-sidebar-tab-lis {
    display: none !important;
  }

  /* .faq-stil-qtin {
    flex: 0 0 auto;
    width: 91.66666667%;
  } */
}

/* @media (min-width: 768px) and (max-width: 992px) {
  .faq-stil-qtin {
    flex: 0 0 auto;
    width: 74.66666667%;
  }
} */

@media (min-width: 300px) and (max-width: 576px) {
  .faq-stil-qtin {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .tabs-side-bar-btns {
    flex: 0 0 auto;
    width: 8%;
  }

  .faq-main-body-data {
    flex: 0 0 auto;
    width: 91%;
  }
}

@media (min-width: 320px) and (max-width: 786px) {
  .faq-sidebar-tab-offcanve-col-11 {
    flex: 0 0 auto;
    width: 91%;
  }
}

.comman-accordion-parents .accordion-button:hover {
  border-color: #2a9fe8 !important;
}

.comman-accordion-parents .comman-accordion-parents .accordion-header:hover {
  border-color: #2a9fe8;
}

.comman-accordion-parents .accordion-header:hover .accord-btn-label {
  color: #2a9fe8;
}


/* Custom CSS for accordion styling start*/
.comman-accordion-parents .accordion-button::before {
  margin-left: 0.5rem;
  margin-right: auto;
  transform: rotate(360deg) !important;
}



.comman-accordion-parents .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%235D6370' fill-rule='evenodd' stroke='%235D6370' stroke-width='2' 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");
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

.comman-accordion-parents .accordion-button::after {
  margin-left: 0.5rem;
  margin-right: auto;
  transform: rotate(270deg);
}

.comman-accordion-parents .accordion-button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.comman-accordion-parents .accor-drop-hdr {
  display: flex;
  align-items: center;
}

.comman-accordion-parents .accord-btn-label {
  font-family: var(--font-family-Lato);
  font-size: 20px;
  font-weight: 400;
  z-index: 10;
  color: #5d6370;
}

.comman-accordion-parents .accordion-button:not(.collapsed) {
  background-color: transparent !important;
  box-shadow: none !important;
}

.comman-accordion-parents .accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: unset !important;
  color: unset !important;
}

.comman-accordion-parents .accord-btn-label {
  position: absolute;
  margin-left: 1rem;
  color: #5d6370;
}

.comman-accordion-parents .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%235D6370' fill-rule='evenodd' stroke='%235D6370' stroke-width='2' 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");
}

.comman-accordion-parents .accord-btn-label .accordion-button:not(.collapsed)::after {
  content: "+";
  font-size: 18px;
  color: blue;
}

.comman-accordion-parents .accordion-button::after {
  margin-left: 0 !important;
  margin-right: auto;
}

.comman-accordion-parents .accord-btn-label {
  position: absolute;
  left: 2rem;
  cursor: pointer;
}

.comman-accordion-parents .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%235D6370' fill-rule='evenodd' stroke='%235D6370' stroke-width='2' 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") !important;
  background-size: contain;
}


/*  */



@media (max-width: 768px) {
  .comman-accordion-parents .accordion-button.collapsed::after {
    background-size: 80%;
  }

  .comman-accordion-parents .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%232A9FE8' fill-rule='evenodd' stroke='%232A9FE8' stroke-width='2' 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") !important;
    background-size: 70%;
    display: flex;
    align-self: self-start;
  }
}

.comman-accordion-parents .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%232A9FE8' fill-rule='evenodd' stroke='%232A9FE8' stroke-width='2' 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") !important;
  transform: rotate(360deg);
}

.comman-accordion-parents .accordion-button:not(.collapsed)::after .accord-btn-label {
  color: #2a9fe8;
}

.comman-accordion-parents .accordion-button:not(.collapsed) {
  color: #2a9fe8;
}

.comman-accordion-parents .accordion-collapse {
  background-color: #f6f6f8;
}

.comman-accordion-parents .accordion-header {
  height: 70px;
  display: flex;
}

@media screen and (min-width: 300px) and (max-width: 786px) {
  .comman-accordion-parents .accordion-header {
    height: 45px;
    display: flex;
  }
}

.comman-accordion-parents .accordion-body-paragrph {
  font-family: var(--font-family-Lato);
  font-size: clamp(14px, 2vw, 20px) !important;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  color: #08202E;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

@media (max-width: 320px) {
  .comman-accordion-parents .accordion-body-paragrph {
    -webkit-line-clamp: 3;
  }
}

.comman-accordion-parents .accordion-body-paragrph-spn {
  font-family: var(--font-family-Lato);
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 700;
  line-height: clamp(30px, 4vw, 49px);
  text-align: left;
  color: #353c4d;
}

.comman-accordion-parents .accordion-button:not(.collapsed) .accord-btn-label,
.comman-accordion-parents .accordion-item:active .accord-btn-label {
  color: #2a9fe8 !important;
}

.comman-accordion-parents .accor-body-para {
  font-family: var(--font-family-Lato);
  color: #08202e;
  font-size: 20px;
  font-weight: 400;
}

.comman-accordion-parents .accordion-items-tabs:hover .accord-btn-label {
  color: #2a9fe8;
}

.comman-accordion-parents .accordion-button {
  border: 1px solid #d4cece;
}

/* .comman-accordion-parents .accordion-flush .accordion-item .accordion-button {
    border-radius: 1px;
  } */

.comman-accordion-parents .accordion-flush .accordion-item .accordion-button:not(.collapsed) {
  border: 1px solid #2a9fe8;
}


.comman-accordion-parents .accord-btn-label {
  font-family: var(--font-family-Lato);
  font-size: clamp(12px, 2vw, 20px);
  font-weight: 400;
  line-height: clamp(14px, 3vw, 28px);
  text-align: left;
  color: #5d6370;
  padding-right: 1rem;
}

.comman-accordion-parents .accordion-items-tabs:active .accord-btn-label {
  color: #2a9fe8;
}

.comman-accordion-parents .accordion-item {
  border: none !important;
}

.review-starics {
  color: #ffbd12;
  font-size: 9px;
  display: flex;
  align-self: center;
}

/* Custom CSS for accordion styling end*/
.faq-desktop-section {
  margin-top: 16px;
}

/* ......faqs--tabs....... */
.update-inquiry-btn {
  font-family: var(--font-family-Lato);
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  height: 50px;
  /* background-color: #2A9FE8; */
  border: 0;
  border-radius: 4px;
  padding: 16px 10px 16px 10px;

}

.tab-sidebar-items.active {
  background-color: #2384c1 !important;
  border: none;
}

.tabs-sidebar-btns {
  font-family: var(--font-family-Lato);
  color: #5d6370;
  border: 0px !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  background-color: #ededf1 !important;
}

.li-sidebar-tabs {
  background-color: #ededf1 !important;
  font-family: var(--font-family-Lato);
  border: 0;
  height: fit-content;
  font-size: clamp(12px, 1vw, 16px) !important;
  font-weight: 600;
  color: #5d6370;
  white-space: nowrap;
}

@media screen and (max-width: 992px) and (min-width: 768px) {
  .li-sidebar-tabs {
    width: 100%;
  }

  .ul-inquiry-tabs-sidebar {
    background-color: #ededf1 !important;
  }
}

@media screen and (max-width: 786px) {
  .li-sidebar-tabs {
    font-size: 12px;
    padding: 8px !important;
  }
}

@media screen and (max-width: 320px) {
  .li-sidebar-tabs {
    font-size: 12px;
  }
}

.li-sidebar-tabs:hover {
  color: #2384C1;
}

.comman-accordion-parents .accordion-button.collapsed:hover::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%232A9FE8' fill-rule='evenodd' stroke='%232A9FE8' stroke-width='2' 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") !important;
}

.li-sidebar-tabs:hover {
  color: #2384C1;
}

.list-group-item.active:hover {
  color: #ffffff;
}


.faq-sidebar-tab-lis .list-group-item:hover svg path {
  fill: #2384C1;
}

.faq-sidebar-tab-lis .list-group-item svg path {
  fill: #5d6370;
}

.faq-sidebar-tab-lis .list-group-item.active svg path {
  fill: #ffffff;
}

.tab-sidebar-items {
  display: flex;
  align-items: center;
  gap: 10px
}

.faqs-lis .list-group-item:hover svg path {
  fill: #2384C1;
}

.faqs-lis .list-group-item svg path {
  fill: #5d6370;
}

.faqs-lis .list-group-item.active svg path {
  fill: #ffffff;
}

.tab-sidebar-items {
  display: flex;
  align-items: center;
  gap: 10px
}

.tasb-svgs {
  width: 20px;
  height: 20px;
}

.faq-stil-qtin .form-texarea-inq {
  background-color: #f6f6f8;
}

@media (max-width: 768px) {

  /* Adjust this breakpoint according to your needs */
  .tasb-svgs {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 576px) {

  /* Adjust this breakpoint according to your needs */
  .tasb-svgs {
    width: 14px;
    height: 14px;
  }
}