/* ── SERVICES SECTION BACKGROUND ── */
.elementor-element-439d381 {
  background: #f4f7fb !important;
}

/* ── ICON BOX CARD ── */
.elementor-element-439d381 .jkit-icon-box-wrapper {
  background: #ffffff !important;
  border: 1.5px solid #e4ecf7 !important;
  border-radius: 16px !important;
  padding: 36px 32px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
  height: 100% !important;
}

/* ── TOP RED ACCENT LINE ── */
.elementor-element-439d381 .jkit-icon-box-wrapper::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #C0392B, #e05c4b) !important;
  border-radius: 16px 16px 0 0 !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
}

/* ── CARD HOVER — LIFT ── */
.elementor-element-439d381 .jkit-icon-box-wrapper:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 50px rgba(27, 79, 138, 0.13) !important;
  border-color: #1B4F8A !important;
}

/* ── CARD HOVER — SHOW TOP LINE ── */
.elementor-element-439d381 .jkit-icon-box-wrapper:hover::before {
  opacity: 1 !important;
}

/* ── ICON WRAPPER ── */
.elementor-element-439d381 .jkit-icon-box-wrapper .icon {
  background: #fff1f0 !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.35s ease, transform 0.35s ease !important;
  margin-bottom: 20px !important;
}

/* ── ICON COLOR ── */
.elementor-element-439d381 .jkit-icon-box-wrapper .icon i {
  color: #C0392B !important;
  font-size: 26px !important;
  transition: color 0.35s ease !important;
}

/* ── ICON HOVER ── */
.elementor-element-439d381 .jkit-icon-box-wrapper:hover .icon {
  background: #C0392B !important;
  transform: rotate(-5deg) scale(1.08) !important;
}

/* ── ICON HOVER — WHITE ── */
.elementor-element-439d381 .jkit-icon-box-wrapper:hover .icon i {
  color: #ffffff !important;
}

/* ── CARD TITLE ── */
.elementor-element-439d381 .jkit-icon-box-wrapper .title {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #0f1c2e !important;
  margin-bottom: 12px !important;
  line-height: 1.3 !important;
  transition: color 0.3s ease !important;
}

/* ── CARD TITLE HOVER ── */
.elementor-element-439d381 .jkit-icon-box-wrapper:hover .title {
  color: #1B4F8A !important;
}

/* ── CARD DESCRIPTION ── */
.elementor-element-439d381 .jkit-icon-box-wrapper .icon-box-description {
  font-size: 15px !important;
  color: #667085 !important;
  line-height: 1.8 !important;
  font-weight: 500 !important;
}

/* ── TABLET ── */
@media (max-width: 1024px) {
  .elementor-element-439d381 .jkit-icon-box-wrapper {
    padding: 28px 24px !important;
  }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .elementor-element-439d381 .jkit-icon-box-wrapper {
    padding: 24px 20px !important;
    margin-bottom: 16px !important;
  }

  .elementor-element-439d381 .jkit-icon-box-wrapper .title {
    font-size: 17px !important;
  }

  .elementor-element-439d381 .jkit-icon-box-wrapper .icon-box-description {
    font-size: 14px !important;
  }

  .elementor-element-439d381 .jkit-icon-box-wrapper .icon {
    width: 50px !important;
    height: 50px !important;
  }
}