.no-cost-emi-box img {
  margin-bottom: 15px;
}

.no-cost-emi-box {
  background: #ffffff;
  border-radius: 10px;
  padding: 30px;
  text-align: center;
  width: 182px;
  height: 167px;
}
.no-cost-emi-box p {
  margin: 0;
  font-weight: 500;
  color: #0066a6;
  line-height: 25px;
  font-size: 20px;
}
.no-cost-emi-bg {
  background: #f8f6f4;
  padding: 60px 80px 0;
  border-radius: 20px;
  margin-bottom: 50px;
}
.no-cost-emi-text {
  position: relative;
}
.no-cost-emi-boxes {
  display: flex;
  position: absolute;
  left: -63%;
  gap: 15px;
}
.no-cost-emi-image {
  padding-right: 30px;
}
.no-cost-emi-text {
  margin-top: 30%;
}
.no-cost-emi-text .section-header {
  margin-bottom: 40px;
}
.scheduled-payments-image {
  position: relative;
}
.emi-scheduled-payments {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  align-items: center;
  padding: 0 80px;
}
.emi-image-scheduled-payments {
  background: #ffffff47;
  backdrop-filter: blur(100px);
  padding: 30px;
  border-radius: 20px;
  text-align: center;
  margin-right: 30px;
}
.emi-image-scheduled-payments h3 {
  color: #fff;
  margin-bottom: 0;
}
.emi-image-text h3 {
  color: #fff;
}
.emi-image-text p {
  color: #fff;
}
.pay-later-bg {
  background: #f8f6f4;
  margin-bottom: 50px;
}
.pay-later-text {
  padding-top: 60px;
  padding-left: 60px;
  position: relative;
}
.pay-later-box {
  background: #ffffff;
  border-radius: 10px;
  padding: 30px;
  text-align: center;
  width: 247px;
  height: 167px;
}
.pay-later-box p {
  margin: 0;
  font-weight: 500;
  color: #0066a6;
  line-height: 25px;
  font-size: 20px;
}
.pay-later-box img {
  margin-bottom: 15px;
}
.pay-later-boxes {
  display: flex;
  gap: 15px;
  padding: 10px 0 20px;
  position: relative;
  width: 770px;
  z-index: 19;
}
.scheduled-payments-section {
  padding-bottom: 50px;
}
.across-industries-section {
  padding: 0 10px;
}
.across-industries-section .section-header {
  margin-bottom: 30px;
}
.across-industries-image {
  position: relative;
}
.across-industries-content {
  position: absolute;
  bottom: 20px;
  backdrop-filter: blur(100px);
  background: #ffffff99;
  padding: 30px 20px;
  left: 0;
  width: 90%;
  right: 0;
  border-radius: 20px;
  margin: 0 auto;
}
.across-industries-content h4 {
  background: #f98613;
  color: #fff;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 100px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}
.across-industries-content p {
  margin: 0;
}
.across-industries-swiper .swiper-wrapper {
  padding: 0;
}

/* =====================================================
   FAQ ACCORDION 
===================================================== */
#faq {
  padding: 50px 0;
}

.faq-title h3 {
  padding-bottom: 30px;
}

.zoom-hover picture {
  overflow: hidden;
  border-radius: 20px;
}

#faq .accordion-button {
  font-family: var(--font-heading);
  color: var(--text-muted);
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  background: transparent;
}

/* Active title */
#faq .accordion-button:not(.collapsed) {
  color: var(--main-btn-color);
}

/* Body text */
#faq .accordion-body {
  font-family: var(--font-heading);
  color: var(--text-muted);
  font-weight: 500;
  font-size: 14px;
  line-height: 23px;
}

/* Remove default accordion border */
#faq .accordion {
  border: none;
  --bs-accordion-border-width: 0;
}

/* Remove focus glow */
#faq .accordion-button:focus {
  outline: 0;
  box-shadow: none;
}

/* DEFAULT item = transparent */
/* Accordion item spacing control */
#faq .accordion-item {
  background-color: transparent;
  border: none;
  border-radius: 10px;
  margin-bottom: 0px;
  padding: 0;
}

/* Inner padding on header + body */
#faq .accordion-button {
  padding: 18px 24px;
}

#faq .accordion-body {
  padding: 12px 24px 20px;
}

/* ACTIVE background only */
#faq .accordion-item:has(.accordion-collapse.show) {
  background-color: #f8f6f4;
  border-radius: 10px;
  margin-bottom: 0;
}

#faq .accordion-item .accordion-collapse.show {
  background: transparent;
}

/* Default (closed) arrow down */
#faq .accordion-button::after {
  background-image: url("../images/accordion-down-arrow.svg");
  transition:
    transform 0.3s ease,
    filter 0.3s ease;
}

/* Active (open) = arrow UP + orange */
#faq .accordion-button:not(.collapsed)::after {
  background-image: url("../images/accordion-up-arrow.svg");
  /* up arrow */
  transform: rotate(0deg);
  filter: brightness(0) saturate(100%) invert(62%) sepia(94%) saturate(470%)
    hue-rotate(356deg);
}

/* =====================================================
   QR-codes.css — RESPONSIVE ADDITIONS
   Breakpoints: 1199px | 991px | 767px | 575px
===================================================== */

/* ─────────────────────────────────────────────────
   1199px – Large tablets / small laptops
───────────────────────────────────────────────── */
@media (max-width: 1199px) {
}

/* ─────────────────────────────────────────────────
   991px – Tablets portrait
───────────────────────────────────────────────── */
@media (max-width: 991px) {
  .no-cost-emi-box {
    width: 100%;
  }
  .no-cost-emi-bg {
    padding: 15px 15px;
  }
  .no-cost-emi-image {
    padding-right: 0;
  }
  .no-cost-emi-text {
    margin-top: 30px;
  }
  .no-cost-emi-boxes {
    display: flex;
    position: relative;
    left: 0;
    gap: 15px;
    justify-content: center;
  }
  .emi-scheduled-payments {
    padding: 0 30px;
  }
  .emi-image-text {
    text-align: left;
  }
  .pay-later-text {
    padding-top: 30px;
    padding-left: 0;
    position: relative;
  }
  .pay-later-box {
    border-radius: 10px;
    padding: 20px;
    width: 211px;
    height: auto;
  }
  .pay-later-boxes {
    display: flex;
    gap: 15px;
    padding: 10px 0 20px;
    width: 100%;
    justify-content: center;
  }
  .pay-later-image {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .ready-to-go-content picture:before {
    content: "";
    background: #00000047;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
}
/* ─────────────────────────────────────────────────
   575px – Mobile portrait
───────────────────────────────────────────────── */
@media (max-width: 575px) {
  /* ── FAQ ── */
  #faq .accordion-button {
    font-size: 15px;
    line-height: 22px;
    padding: 12px 16px;
  }

  #faq .accordion-body {
    padding: 10px 16px 16px;
  }
}

/* ─────────────────────────────────────────────────
   767px – Mobile landscape
───────────────────────────────────────────────── */
@media (max-width: 767px) {
  .emi-image-text {
    text-align: center;
  }
  .pay-later-image {
    margin-top: 0;
  }

  /* ── FAQ ── */
  #faq .accordion-button {
    font-size: 17px;
    line-height: 25px;
    padding: 14px 18px;
  }

  .emi-scheduled-payments {
    bottom: 30px;
    display: flex;
    width: 100%;
    height: auto;
    padding: 0 10px;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
  }
  .emi-image-scheduled-payments {
    margin-right: 0;
  }
  .pay-later-text {
    padding: 20px;
  }
  .pay-later-box {
    background: #ffffff;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    width: 100%;
    height: auto;
  }
  .pay-later-boxes {
    padding: 10px 0 10px;
    position: relative;
    width: 100%;
    flex-direction: column;
  }
  .no-cost-emi-bg {
    background: #f8f6f4;
    padding: 20px 14px 0;
    border-radius: 20px;
    margin-bottom: 10px;
  }
  .no-cost-emi-image {
    padding-right: 0;
  }
  .no-cost-emi-text {
    margin-top: 9%;
  }
  .no-cost-emi-boxes {
    position: relative;
    left: 0;
    flex-direction: column;
  }
  .no-cost-emi-box {
    width: 100%;
    height: auto;
  }
  .across-industries-image {
    position: relative;
    margin-bottom: 20px;
  }
  .pay-later-section .row {
    flex-direction: column-reverse;
  }
}