:root {
  --pv-primary: #263144;
  --pv-secondary: #404C5E;
  --pv-info: #1E2539;
  --pv-muted: #616D83;
  --pv-light: #DADBDD;
  --pv-dark: #000000;
}

.bg-pv-primary {
  background-color: var(--pv-primary);
  color: #fff;
}
.btn.bg-pv-primary:hover {
  background-color: var(--pv-secondary);
  color: #fff
}
.bg-pv-secondary {
  background-color: var(--pv-secondary);
  color: var(--pv-muted);
}

.bg-pv-info {
  background-color: var(--pv-info);
  color: var(--pv-light);
}

.bg-pv-light {
  background-color: var(--pv-light);
  color: var(--pv-muted);
}

.bg-pv-dark {
  background-color: var(--pv-dark);
  color: #fff;
}

.text-pv-primary:hover {
  color: var(--pv-primary);
}

.text-pv-secondary {
  color: var(--pv-secondary);
}

.text-pv-info {
  color: var(--pv-info);
}

.text-pv-muted {
  color: var(--pv-muted);
}

.text-pv-light {
  color: var(--pv-light);
}

.text-pv-dark {
  color: var(--pv-dark);
}


.bg-pv-muted {
  background-color: var(--pv-muted);
  color: var(--pv-light);
}

.btn.bg-pv-muted:hover{
  background-color: var(--pv-primary);
  color: var(--pv-light);
}

.fill-pv-info, .fill-pv-info * {
  fill: var(--pv-info) !important;
}

.swiper-divider-line::before {
  background-color: #616D83 !important;
}