@font-face {
  font-family: "Mulish";
  src: url("/assets/fonts/Mulish-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Mulish";
  src: url("/assets/fonts/Mulish-SemiBold.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "Mulish";
  src: url("/assets/fonts/Mulish-Bold.woff") format("woff");
  font-weight: 700;
}
.branch-card {
  text-decoration: none !important;
  width: 270px;
  height: 238px;
  padding: 24px;
  gap: 16px;
  border-radius: 8px 30px 8px 30px;
  background-color: #ffffff;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.branch-card * {
  transition: color 0.3s ease;
}
.branch-card:hover {
  background-image: url(../assets/images/clubcardbg.png);
  background-color: #0058ad;
  background-size: 300% 100%;
  background-repeat: no-repeat;
}
.branch-card:hover * {
  color: white !important;
}
.branch-card:hover .branch-card-seeclubs {
  color: white;
  text-decoration: underline !important;
}
.branch-card .branch-card-top {
  width: 222px;
  height: 118px;
}
.branch-card .branch-card-top .branch-card-icon {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  border: 1px solid #dee3ed;
}
.branch-card .branch-card-top .branch-card-title {
  width: 222px;
  height: 68px;
  font-family: "Mulish", sans-serif !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 34px !important;
  color: #222943;
  margin: 0;
}
.branch-card .branch-card-informations {
  width: 222px;
  height: 18px;
  gap: 8px;
}
.branch-card .branch-card-informations .branch-card-informations-element {
  font-family: "Mulish", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  color: #222943;
}
.branch-card .branch-card-seeclubs {
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Mulish", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  color: #049ead;
  text-decoration: none;
}

@media (max-width: 480px) {
  .branch-card {
    width: 100% !important;
  }
}/*# sourceMappingURL=allbranches.css.map */