.footer_socials .h4{color:rgba(255,255,255,.6);font-size:13px;font-weight:400;margin-bottom:0;}.front_questions-el-h h3{font-size:inherit;margin:0;}.single_post h1{margin-bottom:clamp(1rem,1rem + 2vw,4rem);font-weight:300;}@media screen and (min-width:65rem){.blog-container{display:grid;gap:2.5rem;grid-template-columns:66% calc(30% - 2.5rem)}}@media screen and (min-width:80rem){.blog-container{grid-template-columns:calc(77% - 2.5rem) 23%}}@media screen and (min-width:100rem){.blog-container{grid-template-columns:calc(77% - 2.5rem)rfr 23%}}.sidebar_blog{background-color:#F7F8FB;padding:1.5rem 1rem;border-radius:12px;height:max-content;max-width:90vw;}@media screen and (max-width:64.9rem){.sidebar_blog{margin-top:1rem}}.sidebar_blog-categories{display:flex;flex-wrap:wrap;gap:.5rem;}.sidebar_blog-category{border:1px solid #DDDFE7;padding:7px 10px;font-size:.9rem;font-weight:400;color:#595F6F;background:#fff;text-decoration:none;border-radius:6px;}.sidebar_blog-category.current{color:#ffffff;font-weight:bold;background:#a7a7a7;}.sidebar_blog h2{font-size:2rem;margin-bottom:1.5rem;line-height:1;}.recent_posts{display:flex;flex-wrap:wrap;gap:.5rem}.recent_posts a{text-decoration:none;transition:all .2s ease-in;}.recent_posts a:hover{color:#0078FF;}.recent_posts-post{background:#FFF;border-radius:12px;display:flex;padding:1rem;flex-direction:column;align-items:flex-start;position:relative;max-width:22rem;width:100%;}.recent_posts-post img{max-height:9.5rem;object-fit:cover;border-radius:6px;}.recent_posts-cats{display:flex;flex-wrap:wrap;gap:.5rem;position:absolute;left:1.8rem;top:1.8rem;}.recent_posts-cats a{color:#595F6F;padding:.625rem;font-size:.875rem;background-color:#fff;border-radius:6px;}.index_posts-el-cats{display:flex;flex-wrap:wrap;gap:.5rem;position:absolute;left:1.8rem;top:1.8rem;}.index_posts-el-cats a{color:#595F6F;padding:.625rem;font-size:.875rem;background-color:#fff;border-radius:6px;text-decoration:none;}.recent_posts-heading{font-size:1.12rem;margin-block:1.5rem .4rem;color:#1A47B0;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}.recent_posts-excerpt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-size:.875rem;margin-bottom:1rem;}.recent_posts-excerpt p{margin-bottom:0;}.recent_posts-info{width:100%;display:flex;justify-content:space-between;}.recent_posts-time{font-size:.75rem;}.recent_posts-link{font-size:.75rem;text-transform:uppercase;color:#595F6F;font-weight:700;}.single_post-content h2{margin-block:2rem 1rem;font-size:2rem;}.single_post-content h3{margin-block:1.5rem .8rem;font-size:1.5rem;}

.contact_form.contact_form--dialog.contact_form--new input:not(.button),
.contact_form.contact_form--dialog.contact_form--new textarea,
.contact_form.contact_form--dialog.contact_form--new select
{
background: #fff !important;
}

/* Cards: Grid CTA — 5 cards in 3-column mode: 1 col on mobile, 2 on sm, and on lg
   a 2/3 split (2 in the first row, 3 in the second). The template omits Tailwind's
   grid-cols utilities for this case, so these rules own grid-template-columns outright. */
.cards-grid-2-3 {
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 40rem) {
  .cards-grid-2-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 64rem) {
  .cards-grid-2-3 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  /* Every card is 1/3 wide (2 of 6 tracks); the two top cards are centered. */
  .cards-grid-2-3 > :nth-child(1) {
    grid-column: 2 / span 2;
  }
  .cards-grid-2-3 > :nth-child(2) {
    grid-column: 4 / span 2;
  }
  .cards-grid-2-3 > :nth-child(n + 3) {
    grid-column: span 2 / span 2;
  }
}

/* Payment Options — 2-column mode: each item is 1/2 wide; an odd last item is centered.
   Uses a 4-track grid where every item spans 2 tracks, and the lone last item (odd total,
   detected via :last-child:nth-child(odd)) is placed in the middle two tracks. */
.payment-grid {
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 40rem) {
  .payment-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .payment-grid > * {
    grid-column: span 2 / span 2;
  }
  .payment-grid > :last-child:nth-child(odd) {
    grid-column: 2 / span 2;
  }
}

/* Popup dialog panel — cap height to the viewport (minus the overlay's p-4)
   so on short screens (< ~1080px tall) the content scrolls inside instead of
   overflowing and getting clipped. Tailwind's max-h-full isn't in the compiled
   build, so the limit is owned here. */
.nad-modal-panel {
  max-height: calc(100vh - 2rem);
}

/* Logos slider pagination bullets — mobile only. Hidden on desktop via opacity
   (lg breakpoint = 64rem). pointer-events off so the invisible dots aren't clickable. */
@media (min-width: 64rem) {
  .logos-bullets {
    opacity: 0;
    pointer-events: none;
  }
}