@import url('https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css');

.service-section {
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}
.service-icon {
  font-size: 4rem;
  color: #333;
  margin-bottom: 1rem;
}
.service-icon_recom {
  font-size: 4rem;
  color: #ff4d30;
  margin-bottom: 1rem;
}
.service-title {
  font-weight: 700;
  margin-bottom: 1rem;
}
.service-desc {
  font-size: 0.95rem;
  color: #555;
}
.card-hover:hover {
  background-color: #f8f9fa !important; /* Bootstrap bg-light 색상 */
}
.card-hover_rec:hover {
  border: 1px solid #666 !important; /* Bootstrap bg-light 색상 */
}

.swiper {
  padding: 10px 0 40px;
  touch-action: pan-y;
-ms-touch-action: pan-y;
}

.swiper-slide {
  height: auto;
  padding: 0 !important;
}

.swiper-pagination-bullet-active {
  background: tomato !important; /* 활성된 점만 토마토색 */
}