.myContainer .topContainer .topHeading {
  font-family: "Satoshi-Black";
  width: unset;
  width: 20rem;
  color: #333;
}
.myContainer .topContainer .topDescription {
  font-size: 0.8rem;
  margin-top: 1rem;
}
.myContainer .pricingTierSwitcher {
  background-color: #296EB4;
  display: flex;
  align-items: center;
  list-style: none;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0.2rem;
  gap: 0.2rem;
  height: 3rem;
  margin-top: 1.5rem;
  border-radius: 10rem;
}
.myContainer .pricingTierSwitcher li {
  height: 2.2rem;
  font-size: 0.8rem;
  align-items: center;
  display: flex;
  font-family: "Satoshi-Bold";
  border-radius: 10rem;
  padding: 0 1rem;
}
.myContainer .pricingTierSwitcher a {
  text-decoration: none;
  color: #fff;
}
.myContainer .pricingTierSwitcher .uk-active {
  background-color: #1A4571;
  height: 2.6rem;
  font-size: 0.8rem;
  align-items: center;
  display: flex;
  font-family: "Satoshi-Bold";
  border-radius: 10rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1rem;
}
.myContainer .pricingTierSwitcher .uk-active a {
  color: #fff;
}

.packagesContainer {
  margin-top: 2rem;
}

.packagesContainer > div {
  padding: 2rem 1rem !important;
  border-radius: 4px !important;
}
.packagesContainer > div .cardHeading {
  font-size: 1.4rem;
  font-family: "Satoshi-Bold";
}
.packagesContainer > div .cardDescription {
  font-size: 0.8rem;
  margin-top: 0.5rem;
  font-family: "Satoshi-Medium";
}
.packagesContainer > div .price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.packagesContainer > div .price .ratePerMonth {
  font-family: "Satoshi-Medium";
  color: #333;
}
.packagesContainer > div .priceHeading {
  margin-top: 1rem;
  font-family: "Satoshi-Black";
  color: #333;
}

.choosePlan {
  display: flex;
  margin-top: 1.5rem;
  font-size: 0.8rem !important;
  font-family: "Satoshi-Bold" !important;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.choosePlan:hover {
  background-color: #1A4571;
}/*# sourceMappingURL=pricingNew.css.map */