.elementor-2448 .elementor-element.elementor-element-59c13ec{--display:flex;}.elementor-2448 .elementor-element.elementor-element-ec88ec2{--display:flex;}/* Start custom CSS for html, class: .elementor-element-6265c2c */.gc-header h1 {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: 6px;
}

.gc-header-desc {
  font-size: 14px;
  color: var(--gap-grey-600);
  max-width: 640px;
  line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0582e2 */.gc-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-bottom: 64px;
}

.gc-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e5e3;
  transition: border-color 0.25s, box-shadow 0.25s, transform 0.3s var(--ease-out);
  transform: translateY(12px);
  animation: gc-in 0.4s var(--ease-out) forwards;
  animation-delay: var(--delay, 0ms);
}

.gc-card-img {
  display: block;
  aspect-ratio: 230 / 136;
  overflow: hidden;
  background: var(--gap-off-white);
}

.gc-card-body {
  padding: 12px 14px 14px;
}

.gc-card-cat {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #9a9c96;
  display: block;
  margin-bottom: 2px;
}

.gc-card-title {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--gap-black);
  margin-bottom: 10px;
  line-height: 1.3;
}/* End custom CSS */