/* =========================================================
   V44.4 — CCTV card FINAL LOCK
   Final micro-adjustments before cloning this card style.
   Scope: CCTV card only.
   ========================================================= */

#services .service-card--cctv{
  position:relative!important;
  min-height:408px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid #e2edf3!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(15,23,42,.072)!important;
  transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease!important;
}

#services .service-card--cctv::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  left:0!important;
  height:3px!important;
  background:linear-gradient(90deg,#009688,#2f7dd1)!important;
  opacity:.88!important;
}

#services .service-card--cctv .service-img{
  height:218px!important;
  min-height:218px!important;
  margin:0!important;
  padding:5px 8px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:18px 18px 0 0!important;
  background:
    radial-gradient(circle at 50% 80%,rgba(0,150,136,.10),transparent 33%),
    linear-gradient(180deg,#fcfeff 0%,#f7fbfd 100%)!important;
}

#services .service-card--cctv .service-img img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center calc(50% - 6px)!important;
  transform:scale(1.035)!important;
  filter:drop-shadow(0 10px 14px rgba(15,23,42,.08))!important;
  transition:transform .28s ease,filter .28s ease!important;
}

#services .service-card--cctv h3{
  margin:12px 18px 7px!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1.35!important;
  text-align:center!important;
}

#services .service-card--cctv p{
  min-height:52px!important;
  margin:0 18px!important;
  color:#66758a!important;
  font-size:14.5px!important;
  line-height:1.8!important;
  text-align:center!important;
}

#services .service-card--cctv span{
  margin:13px 18px 0!important;
  padding:13px 0 15px!important;
  border-top:1px solid #edf3f7!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin-top:auto!important;
}

#services .service-card--cctv:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(0,150,136,.44)!important;
  box-shadow:0 25px 58px rgba(15,23,42,.11)!important;
}

#services .service-card--cctv:hover .service-img img{
  transform:scale(1.07)!important;
  filter:drop-shadow(0 13px 17px rgba(15,23,42,.11))!important;
}

@media (max-width:700px){
  #services .service-card--cctv{
    min-height:auto!important;
  }

  #services .service-card--cctv .service-img{
    height:202px!important;
    min-height:202px!important;
    padding:4px 7px 0!important;
  }

  #services .service-card--cctv .service-img img{
    object-position:center calc(50% - 4px)!important;
    transform:scale(1.015)!important;
  }

  #services .service-card--cctv:hover .service-img img{
    transform:scale(1.04)!important;
  }

  #services .service-card--cctv h3{
    font-size:22px!important;
  }
}