@import url('/css/brand.css');

.color-1 { color: var(--hpk-snow); }
.color-2 { color: var(--hpk-mist); }
.color-3 { color: var(--hpk-teal); }
.color-4 { color: var(--hpk-ink); }

.bg-color-3 {
  background: linear-gradient(135deg, var(--hpk-deep), var(--hpk-teal)) !important;
}

.bg-color-2 {
  background: #fff !important;
  border: 1px solid var(--hpk-line);
  box-shadow: var(--hpk-shadow);
}

#search-banner-trip,
[id^="search-banner-trip"] {
  border-radius: 20px !important;
}

.select-search {
  background: #fff !important;
  border: none !important;
}

.border-item i {
  color: var(--hpk-coral);
}

#btn-search,
.d-flex .btn-info,
button.btn-info {
  background: linear-gradient(135deg, var(--hpk-coral), var(--hpk-coral-deep)) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 14px !important;
  font-weight: 700;
}

.d-flex .btn-info:hover,
button:hover,
#btn-search:hover {
  background: linear-gradient(135deg, var(--hpk-coral-deep), #c42d14) !important;
  border-color: transparent;
  filter: brightness(1.05);
}

.card,
.list-group-item {
  border-radius: 16px;
}

a.text-3,
.text-3 {
  color: var(--hpk-deep) !important;
}