/* THIRDEYE SOLUTIONZ — separated stylesheet */

/* =========================================================
   SERVICES
========================================================= */

.services-section {
  background: #fff;
}

.services-heading {
  margin-bottom: 90px;
}

.service-group {
  margin-bottom: 95px;
}

.service-group-heading {
  display: flex;

  justify-content: space-between;

  align-items: end;

  gap: 30px;

  margin-bottom: 28px;

  border-bottom: 1px solid var(--line);

  padding-bottom: 18px;
}

.service-group-heading > div {
  display: flex;

  align-items: center;

  gap: 20px;
}

.service-group-heading span,
.lender-group-title span {
  color: #a98231;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: .12em;
}

.service-group-heading h3,
.lender-group-title h3 {
  margin: 0;

  font-family: var(--serif);

  font-size: 31px;
}

.service-group-heading p,
.lender-group-title p {
  max-width: 430px;

  margin: 0;

  color: var(--muted);

  font-size: 13px;

  line-height: 1.6;
}

.service-grid {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 18px;
}

/* =========================================================
   SERVICE CARD
========================================================= */

.service-card {
  border: 1px solid var(--line);

  background: #fff;

  overflow: hidden;

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.service-card:hover {
  transform: translateY(-5px);

  box-shadow:
    0 18px 45px rgba(7,21,28,.08);
}

.service-image {
  position: relative;

  height: 210px;

  overflow: hidden;

  background: #e9e5dc;
}

.service-image img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform .6s ease;
}

.service-card:hover .service-image img {
  transform: scale(1.04);
}

.service-number {
  position: absolute;

  left: 16px;
  top: 16px;

  display: grid;

  place-items: center;

  width: 36px;
  height: 36px;

  background: rgba(255,255,255,.92);

  color: #a98231;

  font-size: 10px;

  font-weight: 800;
}

.service-content {
  padding: 25px;
}

.service-content h3 {
  margin: 0 0 10px;

  font-family: var(--serif);

  font-size: 25px;
}

.service-content p {
  min-height: 72px;

  color: var(--muted);

  font-size: 13px;

  line-height: 1.65;

  margin: 0;
}

.service-content .text-link {
  margin-top: 20px;
}