.elementor-137 .elementor-element.elementor-element-d1c4e8e{--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-137 .elementor-element.elementor-element-311e9f6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-137 .elementor-element.elementor-element-8a32164{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-1277736 */.mp-service-card:hover {
  transform: translateY(-12px);
  background: linear-gradient(135deg, #061b3d 0%, #0b2d66 55%, #123f86 100%);
  box-shadow: 0 34px 70px rgba(6, 27, 61, 0.18);
}

.mp-service-card:hover h3,
.mp-service-card:hover p,
.mp-service-card:hover li,
.mp-service-card:hover a,
.mp-service-card:hover .mp-service-icon {
  color: #ffffff;
}

.mp-service-card:hover li::before {
  background: #ffb135;
}

.mp-service-card:hover a:hover {
  color: #ffb135;
}

.mp-service-card:hover::before {
  transform: scale(1.08);
  background: linear-gradient(135deg, #ffb135, #ff7a21);
}

.mp-service-card,
.mp-service-card h3,
.mp-service-card p,
.mp-service-card li,
.mp-service-card a,
.mp-service-card .mp-service-icon,
.mp-service-card::before,
.mp-service-card::after {
  transition:
    background 0.4s ease,
    color 0.35s ease,
    transform 0.35s ease,
    box-shadow 0.35s ease;
}/* End custom CSS */