/* ---- DT Services (high-specificity, resilient) ---- */
#section-dt-services { padding: 88px 0 96px; }
#section-dt-services .subtitle {
  font-size: 13px; letter-spacing: .14em; text-transform: uppercase;
  color: #ffb84d;
}
#section-dt-services h2 { margin: 10px 0 14px; font-weight: 700; }
#section-dt-services .lead { max-width: 760px; margin: 0 auto; color: #cfcfcf; }

/* Card */
#section-dt-services .dt-card {
  background: #1a1a1a; 
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px;
  padding: 28px;
  display: flex; flex-direction: column; justify-content: space-between;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,.22);
}
#section-dt-services .dt-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 28px rgba(0,0,0,.35);
  border-color: rgba(255,184,77,.5);
}
#section-dt-services .dt-card h4 { margin-bottom: 10px; font-size: 18px; color: #fff; }
#section-dt-services .dt-card p { color: #bdbdbd; line-height: 1.55; margin-bottom: 0; }

/* Gutters & spacing */
#section-dt-services .row.g-4 { --bs-gutter-x: 28px; --bs-gutter-y: 28px; }

/* Responsive */
@media (max-width: 991.98px){
  #section-dt-services { padding: 70px 0 80px; }
  #section-dt-services .dt-card { padding: 24px; }
}
@media (max-width: 575.98px){
  #section-dt-services { padding: 56px 0 64px; }
  #section-dt-services .dt-card { padding: 22px; border-radius: 14px; }
}
/* ===== DT Services section polish ===== */
#section-dt-services { padding: 84px 0 96px; background: #0c1633; } /* deep navy */
#section-dt-services .row.g-4 { --bs-gutter-x: 28px; --bs-gutter-y: 28px; }

/* Heading area */
#section-dt-services .subtitle{
  font-size: 13px; letter-spacing:.16em; text-transform:uppercase; color:#7aa5ff;
}
#section-dt-services h2{
  font-weight:800; line-height:1.15; margin:10px 0 14px;
  letter-spacing:.2px;
}
#section-dt-services .lead{ max-width:820px; margin:0 auto; color:#b8c0d9; }

/* Cards */
#section-dt-services .dt-card{
  background: rgba(16, 24, 48, 0.85); /* rich navy glass */
  border:1px solid rgba(255,255,255,.06);
  border-radius: 18px;
  padding: 26px 28px;
  box-shadow: 0 8px 24px rgba(0,0,0,.28);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  height: 100%;
}
#section-dt-services .dt-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(0,0,0,.38);
  border-color: rgba(122,165,255,.45);
}
#section-dt-services .dt-card h4{
  position:relative; padding-left:22px; margin:0 0 10px; font-size:18px; color:#f1f3f9;
}
#section-dt-services .dt-card h4::before{
  content:""; position:absolute; left:0; top:.45em;
  width:8px; height:8px; transform:rotate(45deg);
  background:#7aa5ff; border-radius: 2px; box-shadow: 0 0 10px rgba(122,165,255,.6);
}
#section-dt-services .dt-card p{ color:#b7bbc6; line-height:1.58; margin:0; }

/* Make last two wide cards feel balanced */
#section-dt-services .col-md-6:last-child .dt-card,
#section-dt-services .col-md-6:nth-last-child(2) .dt-card{ padding-top:24px; padding-bottom:24px; }

/* Responsive */
@media (max-width: 991.98px){
  #section-dt-services { padding: 70px 0 80px; }
  #section-dt-services .dt-card{ padding:24px; }
}
@media (max-width: 575.98px){
  #section-dt-services { padding: 56px 0 64px; }
  #section-dt-services .dt-card{ padding:22px; border-radius:16px; }
}