/* JBA v16.20.69 — product page RTL/order cleanup for process/services sections */

/* ---------------------------------------------
   1) Process tab — hard RTL alignment and tidy blocks
---------------------------------------------- */
.jba-v162067-info-tabs,
.jba-v162067-info-tabs *{
  box-sizing:border-box;
}

.jba-v162067-info-tabs > .tab{
  direction:rtl!important;
}

.jba-v162067-info-tabs > .tab .tablinks{
  direction:rtl!important;
  display:flex!important;
  flex-direction:row-reverse!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  text-align:center!important;
}

.jba-v162067-info-tabs > .tabcontent,
.jba-v162067-richtext,
.jba-v162067-process-grid,
.jba-v162067-process-card,
.jba-v162067-process-card > div,
.jba-v162067-process-card h3,
.jba-v162067-process-card p,
.jba-v162067-process-note{
  direction:rtl!important;
  text-align:right!important;
}

.jba-v162067-process-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

.jba-v162067-process-card{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  padding:22px 20px!important;
  border:1px solid #dbe4ee!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff,#f8fbfe)!important;
  box-shadow:0 10px 26px rgba(9,44,72,.05)!important;
}

.jba-v162067-process-number{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:start!important;
  margin:0!important;
}

.jba-v162067-process-card > div{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
}

.jba-v162067-process-card h3{
  margin:0 0 10px!important;
  color:#10324d!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.55!important;
}

.jba-v162067-process-card p{
  margin:0!important;
  color:#5f7185!important;
  font-size:15px!important;
  line-height:2.05!important;
}

.jba-v162067-process-note{
  display:flex!important;
  flex-direction:row-reverse!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}

@media (max-width:900px){
  .jba-v162067-process-grid{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:680px){
  .jba-v162067-info-tabs > .tab .tablinks{
    gap:8px!important;
  }
  .jba-v162067-process-card{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:10px!important;
    padding:16px 14px!important;
    border-radius:16px!important;
  }
  .jba-v162067-process-card h3{
    font-size:16px!important;
    line-height:1.6!important;
  }
  .jba-v162067-process-card p{
    font-size:12px!important;
    line-height:1.95!important;
  }
  .jba-v162067-process-note{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}

/* ---------------------------------------------
   2) Services panel — proper RTL card layout, fixed title/icon alignment
---------------------------------------------- */
.jba-v162068-services-panel,
.jba-v162068-services-panel *{
  box-sizing:border-box;
}

.jba-v162068-services-panel .panel-body{
  overflow:visible!important;
}

.jba-v162068-services-grid{
  direction:rtl!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}

.jba-v162068-services-grid > .jba-v162068-service-item{
  direction:rtl!important;
  text-align:right!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  gap:10px!important;
  min-height:136px!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid #dde6ef!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff,#f8fbfe)!important;
  box-shadow:0 10px 28px rgba(9,44,72,.05)!important;
  overflow:hidden!important;
}

.jba-v162068-services-grid > .jba-v162068-service-item > p{
  margin:0!important;
  width:100%!important;
  min-width:0!important;
}

.jba-v162068-services-grid > .jba-v162068-service-item > p:first-child{
  display:flex!important;
  flex-direction:row-reverse!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  color:#102f4a!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.7!important;
  white-space:normal!important;
}

.jba-v162068-services-grid > .jba-v162068-service-item > p:first-child i{
  position:static!important;
  flex:0 0 44px!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(198,150,58,.28)!important;
  border-radius:14px!important;
  background:#fff7e6!important;
  color:#b57a10!important;
  font-size:20px!important;
  order:-1!important;
}

.jba-v162068-services-grid > .jba-v162068-service-item > p:last-child,
.jba-v162068-services-grid > .jba-v162068-service-item > p:last-child a{
  display:block!important;
  color:#617285!important;
  font-size:13px!important;
  line-height:2.05!important;
  text-align:right!important;
  text-decoration:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

.jba-v162068-services-grid > .jba-v162068-service-item > p:last-child a:hover{
  color:#0b6ea8!important;
}

@media (max-width:900px){
  .jba-v162068-services-grid{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:680px){
  .jba-v162068-services-grid{
    gap:10px!important;
  }
  .jba-v162068-services-grid > .jba-v162068-service-item{
    min-height:0!important;
    padding:14px!important;
    border-radius:16px!important;
  }
  .jba-v162068-services-grid > .jba-v162068-service-item > p:first-child{
    gap:10px!important;
    font-size:14px!important;
  }
  .jba-v162068-services-grid > .jba-v162068-service-item > p:first-child i{
    flex-basis:38px!important;
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    font-size:18px!important;
  }
  .jba-v162068-services-grid > .jba-v162068-service-item > p:last-child,
  .jba-v162068-services-grid > .jba-v162068-service-item > p:last-child a{
    font-size:11px!important;
    line-height:1.95!important;
  }
}