@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);
@import url("open-iconic/font/css/open-iconic-bootstrap.min.css");
:scope {
  --px-font-size-1: 1.25rem;
  --px-font-size-2: 1.5rem;
  --px-font-size-3: 1.75rem;
  --px-font-size-4: 2rem;
  --px-font-size-5: 2.25rem;
}

.font-size-1 {
  font-size: var(--px-font-size-1) !important;
}

.font-size-2 {
  font-size: var(--px-font-size-2) !important;
}

.font-size-3 {
  font-size: var(--px-font-size-3) !important;
}

.font-size-4 {
  font-size: var(--px-font-size-4) !important;
}

.font-size-5 {
  font-size: var(--px-font-size-5) !important;
}

.text-bold {
  font-weight: 700;
}

:root {
  --px-color-1: #373737;
  --px-color-2: #48838F;
  --px-color-3: #48838F;
  --px-color-4: #83b698;
  --px-background-1: #ffffff;
  --px-background-2: #f5f5f5;
  --px-background-3: #357C83;
  --px-background-4: #306F75;
  --px-green: #83b698;
  --px-gray: #555555;
  --px-dark-gray: #333333;
  --px-dark-gray-1: #cccccc;
  --px-light: #fefefe;
  --px-light-1: #f5f5f5;
  --px-light-2: #cecece;
  --px-light-3: #f9f9f9;
  --px-background-1-rgb: 255, 255, 255;
  --px-background-2-rgb: 245, 245, 245;
  --px-background-3-rgb: 53, 124, 131;
  --px-background-4-rgb: 48, 111, 117;
  --px-font-poppins: "Poppins", serif;
  --px-font-segoe: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --px-body-font-size: 1.25rem;
  --px-body-line-height: 1.8;
}

@keyframes barloader2 {
  0% {
    border-right: 16rem solid var(--px-light);
    border-left: 0px solid var(--px-light);
  }
  25% {
    border-right: 8rem solid var(--px-light);
    border-left: 8rem solid var(--px-light);
  }
  50% {
    border-right: 0px solid var(--px-light);
    border-left: 16rem solid var(--px-light);
  }
  75% {
    border-right: 8rem solid var(--px-light);
    border-left: 8rem solid var(--px-light);
  }
  100% {
    border-right: 16rem solid var(--px-light);
    border-left: 0px solid var(--px-light);
  }
}
body {
  color: var(--px-color-1);
  background-color: var(--px-background-1);
  font-family: var(--px-font-poppins);
  font-size: var(--px-body-font-size);
  line-height: var(--px-body-line-height);
}

.px-bg-1 {
  background-color: var(--px-background-1) !important;
}
.px-bg-2 {
  background-color: var(--px-background-2) !important;
}
.px-bg-3 {
  background-color: var(--px-background-3) !important;
}
.px-bg-4 {
  background-color: var(--px-background-4) !important;
}

.px-color-1 {
  color: var(--px-color-1);
}
.px-color-2 {
  color: var(--px-color-2);
}
.px-color-3 {
  color: var(--px-color-3);
}
.px-color-4 {
  color: var(--px-color-4);
}
.px-color-gray {
  color: var(--px-gray);
}

.brand img {
  max-width: 33vw;
  max-height: 4rem;
}

.heading h6 {
  font-weight: bold;
}
.heading h5 {
  font-weight: bold;
}
.heading h4 {
  font-weight: bold;
}
.heading h3 {
  font-weight: bold;
}
.heading h2 {
  font-weight: bold;
}
.heading h1 {
  font-weight: bold;
}

.px-btn {
  display: inline-block;
  line-height: var(--px-body-line-height);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -wekit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: var(--px-body-font-size);
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.px-btn:hover {
  color: var(--px-color-1);
}
.px-btn-1 {
  color: #fff !important;
  background-color: var(--px-background-3);
  border-color: rgba(53, 124, 131, 0.5);
}
.px-btn-1:hover {
  background-color: #2e6b71;
}
.px-btn-1:focus {
  box-shadow: 0 0 0 0.25rem rgba(53, 124, 131, 0.25);
}

#Promoted {
  background-color: rgba(var(--px-background-3-rgb), 0.25) !important;
}

.chip {
  font-family: var(--px-font-segoe);
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.06);
  border-radius: 2rem;
  border: 0.25rem solid transparent;
}
.chip:hover {
  border: 0.25rem solid var(--px-color-2);
  box-shadow: 0px 2px 0px rgba(var(--px-bg-3-rgb), 0.1);
}

.px-card {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
}

.px-short-info {
  font-family: var(--px-font-segoe);
}
.px-short-info-item {
  line-height: 2;
}

.footer a {
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
}

.loader-height {
  min-height: 65vh;
}

.loader-text {
  color: var(--px-gray);
  position: absolute;
}

.barloader2 {
  width: 20rem;
  height: 1rem;
  background: var(--px-background-3);
  box-shadow: 0 0 0 2px var(--px-background-2);
  animation: barloader2 infinite 4s linear;
}

.isInactive {
  opacity: 0.4;
  color: rgba(0, 0, 0, 0.5) !important;
}