/* ==========================================================================
   HostSun UI layer for the WHMCS "ultra" theme — css/hostsun-ui.css
   Loaded after style.rtl1–5.css so it restyles Bootstrap 4 + WHMCS
   components with the same design tokens as the hostsun.ir website.
   The base theme is pre-flipped for RTL without dir="rtl" on <html>, so
   new hs-* components set direction locally instead of globally.
   Sections: 1 Fonts/tokens · 2 Base · 3 Header · 4 Nav & dropdowns ·
   5 Buttons · 6 Cards & sidebar · 7 Tables & status · 8 Forms ·
   9 Alerts/badges/tabs/pagination/modals · 10 Dashboard · 11 Home ·
   12 Login & register · 13 Footer · 14 Responsive & motion
   ========================================================================== */

/* 1 — Fonts & tokens ------------------------------------------------------ */
@font-face{font-family:"IRANSans";font-weight:300;font-style:normal;font-display:swap;src:url(../fonts/iransans/IRANSansWeb_Light.woff2) format("woff2")}
@font-face{font-family:"IRANSans";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/iransans/IRANSansWeb.woff2) format("woff2")}
@font-face{font-family:"IRANSans";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/iransans/IRANSansWeb_Medium.woff2) format("woff2")}
@font-face{font-family:"IRANSans";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/iransans/IRANSansWeb_Bold.woff2) format("woff2")}

:root{
  --hs-blue-50:#EEF6FF; --hs-blue-100:#D9ECFF; --hs-blue-200:#B6DBFF; --hs-blue-300:#84C2FF; --hs-blue-400:#4AA3FA;
  --hs-blue-500:#1E88F0; --hs-blue-600:#0B6FD6; --hs-blue-700:#0A63C2; --hs-blue-800:#0E4A8A;
  --hs-sun-100:#FFF4DB; --hs-sun-300:#FFD36B; --hs-sun-400:#FFB938; --hs-sun-500:#F79A1E; --hs-sun-700:#B45309;
  --hs-ink-900:#0A1628; --hs-ink-800:#13233A; --hs-ink-700:#24364F; --hs-ink-600:#3B4C66; --hs-ink-500:#5B6B82;
  --hs-ink-400:#8592A6; --hs-ink-300:#B7C1CF; --hs-ink-200:#DCE3EC; --hs-ink-100:#EDF1F6; --hs-ink-50:#F6F8FB;
  --hs-green:#16A34A; --hs-green-50:#EAF8EF; --hs-red:#DC2626; --hs-red-50:#FDECEC; --hs-amber-50:#FFF7E6;
  /* Navy + brand-blue blend (same as the website) */
  --hs-deep-1:#1E6FD0; --hs-deep-2:#0E3F80; --hs-deep-3:#0B3165; --hs-deep-4:#0A2754; --hs-deep-5:#081F45;
  --hs-on-deep:#DCEBFF; --hs-on-deep-muted:#B9D4F5;
  --hs-grad-deep:radial-gradient(85% 95% at 12% 0%,rgba(30,111,208,.5) 0%,transparent 60%),radial-gradient(60% 70% at 100% 100%,rgba(56,189,248,.14) 0%,transparent 60%),linear-gradient(160deg,var(--hs-deep-2) 0%,var(--hs-deep-3) 50%,var(--hs-deep-4) 100%);
  --hs-grad-sun:linear-gradient(135deg,var(--hs-sun-300),var(--hs-sun-500));
  --hs-r-sm:8px; --hs-r-md:12px; --hs-r-lg:16px; --hs-r-xl:20px;
  --hs-sh-sm:0 1px 2px rgba(10,22,40,.05),0 2px 8px rgba(10,22,40,.05);
  --hs-sh-md:0 2px 4px rgba(10,22,40,.04),0 12px 28px -6px rgba(10,22,40,.10);
  --hs-sh-lg:0 4px 8px rgba(10,22,40,.04),0 24px 56px -12px rgba(10,22,40,.18);
  --hs-focus:0 0 0 3px rgba(30,136,240,.3);
  --primary:#0B6FD6; --font-family-sans-serif:"IRANSans",Tahoma,sans-serif;
}

/* 2 — Base ---------------------------------------------------------------- */
body.hs-theme,.hs-theme button,.hs-theme input,.hs-theme select,.hs-theme textarea,.hs-theme .tooltip,.hs-theme .popover{font-family:"IRANSans",Tahoma,sans-serif}
body.hs-theme{background:var(--hs-ink-50);color:var(--hs-ink-700);font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased;border-top:0}
.hs-theme h1,.hs-theme h2,.hs-theme h3,.hs-theme h4,.hs-theme h5,.hs-theme h6,.hs-theme .h1,.hs-theme .h2,.hs-theme .h3,.hs-theme .h4,.hs-theme .h5{color:var(--hs-ink-900);font-weight:700;line-height:1.5}
.hs-theme a{color:var(--hs-blue-700)}
.hs-theme a:hover{color:var(--hs-blue-800)}
.hs-theme .text-primary{color:var(--hs-blue-600)!important}
.hs-theme .bg-primary{background-color:var(--hs-blue-600)!important}
.hs-theme ::selection{background:var(--hs-blue-200);color:var(--hs-ink-900)}
.hs-theme #main-body{padding:2rem 0 3rem;background:transparent}
.hs-theme .primary-content{min-width:0}
.hs-theme .header-lined{display:block;margin-bottom:1.25rem}
.hs-theme .header-lined h1{font-size:1.5rem;margin:0 0 .25rem}
.hs-theme .breadcrumb{background:none;padding:0;margin:0;font-size:.85rem}
.hs-theme .breadcrumb-item+.breadcrumb-item::before{color:var(--hs-ink-300)}
.hs-theme .breadcrumb-item.active{color:var(--hs-ink-500)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 3 — Header -------------------------------------------------------------- */
.hs-header{background:#fff;position:sticky;top:0;z-index:1030;box-shadow:0 1px 0 var(--hs-ink-100),0 8px 24px -16px rgba(10,22,40,.25)}
.hs-topbar{background:var(--hs-grad-deep);color:var(--hs-on-deep);font-size:.8rem}
.hs-topbar__in{display:flex;align-items:center;gap:1.5rem;min-height:36px;direction:rtl}
.hs-topbar a,.hs-topbar span{color:var(--hs-on-deep);display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}
.hs-topbar a:hover{color:#fff}
.hs-topbar i{color:var(--hs-sun-300);font-size:.8rem}
.hs-topbar__site{margin-inline-start:auto;opacity:.9}
.hs-bar__in{display:flex;align-items:center;gap:1rem;min-height:70px;direction:rtl}
.hs-brand{display:flex;align-items:center;gap:.6rem;color:var(--hs-ink-900)!important;flex:none;text-decoration:none!important}
.hs-brand .logo-img{width:54px;height:36px;object-fit:contain;max-height:none}
.hs-brand__txt{display:flex;flex-direction:column;line-height:1.25}
.hs-brand__txt strong{font-size:1.05rem}
.hs-brand__txt small{font-size:.7rem;color:var(--hs-ink-500)}
.hs-search{position:relative;flex:1;max-width:420px;margin-inline-start:1rem;align-items:center}
.hs-search i{position:absolute;inset-inline-start:.9rem;color:var(--hs-ink-400);font-size:.9rem;pointer-events:none}
.hs-theme .hs-search .form-control{height:42px;border-radius:999px;background:var(--hs-ink-50);border:1px solid var(--hs-ink-100);padding:0 2.5rem 0 1rem;font-size:.88rem;text-align:right;box-shadow:none}
.hs-theme .hs-search .form-control:focus{background:#fff;border-color:var(--hs-blue-300);box-shadow:var(--hs-focus)}
.hs-search--mobile{display:flex;width:100%;max-width:none;margin:0 0 .75rem}
.hs-actions{display:flex;align-items:center;gap:.4rem;margin-inline-start:auto}
.hs-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--hs-ink-100);background:#fff;color:var(--hs-ink-700)!important;transition:.18s;padding:0}
.hs-icon-btn:hover{border-color:var(--hs-blue-200);color:var(--hs-blue-700)!important;background:var(--hs-blue-50)}
.hs-icon-btn:focus{outline:0;box-shadow:var(--hs-focus)}
.hs-dot{position:absolute;top:-5px;left:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--hs-red);color:#fff;font-size:.68rem;line-height:19px;font-weight:700;border:2px solid #fff}
.hs-btn-ghost{display:inline-flex;align-items:center;gap:.4rem;height:42px;padding:0 1rem;border-radius:12px;border:1px solid var(--hs-ink-200);background:#fff;color:var(--hs-ink-800)!important;font-weight:500;font-size:.9rem}
.hs-btn-ghost:hover{border-color:var(--hs-blue-300);color:var(--hs-blue-700)!important}
.hs-theme .hs-btn-sm{height:42px;display:inline-flex;align-items:center;gap:.4rem;padding:0 1.1rem;font-size:.9rem}
/* account dropdown (secondary navbar) */
.hs-account{flex-direction:row;margin:0;padding:0;list-style:none}
.hs-account>li>a{display:inline-flex!important;align-items:center;gap:.45rem;height:42px;padding:0 .9rem!important;border-radius:12px;border:1px solid var(--hs-ink-100);background:#fff;color:var(--hs-ink-800)!important;font-weight:500;font-size:.88rem;white-space:nowrap}
.hs-account>li>a:hover{border-color:var(--hs-blue-200);background:var(--hs-blue-50)}
.hs-account>li>a i{color:var(--hs-blue-600)}
.hs-account .dropdown-menu{left:0;right:auto}

/* 4 — Main nav & dropdowns ----------------------------------------------- */
.hs-nav.main-navbar-wrapper{background:#fff;border-top:1px solid var(--hs-ink-100);padding:0}
.hs-nav .navbar-collapse{direction:rtl}
.hs-nav #nav{display:flex;align-items:center;gap:.15rem;margin:0}
.hs-nav #nav>li>a{display:inline-flex;align-items:center;gap:.4rem;padding:.85rem .85rem;color:var(--hs-ink-700);font-weight:500;font-size:.92rem;position:relative;white-space:nowrap;text-decoration:none}
.hs-nav #nav>li>a::after{border:0!important}
.hs-nav #nav>li>a .caret{display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px);margin-inline-start:.25rem;opacity:.6}
.hs-nav #nav>li>a::before{content:"";position:absolute;inset-inline:.85rem;bottom:0;height:2px;border-radius:2px;background:var(--hs-blue-600);transform:scaleX(0);transition:transform .2s}
.hs-nav #nav>li>a:hover,.hs-nav #nav>li.show>a{color:var(--hs-blue-700)}
.hs-nav #nav>li>a:hover::before,.hs-nav #nav>li.show>a::before{transform:scaleX(1)}
.hs-nav #nav>li>a i{color:var(--hs-ink-400)}
.hs-nav__cta{margin-inline-start:auto;padding:.5rem 0}
.hs-theme .dropdown-menu{border:1px solid var(--hs-ink-100);border-radius:var(--hs-r-lg);box-shadow:var(--hs-sh-lg);padding:.4rem;min-width:230px;text-align:right;direction:rtl}
.hs-theme .dropdown-menu li.dropdown-item{padding:0;background:none}
.hs-theme .dropdown-menu .dropdown-item,.hs-theme .dropdown-menu li.dropdown-item>a{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem!important;border-radius:var(--hs-r-sm);color:var(--hs-ink-700);font-size:.9rem;line-height:1.7;white-space:normal}
.hs-theme .dropdown-menu .dropdown-item:hover,.hs-theme .dropdown-menu .dropdown-item:focus,.hs-theme .dropdown-menu li.dropdown-item>a:hover{background:var(--hs-blue-50);color:var(--hs-blue-700)}
.hs-theme .dropdown-menu .dropdown-item i{color:var(--hs-blue-500);font-size:.75rem}
.hs-theme .dropdown-divider{border-color:var(--hs-ink-100);margin:.35rem 0}

/* 5 — Buttons ------------------------------------------------------------- */
.hs-theme .btn{border-radius:var(--hs-r-md);font-weight:500;padding:.5rem 1.15rem;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s;box-shadow:none}
.hs-theme .btn:focus,.hs-theme .btn.focus{box-shadow:var(--hs-focus)}
.hs-theme .btn:hover{transform:translateY(-1px)}
.hs-theme .btn:active{transform:none}
.hs-theme .btn-sm,.hs-theme .btn-xs{border-radius:var(--hs-r-sm);padding:.3rem .8rem;font-size:.82rem}
.hs-theme .btn-lg{padding:.75rem 1.6rem;font-size:1rem}
.hs-theme .btn-primary,.hs-theme .bg-color-blue.btn{background:var(--hs-blue-600);border-color:var(--hs-blue-600);color:#fff;box-shadow:0 8px 20px -10px rgba(11,111,214,.7)}
.hs-theme .btn-primary:hover,.hs-theme .btn-primary:focus,.hs-theme .bg-color-blue.btn:hover{background:var(--hs-blue-700);border-color:var(--hs-blue-700);color:#fff}
.hs-theme .btn-success{background:var(--hs-green);border-color:var(--hs-green);color:#fff}
.hs-theme .btn-success:hover{background:#12873D;border-color:#12873D}
.hs-theme .btn-danger{background:var(--hs-red);border-color:var(--hs-red)}
.hs-theme .btn-info{background:var(--hs-blue-50);border-color:var(--hs-blue-100);color:var(--hs-blue-700)}
.hs-theme .btn-info:hover{background:var(--hs-blue-100);color:var(--hs-blue-800)}
.hs-theme .btn-default,.hs-theme .btn-secondary,.hs-theme .btn-light{background:#fff;border:1px solid var(--hs-ink-200);color:var(--hs-ink-800)}
.hs-theme .btn-default:hover,.hs-theme .btn-secondary:hover,.hs-theme .btn-light:hover{border-color:var(--hs-blue-300);color:var(--hs-blue-700);background:#fff}
.hs-theme .btn-link{color:var(--hs-blue-700)}
.hs-theme .btn-warning{background:var(--hs-sun-400);border-color:var(--hs-sun-400);color:#1A1206}
.hs-btn-sun,.hs-theme .hs-btn-sun{background:var(--hs-grad-sun);border:0;color:#1A1206!important;font-weight:700;box-shadow:0 10px 26px -10px rgba(247,154,30,.65);display:inline-flex;align-items:center;gap:.5rem}
.hs-theme .hs-btn-sun:hover{color:#1A1206!important;filter:brightness(1.04)}

/* 6 — Cards, panels & sidebar --------------------------------------------- */
.hs-theme .card,.hs-theme .panel{border:1px solid var(--hs-ink-100);border-radius:var(--hs-r-xl);box-shadow:var(--hs-sh-sm);background:#fff;margin-bottom:1.5rem;overflow:hidden}
.hs-theme .card-header,.hs-theme .panel-heading{background:#fff;border-bottom:1px solid var(--hs-ink-100);padding:1rem 1.25rem}
.hs-theme .card-title{font-size:1.02rem;color:var(--hs-ink-900);font-weight:700;line-height:1.9}
.hs-theme .card-title i{color:var(--hs-blue-600);margin-left:.35rem}
.hs-theme .card-body{padding:1.25rem}
.hs-theme .card-footer{background:var(--hs-ink-50);border-top:1px solid var(--hs-ink-100);padding:.75rem 1.25rem}
.hs-theme .card-footer:empty{display:none}
.hs-theme .card[class*="card-accent-"]{border-top:3px solid var(--hs-blue-500)}
.hs-theme .card-accent-red{border-top-color:var(--hs-red)!important}
.hs-theme .card-accent-gold,.hs-theme .card-accent-orange,.hs-theme .card-accent-sun-flower{border-top-color:var(--hs-sun-400)!important}
.hs-theme .card-accent-green,.hs-theme .card-accent-emerald{border-top-color:var(--hs-green)!important}
.hs-theme .card-accent-midnight-blue,.hs-theme .card-accent-asbestos{border-top-color:var(--hs-deep-2)!important}
.hs-theme .list-group-item{border-color:var(--hs-ink-100);padding:.75rem 1.25rem;color:var(--hs-ink-700);text-align:right}
.hs-theme .list-group-item-action:hover{background:var(--hs-blue-50);color:var(--hs-blue-800)}
.hs-theme .list-group-item.active{background:var(--hs-blue-50);border-color:var(--hs-ink-100);color:var(--hs-blue-700);font-weight:500;box-shadow:inset -3px 0 0 var(--hs-blue-600)}
.hs-theme .list-group-item i{color:var(--hs-blue-500)}
.hs-theme .sidebar{display:block}
.hs-theme .sidebar .card{border-radius:var(--hs-r-lg)}
.hs-theme .sidebar .card-header{background:linear-gradient(180deg,#fff,var(--hs-ink-50))}
.hs-theme .sidebar .card-title{font-size:.95rem}
.hs-theme .badge{border-radius:999px;font-weight:500;padding:.3em .65em}
.hs-theme .list-group-item .badge{background:var(--hs-ink-100);color:var(--hs-ink-700)}

/* 7 — Tables & status labels --------------------------------------------- */
.hs-theme .table{color:var(--hs-ink-700);margin-bottom:0}
.hs-theme .table thead th,.hs-theme .table-list thead th{background:var(--hs-ink-50);color:var(--hs-ink-500);font-weight:500;font-size:.82rem;border-bottom:1px solid var(--hs-ink-100)!important;border-top:0;padding:.85rem 1rem;white-space:nowrap}
.hs-theme .table td{border-top:1px solid var(--hs-ink-100);padding:.9rem 1rem;vertical-align:middle}
.hs-theme .table-list tbody tr{transition:background .15s}
.hs-theme .table-list tbody tr:hover td{background:var(--hs-blue-50)}
.hs-theme .table-container{border-radius:var(--hs-r-lg);overflow:hidden}
.hs-theme .label,.hs-theme .status{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.3rem .75rem;font-size:.78rem;font-weight:500;line-height:1.3}
.hs-theme .label::before,.hs-theme .status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.hs-theme .status-active,.hs-theme .status-paid,.hs-theme .status-completed,.hs-theme .status-open,.hs-theme .status-answered,.hs-theme .label-success{background:var(--hs-green-50)!important;color:#11743A!important}
.hs-theme .status-pending,.hs-theme .status-unpaid,.hs-theme .status-customer-reply,.hs-theme .status-in-progress,.hs-theme .status-onhold,.hs-theme .label-warning{background:var(--hs-amber-50)!important;color:var(--hs-sun-700)!important}
.hs-theme .status-suspended,.hs-theme .status-terminated,.hs-theme .status-cancelled,.hs-theme .status-overdue,.hs-theme .status-fraud,.hs-theme .status-expired,.hs-theme .label-danger{background:var(--hs-red-50)!important;color:#B42318!important}
.hs-theme .status-closed,.hs-theme .status-refunded,.hs-theme .status-collections,.hs-theme .label-default{background:var(--hs-ink-100)!important;color:var(--hs-ink-600)!important}
.hs-theme .dataTables_wrapper .dataTables_filter input,.hs-theme .dataTables_wrapper .dataTables_length select{border:1px solid var(--hs-ink-200);border-radius:var(--hs-r-sm);height:38px;padding:0 .75rem}
.hs-theme .text-domain{color:var(--hs-ink-500);font-size:.85rem}

/* 8 — Forms --------------------------------------------------------------- */
.hs-theme .form-control,.hs-theme .custom-select{border:1px solid var(--hs-ink-200);border-radius:var(--hs-r-md);min-height:46px;color:var(--hs-ink-900);background-color:#fff;box-shadow:none;transition:border-color .15s,box-shadow .15s;font-size:.93rem}
.hs-theme textarea.form-control{min-height:110px;line-height:1.9}
.hs-theme .form-control:hover{border-color:var(--hs-ink-300)}
.hs-theme .form-control:focus,.hs-theme .custom-select:focus{border-color:var(--hs-blue-400);box-shadow:var(--hs-focus)}
.hs-theme .form-control::placeholder{color:var(--hs-ink-400)}
.hs-theme label{font-weight:500;color:var(--hs-ink-700);font-size:.9rem}
.hs-theme .input-group-text{background:var(--hs-ink-50);border-color:var(--hs-ink-200);color:var(--hs-ink-500);border-radius:var(--hs-r-md)}
.hs-theme .custom-control-input:checked~.custom-control-label::before{background:var(--hs-blue-600);border-color:var(--hs-blue-600)}
.hs-theme .form-group{margin-bottom:1.1rem}

/* 9 — Alerts, tabs, pagination, modals ------------------------------------ */
.hs-theme .alert{border-radius:var(--hs-r-lg);border:1px solid transparent;padding:.9rem 1.15rem;font-size:.92rem}
.hs-theme .alert-info{background:var(--hs-blue-50);border-color:var(--hs-blue-100);color:var(--hs-blue-800)}
.hs-theme .alert-success{background:var(--hs-green-50);border-color:#C7EBD3;color:#0F5E30}
.hs-theme .alert-warning{background:var(--hs-amber-50);border-color:#FBE0A8;color:#7A4A06}
.hs-theme .alert-danger{background:var(--hs-red-50);border-color:#F8CACA;color:#8F1D1D}
.hs-theme .nav-tabs{border-bottom:1px solid var(--hs-ink-100);gap:.25rem}
.hs-theme .nav-tabs .nav-link{border:0;border-bottom:2px solid transparent;color:var(--hs-ink-500);font-weight:500;padding:.65rem 1rem;border-radius:0}
.hs-theme .nav-tabs .nav-link:hover{color:var(--hs-blue-700)}
.hs-theme .nav-tabs .nav-link.active{color:var(--hs-blue-700);border-bottom-color:var(--hs-blue-600);background:none}
.hs-theme .pagination{gap:.3rem;margin-top:1rem}
.hs-theme .page-link{border:1px solid var(--hs-ink-200)!important;border-radius:var(--hs-r-sm)!important;color:var(--hs-ink-700);min-width:38px;text-align:center}
.hs-theme .page-item.active .page-link{background:var(--hs-blue-600);border-color:var(--hs-blue-600)!important;color:#fff}
.hs-theme .page-item.disabled .page-link{color:var(--hs-ink-300)}
.hs-theme .modal-content{border:0;border-radius:var(--hs-r-xl);box-shadow:var(--hs-sh-lg);overflow:hidden}
.hs-theme .modal-header{border-bottom:1px solid var(--hs-ink-100);direction:rtl}
.hs-theme .modal-header .close{margin:-1rem auto -1rem -1rem}
.hs-theme .modal-footer{border-top:1px solid var(--hs-ink-100);background:var(--hs-ink-50)}
.hs-notify .modal-title i{color:var(--hs-blue-600);margin-left:.35rem}
.hs-notify .modal-body{display:grid;gap:.5rem;direction:rtl}
.hs-notify__item{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border-radius:var(--hs-r-md);background:var(--hs-ink-50);border:1px solid var(--hs-ink-100);color:var(--hs-ink-800)!important;text-decoration:none!important}
.hs-notify__item:hover{border-color:var(--hs-blue-200);background:var(--hs-blue-50)}
.hs-notify__item .icon{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--hs-blue-50);color:var(--hs-blue-600)}
.hs-notify__item--danger .icon{background:var(--hs-red-50);color:var(--hs-red)}
.hs-notify__item--warning .icon{background:var(--hs-amber-50);color:var(--hs-sun-700)}
.hs-notify__item--success .icon{background:var(--hs-green-50);color:var(--hs-green)}
.hs-empty{text-align:center;color:var(--hs-ink-500);padding:1.5rem}
.hs-empty i{display:block;font-size:1.6rem;color:var(--hs-ink-300);margin-bottom:.5rem}

/* 10 — Client area dashboard --------------------------------------------- */
.hs-stats{margin:0 0 1.5rem}
.hs-stats .container{padding:0;max-width:none}
.hs-stats>.container>.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;direction:rtl}
.hs-stats .widget-box-item{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:var(--hs-r-xl);background:#fff;border:1px solid var(--hs-ink-100);box-shadow:var(--hs-sh-sm);transition:transform .2s,box-shadow .2s;max-width:none;width:auto;margin:0;flex:none}
.hs-stats .widget-box-item:hover{transform:translateY(-3px);box-shadow:var(--hs-sh-md)}
.hs-stats .widget-box-item.pr_40{padding-right:1.25rem}
.hs-stats .bg-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--hs-blue-500),var(--hs-blue-700));color:#fff;font-size:1.25rem;box-shadow:0 10px 24px -12px rgba(11,111,214,.8);margin:0}
.hs-stats .widget-box-item:nth-child(2) .bg-icon{background:linear-gradient(135deg,#38BDF8,#0B6FD6)}
.hs-stats .widget-box-item:nth-child(3) .bg-icon{background:var(--hs-grad-sun);color:#1A1206;box-shadow:0 10px 24px -12px rgba(247,154,30,.8)}
.hs-stats .widget-box-item:nth-child(4) .bg-icon{background:linear-gradient(135deg,var(--hs-deep-1),var(--hs-deep-3))}
.hs-stats .bg-icon i{color:inherit}
.hs-stats .widget-box-item-content{text-align:right}
.hs-stats .widget-box-item-content h5{font-size:1rem;margin:0 0 .25rem;color:var(--hs-ink-900)}
.hs-stats .widget-box-item-content a{text-decoration:none}
.hs-stats .widget-box-item-content div{font-size:.82rem;color:var(--hs-ink-500)}
.hs-stats .widget-box-item-content div span:not(.widget-box-item-content-divider){font-size:1.15rem;font-weight:700;color:var(--hs-ink-900)}
.hs-stats .widget-box-item-content-divider{display:inline-block;width:1px;height:14px;background:var(--hs-ink-200);margin:0 .5rem;vertical-align:middle}
.hs-page-clientareahome .client-home-cards .card-header .btn{border-radius:var(--hs-r-sm)}

/* 11 — Public home (homepage.tpl) ----------------------------------------- */
.hs-home{direction:rtl;text-align:right}
.hs-hero{position:relative;overflow:hidden;background:var(--hs-grad-deep);color:var(--hs-on-deep);padding:5rem 0 6rem;isolation:isolate}
.hs-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 55% at 85% 5%,rgba(255,185,56,.2),transparent 60%),radial-gradient(40% 45% at 15% 35%,rgba(56,189,248,.16),transparent 65%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/56px 56px}
.hs-hero__inner{max-width:760px;margin:0 auto;text-align:center}
.hs-kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.3rem .35rem .3rem .9rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.82rem;margin-bottom:1.25rem}
.hs-kicker__badge{background:var(--hs-grad-sun);color:#1A1206;border-radius:999px;padding:.15rem .6rem;font-weight:700;font-size:.75rem}
.hs-home .big-title{color:#fff;font-size:clamp(1.7rem,1.2rem + 2.2vw,2.8rem);font-weight:700;line-height:1.45;margin:0 0 .9rem}
.hs-grad{background:linear-gradient(100deg,#FFE29A,var(--hs-sun-400) 45%,var(--hs-sun-500));-webkit-background-clip:text;background-clip:text;color:transparent}
.hs-home .sub-title{color:var(--hs-on-deep);font-size:1.05rem;margin:0 0 2rem}
.hs-home .domain-search-holder{margin:0}
.hs-domain{position:relative;display:flex;align-items:center;gap:.5rem;max-width:640px;margin:0 auto;background:#fff;border-radius:18px;padding:7px;box-shadow:0 24px 50px -20px rgba(0,0,0,.55)}
.hs-domain:focus-within{box-shadow:0 24px 50px -20px rgba(0,0,0,.55),0 0 0 4px rgba(74,163,250,.45)}
.hs-domain__icon{color:var(--hs-ink-400);margin-right:.8rem}
.hs-home #domainid{flex:1;min-width:0;height:52px;border:0!important;background:transparent!important;padding:0 .5rem!important;font-size:1rem;color:var(--hs-ink-900);outline:0;text-align:left;box-shadow:none}
.hs-home #domainid::placeholder{color:var(--hs-ink-400);text-align:right;direction:rtl}
.hs-theme .hs-domain__btn{height:52px;padding:0 1.8rem;border-radius:13px;font-size:1rem}
.hs-tlds{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;margin-top:1.1rem;font-size:.85rem;color:var(--hs-on-deep-muted)}
.hs-tlds b{color:#fff;font-weight:700;margin-left:.25rem}
.hs-tlds a{color:var(--hs-sun-300)!important}
.hs-quick{margin-top:-2.75rem;position:relative;z-index:2}
.hs-quick__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;background:#fff;border:1px solid var(--hs-ink-100);border-radius:var(--hs-r-xl);box-shadow:var(--hs-sh-lg);padding:.75rem}
.hs-quick__item{display:flex;align-items:center;gap:.65rem;padding:.75rem;border-radius:var(--hs-r-md);color:var(--hs-ink-800)!important;text-decoration:none!important;transition:background .18s}
.hs-quick__item:hover{background:var(--hs-blue-50)}
.hs-quick__item strong{display:block;font-size:.9rem;color:var(--hs-ink-900)}
.hs-quick__item small{font-size:.75rem;color:var(--hs-ink-500)}
.hs-ico{flex:none;width:42px;height:42px;border-radius:12px;display:inline-grid;place-items:center;background:var(--hs-blue-50);color:var(--hs-blue-600);font-size:1.05rem;transition:.2s}
.hs-ico--sun{background:var(--hs-sun-100);color:var(--hs-sun-700)}
.hs-ico--lg{width:54px;height:54px;border-radius:16px;font-size:1.35rem}
.hs-quick__item:hover .hs-ico{background:var(--hs-blue-600);color:#fff}
.hs-section{padding:4.5rem 0;position:relative}
.hs-section--soft{background:#fff;border-block:1px solid var(--hs-ink-100)}
.hs-section--tight{padding:2.5rem 0}
.hs-section--dark{background:var(--hs-grad-deep);color:var(--hs-on-deep);overflow:hidden}
.hs-head{max-width:720px;margin:0 auto 2.5rem;text-align:center}
.hs-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;color:var(--hs-blue-700);background:var(--hs-blue-50);border:1px solid var(--hs-blue-100);padding:.25rem .8rem;border-radius:999px;margin-bottom:.9rem}
.hs-section--dark .hs-eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
.hs-home .row-title{font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);font-weight:700;color:var(--hs-ink-900);margin:0 0 .75rem;line-height:1.5}
.hs-home .row-subtitle{color:var(--hs-ink-500);font-size:1rem;margin:0}
.hs-section--dark .row-title{color:#fff}
.hs-section--dark .row-subtitle{color:var(--hs-on-deep)}
.hs-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.hs-card{background:#fff;border:1px solid var(--hs-ink-100);border-radius:var(--hs-r-xl);padding:1.75rem 1.5rem;box-shadow:var(--hs-sh-sm);transition:transform .25s,box-shadow .25s;text-align:right}
.hs-card:hover{transform:translateY(-4px);box-shadow:var(--hs-sh-md)}
.hs-card h3{font-size:1.1rem;margin:1rem 0 .4rem}
.hs-card p{margin:0;color:var(--hs-ink-500);font-size:.93rem}
.hs-card--glass{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15);box-shadow:none;backdrop-filter:blur(4px)}
.hs-card--glass h3{color:#fff}
.hs-card--glass p{color:var(--hs-on-deep-muted)}
.hs-card--glass .hs-ico{background:rgba(255,255,255,.14);color:#fff}
.hs-card--glass .hs-ico--sun{background:var(--hs-grad-sun);color:#1A1206}
.hs-split{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}
.hs-lead{color:var(--hs-ink-500);font-size:1rem;line-height:2}
.hs-check{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:.6rem}
.hs-check li{display:flex;gap:.6rem;align-items:flex-start}
.hs-check i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--hs-green-50);color:var(--hs-green);font-size:.65rem;margin-top:.3rem}
.hs-stack{display:grid;gap:1rem}
.hs-why{display:flex;gap:1rem;padding:1.4rem;border-radius:var(--hs-r-xl);background:var(--hs-ink-50);border:1px solid var(--hs-ink-100)}
.hs-why h3{font-size:1.02rem;margin:0 0 .35rem}
.hs-why p{margin:0;color:var(--hs-ink-500);font-size:.92rem}
.hs-promo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 1.75rem;border-radius:var(--hs-r-xl);background:linear-gradient(120deg,var(--hs-sun-100),#FFF9EC 50%,var(--hs-blue-50));border:1px solid #FBE3B5}
.hs-promo__txt{display:flex;align-items:center;gap:1rem}
.hs-promo__txt strong{display:block;color:var(--hs-ink-900);font-size:1.05rem}
.hs-promo__txt span{color:var(--hs-ink-600);font-size:.9rem}
.hs-promo__code{font-size:.9rem;color:var(--hs-ink-600)}
.hs-promo__code b{display:inline-block;margin-right:.4rem;padding:.4rem .9rem;border:1.5px dashed var(--hs-sun-500);border-radius:10px;background:#fff;color:var(--hs-ink-900);letter-spacing:.06em}
.hs-center{text-align:center;margin-top:2rem}
.hs-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:2.5rem;border-radius:24px;background:linear-gradient(120deg,var(--hs-blue-600) 0%,var(--hs-deep-2) 60%,var(--hs-deep-3) 100%);position:relative;overflow:hidden}
.hs-cta .row-title{color:#fff!important}
.hs-cta .row-subtitle{color:var(--hs-blue-100)!important;max-width:620px}

/* 12 — Login & register ---------------------------------------------------- */
.hs-auth.limiter{background:var(--hs-ink-50);min-height:100vh;height:auto;direction:rtl}
.hs-auth .container-login100{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:none}
.hs-auth .wrap-login100{display:flex;flex-direction:row-reverse;width:100%;max-width:1040px;min-height:600px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--hs-sh-lg);border:1px solid var(--hs-ink-100);padding:0;flex-wrap:nowrap}
.hs-auth .login100-form{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem;width:auto;float:none}
.hs-auth .login100-form>div{width:100%;max-width:400px;margin:0!important}
.hs-auth .logos{margin-bottom:1.5rem;text-align:right}
.hs-auth .logos .logo-img{max-height:48px;width:auto}
.hs-auth .login-title{font-size:1.5rem!important;margin-bottom:.4rem}
.hs-auth .input-group-merge .input-group-text{border-radius:0 var(--hs-r-md) var(--hs-r-md) 0}
.hs-auth .input-group .form-control{border-radius:0}
.hs-auth .input-group .form-control:last-child{border-radius:var(--hs-r-md) 0 0 var(--hs-r-md)}
.hs-auth .input-group-append .btn{border-radius:var(--hs-r-md) 0 0 var(--hs-r-md);height:100%;border-color:var(--hs-ink-200)}
.hs-auth #login{min-width:120px}
.hs-auth__aside{position:relative;flex:1;background:var(--hs-grad-deep)!important;color:var(--hs-on-deep);display:flex;align-items:center;padding:3rem;width:auto;min-height:auto;overflow:hidden;isolation:isolate}
.hs-auth__aside::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 55% at 85% 5%,rgba(255,185,56,.22),transparent 60%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/48px 48px}
.hs-auth__aside h2{color:#fff;font-size:1.9rem;margin:.5rem 0 1rem}
.hs-auth__aside p{color:var(--hs-on-deep)}
.hs-auth__aside .hs-check li{color:#fff}
.hs-auth__aside .hs-check i{background:rgba(52,210,122,.18);color:#6EE7A8}
.hs-page-clientregister #main-body,.hs-page-clientregister .container-login100{background:var(--hs-ink-50)}

/* 13 — Footer --------------------------------------------------------------- */
.hs-footer.footer-block{background:linear-gradient(180deg,var(--hs-deep-3) 0%,var(--hs-deep-5) 100%);color:var(--hs-on-deep-muted);padding:0;margin-top:0;direction:rtl;text-align:right;position:relative;overflow:hidden}
.hs-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 60% at 100% 0%,rgba(56,189,248,.14),transparent 60%),radial-gradient(30% 40% at 0% 100%,rgba(255,185,56,.1),transparent 60%)}
.hs-footer>.container{position:relative;padding-top:3rem}
.hs-footer a{color:var(--hs-on-deep)}
.hs-footer a:hover{color:#fff;text-decoration:none}
.hs-footer__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 1.75rem;border-radius:var(--hs-r-xl);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);margin-bottom:3rem}
.hs-footer__cta strong{display:block;color:#fff;font-size:1.15rem}
.hs-footer__cta span{color:var(--hs-on-deep);font-size:.9rem}
.hs-footer__cta-phones{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem}
.hs-footer__cta-phones a{font-weight:700;color:#fff;font-size:1.05rem}
.hs-footer__cta-phones i{color:var(--hs-sun-300);font-size:.85rem;margin-left:.3rem}
.hs-footer__cta-phones small{color:var(--hs-on-deep-muted);flex-basis:100%;text-align:left}
.hs-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.5fr;gap:2.5rem}
.hs-footer__logo{display:inline-flex;align-items:center;gap:.7rem;margin-bottom:1rem}
.hs-footer__logo img{width:60px;height:40px;object-fit:contain}
.hs-footer__logo strong{display:block;color:#fff;font-size:1.15rem;line-height:1.3}
.hs-footer__logo small{color:var(--hs-sun-300);font-size:.78rem}
.hs-footer__about p{line-height:2.1;font-size:.9rem;margin:0}
.hs-footer .infos{color:#fff;font-size:1rem;font-weight:500;margin:0 0 1.1rem}
.hs-footer .footer-menu{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.hs-footer .footer-menu a{font-size:.9rem;transition:transform .18s;display:inline-block}
.hs-footer .footer-menu a:hover{transform:translateX(-3px)}
.hs-footer .detail>div{display:flex;align-items:flex-start;gap:.65rem;margin-bottom:.6rem;font-size:.9rem}
.hs-footer .detail i{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;font-size:.8rem}
.hs-footer .detail p{margin:0;line-height:1.9}
.hs-footer__trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding:1.1rem 1.4rem;border-radius:var(--hs-r-xl);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.hs-footer__trust>span{color:#fff;font-weight:500}
.hs-footer__badges{display:flex;gap:.75rem}
.hs-footer .trust-item{width:88px;height:96px;display:grid;place-items:center;background:#fff;border-radius:12px;border:0;padding:6px;cursor:pointer;transition:transform .2s}
.hs-footer .trust-item:hover{transform:translateY(-3px)}
.hs-footer .trust-item img{max-width:100%;max-height:100%;object-fit:contain}
.hs-footer .copyright-text{margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.1);background:rgba(4,16,38,.3);padding:1.1rem 0}
.hs-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.82rem}
.hs-footer__bottom p{margin:0;color:var(--hs-on-deep-muted)}
.hs-footer__bottom a{color:var(--hs-sun-300);margin:0 .25rem}

/* 14 — Responsive & motion --------------------------------------------------- */
@media (max-width:1199.98px){
  .hs-nav .navbar-collapse{padding:1rem 0;border-top:1px solid var(--hs-ink-100)}
  .hs-nav #nav{flex-direction:column;align-items:stretch;gap:0}
  .hs-nav #nav>li>a{width:100%;padding:.75rem .5rem;justify-content:flex-start}
  .hs-nav #nav>li>a::before{display:none}
  .hs-nav #nav .dropdown-menu{box-shadow:none;border:0;background:var(--hs-ink-50);margin:0 0 .5rem}
  .hs-nav__cta{margin:0;padding-top:.75rem}
  .hs-nav__cta .btn{width:100%;justify-content:center}
  .hs-quick__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:991.98px){
  .hs-footer__grid{grid-template-columns:1fr 1fr}
  .hs-split{grid-template-columns:1fr;gap:2rem}
  .hs-stats>.container>.row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hs-auth .wrap-login100{flex-direction:column;max-width:480px;min-height:0}
  .hs-auth__aside{display:none!important}
}
@media (max-width:767.98px){
  .hs-cards{grid-template-columns:1fr}
  .hs-hero{padding:3.5rem 0 5rem}
  .hs-quick__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hs-brand__txt small{display:none}
  .hs-cta{padding:1.75rem;text-align:center;justify-content:center}
  .hs-promo{padding:1.25rem}
  .hs-theme .table-list{min-width:640px}
  .hs-theme .table-container,.hs-theme .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:575.98px){
  .hs-footer__grid{grid-template-columns:1fr 1fr;gap:2rem 1.25rem}
  .hs-footer__about,.hs-footer .detail{grid-column:1/-1}
  .hs-stats>.container>.row{grid-template-columns:1fr}
  .hs-domain{flex-wrap:wrap;padding:8px}
  .hs-domain__icon{display:none}
  .hs-home #domainid{flex-basis:100%}
  .hs-theme .hs-domain__btn{width:100%}
  .hs-auth .login100-form{padding:1.75rem 1.25rem}
  .hs-bar__in{gap:.5rem;min-height:62px}
  .hs-brand .logo-img{width:46px;height:31px}
  .hs-account>li>a{padding:0 .65rem!important}
  .hs-account>li>a span,.hs-account>li>a .caret{display:none}
}
@media (prefers-reduced-motion:reduce){.hs-theme *,.hs-theme *::before,.hs-theme *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Icons in HostSun components use the solid weight, which exists in both
   Font Awesome Free and Pro (the base theme forces Pro "Light" 300). */
.hs-header .fa,.hs-header .fas,.hs-footer .fa,.hs-footer .fas,.hs-home .fa,.hs-home .fas,
.hs-stats .fa,.hs-stats .fas,.hs-auth .fa,.hs-auth .fas,.hs-notify .fas,.hs-theme .card-title .fas,
.hs-theme .list-group-item .fas,.hs-theme .btn .fas,.hs-theme .alert .fas{font-weight:900!important}

/* Specificity fixes against base-theme rules such as
   "footer ul.footer-menu li a", "footer .detail a", "header.header .navbar a" */
footer.hs-footer a,footer.hs-footer ul.footer-menu li a,footer.hs-footer .detail a{color:var(--hs-on-deep)}
footer.hs-footer a:hover,footer.hs-footer ul.footer-menu li a:hover,footer.hs-footer .detail a:hover{color:#fff}
footer.hs-footer .hs-footer__bottom a{color:var(--hs-sun-300)}
footer.hs-footer .hs-footer__cta-phones a{color:#fff}
header.hs-header .navbar #nav>li>a{color:var(--hs-ink-700)}
header.hs-header .navbar #nav>li>a:hover,header.hs-header .navbar #nav>li.show>a{color:var(--hs-blue-700)}
header.hs-header .navbar a.btn-primary,header.hs-header a.btn-primary,header.hs-header a.btn-primary:hover{color:#fff}
header.hs-header .dropdown-menu a,header.hs-header .navbar .dropdown-menu a{color:var(--hs-ink-700)}
header.hs-header .dropdown-menu a:hover,header.hs-header .navbar .dropdown-menu a:hover{color:var(--hs-blue-700)}

/* Login: neutralise base-theme card limits (max-width:550px, orange top border) */
.hs-auth .container-login100{max-width:none;width:100%;margin:0;border-radius:0;box-shadow:none!important;background:none}
.hs-auth .wrap-login100{flex-direction:row}
.hs-auth .login100-form{border-top:0;border-radius:0;width:auto!important;flex:1 1 50%}
.hs-auth .login100-more{width:auto!important;flex:1 1 50%;box-shadow:none;background-image:none}
.hs-auth .login100-more::before{display:none}
.hs-auth .input-group{flex-wrap:nowrap}
.hs-auth .float-right{display:flex;gap:.5rem;float:none!important;flex-wrap:wrap}
.hs-auth .text-left{margin-top:.75rem}
/* Home panels: footers without content look like empty grey bars */
.hs-page-clientareahome .client-home-cards .card-footer{background:#fff;border-top:0;padding:.25rem 1.25rem}
.hs-stats{background:none!important;box-shadow:none!important;padding:0!important}
.hs-auth .input-group>*{margin:0!important}
.hs-auth .input-group-merge .input-group-text{border-left:0}
/* Base theme sets "header.header .btn{font-size:25px;background:#f3f4f5}" on small screens */
header.hs-header .btn{font-size:.9rem}
header.hs-header .btn.btn-primary{background:var(--hs-blue-600);color:#fff}
header.hs-header .btn.btn-primary:hover{background:var(--hs-blue-700)}
header.hs-header .btn.hs-btn-ghost{background:#fff;color:var(--hs-ink-800)}
@media (max-width:575.98px){
  .hs-quick__item{flex-direction:column;text-align:center;gap:.4rem;padding:.75rem .4rem}
  .hs-quick__item small{display:none}
}
/* Registration uses the same auth shell; the form is long, so the aside sticks */
.hs-auth .Registr100-form{flex:1 1 58%;border-top:0;border-radius:0;padding:2.5rem;width:auto!important}
.hs-auth--register .wrap-login100{max-width:1180px;align-items:stretch}
.hs-auth--register .hs-auth__aside{flex:1 1 42%;align-items:flex-start}
.hs-auth--register .hs-auth__aside-in{position:sticky;top:2.5rem}
@media (max-width:991.98px){.hs-auth .Registr100-form{padding:1.75rem 1.25rem}}
.hs-auth__aside b{color:var(--hs-sun-300);font-weight:700}