/* Import fonts */
@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/inter-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/inter-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Farro';
  src: url('../assets/fonts/farro-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

/* CSS Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --primary-blue: #005fc1;
  --primary-orange: #ff5c35;
  --background-light: #f2f5f5;
  --text-color: #333b45;
  --gray-light: #959b9d;
  --brown-light: #8d6557;
  --orange-light: #cf8c47;
}




/* Recommended Services */
.recommended-section {
  /* padding: 60px 0; */
  background-color: white;
}

.recommended-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.recommended-card {
  border: 1px solid var(--gray-light);
  border-radius: 8px;
  padding: 20px;
  text-align: left;
}

.recommended-icon {
  width: 30px;
  height: 30px;
  margin: 0 auto 15px;
}

.recommended-title {
  margin-bottom: 10px;
  font-size: 1.1rem;
  font-weight: 700;
}

.recommended-text {
  margin-bottom: 15px;
  color: var(--gray-light);
}