.elementor-6611 .elementor-element.elementor-element-370dca9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6611 .elementor-element.elementor-element-4337615 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-4337615 */.ds-svc-hero, .ds-svc-hero *,
.ds-svc-why-section, .ds-svc-why-section *,
.ds-svc-main-section, .ds-svc-main-section *,
.ds-svc-others-section, .ds-svc-others-section * {
  font-family: 'IBM Plex Sans', 'Segoe UI', sans-serif !important;
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
.ds-svc-hero h1,
.ds-svc-why-section h2,
.ds-svc-main-section h2, .ds-svc-main-section h3,
.ds-svc-others-section h2, .ds-svc-others-section h3 {
  font-family: 'Archivo', 'Segoe UI', sans-serif !important;
}

.ds-svc-hero { background: #F7F9FC; border-bottom: 1px solid #DEE2E9; }
.ds-svc-hero__inner { max-width: 1280px; margin-inline: auto; padding: 80px 24px; }
.ds-svc-back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #606A78 !important;
  text-decoration: none;
  transition: color .15s ease;
}
.ds-svc-back-link:hover { color: #0A46B9 !important; }
.ds-svc-back-link svg { width: 16px !important; height: 16px !important; }

.ds-svc-hero__row { margin-top: 40px; display: flex; align-items: flex-start; gap: 24px; }
.ds-svc-hero__icon { width: 48px !important; height: 48px !important; margin-top: 8px; flex-shrink: 0; color: #0A46B9; }
.ds-svc-hero__title {
  font-size: 36px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  color: #0E1624 !important;
}
@media (min-width: 768px) {
  .ds-svc-hero__title { font-size: 48px !important; }
}
.ds-svc-hero__intro {
  margin-top: 24px !important;
  max-width: 48rem;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.625 !important;
  color: #606A78 !important;
}

.ds-svc-section-title { font-size: 24px !important; font-weight: 600 !important; color: #0E1624 !important; }
.ds-svc-box-title { font-size: 18px !important; font-weight: 600 !important; color: #0E1624 !important; }

.ds-svc-why-section { padding-top: 56px; padding-bottom: 28px; background: #FFFFFF; }
.ds-svc-why-inner { max-width: 1280px; margin-inline: auto; padding-inline: 24px; }
.ds-svc-why-grid {
  margin-top: 24px;
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .ds-svc-why-grid { grid-template-columns: 1fr 1fr; }
}
.ds-svc-why-item { display: flex; align-items: flex-start; gap: 12px; }
.ds-svc-why-item svg { width: 18px !important; height: 18px !important; margin-top: 2px; flex-shrink: 0; color: #0A46B9; }
.ds-svc-why-item p { font-size: 14px !important; font-weight: 400 !important; line-height: 1.625 !important; color: #606A78 !important; }
.ds-svc-why-item strong { font-weight: 600 !important; color: #0E1624 !important; }

.ds-svc-main-section { padding-top: 28px; padding-bottom: 72px; background: #FFFFFF; }
.ds-svc-main-inner { max-width: 1280px; margin-inline: auto; padding-inline: 24px; }
.ds-svc-main-grid { display: grid; gap: 56px; grid-template-columns: 1fr; }
@media (min-width: 1024px) {
  .ds-svc-main-grid { grid-template-columns: 1.4fr 1fr; }
}

.ds-svc-capability-grid {
  margin-top: 32px;
  display: grid;
  gap: 1px !important;
  border: 1px solid #DEE2E9;
  background: #DEE2E9;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .ds-svc-capability-grid { grid-template-columns: 1fr 1fr; }
}
.ds-svc-capability { background: #FFFFFF; padding: 32px !important; }
.ds-svc-capability h3 { font-size: 18px !important; font-weight: 600 !important; color: #0E1624 !important; }
.ds-svc-capability p {
  margin-top: 12px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.625 !important;
  color: #606A78 !important;
}

.ds-svc-aside { display: flex; flex-direction: column; gap: 40px; }
.ds-svc-when-box, .ds-svc-tech-box { border: 1px solid #DEE2E9; padding: 32px !important; }
.ds-svc-when-box { background: #F7F9FC; }
.ds-svc-tech-box { background: #FFFFFF; }
.ds-svc-when-list { margin-top: 20px; display: flex; flex-direction: column; gap: 16px; }
.ds-svc-when-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #606A78 !important; }
.ds-svc-when-list li svg { width: 16px !important; height: 16px !important; margin-top: 2px; flex-shrink: 0; color: #0A46B9; }

.ds-svc-tech-list { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 8px; }
.ds-svc-tech-list li {
  border: 1px solid #DEE2E9;
  padding: 4px 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #606A78 !important;
}

.ds-svc-others-section { padding-block: 72px; background: #F7F9FC; border-top: 1px solid #DEE2E9; }
.ds-svc-others-inner { max-width: 1280px; margin-inline: auto; padding-inline: 24px; }
.ds-svc-others-grid {
  margin-top: 32px;
  display: grid;
  gap: 1px !important;
  border: 1px solid #DEE2E9;
  background: #DEE2E9;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .ds-svc-others-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
  .ds-svc-others-grid { grid-template-columns: 1fr 1fr 1fr 1fr; }
}
.ds-svc-other-card {
  display: block;
  background: #FFFFFF;
  padding: 28px !important;
  text-decoration: none;
  transition: background-color .15s ease;
}
.ds-svc-other-card:hover { background: #F7F9FC; }
.ds-svc-other-card svg:first-child { width: 24px !important; height: 24px !important; color: #0A46B9; }
.ds-svc-other-card h3 {
  margin-top: 20px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #0E1624 !important;
}
.ds-svc-other-card span {
  margin-top: 16px !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0A46B9 !important;
}
.ds-svc-other-card span svg { width: 16px !important; height: 16px !important; transition: transform .15s ease; }
.ds-svc-other-card:hover span svg { transform: translateX(4px); }

@media (max-width: 767px) {
  .ds-svc-hero__inner { padding: 48px 24px; }
  .ds-svc-hero__row { gap: 16px; margin-top: 24px; }
  .ds-svc-hero__icon { width: 36px !important; height: 36px !important; }
  .ds-svc-hero__title { font-size: 28px !important; }
  .ds-svc-hero__intro { font-size: 15px !important; margin-top: 16px !important; }
  .ds-svc-why-section, .ds-svc-main-section, .ds-svc-others-section { padding-block: 40px; }
  .ds-svc-capability, .ds-svc-when-box, .ds-svc-tech-box, .ds-svc-other-card { padding: 20px !important; }
}/* End custom CSS */