.elementor-1292 .elementor-element.elementor-element-f88cf9d{--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;}.elementor-1292 .elementor-element.elementor-element-5ff5f74{--display:flex;}/* Start custom CSS for html, class: .elementor-element-b4e930e */.serve-section {
  padding: 90px 20px;
  background:
    radial-gradient(circle at top left, rgba(154, 210, 237, .22), transparent 35%),
    radial-gradient(circle at bottom right, rgba(7, 28, 99, .10), transparent 35%),
    linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
  font-family: 'Poppins', sans-serif;
}

.serve-container {
  max-width: 1120px;
  margin: 0 auto;
}

.serve-heading {
  text-align: center;
  margin-bottom: 45px;
}

.serve-heading span {
  display: inline-block;
  margin-bottom: 12px;
  padding: 7px 18px;
  border-radius: 50px;
  background: #eaf6ff;
  color: #0a2b66;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.serve-heading h2 {
  margin: 0;
  font-size: 46px;
  line-height: 1.1;
  color: #071c63;
  font-weight: 800;
}

.serve-heading p {
  margin: 14px auto 0;
  max-width: 560px;
  color: #68758a;
  font-size: 17px;
  line-height: 1.7;
}

.serve-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.serve-card {
  position: relative;
  overflow: hidden;
  padding: 34px 32px 32px;
  border-radius: 22px;
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(154, 210, 237, .45);
  box-shadow: 0 18px 45px rgba(7, 28, 99, .08);
  transition: .35s ease;
}

.serve-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(180deg, #9ad2ed, #071c63);
  transition: .35s ease;
}

.serve-card::after {
  content: "";
  position: absolute;
  right: -70px;
  top: -70px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: rgba(154, 210, 237, .18);
  transition: .35s ease;
}

.serve-card:hover {
  transform: translateY(-7px);
  background: #071c63;
  border-color: #071c63;
}

.serve-card:hover::before {
  width: 100%;
  opacity: .12;
}

.serve-card:hover::after {
  background: rgba(255, 255, 255, .12);
  transform: scale(1.3);
}

.serve-num {
  position: relative;
  z-index: 2;
  width: 52px;
  height: 52px;
  margin-bottom: 22px;
  border-radius: 16px;
  background: #eaf6ff;
  color: #071c63;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.serve-card h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 12px;
  color: #1c2430;
  font-size: 21px;
  line-height: 1.35;
  font-weight: 800;
}

.serve-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #6b7280;
  font-size: 16px;
  line-height: 1.8;
}

.serve-card:hover h3,
.serve-card:hover p {
  color: #fff;
}

.serve-card:hover .serve-num {
  background: #fff;
  color: #071c63;
}

.serve-card:last-child {
  grid-column: 1 / -1;
}

@media (max-width: 768px) {
  .serve-heading h2 {
    font-size: 34px;
  }

  .serve-grid {
    grid-template-columns: 1fr;
  }

  .serve-card:last-child {
    grid-column: auto;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f88cf9d */.elementor-1292 .elementor-element.elementor-element-f88cf9d {
  background:
    radial-gradient(circle at top left, rgba(154, 210, 237, 0.22), transparent 35%),
    radial-gradient(circle at bottom right, rgba(7, 28, 99, 0.10), transparent 35%),
    linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
}/* End custom CSS */