.alert:not(.alert-success, .alert-warning, .alert-danger, .alert-info, .alert-primary) {
  display: block;
  width: 100%;
  height: fit-content !important;
  padding-block: 10px;
  padding-inline: 16px;
  font-family: "silkamedium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #1B1B1B;
  font-style: normal;
  letter-spacing: -0.5px;
  font-size: 14px;
  line-height: 22px;
  border-color: #1B1B1B;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  background-color: rgba(27, 27, 27, 0.1);
}
.alert:not(.alert-success, .alert-warning, .alert-danger, .alert-info, .alert-primary)::before {
  content: none;
}
.alert:not(.alert-success, .alert-warning, .alert-danger, .alert-info, .alert-primary).inline {
  width: auto;
}
.alert:not(.alert-success, .alert-warning, .alert-danger, .alert-info, .alert-primary).hidden {
  display: none;
}
.alert.alert-success {
  display: block;
  width: 100%;
  height: fit-content !important;
  padding-block: 10px;
  padding-inline: 16px;
  font-family: "silkamedium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #009967;
  font-style: normal;
  letter-spacing: -0.5px;
  font-size: 14px;
  line-height: 22px;
  border-color: #009967;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  background-color: rgba(0, 153, 103, 0.1);
}
.alert.alert-success::before {
  content: none;
}
.alert.alert-success.inline {
  width: auto;
}
.alert.alert-success.hidden {
  display: none;
}
.alert.alert-warning, .alert.alert-danger {
  display: block;
  width: 100%;
  height: fit-content !important;
  padding-block: 10px;
  padding-inline: 16px;
  font-family: "silkamedium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #FA3A1B;
  font-style: normal;
  letter-spacing: -0.5px;
  font-size: 14px;
  line-height: 22px;
  border-color: #FA3A1B;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  background-color: rgba(250, 58, 27, 0.1);
}
.alert.alert-warning::before, .alert.alert-danger::before {
  content: none;
}
.alert.alert-warning.inline, .alert.alert-danger.inline {
  width: auto;
}
.alert.alert-warning.hidden, .alert.alert-danger.hidden {
  display: none;
}
.alert.alert-info, .alert.alert-primary {
  display: block;
  width: 100%;
  height: fit-content !important;
  padding-block: 10px;
  padding-inline: 16px;
  font-family: "silkamedium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #1B6CF9;
  font-style: normal;
  letter-spacing: -0.5px;
  font-size: 14px;
  line-height: 22px;
  border-color: #1B6CF9;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  background-color: rgba(27, 108, 249, 0.1);
}
.alert.alert-info::before, .alert.alert-primary::before {
  content: none;
}
.alert.alert-info.inline, .alert.alert-primary.inline {
  width: auto;
}
.alert.alert-info.hidden, .alert.alert-primary.hidden {
  display: none;
}
.alert .close {
  border: none;
  background: transparent;
  color: inherit;
  position: absolute !important;
  position: absolute;
  top: 50% !important;
  right: 24px !important;
  bottom: auto !important;
  left: auto !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  font-size: 24px;
}

body > .alert.alert-success,
body > .alert.alert-warning,
body > .alert.alert-danger,
body > .alert.alert-info,
body > .alert.alert-primary {
  width: fit-content;
  padding-right: 40px;
}
body > .alert.alert-success .close,
body > .alert.alert-warning .close,
body > .alert.alert-danger .close,
body > .alert.alert-info .close,
body > .alert.alert-primary .close {
  right: 12px !important;
}
body > .alert.alert-success.alert-success,
body > .alert.alert-warning.alert-success,
body > .alert.alert-danger.alert-success,
body > .alert.alert-info.alert-success,
body > .alert.alert-primary.alert-success {
  background-color: #e5f5f0;
}
body > .alert.alert-success.alert-warning, body > .alert.alert-success.alert-danger,
body > .alert.alert-warning.alert-warning,
body > .alert.alert-warning.alert-danger,
body > .alert.alert-danger.alert-warning,
body > .alert.alert-danger.alert-danger,
body > .alert.alert-info.alert-warning,
body > .alert.alert-info.alert-danger,
body > .alert.alert-primary.alert-warning,
body > .alert.alert-primary.alert-danger {
  background-color: #fde5e5;
}
body > .alert.alert-success.alert-info, body > .alert.alert-success.alert-primary,
body > .alert.alert-warning.alert-info,
body > .alert.alert-warning.alert-primary,
body > .alert.alert-danger.alert-info,
body > .alert.alert-danger.alert-primary,
body > .alert.alert-info.alert-info,
body > .alert.alert-info.alert-primary,
body > .alert.alert-primary.alert-info,
body > .alert.alert-primary.alert-primary {
  background-color: #e8f0fe;
}

.btn-info,
.btn-success,
.btn-warning,
.btn-primary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block: 0;
  padding-inline: 12px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  font-style: normal;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 400;
  height: 44px;
  background: #1B6CF9;
}
@media (prefers-reduced-motion: reduce) {
  .btn-info,
  .btn-success,
  .btn-warning,
  .btn-primary {
    transition: none;
  }
}
.btn-info .fa-kit,
.btn-success .fa-kit,
.btn-warning .fa-kit,
.btn-primary .fa-kit {
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
}
.btn-info .fa-kit.fa-cart,
.btn-success .fa-kit.fa-cart,
.btn-warning .fa-kit.fa-cart,
.btn-primary .fa-kit.fa-cart {
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-info + .btn,
  .btn-success + .btn,
  .btn-warning + .btn,
  .btn-primary + .btn {
    margin-left: 16px;
  }
}
.btn-info:disabled,
.btn-success:disabled,
.btn-warning:disabled,
.btn-primary:disabled {
  background-color: #7eacfc;
  color: white;
  cursor: default;
}
.btn-info:not(:disabled):hover,
.btn-success:not(:disabled):hover,
.btn-warning:not(:disabled):hover,
.btn-primary:not(:disabled):hover {
  color: #FFFFFF;
  background: #1B6CF9;
}
.btn-info:not(:disabled):hover:has(span) span, .btn-info:not(:disabled):hover:not(:has(span)),
.btn-success:not(:disabled):hover:has(span) span,
.btn-success:not(:disabled):hover:not(:has(span)),
.btn-warning:not(:disabled):hover:has(span) span,
.btn-warning:not(:disabled):hover:not(:has(span)),
.btn-primary:not(:disabled):hover:has(span) span,
.btn-primary:not(:disabled):hover:not(:has(span)) {
  text-decoration: underline;
}
.btn-info:not(:disabled):hover .fa-kit::before,
.btn-success:not(:disabled):hover .fa-kit::before,
.btn-warning:not(:disabled):hover .fa-kit::before,
.btn-primary:not(:disabled):hover .fa-kit::before {
  text-decoration: none;
}
.btn-info.btn-block,
.btn-success.btn-block,
.btn-warning.btn-block,
.btn-primary.btn-block {
  display: flex;
  text-align: center;
  width: 100%;
}

.btn-white {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block: 0;
  padding-inline: 12px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #1B1B1B;
  font-style: normal;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 400;
  height: 44px;
  background: #FFFFFF;
}
@media (prefers-reduced-motion: reduce) {
  .btn-white {
    transition: none;
  }
}
.btn-white .fa-kit {
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
}
.btn-white .fa-kit.fa-cart {
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-white + .btn {
    margin-left: 16px;
  }
}
.btn-white:disabled {
  background-color: white;
  color: #818181;
  cursor: default;
}
.btn-white:not(:disabled):hover {
  color: #1B1B1B;
  background: #F6F7F9;
}
.btn-white:not(:disabled):hover:has(span) span, .btn-white:not(:disabled):hover:not(:has(span)) {
  text-decoration: underline;
}
.btn-white:not(:disabled):hover .fa-kit::before {
  text-decoration: none;
}
.btn-white.btn-block {
  display: flex;
  text-align: center;
  width: 100%;
}

.btn-gray {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block: 0;
  padding-inline: 12px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  font-style: normal;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 400;
  height: 44px;
  background: #313131;
}
@media (prefers-reduced-motion: reduce) {
  .btn-gray {
    transition: none;
  }
}
.btn-gray .fa-kit {
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
}
.btn-gray .fa-kit.fa-cart {
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-gray + .btn {
    margin-left: 16px;
  }
}
.btn-gray:disabled {
  background-color: #646464;
  color: white;
  cursor: default;
}
.btn-gray:not(:disabled):hover {
  color: #FFFFFF;
  background: #5f5f5f;
}
.btn-gray:not(:disabled):hover:has(span) span, .btn-gray:not(:disabled):hover:not(:has(span)) {
  text-decoration: underline;
}
.btn-gray:not(:disabled):hover .fa-kit::before {
  text-decoration: none;
}
.btn-gray.btn-block {
  display: flex;
  text-align: center;
  width: 100%;
}

.btn-black {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block: 0;
  padding-inline: 12px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  font-style: normal;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 400;
  height: 44px;
  background: #15234C;
}
@media (prefers-reduced-motion: reduce) {
  .btn-black {
    transition: none;
  }
}
.btn-black .fa-kit {
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
}
.btn-black .fa-kit.fa-cart {
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-black + .btn {
    margin-left: 16px;
  }
}
.btn-black:disabled {
  background-color: #2b489c;
  color: white;
  cursor: default;
}
.btn-black:not(:disabled):hover {
  color: #FFFFFF;
  background: #15234C;
}
.btn-black:not(:disabled):hover:has(span) span, .btn-black:not(:disabled):hover:not(:has(span)) {
  text-decoration: underline;
}
.btn-black:not(:disabled):hover .fa-kit::before {
  text-decoration: none;
}
.btn-black.btn-block {
  display: flex;
  text-align: center;
  width: 100%;
}

.btn-text-blue {
  font-family: "silkamedium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #0A152E;
  font-style: normal;
  letter-spacing: -0.5px;
  font-size: 14px;
  line-height: 22px;
  background-color: transparent;
  padding: 0;
  border: none;
  color: #1B6CF9;
  text-decoration: underline;
}

.btn-default {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block: 0;
  padding-inline: 12px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #1B6CF9;
  font-style: normal;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 400;
  height: 44px;
  background: transparent;
  box-shadow: inset 0 0 0 1px #1B6CF9;
}
@media (prefers-reduced-motion: reduce) {
  .btn-default {
    transition: none;
  }
}
.btn-default .fa-kit {
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
}
.btn-default .fa-kit.fa-cart {
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-default + .btn {
    margin-left: 16px;
  }
}
.btn-default:not(:disabled):hover {
  color: #1B6CF9;
  box-shadow: inset 0 0 0 1px #1B6CF9;
}
.btn-default:not(:disabled):hover:has(span) span, .btn-default:not(:disabled):hover:not(:has(span)) {
  text-decoration: underline;
}
.btn-default:not(:disabled):hover .fa-kit::before {
  text-decoration: none;
}
.btn-default.btn-block {
  display: flex;
  text-align: center;
  width: 100%;
}

.btn-default-white {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block: 0;
  padding-inline: 12px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  font-style: normal;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 400;
  height: 44px;
  background: transparent;
  box-shadow: inset 0 0 0 1px #1B6CF9;
}
@media (prefers-reduced-motion: reduce) {
  .btn-default-white {
    transition: none;
  }
}
.btn-default-white .fa-kit {
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
}
.btn-default-white .fa-kit.fa-cart {
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-default-white + .btn {
    margin-left: 16px;
  }
}
.btn-default-white:not(:disabled):hover {
  color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #1B6CF9;
}
.btn-default-white:not(:disabled):hover:has(span) span, .btn-default-white:not(:disabled):hover:not(:has(span)) {
  text-decoration: underline;
}
.btn-default-white:not(:disabled):hover .fa-kit::before {
  text-decoration: none;
}
.btn-default-white.btn-block {
  display: flex;
  text-align: center;
  width: 100%;
}

.btn-blue {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block: 0;
  padding-inline: 12px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  font-style: normal;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 400;
  height: 44px;
  background: #1B6CF9;
}
@media (prefers-reduced-motion: reduce) {
  .btn-blue {
    transition: none;
  }
}
.btn-blue .fa-kit {
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
}
.btn-blue .fa-kit.fa-cart {
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-blue + .btn {
    margin-left: 16px;
  }
}
.btn-blue:disabled {
  background-color: #7eacfc;
  color: white;
  cursor: default;
}
.btn-blue:not(:disabled):hover {
  color: #FFFFFF;
  background: #1B6CF9;
}
.btn-blue:not(:disabled):hover:has(span) span, .btn-blue:not(:disabled):hover:not(:has(span)) {
  text-decoration: underline;
}
.btn-blue:not(:disabled):hover .fa-kit::before {
  text-decoration: none;
}
.btn-blue.btn-block {
  display: flex;
  text-align: center;
  width: 100%;
}

.btn-danger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block: 0;
  padding-inline: 12px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  font-style: normal;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 400;
  height: 44px;
  background: #000000;
}
@media (prefers-reduced-motion: reduce) {
  .btn-danger {
    transition: none;
  }
}
.btn-danger .fa-kit {
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
}
.btn-danger .fa-kit.fa-cart {
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-danger + .btn {
    margin-left: 16px;
  }
}
.btn-danger:disabled {
  background-color: #333333;
  color: white;
  cursor: default;
}
.btn-danger:not(:disabled):hover {
  color: #FFFFFF;
  background: #6E747C;
}
.btn-danger:not(:disabled):hover:has(span) span, .btn-danger:not(:disabled):hover:not(:has(span)) {
  text-decoration: underline;
}
.btn-danger:not(:disabled):hover .fa-kit::before {
  text-decoration: none;
}
.btn-danger.btn-block {
  display: flex;
  text-align: center;
  width: 100%;
}

.btn-white-line {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block: 0;
  padding-inline: 12px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  font-style: normal;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 400;
  height: 44px;
  background: transparent;
  box-shadow: inset 0 0 0 1px #FFFFFF;
}
@media (prefers-reduced-motion: reduce) {
  .btn-white-line {
    transition: none;
  }
}
.btn-white-line .fa-kit {
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
}
.btn-white-line .fa-kit.fa-cart {
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-white-line + .btn {
    margin-left: 16px;
  }
}
.btn-white-line:not(:disabled):hover {
  color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #FFFFFF;
}
.btn-white-line:not(:disabled):hover:has(span) span, .btn-white-line:not(:disabled):hover:not(:has(span)) {
  text-decoration: underline;
}
.btn-white-line:not(:disabled):hover .fa-kit::before {
  text-decoration: none;
}
.btn-white-line.btn-block {
  display: flex;
  text-align: center;
  width: 100%;
}
.btn-white-line:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.btn-color-functionalBlue-800 {
  background-color: #15234C;
}
.btn-color-functionalBlue-800:not(:disabled):hover {
  background-color: #15234C;
}
.btn-color-functionalBlue-800:disabled {
  background-color: #505A79;
}

.btn-border {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block: 0;
  padding-inline: 12px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #21242A;
  font-style: normal;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 400;
  height: 44px;
  background: transparent;
  box-shadow: inset 0 0 0 1px #D3D6DC;
}
@media (prefers-reduced-motion: reduce) {
  .btn-border {
    transition: none;
  }
}
.btn-border .fa-kit {
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
}
.btn-border .fa-kit.fa-cart {
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-border + .btn {
    margin-left: 16px;
  }
}
.btn-border:not(:disabled):hover {
  color: #21242A;
  box-shadow: inset 0 0 0 1px #D3D6DC;
}
.btn-border:not(:disabled):hover:has(span) span, .btn-border:not(:disabled):hover:not(:has(span)) {
  text-decoration: underline;
}
.btn-border:not(:disabled):hover .fa-kit::before {
  text-decoration: none;
}
.btn-border.btn-block {
  display: flex;
  text-align: center;
  width: 100%;
}

.btn-border-mid {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block: 0;
  padding-inline: 12px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #21242A;
  font-style: normal;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 400;
  height: 44px;
  background: transparent;
  box-shadow: inset 0 0 0 1px #D3D6DC;
}
@media (prefers-reduced-motion: reduce) {
  .btn-border-mid {
    transition: none;
  }
}
.btn-border-mid .fa-kit {
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
}
.btn-border-mid .fa-kit.fa-cart {
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-border-mid + .btn {
    margin-left: 16px;
  }
}
.btn-border-mid:not(:disabled):hover {
  color: #21242A;
  box-shadow: inset 0 0 0 1px #D3D6DC;
}
.btn-border-mid:not(:disabled):hover:has(span) span, .btn-border-mid:not(:disabled):hover:not(:has(span)) {
  text-decoration: underline;
}
.btn-border-mid:not(:disabled):hover .fa-kit::before {
  text-decoration: none;
}
.btn-border-mid.btn-block {
  display: flex;
  text-align: center;
  width: 100%;
}
.btn-border-mid:hover {
  background-color: rgba(209, 209, 209, 0.1);
}

.btn-border-dark {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block: 0;
  padding-inline: 12px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #0A152E;
  font-style: normal;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 400;
  height: 44px;
  background: transparent;
  box-shadow: inset 0 0 0 1px #0A152E;
}
@media (prefers-reduced-motion: reduce) {
  .btn-border-dark {
    transition: none;
  }
}
.btn-border-dark .fa-kit {
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
}
.btn-border-dark .fa-kit.fa-cart {
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-border-dark + .btn {
    margin-left: 16px;
  }
}
.btn-border-dark:not(:disabled):hover {
  color: #0A152E;
  box-shadow: inset 0 0 0 1px #6E747C;
}
.btn-border-dark:not(:disabled):hover:has(span) span, .btn-border-dark:not(:disabled):hover:not(:has(span)) {
  text-decoration: underline;
}
.btn-border-dark:not(:disabled):hover .fa-kit::before {
  text-decoration: none;
}
.btn-border-dark.btn-block {
  display: flex;
  text-align: center;
  width: 100%;
}

.btn-border-black {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block: 0;
  padding-inline: 12px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #0A152E;
  font-style: normal;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 8px;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 400;
  height: 44px;
  background: transparent;
  box-shadow: inset 0 0 0 1px #0A152E;
}
@media (prefers-reduced-motion: reduce) {
  .btn-border-black {
    transition: none;
  }
}
.btn-border-black .fa-kit {
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
}
.btn-border-black .fa-kit.fa-cart {
  font-size: 20px;
}
@media (min-width: 992px) {
  .btn-border-black + .btn {
    margin-left: 16px;
  }
}
.btn-border-black:not(:disabled):hover {
  color: #0A152E;
  box-shadow: inset 0 0 0 1px #000000;
}
.btn-border-black:not(:disabled):hover:has(span) span, .btn-border-black:not(:disabled):hover:not(:has(span)) {
  text-decoration: underline;
}
.btn-border-black:not(:disabled):hover .fa-kit::before {
  text-decoration: none;
}
.btn-border-black.btn-block {
  display: flex;
  text-align: center;
  width: 100%;
}

.btn-no-button {
  border: none;
  background: none;
  display: flex;
  gap: 8px;
  align-items: center;
  padding-inline: 0;
  font-family: "silkamedium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #0A152E;
  font-style: normal;
  letter-spacing: -0.5px;
  font-size: 14px;
  line-height: 22px;
}
.btn-no-button .fa-kit {
  font-size: 22px;
}

.btn.arrow-left-black {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.btn.arrow-left-black:before {
  margin-right: 16px;
  content: "";
  display: inline-block;
  width: 8px;
  height: 14px;
  background-image: url("/assets/images/icons/arrow-left-black.png");
  background-image: url("/assets/images/icons/arrow-left-black.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.button-group {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
}
.button-group.button-group--column {
  flex-direction: column;
}

.card {
  height: 100%;
  position: relative;
  font-family: var(--default-font-family);
  color: #0A152E;
  font-weight: 400;
  letter-spacing: var(--default-letter-spacing);
  text-decoration: none;
  font-size: 15px;
  line-height: 24px;
  background: #fff;
  position: relative;
  padding: 32px 48px;
  border-radius: 16px;
  transition: 200ms ease all;
  box-shadow: inset 0 0 0 1px #E7E9EE;
  display: flex;
  flex-direction: column;
}
@media (prefers-reduced-motion: reduce) {
  .card {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .card {
    padding: 32px;
  }
}
.card .right-top {
  position: absolute;
  top: 32px;
  right: 48px;
  bottom: auto;
  left: auto;
}

.card-gray {
  height: 100%;
  position: relative;
  font-family: var(--default-font-family);
  color: #0A152E;
  font-weight: 400;
  letter-spacing: var(--default-letter-spacing);
  text-decoration: none;
  font-size: 15px;
  line-height: 24px;
  background: #F2F4F9;
  position: relative;
  padding: 32px 48px;
  border-radius: 16px;
  transition: 200ms ease all;
  display: flex;
  flex-direction: column;
}
@media (prefers-reduced-motion: reduce) {
  .card-gray {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .card-gray {
    padding: 32px;
  }
}
.card-gray .right-top {
  position: absolute;
  top: 32px;
  right: 48px;
  bottom: auto;
  left: auto;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.container {
  max-width: var(--xxl-max-body-width);
}
@media (max-width: 1399.98px) {
  .container {
    max-width: 1140px;
  }
}

hr {
  border-color: #E7E9EE;
  margin: 32px 0;
  opacity: 1;
}

.Xsmall {
  font-size: 14px !important;
  line-height: 24px !important;
}

.col-sm-offset-3 {
  margin-left: 25%;
}

.col-sm-offset-3 {
  margin-left: 25%;
}

i.nucleo.nucleo-check {
  margin-right: 8px;
}
i.nucleo.nucleo-check:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("/assets/images/icons/check-green.png");
  background-image: url("/assets/images/icons/check-green.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media (min-width: 992px) {
  .visible-xs {
    display: none;
  }
}

.hidden {
  display: none;
}

@media (max-width: 575.98px) {
  .hidden-xs {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .hidden-sm {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .hidden-md {
    display: none;
  }
}

@media (min-width: 992px) {
  .hidden-lg {
    display: none;
  }
}

@media (min-width: 1200px) {
  .hidden-xl {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .hidden-for-large-down {
    display: none;
  }
}

@media (min-width: 992px) {
  .hidden-for-large-up {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .hidden-for-mobile {
    display: none;
  }
}

@media (min-width: 992px) {
  .hidden-for-desktop {
    display: none;
  }
}

.default-container {
  padding-top: 32px;
}
@media (min-width: 992px) {
  .default-container {
    padding-top: 72px;
  }
}

.table-responsive {
  white-space: nowrap;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body b,
body strong {
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

i.nucleo.nucleo-launch {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("/assets/images/icons/arrow-circle-blue.png");
  background-image: url("/assets/images/icons/arrow-circle-blue.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.side-popup {
  visibility: hidden;
}

.form-checkbox-check {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

@media (min-width: 992px) {
  html {
    scrollbar-gutter: stable;
  }
}

@media (max-width: 991.98px) {
  html, body {
    overscroll-behavior-x: none;
    overflow-x: hidden;
  }
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

.img-round {
  border-radius: 8px;
}

.img-round-large {
  border-radius: 16px;
}

picture.has-lqip img.b-lazy:not(.b-loaded) {
  filter: blur(10px);
}

a {
  transition: 200ms ease all;
}
@media (prefers-reduced-motion: reduce) {
  a {
    transition: none;
  }
}

.click-area {
  cursor: pointer;
}

.link-blue {
  display: inline-block;
  position: relative;
  background: none;
  border: none;
  padding-right: 26px;
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  color: #1B6CF9;
  font-weight: 400;
  letter-spacing: var(--default-letter-spacing);
  text-decoration: none;
  font-size: 15px;
  line-height: 24px;
}
.link-blue.large {
  font-family: "silkasemibold", Helvetica, Arial, sans-serif;
  color: #1B6CF9;
  font-weight: 400;
  letter-spacing: var(--default-letter-spacing);
  text-decoration: none;
  font-size: 16px;
  line-height: 32px;
}
.link-blue.revert {
  padding-right: 0;
  padding-left: 26px;
}
.link-blue.revert:after {
  margin-left: 0;
  margin-right: 6px;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.link-blue:not(.no-icon):after {
  margin-left: 6px;
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("/assets/images/icons/arrow-circle-blue.png");
  background-image: url("/assets/images/icons/arrow-circle-blue.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}
.link-blue:hover {
  color: #1B6CF9;
  text-decoration: underline;
}

.link-black {
  font-family: "silkamedium", Helvetica, Arial, sans-serif;
  color: #21242A;
  font-weight: 400;
  letter-spacing: var(--default-letter-spacing);
  text-decoration: none;
  font-size: 15px;
  line-height: 24px;
  display: inline-block;
  background: none;
  border: none;
  text-decoration: underline;
}
.link-black:hover {
  color: #21242A;
  text-decoration: none;
}

.link-black-neutral {
  font-family: var(--default-font-family);
  color: #1B1B1B;
  font-weight: 400;
  letter-spacing: var(--default-letter-spacing);
  text-decoration: none;
  font-size: 15px;
  line-height: 24px;
  display: inline-block;
  background: none;
  border: none;
  text-decoration: none;
}
.link-black-neutral:hover {
  color: #1B1B1B;
  text-decoration: underline;
}

.links-blue {
  display: flex;
  align-items: center;
  gap: 2px;
  text-decoration: none;
  color: #1B6CF9;
}
.links-blue .fa-kit {
  font-size: 16px;
  font-weight: bold;
}

#js-media-query {
  content: "xs";
  font-family: "xs";
  display: none;
}

@media (min-width: 576px) {
  #js-media-query {
    content: "sm";
    font-family: "sm";
  }
}
@media (min-width: 768px) {
  #js-media-query {
    content: "md";
    font-family: "md";
  }
}
@media (min-width: 992px) {
  #js-media-query {
    content: "lg";
    font-family: "lg";
  }
}
@media (min-width: 1200px) {
  #js-media-query {
    content: "xl";
    font-family: "xl";
  }
}
.modal .modal-content {
  border-radius: 8px;
}
@media (max-width: 991.98px) {
  .modal .modal-dialog {
    --bs-modal-width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
  }
}
.modal .modal-title {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "silkamedium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #0A152E;
  font-size: 18px;
  font-style: normal;
  line-height: 28px;
  letter-spacing: -0.5px;
}
.modal .modal-header {
  padding-block: 16px;
  padding-inline: 32px;
}
@media (max-width: 991.98px) {
  .modal .modal-header {
    padding-inline: 24px;
  }
}
.modal .modal-header .close,
.modal .modal-header .btn-close {
  order: 9;
  display: grid;
  place-content: center;
  inline-size: 36px;
  aspect-ratio: 1;
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 1;
  color: inherit;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  background-color: #ECEDEF;
  transition: 200ms ease all;
}
.modal .modal-header .close:hover,
.modal .modal-header .btn-close:hover {
  background-color: #D1D1D1;
}
.modal .modal-header .close .fa-kit,
.modal .modal-header .btn-close .fa-kit {
  font-size: 20px;
}
.modal .modal-header .close:not(:has(.fa-kit)),
.modal .modal-header .btn-close:not(:has(.fa-kit)) {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M112.9 143.1c-8.3-8.3-8.3-21.8 0-30.2s21.8-8.3 30.2 0L256 225.8 368.9 112.9c8.3-8.3 21.8-8.3 30.2 0s8.3 21.8 0 30.2L286.2 256 399.1 368.9c8.3 8.3 8.3 21.8 0 30.2s-21.8 8.3-30.2 0L256 286.2 143.1 399.1c-8.3 8.3-21.8 8.3-30.2 0s-8.3-21.8 0-30.2L225.8 256 112.9 143.1z"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px;
}
.modal .modal-body {
  padding-block: 24px;
  padding-inline: 32px;
  font-family: "silkamedium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #0A152E;
  font-style: normal;
  letter-spacing: -0.5px;
  font-size: 14px;
  line-height: 22px;
}
@media (max-width: 991.98px) {
  .modal .modal-body {
    padding-inline: 24px;
  }
}
.modal .modal-body .bootbox-body .alert:last-child {
  margin: 0;
}
.modal .modal-body > *:last-child {
  margin-bottom: 0;
}
.modal .modal-body .container {
  padding: 0;
}
.modal .modal-body#dynamic-description-content :where(h1, h2, h3, h4, h5),
.modal .modal-body .container :where(h1, h2, h3, h4, h5) {
  font-family: "silkamedium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #0A152E;
  font-style: normal;
}
@media (min-width: 992px) {
  .modal .modal-body#dynamic-description-content :where(h1, h2, h3, h4, h5),
  .modal .modal-body .container :where(h1, h2, h3, h4, h5) {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2px;
  }
}
@media (max-width: 991.98px) {
  .modal .modal-body#dynamic-description-content :where(h1, h2, h3, h4, h5),
  .modal .modal-body .container :where(h1, h2, h3, h4, h5) {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1.5px;
  }
}
.modal .modal-body .question-content > *:last-child,
.modal .modal-body .static-content > *:last-child {
  margin-bottom: 0;
}
.modal .modal-footer {
  padding-block: 16px;
  padding-inline: 32px;
  position: relative;
  gap: 8px;
}
@media (max-width: 991.98px) {
  .modal .modal-footer {
    display: flex;
    flex-direction: column-reverse;
    padding-inline: 24px;
  }
}
@media (min-width: 992px) {
  .modal .modal-footer > .btn-left {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 48px;
  }
}
.modal .modal-footer .btn {
  margin: 0;
}
@media (max-width: 991.98px) {
  .modal .modal-footer .btn {
    width: 100%;
  }
}
.modal .modal-footer .btn + .btn {
  margin-left: 0;
}

.grecaptcha-badge {
  display: none;
}

.tooltip {
  font-family: var(--default-font-family);
  font-size: 16px;
}
