/* =========================================================
   Digital Banking QC fixes — load AFTER head-foot-constant.css
   Keep layout/typography from base CSS; only non-layout QC here.
   Bump ?v= when updating.
   ========================================================= */

/* ----- QC #122: hide non-working search ----- */
header .search-btn,
.hamburger-icons-area .search-btn {
  display: none !important;
}

/* ----- QC #109 / #110: remove decorative top curves (salient) ----- */
.salient-sec .salient-main-area::before,
.salient-sec .salient-main-area::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* ----- Other Services: keep live vertical pagination visible ----- */
.card-sec .bayf-pagination-new.swiper-pagination,
.card-sec .bayf-swiper-new > .swiper-pagination {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* ----- Other Services: full character image on tablet + mobile ----- */
@media (max-width: 1199px) {
  .card-sec {
    padding-inline: 12px !important;
  }
  .card-sec .bayf-swiper-new .white-bg {
    overflow: visible !important;
  }
  .card-sec .bayf-swiper-new .white-bg .right {
    overflow: visible !important;
    min-height: 260px !important;
    display: flex !important;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 0;
  }
  .card-sec .bayf-swiper-new .white-bg .right img,
  .card-sec .bayf-swiper-new .white-bg .right.light-blue-bg img,
  .card-sec .bayf-swiper-new .white-bg .right.light-green-bg img,
  .card-sec .bayf-swiper-new .white-bg .right.blue-bg img {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    max-height: 320px;
    margin: 0 auto;
    display: block;
    object-fit: contain;
    object-position: center bottom;
  }
}
@media (max-width: 767px) {
  .card-sec {
    padding-inline: 8px !important;
  }
  .card-sec .bayf-swiper-new .white-bg .right {
    min-height: 220px !important;
  }
  .card-sec .bayf-swiper-new .white-bg .right img,
  .card-sec .bayf-swiper-new .white-bg .right.light-blue-bg img,
  .card-sec .bayf-swiper-new .white-bg .right.light-green-bg img,
  .card-sec .bayf-swiper-new .white-bg .right.blue-bg img {
    max-height: 260px;
  }
}

/* ----- Key Features: no leftover swiper chrome ----- */
.key-sec .keyFeatures-next,
.key-sec .keyFeatures-prev,
.key-sec .keyFeatures-scrollbar,
.key-sec .swiper-button-next,
.key-sec .swiper-button-prev,
.key-sec .swiper-scrollbar {
  display: none !important;
}

/* ===== Debit / Compare / Video ===== */
.portfolio .portfolio-bg,
.portfolio .portfolio-bg .limits-box table,
.visa-signature-table {
  border-radius: 16px;
  overflow: hidden;
}
.portfolio .portfolio-bg .top,
.portfolio .portfolio-bg .top h4 {
  text-align: center;
}
.portfolio .portfolio-bg .btn-box .modal-popup .modal-content .modal-header .btn-close,
.modal .btn-close {
  position: absolute;
  top: 12px;
  right: 12px;
  left: auto;
  margin: 0;
  z-index: 5;
}
.visa-swiper .swiper-slide,
.paypak-swiper .swiper-slide {
  cursor: pointer;
  pointer-events: auto;
}
#bigImage {
  transition: none !important;
}
.compare-box .compare-box-area .container-fluid .table tbody td,
.compare-box .valign-middle .details .title {
  text-align: left !important;
}
[dir="rtl"] .breadcrumb,
[dir="rtl"] .tutorial-links {
  text-align: right;
}
.m-menu-main .mob-nav,
.m-menu-main .mob-nav ul {
  width: 100%;
}