/* Wrapper */
.bptk-tabs{
  width:100%;
  border:none;
}

/* Pills */
.bptk-tabs-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap: var(--bptk-pill-gap, 12px);
  margin:0 0 22px;
}

.bptk-tab-pill{
  appearance:none;
  border: var(--bptk-pill-border-width,1px) solid var(--bptk-pill-border-color,rgba(11,31,58,0.12));
  background: var(--bptk-pill-inactive-bg,#eef2f6);
  color: var(--bptk-pill-inactive-text,#0b1f3a);
  border-radius: var(--bptk-pill-radius,14px);
  padding:12px 18px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  font-weight:800;
  line-height:1;
  font-size: var(--bptk-fs-pill-d,15px);
  transition: transform .12s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}

.bptk-tab-pill:hover{
  transform:translateY(-1px);
}

.bptk-tab-pill.is-active{
  background: var(--bptk-pill-active-bg,#0b1f3a);
  color: var(--bptk-pill-active-text,#fff);
}

.bptk-tab-number{
  opacity:.70;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}

.bptk-tab-label{
  font-weight:900;
}

/* Panel container */
.bptk-tabs-panels{
  background: var(--bptk-panel-bg,#f6f8fb);
  border-radius: var(--bptk-panel-radius,22px);
  padding: var(--bptk-panel-padding,44px);
  box-shadow:0 18px 38px rgba(11,31,58,.06);
}

/* Animated panels */
.bptk-tab-panel{
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .28s ease, transform .28s ease;
  height:0;
  overflow:hidden;
}

.bptk-tab-panel.is-active{
  opacity:1;
  transform:none;
  pointer-events:auto;
  height:auto;
  overflow:visible;
}

/* Grid layout */
.bptk-panel-grid{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:42px;
}

@media (max-width:980px){
  .bptk-panel-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
}

/* Left section */

.bptk-left-head{
  display:flex;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}

.bptk-main-icon{
  width:72px;
  height:72px;
  border-radius:18px;
  background: var(--bptk-icon-bg,#2f5f86);
  color: var(--bptk-icon-color,#fff);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.bptk-main-icon i{
  font-size:28px;
  line-height:1;
}

.bptk-eyebrow{
  color: var(--bptk-eyebrow-color,#b8923b);
  font-weight:900;
  letter-spacing:.10em;
  font-size: var(--bptk-fs-eyebrow-d,12px);
  text-transform:uppercase;
  margin-bottom:6px;
}

.bptk-title{
  color: var(--bptk-title-color,#0b1f3a);
  font-weight:950;
  font-size: var(--bptk-fs-title-d,36px);
  line-height:1.06;
}

.bptk-subtitle{
  color: var(--bptk-subtitle-color,#2f5f86);
  font-weight:750;
  margin-top:6px;
  font-size: var(--bptk-fs-subtitle-d,18px);
}

.bptk-desc{
  color: var(--bptk-desc-color,rgba(11,31,58,.72));
  font-size: var(--bptk-fs-desc-d,17px);
  line-height:1.9;
  margin:14px 0 18px;
  max-width:60ch;
}

.bptk-cta-wrap{
  margin-top:12px;
}

/* Button */

.bptk-btn{
  display:inline-flex;
  align-items:center;
  gap:14px;
  background: var(--bptk-btn-bg,#b8923b);
  color: var(--bptk-btn-text,#fff);
  padding:16px 22px;
  border-radius: var(--bptk-btn-radius,12px);
  text-decoration:none;
  font-weight:900;
  font-size: var(--bptk-fs-button-d,16px);
  box-shadow:0 10px 22px rgba(0,0,0,.10);
}

.bptk-btn:hover{
  filter:brightness(.98);
}

.bptk-btn-arrow{
  font-weight:900;
}

/* Benefits */

.bptk-benefits-heading{
  color: var(--bptk-benefits-title-color,#0b1f3a);
  font-weight:950;
  font-size: var(--bptk-fs-benefits-heading-d,24px);
  margin:6px 0 16px;
}

.bptk-benefits-list{
  display:flex;
  flex-direction:column;
  gap: var(--bptk-benefit-gap,14px);
}

.bptk-benefit{
  background: var(--bptk-benefit-bg,#fff);
  border-radius: var(--bptk-benefit-radius,14px);
  padding:16px 18px;
  display:flex;
  align-items:center;
  gap:12px;
  box-shadow:0 14px 32px rgba(11,31,58,.08);
}

.bptk-benefit-icon{
  width:34px;
  height:34px;
  border-radius:999px;
  background: var(--bptk-benefit-icon-bg,rgba(47,95,134,.10));
  color: var(--bptk-benefit-icon-color,#2f5f86);
  display:flex;
  align-items:center;
  justify-content:center;
}

.bptk-benefit-icon i{
  font-size:14px;
}

.bptk-benefit-text{
  color:rgba(11,31,58,.82);
  font-weight:750;
  font-size: var(--bptk-fs-benefit-text-d,15px);
}

/* Bottom cards */

.bptk-cards{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

@media (max-width:980px){
  .bptk-cards{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:560px){
  .bptk-cards{
    grid-template-columns:1fr;
  }
}

.bptk-card{
  appearance:none;
  width:100%;
  text-align:left;
  border:2px solid var(--bptk-card-border,rgba(11,31,58,.14));
  background: var(--bptk-card-bg,#fff);
  border-radius: var(--bptk-card-radius,16px);
  padding:18px 16px;
  display:flex;
  gap:14px;
  cursor:pointer;
  transition:border-color .2s ease, transform .12s ease, box-shadow .2s ease;
  box-shadow:0 10px 26px rgba(11,31,58,.06);
}

.bptk-card:hover{
  transform:translateY(-1px);
}

.bptk-card.is-active{
  border-color: var(--bptk-card-active-border,#b8923b);
  box-shadow:0 14px 34px rgba(11,31,58,.10);
}

.bptk-card-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  background:rgba(47,95,134,.10);
  color:#2f5f86;
  display:flex;
  align-items:center;
  justify-content:center;
}

.bptk-card-icon i{
  font-size:18px;
}

.bptk-card-eyebrow{
  color: var(--bptk-eyebrow-color,#b8923b);
  font-weight:900;
  letter-spacing:.10em;
  font-size: var(--bptk-fs-card-eyebrow-d,11px);
  text-transform:uppercase;
  margin-bottom:6px;
}

.bptk-card-title{
  color: var(--bptk-title-color,#0b1f3a);
  font-weight:950;
  font-size: var(--bptk-fs-card-title-d,18px);
  line-height:1.15;
}

.bptk-card-subtitle{
  color: var(--bptk-subtitle-color,#2f5f86);
  font-weight:750;
  margin-top:6px;
  font-size: var(--bptk-fs-card-subtitle-d,14px);
}

/* Force button text color (prevent theme link override) */

.bptk-btn,
.bptk-btn:link,
.bptk-btn:visited{
  color: var(--bptk-btn-text, #fff) !important;
  -webkit-text-fill-color: var(--bptk-btn-text, #fff) !important;
}

.bptk-btn span,
.bptk-btn-arrow{
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

.bptk-btn:hover,
.bptk-btn:focus{
  color: var(--bptk-btn-text, #fff) !important;
}

/* =========================================
   Mobile Horizontal Scroll for Bottom Cards
   ========================================= */

@media (max-width: 768px){

  .bptk-cards{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto;
    gap:16px;
    padding-bottom:10px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }

  .bptk-cards::-webkit-scrollbar{
    display:none;
  }

  .bptk-card{
    flex:0 0 85%;
    scroll-snap-align:start;
  }

}