/* BFK 3.2.1 — five-domain editorial Bento grid.
 * Loaded AFTER legacy frontend styles so the page can keep Elementor nodes,
 * text and form state while replacing the orphaned 4+1 layout.
 */
body.bfk-canvas-page .bfk-home-services {
  background: linear-gradient(180deg,#f6faff 0%,#fff 52%,#f6f9fc 100%)!important;
  overflow:visible!important;
}
body.bfk-canvas-page .bfk-home-services__stage {
  padding:clamp(60px,7vw,110px) 0!important;
  min-height:0!important;
  height:auto!important;
}
body.bfk-canvas-page .bfk-home-services__head {
  margin:0 0 clamp(28px,3vw,44px)!important;
  text-align:right!important;
}
body.bfk-canvas-page .bfk-home-services__head>h2 {
  color:#0c2038!important;
  font-size:clamp(30px,3.1vw,44px)!important;
  line-height:1.4!important;
  font-weight:800!important;
}
body.bfk-canvas-page .bfk-home-services__head>p {
  color:#52677d!important;
  font-size:clamp(13px,1.1vw,16px)!important;
  line-height:1.9!important;
}
body.bfk-canvas-page .bfk-home-services__viewport {
  overflow:visible!important;
  width:100%!important;
}
body.bfk-canvas-page .bfk-home-services__rail {
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(294px,auto))!important;
  grid-auto-flow:row dense!important;
  gap:clamp(14px,1.2vw,20px)!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  direction:rtl!important;
  transform:none!important;
  align-items:stretch!important;
}
body.bfk-canvas-page .bfk-home-services__rail > .bfk-home-service-card {
  grid-column:span 3!important;
  grid-row:span 1!important;
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  min-height:0!important;
  height:100%!important;
  padding:0 21px 22px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid #dbe5ef!important;
  border-radius:23px!important;
  background:#fff!important;
  box-shadow:0 14px 35px rgba(10,32,59,.065)!important;
  transform:none!important;
  transition:box-shadow .28s ease,border-color .28s ease!important;
  text-align:right!important;
  isolation:isolate;
}
body.bfk-canvas-page .bfk-home-services__rail > .bfk-home-service-card:hover {
  box-shadow:0 24px 46px rgba(10,32,59,.115)!important;
  border-color:#b4d0e9!important;
}
body.bfk-canvas-page .bfk-home-services__rail > .bfk-home-service-card:first-child {
  grid-column:span 6!important;
  grid-row:span 2!important;
  background:#091e33!important;
  border-color:#15334e!important;
  box-shadow:0 24px 54px rgba(9,30,51,.16)!important;
}
body.bfk-canvas-page .bfk-home-service-card__media {
  position:relative!important;
  width:calc(100% + 42px)!important;
  height:155px!important;
  min-height:0!important;
  max-height:none!important;
  flex:0 0 155px!important;
  margin:0 -21px 0!important;
  border-radius:22px 22px 0 0!important;
  overflow:hidden!important;
  background:#e8eff5!important;
}
body.bfk-canvas-page .bfk-home-service-card:first-child .bfk-home-service-card__media {
  height:380px!important;
  flex-basis:380px!important;
  background:#061222!important;
}
body.bfk-canvas-page .bfk-home-service-card__media img {
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.85) contrast(1.03)!important;
  transform:scale(1.001)!important;
  transition:transform .55s cubic-bezier(.2,.75,.2,1)!important;
}
body.bfk-canvas-page .bfk-home-service-card:hover .bfk-home-service-card__media img {
  transform:scale(1.045)!important;
}
body.bfk-canvas-page .bfk-home-service-card__media:after {
  background:linear-gradient(180deg,transparent 62%,rgba(4,22,40,.28))!important;
}
body.bfk-canvas-page .bfk-home-service-card__number {
  font-size:11px!important;
  right:16px!important;
  top:16px!important;
  background:rgba(2,16,32,.63)!important;
  color:#fff!important;
}
body.bfk-canvas-page .bfk-home-service-card__icon {
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  align-self:flex-start!important;
  flex:0 0 auto!important;
  width:42px!important;
  height:42px!important;
  margin:-21px 0 13px!important;
  border-radius:12px!important;
  background:#f5faff!important;
  border:1px solid #d9e9f8!important;
  box-shadow:0 8px 20px rgba(10,30,60,.12)!important;
  color:#0784ed!important;
  transform:none!important;
  z-index:2!important;
}
body.bfk-canvas-page .bfk-home-service-card h3 {
  font-size:clamp(16px,1.2vw,20px)!important;
  line-height:1.55!important;
  color:#10263e!important;
  margin:0 0 9px!important;
  padding:0!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
body.bfk-canvas-page .bfk-home-service-card p {
  color:#66798e!important;
  font-size:clamp(12px,.88vw,14px)!important;
  line-height:1.85!important;
  min-height:0!important;
  margin:0 0 12px!important;
  padding:0!important;
}
body.bfk-canvas-page .bfk-home-service-card a {
  margin:auto 0 0!important;
  padding:16px 0 0!important;
  font-size:12px!important;
  line-height:1.5!important;
  font-weight:700!important;
  color:#0878d7!important;
  text-decoration:none!important;
}
body.bfk-canvas-page .bfk-home-service-card a:hover {color:#0057a3!important;}
body.bfk-canvas-page .bfk-home-service-card:first-child h3 {
  color:#fff!important;
  font-size:clamp(21px,2vw,30px)!important;
}
body.bfk-canvas-page .bfk-home-service-card:first-child p {color:#c5d3e2!important;font-size:14px!important;}
body.bfk-canvas-page .bfk-home-service-card:first-child a {color:#87c7ff!important;}
body.bfk-canvas-page .bfk-home-service-card:first-child .bfk-home-service-card__icon {background:#e7f3ff!important;}
body.bfk-canvas-page .bfk-home-service-card[data-bfk-area="infrastructure"] img {object-position:36% center!important;}
body.bfk-canvas-page .bfk-home-service-card[data-bfk-area="platform"] img {object-position:45% center!important;}
body.bfk-canvas-page .bfk-home-services__progress {display:none!important;}
@media(max-width:1199px){
  body.bfk-canvas-page .bfk-home-services__rail {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    grid-auto-rows:auto!important;
  }
  body.bfk-canvas-page .bfk-home-services__rail > .bfk-home-service-card,
  body.bfk-canvas-page .bfk-home-services__rail > .bfk-home-service-card:first-child {
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:335px!important;
  }
  body.bfk-canvas-page .bfk-home-service-card:first-child .bfk-home-service-card__media {
    height:155px!important;flex-basis:155px!important;
  }
  body.bfk-canvas-page .bfk-home-services__rail > .bfk-home-service-card:last-child:nth-child(odd) {
    grid-column:1 / -1!important;
    min-height:260px!important;
  }
  body.bfk-canvas-page .bfk-home-services__rail > .bfk-home-service-card:last-child:nth-child(odd) .bfk-home-service-card__media {
    height:200px!important;flex-basis:200px!important;
  }
}
@media(max-width:670px){
  body.bfk-canvas-page .bfk-home-services__stage {padding:54px 0!important;}
  body.bfk-canvas-page .bfk-home-services__rail {grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}
  body.bfk-canvas-page .bfk-home-services__rail > .bfk-home-service-card,
  body.bfk-canvas-page .bfk-home-services__rail > .bfk-home-service-card:first-child,
  body.bfk-canvas-page .bfk-home-services__rail > .bfk-home-service-card:last-child:nth-child(odd) {
    grid-column:1 / -1!important;grid-row:auto!important;
    min-height:0!important;height:auto!important;
    padding:0 17px 20px!important;
    border-radius:19px!important;
  }
  body.bfk-canvas-page .bfk-home-service-card__media,
  body.bfk-canvas-page .bfk-home-service-card:first-child .bfk-home-service-card__media,
  body.bfk-canvas-page .bfk-home-services__rail > .bfk-home-service-card:last-child:nth-child(odd) .bfk-home-service-card__media {
    width:calc(100% + 34px)!important;
    margin:0 -17px 0!important;
    height:186px!important;flex-basis:186px!important;
  }
  body.bfk-canvas-page .bfk-home-service-card__icon {margin:-21px 0 12px!important;}
  body.bfk-canvas-page .bfk-home-service-card h3 {font-size:17px!important;}
  body.bfk-canvas-page .bfk-home-service-card p {font-size:12px!important;}
  body.bfk-canvas-page .bfk-home-service-card a {margin:0!important;padding-top:18px!important;}
  body.bfk-canvas-page .bfk-home-services__head h2 {font-size:28px!important;}
}
@media(prefers-reduced-motion: reduce){
  body.bfk-canvas-page .bfk-home-service-card,
  body.bfk-canvas-page .bfk-home-service-card__media img {transition:none!important;}
}