/* Almasar Engineering V5.5.3 — Industry sector cards
 * White card shell + dark content panel with white, readable text.
 */
body.almasar-design-v54 .section--sectors .sector-card{
  min-height:340px!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:170px minmax(150px,1fr)!important;
  background:#fff!important;
  color:var(--ds-navy,#08243d)!important;
  border:1px solid #e4ebef!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:0 12px 30px rgba(8,36,61,.09)!important;
}
body.almasar-design-v54 .section--sectors .sector-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 20px 42px rgba(8,36,61,.15)!important;
}
body.almasar-design-v54 .section--sectors .sector-card .sector-image{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:170px!important;
  opacity:1!important;
  transform:scale(1)!important;
  background-size:cover!important;
  background-position:center!important;
  grid-row:1!important;
  z-index:1!important;
}
body.almasar-design-v54 .section--sectors .sector-card:hover .sector-image{
  transform:scale(1.04)!important;
}
body.almasar-design-v54 .section--sectors .sector-card .sector-shade{
  display:none!important;
}
body.almasar-design-v54 .section--sectors .sector-card .sector-content{
  position:relative!important;
  z-index:3!important;
  grid-row:2!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  width:auto!important;
  min-height:150px!important;
  padding:42px 18px 18px!important;
  margin:0!important;
  background:#08243d!important;
  color:#fff!important;
}
body.almasar-design-v54 .section--sectors .sector-card .sector-content>span{
  color:#fff!important;
  font-size:17px!important;
  line-height:1.5!important;
  font-weight:800!important;
}
body.almasar-design-v54 .section--sectors .sector-card .sector-content small{
  color:rgba(255,255,255,.82)!important;
  font-size:12px!important;
  line-height:1.8!important;
  margin-top:5px!important;
}
body.almasar-design-v54 .section--sectors .sector-card .sector-icon{
  position:absolute!important;
  top:-22px!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  width:46px!important;
  height:46px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:3px solid #fff!important;
  border-radius:12px!important;
  background:var(--orange,#ff7900)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(8,36,61,.18)!important;
}
body.almasar-design-v54 .section--sectors .sector-card .sector-icon .ui-icon{
  width:22px!important;
  height:22px!important;
}
body.almasar-design-v54 .section--sectors .sector-card .sector-number{
  top:12px!important;
  right:12px!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(8,36,61,.14)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.94)!important;
  color:#08243d!important;
  z-index:4!important;
  font-size:11px!important;
  font-weight:900!important;
  backdrop-filter:blur(5px);
}
body.almasar-design-v54 .section--sectors .sector-card:after{
  left:14px!important;
  right:auto!important;
  bottom:14px!important;
  width:31px!important;
  height:31px!important;
  z-index:5!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#08243d!important;
  font-size:16px!important;
  box-shadow:0 5px 12px rgba(0,0,0,.12)!important;
}
@media(max-width:1050px){
  body.almasar-design-v54 .section--sectors .sector-card{min-height:330px!important}
}
@media(max-width:700px){
  body.almasar-design-v54 .section--sectors .sector-card{
    min-height:315px!important;
    grid-template-rows:155px minmax(145px,1fr)!important;
  }
  body.almasar-design-v54 .section--sectors .sector-card .sector-image{height:155px!important}
  body.almasar-design-v54 .section--sectors .sector-card .sector-content{
    min-height:145px!important;
    padding:38px 16px 16px!important;
  }
  body.almasar-design-v54 .section--sectors .sector-card .sector-content>span{font-size:16px!important}
  body.almasar-design-v54 .section--sectors .sector-card .sector-content small{font-size:11px!important}
}