/* fix-45: one purple banner for every public page (same look as Domain & Network Tools).
   Starts with the breadcrumb, white text, white/green buttons. */
.dpb-hero{position:relative;overflow:hidden;color:#fff;background-color:#061a39;background-image:linear-gradient(90deg,rgba(59,50,171,.96) 0%,rgba(50,7,169,.88) 32%,rgba(24,10,119,.55) 58%,rgba(3,20,46,.18) 84%),url('../images/hero-bg.svg');background-size:cover;background-position:center right}
.dpb-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:40px 22px 46px;box-sizing:border-box}
.dpb-hero .breadcrumbs{font-size:13.5px;color:rgba(255,255,255,.75);margin:0 0 14px;display:block}
.dpb-hero .breadcrumbs a{color:rgba(255,255,255,.88);font-weight:600;text-decoration:none}
.dpb-hero .breadcrumbs a:hover{color:#fff;text-decoration:underline}
.dpb-eyebrow{display:inline-block;background:#fff;color:#1f3fb8;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.06em;padding:5px 12px}
.dpb-hero h1{font-family:'Poppins','Inter',sans-serif;font-weight:600;letter-spacing:-.025em;font-size:46px;line-height:1.12;color:#fff;margin:16px 0 12px;max-width:760px}
.dpb-hero .breadcrumbs+h1{margin-top:6px}
html[lang=bn] .dpb-hero h1{font-family:'Poppins','Noto Sans Bengali','Hind Siliguri',sans-serif;line-height:1.3}
.dpb-hero h1 span{color:inherit}
.dpb-hero>.dpb-inner>p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.86);max-width:660px;margin:0 0 22px}
.dpb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.dpb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;background:#6d3ff0;color:#fff!important;font-weight:600;font-size:15px;text-decoration:none;box-shadow:0 10px 24px rgba(20,8,90,.45)}
.dpb-btn:hover{background:#5b2fe8}
.dpb-btn--green{background:#16a34a;box-shadow:0 10px 22px rgba(22,163,74,.30)}
.dpb-btn--green:hover{background:#15803d}
.dpb-btn--light{background:#fff;color:#3b1fb0!important;box-shadow:0 10px 22px rgba(20,8,90,.25)}
.dpb-btn--light:hover{background:#f1ecff}
.dpb-trust{display:flex;flex-wrap:wrap;gap:8px 20px}
.dpb-trust span{font-size:13.5px;font-weight:700;color:#fff}
.dpb-hero .dpb-actions:last-child,.dpb-hero .dpb-trust:last-child{margin-bottom:0}
.dpb-hero>.dpb-inner>p:last-child{margin-bottom:0}
/* similar height on every page (desktop) */
@media(min-width:681px){.pb-hero .dpb-inner{min-height:440px;display:grid;align-content:center;justify-items:start}.pb-hero .dpb-inner>*{max-width:100%}}
main.dpb-main{padding-top:18px}
@media(max-width:680px){
  .dpb-hero{background-image:linear-gradient(180deg,rgba(50,7,169,.92),rgba(24,10,119,.82)),url('../images/hero-bg.svg')}
  .dpb-inner{padding:24px 16px 28px}
  .dpb-hero h1{font-size:30px;letter-spacing:-.5px}
  .dpb-hero>.dpb-inner>p{font-size:14.5px}
  .dpb-trust span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 10px;font-size:12px}
  .dpb-btn{min-height:44px;padding:0 18px;font-size:14.5px}
}