.freq-asked-questions {
  background: url("../../../../assets/images/faq/faq-bg.jpg") no-repeat center
    center/cover;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 700px;
}

.freq-asked-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.freq-asked-banner > h1 {
  font-family: Anton !important;
  font-size: 50px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

.freq-asked-banner > p {
  max-width: max-content;
  width: 35%;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.5px;
  text-align: center;
  @media (max-width: 1200px) {
    width: 60% !important;
  }
  @media (max-width: 991px) {
    width: 80% !important;
  }
}

.nav-link:first-of-type {
  background: var(--dark-red, #a1102b);
}

.nav-link {
  display: flex;
  padding: 12px 24px;
  align-items: center;
  gap: 15px;
  align-self: stretch;
}

.nav-link:first-of-type > p {
  color: white;
  font-family: "Exo 2" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: normal !important;
  text-transform: uppercase !important;
}

.nav-link > p {
  color: var(--dark-red, #a1102b);
  /* SUBHEADING FAQ */
  font-family: "Exo 2" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: normal !important;
  text-transform: uppercase !important;
}

.nav-link.active,
.nav-link:hover,
.nav-link:focus {
  background: var(--dark-red, #a1102b) !important;
  transition: ease 0.5s;
}

.nav-link.active > p,
.nav-link:hover > p,
.nav-link:focus > p {
  color: white !important;
}

.faq {
  padding: 100px 140px;
  @media (max-width: 1199px) {
    padding: 100px 70px;
  }
  @media (max-width: 991px) {
    padding: 70px 30px;
  }
  @media (max-width: 575px) {
    padding: 50px 20px;
  }
}

.faq .row {
  @media (min-width: 1200px) {
    --bs-gutter-x: 60px;
  }
}

.nav-pills .nav-link {
  border-radius: 0;
  border: 1px solid var(--dark-red, #a1102b);
}

/* Change to white when parent is hovered, focused, or active */

.nav-link:hover svg path,
.nav-link:focus svg path,
.nav-link:active svg path {
  fill: white;
}

.nav-link:first-of-type:not(.active) {
  background-color: transparent !important;
}

.nav-link:first-of-type:not(.active) > p {
  color: var(--dark-red, #a1102b);
}

.nav-link:first-of-type:not(.active) svg path {
  fill: #a1102b !important;
  /* your desired color */
}

.nav-link:first-of-type:not(.active) > p {
  color: var(--dark-red, #a1102b);
}

.nav-link:first-of-type:not(.active):hover > p {
  color: #a1102b !important;
}

.tab-pane > h2 {
  text-transform: uppercase;
  color: #a1102b;
  /* H2 FAQ */
  font-family: Anton;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  align-self: stretch;
  letter-spacing: 0.5px;
  margin-bottom: 50px;
}

.tab-pane a {
  text-decoration: none;
}

.tab-pane a.link {
  color: #f21840;
  font-weight: 700;
  text-decoration: underline;
}

.collapsebtn > img {
  transition: all 0.3s ease;
}

.collapsebtn[aria-expanded="true"] > img {
  transform: rotate(180deg);
}

.d-flex.align-items-center.justify-content-between.w-100.collapsebtn {
  background: #f6f6f6 !important;
  padding: 50px;
}

/* section.faq .card.card-body ul li:nth-of-type(2) {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: column;
} */

.collapsebtn > p {
  color: var(--dark-red, #a1102b);
  /* HEADING FAQ */
  font-family: "Exo 2";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
}

#svgtab {
  width: 15.812px;
  height: 15px;
}

.card.card-body {
  padding: 0 50px 50px 50px;
  border: none;
  background: #f6f6f6 !important;
  @media (max-width: 575px) {
    padding: 0 30px 30px;
  }
}

.card.card-body > p {
  /* P FAQ */
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.5px;
  color: #212121;
}

ol {
  padding: 1rem;
}

.card.card-body > ol {
  list-style-type: decimal;
}

.card.card-body * {
  color: #212121;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.5px;
}

.collapsecontentone > a,
.mail-link > a {
  color: #f21840 !important;
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.5px;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

/* .returnrefund > p {
  margin: 5px;
} */

.luzon,
.visayas,
.mindanao {
  color: #212121;
  font-family: Poppins;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
  letter-spacing: 0.5px;
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .flex-md-row {
    flex-direction: column !important;
  }
}

@media (max-width: 545px) {
  .mt-sm-5 {
    margin-top: 48px !important;
  }
}

@media (max-width: 575px) {
  .collapsebtn {
    padding: 30px !important;
  }
}