/* Feature Card Styles */
.feature-card {
  transition: all 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Perfect For Card Styles */
.perfect-for-card {
  background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
  transition: all 0.3s ease;
}

.perfect-for-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* Feature Check Icon Styles */
.feature-check {
  min-width: 1.25rem;
}

/* Location and Package Button Styles */
.location-btn,
.package-btn {
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
}

.location-btn:focus,
.package-btn:focus {
  outline: none;
}

.selected {
  border-color: rgb(59, 130, 246) !important;
  background-color: rgb(239, 246, 255) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.selected .package-name,
.location-btn.selected span {
  color: rgb(30, 58, 138) !important;
}

.location-btn:not(.selected),
.package-btn:not(.selected) {
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}

.location-btn:not(.selected) span {
  color: rgb(75, 85, 99);
}

.location-btn:not(.selected):hover,
.package-btn:not(.selected):hover {
  border-color: rgb(147, 197, 253);
  background-color: rgba(239, 246, 255, 0.5);
}

/* Package Specs Divider */
.specs-divider {
  width: 40px;
  height: 1px;
  background-color: rgb(229, 231, 235);
  margin: 12px auto;
}

.tooltip-text {
  display: none;
  transition: opacity 0.3s;
}

.cursor-pointer:hover .tooltip-text {
  display: block;
}

/*
* {
  outline: 1px solid lightgray !important;
}