.page {
  overflow: clip;
}
.hpa {
  position: sticky !important;
  top: 0;
  z-index: 1000;
}
.bhdr {
  --bblu: #2f3eaa;
  --btxt: #111936;
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 90px;
  background: #fff;
  color: var(--btxt);
  font-family: "Rubik", Arial, Helvetica, sans-serif;
  box-shadow: 0 1px 0 rgba(26, 37, 83, .04);
}
.bhdr * { box-sizing: border-box; }
.bhin {
  min-height: 90px;
  display: flex;
  align-items: center;
  gap: 30px;
}
.blog { flex: 0 0 113px; display: block; line-height: 0; }
.blog img { display: block; width: 101px; height: 86px; object-fit: contain; }
.bnav { flex: 1 1 auto; min-width: 0; }
.btog, .bbtn { display: none; }
.bnav > nav { display: block; }
.blst { display: flex; align-items: center; justify-content: center; gap: clamp(20px, 2.7vw, 43px); margin: 0; padding: 0; list-style: none; }
.blst > li { margin: 0; padding: 0; white-space: nowrap; }
.blst a, .blst summary { color: var(--btxt); font-size: 17px; font-weight: 400; line-height: 1.3; text-decoration: none; cursor: pointer; transition: color .2s ease; }
.blst a:hover, .blst summary:hover, .blst a:focus-visible, .blst summary:focus-visible { color: var(--bblu); }
.bdro details { position: relative; }
.bdro summary { display: flex; align-items: center; gap: 9px; list-style: none; }
.bdro summary::-webkit-details-marker { display: none; }
.bdro summary::after { content: ''; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .2s ease; }
.bdro details[open] > summary::after { transform: rotate(225deg) translate(-2px, -2px); }
.bdro ul { position: absolute; top: calc(100% + 21px); left: -18px; z-index: 10; min-width: 245px; max-height: 410px; overflow-y: auto; margin: 0; padding: 10px 0; list-style: none; text-align: left; background: #fff; border-radius: 6px; box-shadow: 0 12px 35px rgba(20, 31, 78, .16); }
.bdro li { margin: 0; }
.bdro li a { display: block; padding: 9px 18px; font-size: 15px; white-space: normal; }
@media (min-width: 1101px) {
  .bdro:hover details > ul,
  .bdro details:focus-within > ul { display: block; }
}
.bact { flex: 0 0 auto; display: flex; align-items: center; gap: 30px; }
.bcon { display: flex; align-items: center; gap: 11px; }
.bcon svg { width: 28px; height: 28px; fill: var(--bblu); flex: 0 0 auto; }
.bcon span { display: flex; flex-direction: column; align-items: flex-start; gap: 0px; }
.bcon a { color: var(--bblu); text-decoration: none; white-space: nowrap; }
.bcon span > a:first-child { font-family: "Rubik", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 500; letter-spacing: -.15px; }
.bcon .beml { color: #58ad45; font-size: 14px; font-weight: 500; }
.bhdr .bcon .beml:hover, .bhdr .bcon .beml:focus-visible { color: #438d34; }
.bres { display: none; }
.bqte { display: inline-flex; min-width: 136px; min-height: 52px; padding: 0 20px; align-items: center; justify-content: center; border-radius: 8px; background: linear-gradient(135deg, #3445bd, #2d399e); box-shadow: 0 7px 16px rgba(47, 62, 170, .18); color: #fff; font-size: 16px; font-weight: 500; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.bhdr .bqte:hover, .bhdr .bqte:focus-visible { color: #fff !important; background: linear-gradient(135deg, #4358cf, #3546b5); transform: translateY(-1px); box-shadow: 0 9px 22px rgba(47, 62, 170, .28); }

@media (max-width: 1380px) {
  .bhin { padding-left: 20px; padding-right: 20px; gap: 20px; }
  .blog { flex-basis: 94px; }
  .blog img { width: 83px; height: auto; }
  .blst { gap: 20px; }
  .blst a, .blst summary { font-size: 15px; }
  .bact { gap: 18px; }
}
@media (max-width: 1100px) {
  .bhdr, .bhin { min-height: 66px; }
  .bhin { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; column-gap: 10px; }
  .blog { grid-column: 1; grid-row: 1; min-width: 0; }
  .blog img { width: min(100%, 62px); height: auto; }
  .bact { grid-column: 2; grid-row: 1; height: 44px; margin: 0; align-self: center; }
  .bnav { grid-column: 3; grid-row: 1; height: 44px; margin: 0; align-self: center; }
  .bbtn { display: flex; position: relative; width: 44px; height: 44px; margin: 0 !important; align-items: center; justify-content: center; border-radius: 7px; background: var(--bblu); cursor: pointer; }
  .bqte { margin: 0 !important; }
  .bhdr .bqte:hover, .bhdr .bqte:focus-visible { transform: none; }
  .bbtn span { position: relative; width: 22px; height: 2px; background: #fff; transition: background .2s ease; }
  .bbtn span::before, .bbtn span::after { position: absolute; left: 0; width: 22px; height: 2px; background: #fff; content: ''; transition: transform .2s ease, top .2s ease; }
  .bbtn span::before { top: -7px; }
  .bbtn span::after { top: 7px; }
  .btog:checked + .bbtn span { background: transparent; }
  .btog:checked + .bbtn span::before { top: 0; transform: rotate(45deg); }
  .btog:checked + .bbtn span::after { top: 0; transform: rotate(-45deg); }
  .bnav > nav { position: absolute; left: 0; right: 0; top: 100%; padding: 14px 20px 22px; background: #fff; border-top: 1px solid #e8eaf3; box-shadow: 0 14px 24px rgba(20, 31, 78, .12); }
  .bnav > nav { display: none; }
  .btog:checked ~ nav { display: block; }
  .blst { display: block; max-height: none; overflow: visible; text-align: left; }
  .blst > li { border-bottom: 1px solid #eef0f6; }
  .blst > li > a, .blst > li > details > summary { display: flex; width: 100%; padding: 13px 4px; font-size: 16px; }
  .bdro ul { position: static; min-width: 0; max-height: none; padding: 0 0 10px 14px; box-shadow: none; }
  .bdro li a { padding: 8px 4px; }
}
@media (max-width: 720px) {
  .bhdr, .bhin { min-height: 58px; }
  .bhin { grid-template-columns: minmax(0, 1fr) auto auto auto; padding: 0 12px; gap: 6px; }
  .blog { flex-basis: 51px; }
  .blog img { width: 51px; height: auto; }
  .bact { grid-column: 2 / span 2; margin: 0; gap: 6px; align-self: center; }
  .bnav { grid-column: 4; }
  .bcon { display: none; }
  .bres { display: inline-flex; min-width: 92px; min-height: 44px; height: 44px; padding: 0 8px; align-items: center; justify-content: center; border-radius: 7px; background: #c90050; color: #fff; font-size: 12px; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; }
  .bhdr .bres:hover, .bhdr .bres:focus-visible { background: #a90043; color: #fff !important; }
  .bqte { min-width: 104px; min-height: 44px; height: 44px; padding: 0 12px; font-size: 13px; }
  .bbtn { width: 44px; height: 44px; }
}
@media (max-width: 470px) {
  .bhin { padding: 0 8px; gap: 4px; }
  .blog { flex-basis: 44px; }
  .blog img { width: 44px; height: auto; }
  .bact { gap: 4px; }
  .bres { min-width: 68px; padding: 0 4px; font-size: 10px; }
  .bqte { min-width: 76px; padding: 0 5px; font-size: 11px; }
  .bbtn { width: 40px; }
}