/* JHRE front-page additions on top of the Play theme */
body{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.navbar-brand img{height:40px;width:auto}
.ud-header .navbar-btn .ud-main-btn{white-space:nowrap}
.ud-hero-image img.dash{display:block;width:100%;border-radius:12px;box-shadow:0 20px 60px rgba(17,25,40,.25);border:6px solid rgba(255,255,255,.35)}
.ud-hero-desc{max-width:680px}
.ud-hero-note{color:rgba(255,255,255,.8);font-size:14px;margin-top:18px}
.ud-hero-note a{color:#fff;text-decoration:underline}
.ud-hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 36px;margin:56px auto 0;padding:0;list-style:none;color:#fff}
.ud-hero-stats li{font-size:15px;opacity:.95}.ud-hero-stats i{margin-right:8px}
.jh-flash{max-width:720px;margin:96px auto -80px;padding:12px 18px;border-radius:8px;font-size:15px;position:relative;z-index:5}
.jh-flash-ok{background:#e6f7ee;color:#0b6b3a}.jh-flash-err{background:#fdecec;color:#a11d1d}.jh-flash-info{background:#e8eefc;color:#1d3a99}
.jh-steps{counter-reset:s;list-style:none;padding:0;margin:0}
.jh-steps li{position:relative;padding:0 0 22px 56px}
.jh-steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:#3056d3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.jh-steps h4{font-size:18px;margin:0 0 4px;color:#111928}.jh-steps p{margin:0;color:#637381}
.jh-section{padding:100px 0 60px}
.jh-card{background:#fff;border-radius:8px;box-shadow:0 4px 28px rgba(0,0,0,.06);padding:34px 30px;height:100%}
.jh-card h3{font-size:20px;margin-bottom:10px}.jh-card p{color:#637381;margin:0}
.jh-card .ud-feature-icon{margin-bottom:20px}
.jh-note{color:#637381;font-size:14px;text-align:center;max-width:760px;margin:30px auto 0}
.ud-pricing-header h3{text-transform:uppercase}
.ud-pricing-header h4 small{font-size:16px;font-weight:500}
.ud-pricing-body li small{opacity:.75}
.ud-login{padding-top:150px}
.ud-login-wrapper .ud-login-title{font-size:24px;font-weight:700;color:#111928;margin:0 0 6px;text-align:center}
.ud-login-wrapper .ud-login-sub{color:#637381;text-align:center;margin-bottom:26px;font-size:15px}
.ud-login-form .ud-form-group label,.ud-contact-form .ud-form-group label{display:block;font-size:14px;color:#111928;margin-bottom:6px;font-weight:500}
.ud-login-form .ud-form-group select,.ud-login-form .ud-form-group textarea{width:100%;border:1px solid #f1f1f1;border-radius:8px;padding:13px 20px;font-size:16px;color:#637381;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04);outline:none}
.ud-login-form .ud-form-group input:focus,.ud-login-form .ud-form-group select:focus,.ud-login-form .ud-form-group textarea:focus{border-color:#3056d3}
.ud-login-form .jh-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#637381;margin-bottom:20px}
.ud-login-form .jh-check input{margin-top:4px;width:auto}
.ud-login-form .jh-hint{font-size:13px;color:#637381;margin:-6px 0 18px}
.ud-login-wrapper .forget-pass{display:block;text-align:center}
.ud-login-wrapper.jh-wide{max-width:780px}
.ud-login-wrapper .jh-alert{border-radius:8px;padding:12px 16px;font-size:14px;margin-bottom:20px}
.ud-login-wrapper .jh-alert-warn{background:#fff7e0;color:#7a5600}
.ud-login-wrapper .jh-center{text-align:center}
.jh-contact-ok{background:#e6f7ee;color:#0b6b3a;border-radius:8px;padding:14px 18px;margin-bottom:20px}
.ud-footer-logo img{height:40px;width:auto}
.ud-footer-bottom-right a{color:inherit}
.hp-field{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.ud-404-links a{text-decoration:none}
@media (max-width:991px){.jh-flash{margin-top:90px}}
.jh-alert{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px}
.jh-alert-err{background:#fdecec;color:#a11d1d}.jh-alert-ok{background:#e6f7ee;color:#0b6b3a}.jh-alert-info{background:#e8eefc;color:#1d3a99}
.ud-contact-form .ud-form-group textarea{min-height:110px}
.navbar-nav .nav-item{white-space:nowrap}
@media (min-width:992px) and (max-width:1199px){.navbar-nav .nav-item{padding:0 8px}.navbar-btn .ud-main-btn{padding:8px 14px}}
@media (min-width:1200px){.navbar-nav .nav-item{padding:0 14px}}
.ud-about-image{flex:1 1 40%;padding:70px 60px 40px 20px;text-align:left!important;align-self:center}
@media (max-width:991px){.ud-about-image{padding:0 30px 40px}}
.jh-card.ud-single-feature{margin-bottom:0;padding:34px 30px}
.ud-header.sticky[data-solid]{position:fixed}
.ud-hero-image img.dash{height:auto}
