/* =========================================================
   ✅ OUR SERVICES (CSS - FIXED LEFT IMAGE + 2 CARD SLIDER) ===== START
   File: assets/services.css
========================================================= */

.bd-srv{ padding:64px 0; background:#fff; }

.bd-srv-grid{
  display:grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 34px;
  align-items:start;
}

/* left image fixed */
.bd-srv-left-img{
  width:100%;
  height: var(--bd-srv-left-h, 520px);
  object-fit: cover;
  display:block;
  border-radius: 2px;
}

/* right heading */
.bd-srv-head{ margin-bottom: 22px; }
.bd-srv-kicker{ letter-spacing:.18em; text-transform:uppercase; margin-bottom:10px; }
.bd-srv-title{ margin:0; line-height:1.15; }

.bd-srv-underline{
  width:120px;height:5px;margin:14px 0 0;
  background: var(--bd-srv-accent,#0b57d0);
  border-radius:999px;
  position:relative; overflow:hidden;
}
.bd-srv-underline::after{
  content:"";
  position:absolute; top:0; left:-40%;
  width:40%; height:100%;
  background:#fff; opacity:.95;
  animation: bdSrvSweep 1.2s ease-in-out infinite;
}
@keyframes bdSrvSweep{ 0%{transform:translateX(0)} 100%{transform:translateX(260%)} }

/* slider */
.bd-srv-slider{ position:relative; overflow:hidden; }
.bd-srv-track{
  display:flex;
  transition: transform 450ms ease;
  will-change: transform;
}
.bd-srv-slide{
  min-width:100%;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

.bd-srv-card{
  background: var(--bd-srv-cardbg, #eaf6ff);
  padding: 34px 22px;
  text-align:center;
  border-radius: 2px;
}
.bd-srv-card--empty{ visibility:hidden; }

.bd-srv-diamond{
  width:92px;height:92px;
  margin: 0 auto 18px;
  background: var(--bd-srv-accent,#0b57d0);
  transform: rotate(45deg);
  display:flex;
  align-items:center;
  justify-content:center;
}
.bd-srv-diamond img{
  width:28px;height:28px;
  object-fit:contain;
  transform: rotate(-45deg);
  filter: brightness(0) invert(1);
}

.bd-srv-card-title{ margin:0 0 10px; }
.bd-srv-card-desc{ line-height:1.7; }

/* dots */
.bd-srv-dots{
  display:flex;
  gap:8px;
  justify-content:flex-start;
  margin-top: 18px;
}
.bd-srv-dot{
  width:10px;height:10px;
  border-radius:999px;
  background: rgba(11,87,208,.25);
  cursor:pointer;
  border:0;
}
.bd-srv-dot.is-active{ background: var(--bd-srv-accent,#0b57d0); }

@media(max-width:980px){
  .bd-srv-grid{ grid-template-columns: 1fr; }
  .bd-srv-left-img{ height: 320px; }
  .bd-srv-head{ text-align:center; }
  .bd-srv-underline{ margin:14px auto 0; }
  .bd-srv-dots{ justify-content:center; }
}

@media(max-width:600px){
  .bd-srv-slide{ grid-template-columns: 1fr; }
}

/* =========================================================
   ✅ OUR SERVICES (CSS) ===== END
========================================================= */