@font-face{
  font-family:'Amiri';
  src:url('fonts/amiri/Amiri-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Amiri';
  src:url('fonts/amiri/Amiri-Bold.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Droid Kufi';
  src:url('fonts/amiri/DroidKufi-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Droid Kufi';
  src:url('fonts/amiri/DroidKufi-Bold.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'El Messiri';
  src:url('fonts/amiri/elmessiri-regular.otf') format('opentype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'El Messiri';
  src:url('fonts/amiri/elmessiri-semibold.otf') format('opentype');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'El Messiri';
  src:url('fonts/amiri/elmessiri-bold.otf') format('opentype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Mothanna';
  src:url('fonts/amiri/Mothanna.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Mothanna';
  src:url('fonts/amiri/Mothanna-Bold.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}


:root{
  --brand:#465FFF;
  --brand-600:#3641D9;
  --brand-soft:#EEF4FF;
  --brand-border:#DDE4FF;
  --gray-25:#FCFCFD;
  --gray-50:#F9FAFB;
  --gray-100:#F2F4F7;
  --gray-200:#E4E7EC;
  --gray-300:#D0D5DD;
  --gray-400:#98A2B3;
  --gray-500:#667085;
  --gray-600:#475467;
  --gray-700:#344054;
  --gray-800:#1D2939;
  --gray-900:#101828;
  --success:#12B76A;
  --warning:#F79009;
  --error:#F04438;
  --white:#fff;
  --shadow-xs:0 1px 2px rgba(16,24,40,.05);
  --shadow-sm:0 4px 12px rgba(16,24,40,.05);
  --shadow-md:0 14px 35px rgba(16,24,40,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--site-font-family, Inter, Tahoma, Arial, sans-serif);
  background:radial-gradient(circle at 10% 0%, rgba(70,95,255,.10), transparent 28%),radial-gradient(circle at 94% 8%, rgba(97,114,243,.08), transparent 26%),var(--gray-50);
  color:var(--gray-900);
  line-height:1.7;
  font-weight:400;
  text-align:right;
}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font-family:inherit}
img{max-width:100%;height:auto;display:block}
.front-container{width:min(1200px, calc(100% - 32px));margin-inline:auto}
.front-topbar{background:rgba(255,255,255,.88);border-bottom:1px solid var(--gray-200);color:var(--gray-600);font-size:13px}
.front-topbar-inner{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.front-topbar-links,.front-topbar-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.front-topbar a{display:inline-flex;align-items:center;gap:6px}
.front-header{position:sticky;top:0;z-index:40;background:rgba(249,250,251,.84);border-bottom:1px solid rgba(228,231,236,.86);backdrop-filter:blur(16px)}
.front-nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.front-logo{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--gray-900);white-space:nowrap;font-size:21px}
.front-logo-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),#7A5AF8);box-shadow:0 12px 24px rgba(70,95,255,.22)}
.front-menu{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gray-700);font-size:14px}
.front-menu-item{position:relative}
.front-menu-link{height:42px;padding:0 13px;display:flex;align-items:center;gap:6px;border-radius:12px;transition:.18s}
.front-menu-link:hover,.front-menu-link.active{background:var(--white);color:var(--brand);box-shadow:var(--shadow-xs)}
.front-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:330px;background:var(--white);border:1px solid var(--gray-200);border-radius:18px;box-shadow:var(--shadow-md);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}
.front-menu-item:hover .front-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.front-drop-link{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;transition:.18s}
.front-drop-link:hover{background:var(--gray-50)}
.front-drop-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.front-drop-link strong{display:block;font-size:14px;font-weight:600;color:var(--gray-900)}
.front-drop-link span span{display:block;font-size:12px;color:var(--gray-500);line-height:1.55;margin-top:2px}
.front-actions{display:flex;align-items:center;gap:10px}
.front-btn{height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid transparent;font-size:14px;cursor:pointer;transition:.18s;white-space:nowrap;font-weight:500;background:none}
.front-btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 20px rgba(70,95,255,.20)}
.front-btn-primary:hover{background:var(--brand-600);transform:translateY(-1px)}
.front-btn-outline{background:var(--white);border-color:var(--gray-200);color:var(--gray-700);box-shadow:var(--shadow-xs)}
.front-btn-outline:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}
.front-icon-btn{width:42px;padding:0}
.front-mobile-btn{display:none}
.front-hero{padding:64px 0 46px}
.front-hero-shell{position:relative;overflow:hidden;border:1px solid var(--gray-200);border-radius:34px;background:radial-gradient(circle at 16% 20%, rgba(70,95,255,.14), transparent 28%),linear-gradient(135deg,#fff,#F7F8FF);box-shadow:var(--shadow-md);padding:48px}
.front-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:42px;align-items:center}
.front-badge{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--brand-border);background:var(--brand-soft);color:var(--brand);font-size:13px;font-weight:500;margin-bottom:18px}
.front-hero h1{margin:0 0 18px;font-size:54px;line-height:1.14;letter-spacing:-1.2px;font-weight:700;color:var(--gray-900)}
.front-hero p{margin:0 0 28px;color:var(--gray-600);font-size:17px;max-width:640px}
.front-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.front-hero-note{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px;color:var(--gray-500);font-size:13px}
.front-hero-note span{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.75);border:1px solid var(--gray-200);padding:7px 10px;border-radius:999px}
.front-mini-check{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#ECFDF3;color:var(--success);font-size:11px}
.front-hero-ui{position:relative;min-height:470px}
.front-dashboard-card{position:absolute;inset:0 0 auto 0;background:var(--white);border:1px solid var(--gray-200);border-radius:26px;box-shadow:var(--shadow-md);padding:20px}
.front-dash-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.front-dash-title{font-size:14px;font-weight:600;color:var(--gray-800)}
.front-dash-actions{display:flex;gap:6px}.front-dash-actions i{width:9px;height:9px;border-radius:50%;display:block;background:var(--gray-300)}
.front-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}
.front-kpi{border:1px solid var(--gray-200);border-radius:18px;padding:14px;background:var(--gray-25)}
.front-kpi span{font-size:12px;color:var(--gray-500)}
.front-kpi strong{display:block;font-size:22px;line-height:1.25;font-weight:600;margin-top:5px;color:var(--gray-900)}
.front-chart-card{border:1px solid var(--gray-200);border-radius:18px;padding:16px;background:#fff}
.front-chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.front-chart-head strong{font-size:14px;font-weight:600}.front-chart-head span{font-size:12px;color:var(--success);background:#ECFDF3;border-radius:999px;padding:3px 8px}
.front-chart{height:132px;border-radius:14px;background:linear-gradient(var(--gray-100) 1px, transparent 1px),linear-gradient(90deg,var(--gray-100) 1px, transparent 1px);background-size:100% 33px,72px 100%;position:relative;overflow:hidden}
.front-chart svg{position:absolute;inset:0;width:100%;height:100%}
.front-domain-box{position:absolute;width:360px;left:0;bottom:0;background:#fff;border:1px solid var(--gray-200);border-radius:22px;padding:18px;box-shadow:var(--shadow-md)}
.front-domain-box h3{margin:0 0 4px;font-size:16px;font-weight:600}
.front-domain-box p{margin:0 0 14px;font-size:13px;color:var(--gray-500)}
.front-domain-search{display:flex;gap:8px;border:1px solid var(--gray-200);background:var(--gray-50);border-radius:14px;padding:6px}
.front-domain-search input{flex:1;border:0;background:transparent;outline:0;padding:0 10px;color:var(--gray-700);min-width:0}
.front-domain-search button{border:0;background:var(--brand);color:#fff;border-radius:10px;padding:0 14px}
.front-section{padding:56px 0}
.front-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.front-section-label{color:var(--brand);font-size:14px;font-weight:500;margin-bottom:7px}
.front-section h2,.front-page-title{margin:0;font-size:34px;line-height:1.25;font-weight:700;color:var(--gray-900)}
.front-section-head p{margin:8px 0 0;color:var(--gray-500);max-width:620px}
.front-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.front-card{background:var(--white);border:1px solid var(--gray-200);border-radius:20px;padding:22px;box-shadow:var(--shadow-xs);transition:.18s}
.front-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.front-card-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);margin-bottom:16px}
.front-card h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--gray-900)}
.front-card p{margin:0 0 18px;color:var(--gray-500);font-size:14px}
.front-price{display:flex;align-items:flex-end;gap:5px;margin-bottom:18px}
.front-price strong{font-size:30px;line-height:1;font-weight:600;color:var(--gray-900)}
.front-price span{font-size:13px;color:var(--gray-500)}
.front-card .front-btn{width:100%}
.front-band{background:var(--white);border-block:1px solid var(--gray-200)}
.front-feature-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:32px;align-items:center}
.front-mock-window{border:1px solid var(--gray-200);background:#fff;border-radius:24px;box-shadow:var(--shadow-md);padding:18px}
.front-mock-toolbar{height:42px;border-radius:14px;background:var(--gray-50);border:1px solid var(--gray-200);margin-bottom:14px}
.front-mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.front-mock-card{height:118px;border-radius:16px;border:1px solid var(--gray-200);background:linear-gradient(135deg,#F8FAFF,#FFFFFF)}
.front-mock-card:nth-child(2){background:linear-gradient(135deg,#FFF7ED,#FFFFFF)}
.front-mock-card:nth-child(3){background:linear-gradient(135deg,#ECFDF3,#FFFFFF)}
.front-mock-card:nth-child(4){background:linear-gradient(135deg,#F4F3FF,#FFFFFF)}
.front-feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
.front-feature-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--gray-200);border-radius:16px;background:#fff;padding:14px}
.front-feature-item i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-style:normal;flex:0 0 34px}
.front-feature-item strong{display:block;font-size:14px;font-weight:600;color:var(--gray-900)}
.front-feature-item span span{display:block;font-size:12px;color:var(--gray-500);margin-top:2px}
.front-premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.front-support{padding:62px 0;background:linear-gradient(135deg,#101828,#1D2939);color:#fff}
.front-support-grid{display:grid;grid-template-columns:1fr .9fr;gap:32px;align-items:center}
.front-support .front-section-label{color:#A4BCFD}
.front-support h2{font-size:34px;line-height:1.25;margin:0 0 12px;font-weight:700}
.front-support p{color:#D0D5DD;margin:0 0 24px}
.front-support-panel{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:24px;padding:18px;backdrop-filter:blur(16px)}
.front-support-row{display:flex;gap:12px;padding:14px;border-radius:16px;background:rgba(255,255,255,.05);margin-bottom:10px}
.front-support-row:last-child{margin-bottom:0}.front-support-row i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.10);font-style:normal}
.front-support-row strong{display:block;font-size:14px;font-weight:600}.front-support-row span{display:block;font-size:12px;color:#D0D5DD;margin-top:2px}
.front-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-30px;position:relative;z-index:2}
.front-stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:20px;padding:22px;text-align:center;box-shadow:var(--shadow-md)}
.front-stat-card strong{display:block;font-size:30px;font-weight:600;color:var(--gray-900)}.front-stat-card span{font-size:14px;color:var(--gray-500)}
.front-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.front-info-card{background:#fff;border:1px solid var(--gray-200);border-radius:24px;padding:22px;box-shadow:var(--shadow-xs);min-height:290px}
.front-client-preview{background:#fff;border:1px solid var(--gray-200);border-radius:22px;padding:18px}
.front-preview-header{height:44px;border-radius:14px;background:var(--gray-50);border:1px solid var(--gray-200);margin-bottom:14px}
.front-preview-row{height:50px;border-radius:14px;background:#fff;border:1px solid var(--gray-200);margin-bottom:10px}
.front-cpanel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.front-cpanel-box{height:86px;border:1px solid var(--gray-200);border-radius:18px;background:var(--gray-50);display:grid;place-items:center;color:var(--brand);font-weight:600;font-size:13px}
.front-cta{border:1px solid var(--brand-border);border-radius:28px;background:radial-gradient(circle at 20% 0%, rgba(255,255,255,.22), transparent 28%),linear-gradient(135deg,var(--brand),#7A5AF8);color:#fff;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 18px 42px rgba(70,95,255,.22)}
.front-cta h2{margin:0;font-size:32px;font-weight:700}.front-cta p{margin:8px 0 0;color:#EAECFF}.front-cta .front-btn{background:#fff;color:var(--brand)}
.front-page-hero{padding:52px 0 20px}.front-page-hero-box{border:1px solid var(--gray-200);border-radius:28px;background:#fff;padding:34px;box-shadow:var(--shadow-sm)}
.front-page-hero p{color:var(--gray-500);max-width:760px;margin:12px 0 0}
.front-footer{margin-top:56px;background:#fff;border-top:1px solid var(--gray-200);padding:48px 0 24px}
.front-footer-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:26px;margin-bottom:28px}
.front-footer p,.front-footer a{color:var(--gray-500);font-size:14px}.front-footer h3{font-size:15px;font-weight:600;margin:0 0 12px}.front-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.front-footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--gray-200);padding-top:20px;color:var(--gray-500);font-size:13px}
.front-auth-wrap{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:46px 0}
.front-auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--gray-200);border-radius:24px;box-shadow:var(--shadow-md);padding:28px}
.front-form-group{margin-bottom:16px}.front-form-group label{display:block;margin-bottom:8px;color:var(--gray-700);font-size:14px}
.front-input{width:100%;height:44px;border:1px solid var(--gray-200);border-radius:12px;padding:0 12px;background:#fff;color:var(--gray-900);outline:none}.front-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(70,95,255,.10)}
@media(max-width:1040px){
  .front-menu{display:none}.front-mobile-btn{display:inline-flex}
  .front-hero-grid,.front-feature-layout,.front-support-grid,.front-split-grid{grid-template-columns:1fr}
  .front-cards-grid{grid-template-columns:repeat(2,1fr)}
  .front-premium-grid{grid-template-columns:repeat(2,1fr)}
  .front-stats-grid{grid-template-columns:repeat(2,1fr)}
  .front-footer-grid{grid-template-columns:1fr 1fr}
  .front-hero-ui{min-height:510px}
}
@media(max-width:680px){
  .front-topbar{display:none}
  .front-actions .front-btn-primary,.front-actions .front-btn-outline:not(.front-icon-btn){display:none}
  .front-hero{padding-top:36px}.front-hero-shell{padding:26px;border-radius:24px}.front-hero h1{font-size:34px}.front-hero p{font-size:15px}
  .front-dashboard-card,.front-domain-box{position:relative;inset:auto;width:auto}.front-domain-box{margin-top:14px}.front-hero-ui{min-height:auto}
  .front-cards-grid,.front-premium-grid,.front-stats-grid,.front-feature-list,.front-footer-grid{grid-template-columns:1fr}
  .front-section-head{display:block}.front-section h2,.front-support h2,.front-cta h2,.front-page-title{font-size:26px}
  .front-mock-grid,.front-cpanel-grid{grid-template-columns:1fr}
  .front-cta{display:block;padding:26px}.front-cta .front-btn{margin-top:18px}
  .front-footer-bottom{display:block}
}


.front-dynamic-logo img{
  max-height:42px;
  max-width:190px;
  object-fit:contain;
}
.front-logo-dark{
  display:none;
}
body.dark .front-logo-light{
  display:none;
}
body.dark .front-logo-dark{
  display:block;
}


.front-dynamic-logo img{
  max-height:52px!important;
  max-width:245px!important;
}
.front-header .front-logo{
  min-height:52px;
}
.front-footer .front-dynamic-logo img{
  max-height:48px!important;
  max-width:230px!important;
}
@media (max-width:680px){
  .front-dynamic-logo img{
    max-height:44px!important;
    max-width:190px!important;
  }
}


.front-topbar{
  background:#F8FAFC!important;
  border-bottom:1px solid #E4E7EC!important;
  color:#475467!important;
}
.front-topbar-inner{
  min-height:44px!important;
}
.front-topbar a{
  height:30px;
  padding:0 6px;
  border-radius:8px;
  font-size:13px;
}
.front-topbar a:hover{
  color:var(--brand);
  background:#FFFFFF;
}
.front-header{
  top:0;
  background:#FFFFFF!important;
  border-bottom:1px solid #E4E7EC!important;
  box-shadow:0 8px 24px rgba(16,24,40,.04)!important;
  backdrop-filter:none!important;
}
.front-nav{
  min-height:92px!important;
}
.front-logo{
  gap:14px!important;
  font-size:23px!important;
}
.front-dynamic-logo img{
  max-height:58px!important;
  max-width:270px!important;
}
.front-menu{
  gap:4px!important;
  font-size:14px!important;
}
.front-menu-link{
  height:92px!important;
  padding:0 13px!important;
  border-radius:0!important;
  color:#344054;
  position:relative;
}
.front-menu-link::after{
  content:"";
  position:absolute;
  right:14px;
  left:14px;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:transparent;
  transition:.18s ease;
}
.front-menu-link:hover,
.front-menu-link.active{
  background:transparent!important;
  box-shadow:none!important;
  color:var(--brand)!important;
}
.front-menu-link:hover::after,
.front-menu-link.active::after{
  background:var(--brand);
}
.front-dropdown{
  top:calc(100% + 0px)!important;
  width:380px!important;
  padding:14px!important;
  border-radius:18px!important;
  border:1px solid #E4E7EC!important;
  box-shadow:0 24px 60px rgba(16,24,40,.14)!important;
}
.front-drop-link{
  gap:14px!important;
  padding:14px!important;
}
.front-drop-icon{
  width:44px!important;
  height:44px!important;
  flex-basis:44px!important;
}
.front-drop-link strong{
  font-size:15px!important;
}
.front-drop-link span span{
  font-size:13px!important;
}
.front-actions{
  gap:12px!important;
}
.front-actions .front-btn{
  min-width:auto;
  height:44px!important;
}
.front-actions .front-btn-outline{
  background:#FFFFFF!important;
}
.front-actions .front-btn-primary{
  padding-inline:20px!important;
}
@media(max-width:1040px){
  .front-nav{min-height:76px!important}
  .front-dynamic-logo img{max-height:48px!important;max-width:220px!important}
}
@media(max-width:680px){
  .front-dynamic-logo img{max-height:42px!important;max-width:190px!important}
}


.front-dynamic-logo img{
  max-height:68px!important;
  max-width:310px!important;
}
.front-header .front-logo{
  min-height:68px!important;
}
.front-footer .front-dynamic-logo img{
  max-height:58px!important;
  max-width:270px!important;
}
.front-auth-card .front-logo,
.front-auth-card .front-dynamic-logo{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:28px!important;
}
.front-auth-card .front-dynamic-logo img,
.front-auth-card .front-logo img{
  max-height:88px!important;
  max-width:340px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.front-auth-card .front-logo-icon{
  width:64px!important;
  height:64px!important;
  border-radius:18px!important;
}
.front-auth-card .front-logo span:last-child{
  font-size:28px!important;
}
@media(max-width:1040px){
  .front-dynamic-logo img{
    max-height:58px!important;
    max-width:260px!important;
  }
  .front-header .front-logo{
    min-height:58px!important;
  }
}
@media(max-width:680px){
  .front-dynamic-logo img{
    max-height:50px!important;
    max-width:220px!important;
  }
  .front-header .front-logo{
    min-height:50px!important;
  }
  .front-auth-card .front-dynamic-logo img,
  .front-auth-card .front-logo img{
    max-height:74px!important;
    max-width:280px!important;
  }
}


button,
.front-btn,
.front-btn-primary,
.front-btn-outline,
.front-icon-btn,
.front-mobile-btn,
.front-actions .front-btn,
.front-domain-search button,
.front-cta .front-btn,
.front-auth-card button,
a.front-btn,
[type="button"],
[type="submit"],
[type="reset"]{
  box-shadow:none!important;
}
button:hover,
.front-btn:hover,
.front-btn-primary:hover,
.front-btn-outline:hover,
.front-icon-btn:hover,
.front-mobile-btn:hover,
.front-actions .front-btn:hover,
.front-domain-search button:hover,
.front-cta .front-btn:hover,
.front-auth-card button:hover,
a.front-btn:hover,
[type="button"]:hover,
[type="submit"]:hover,
[type="reset"]:hover,
button:focus,
.front-btn:focus,
.front-btn-primary:focus,
.front-btn-outline:focus,
.front-icon-btn:focus,
.front-mobile-btn:focus,
.front-actions .front-btn:focus,
.front-domain-search button:focus,
.front-cta .front-btn:focus,
.front-auth-card button:focus,
a.front-btn:focus,
[type="button"]:focus,
[type="submit"]:focus,
[type="reset"]:focus{
  box-shadow:none!important;
}


.front-footer ul a{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 8px;
  margin-inline-start:-8px;
  border-radius:8px;
  transition:color .18s ease, background-color .18s ease;
}
.front-footer ul a:hover,
.front-footer ul a:focus{
  color:var(--brand)!important;
  background:#FFFFFF;
}
.front-footer .front-logo:hover{
  color:var(--brand);
}


.front-header .front-dynamic-logo img{
  max-height:78px!important;
  max-width:350px!important;
}
.front-header .front-logo{
  min-height:78px!important;
}
.front-nav{
  min-height:104px!important;
}
.front-menu-link{
  height:104px!important;
}
@media(max-width:1040px){
  .front-header .front-dynamic-logo img{
    max-height:64px!important;
    max-width:285px!important;
  }
  .front-header .front-logo{
    min-height:64px!important;
  }
  .front-nav{
    min-height:86px!important;
  }
}
@media(max-width:680px){
  .front-header .front-dynamic-logo img{
    max-height:54px!important;
    max-width:235px!important;
  }
  .front-header .front-logo{
    min-height:54px!important;
  }
  .front-nav{
    min-height:78px!important;
  }
}


.front-theme-toggle{
  height:30px;
  min-width:34px;
  border:0;
  border-radius:8px;
  background:#fff;
  color:var(--brand);
  cursor:pointer;
  padding:0 8px;
}
.front-theme-toggle:hover{
  background:#fff;
  color:var(--brand);
}
.front-footer-contact{
  display:grid;
  gap:6px;
  margin-top:14px;
  color:var(--gray-500);
  font-size:13px;
}
.front-footer-bottom-custom{
  display:grid!important;
  grid-template-columns:1fr 1.2fr 1fr;
  align-items:center;
}
.front-footer-policies{
  display:flex;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
}
html[dir="rtl"] .front-footer-policies{
  justify-content:flex-start;
}
.front-footer-policies a{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 8px;
  border-radius:8px;
  color:var(--gray-500);
}
.front-footer-policies a:hover{
  color:var(--brand)!important;
  background:#fff;
}
.front-footer-center{
  text-align:center;
  display:grid;
  gap:10px;
  justify-items:center;
}
.front-socials{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.front-socials a{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#fff!important;
  font-size:11px;
  font-weight:700;
}
.front-social-whatsapp{background:#25D366}
.front-social-youtube{background:#FF0000}
.front-social-facebook{background:#1877F2}
.front-social-instagram{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4)}
.front-social-tiktok{background:#111827}
.front-footer-payments{
  display:flex;
  justify-content:flex-end;
}
html[dir="rtl"] .front-footer-payments{
  justify-content:flex-end;
}
.front-footer-payments img{
  max-height:38px;
  max-width:260px;
  object-fit:contain;
}
body.front-dark{
  background:#0B1220;
  color:#EAECF0;
}
body.front-dark .front-topbar,
body.front-dark .front-header,
body.front-dark .front-footer,
body.front-dark .front-page-hero-box,
body.front-dark .front-card,
body.front-dark .front-info-card,
body.front-dark .front-stat-card,
body.front-dark .front-dashboard-card,
body.front-dark .front-domain-box,
body.front-dark .front-chart-card{
  background:#101828!important;
  border-color:#1F2937!important;
  color:#EAECF0!important;
}
body.front-dark .front-menu-link,
body.front-dark .front-footer a,
body.front-dark .front-topbar a,
body.front-dark p,
body.front-dark .front-kpi span,
body.front-dark .front-page-hero p{
  color:#98A2B3!important;
}
body.front-dark h1,
body.front-dark h2,
body.front-dark h3,
body.front-dark strong,
body.front-dark .front-page-title{
  color:#fff!important;
}
body.front-dark .front-kpi,
body.front-dark .front-domain-search,
body.front-dark .front-input,
body.front-dark .front-mock-window,
body.front-dark .front-client-preview,
body.front-dark .front-preview-row,
body.front-dark .front-preview-header{
  background:#0B1220!important;
  border-color:#1F2937!important;
}
@media(max-width:760px){
  .front-footer-bottom-custom{
    grid-template-columns:1fr;
    gap:16px;
    text-align:center;
  }
  .front-footer-policies,
  .front-footer-payments{
    justify-content:center!important;
  }
}


.front-company-block span{
  color:var(--gray-500);
  font-size:14px;
}
.front-company-block li{
  line-height:1.7;
}
.front-footer-grid{
  grid-template-columns:1.45fr repeat(5,1fr)!important;
}
@media(max-width:1040px){
  .front-footer-grid{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:680px){
  .front-footer-grid{
    grid-template-columns:1fr!important;
  }
}


.front-socials a{
  font-size:0!important;
  line-height:1!important;
  border:0!important;
  background:transparent!important;
  cursor:pointer!important;
  padding:0!important;
}
.front-socials a svg{
  width:18px;
  height:18px;
  display:block;
  fill:currentColor;
}
.front-socials a.front-social-youtube svg{
  width:20px;
}
.front-socials a.front-social-instagram svg{
  width:19px;
  height:19px;
}


.front-gtranslate{
  display:inline-flex;
  align-items:center;
  max-width:100%;
}
.front-gtranslate .gtranslate_wrapper,
.front-gtranslate select,
.front-gtranslate a{
  max-width:100%;
}
.front-gtranslate select,
.front-gtranslate .gt_selector{
  min-height:30px;
  border:1px solid var(--gray-200);
  border-radius:8px;
  background:#fff;
  color:var(--gray-700);
  padding:0 10px;
  font-family:var(--site-font-family, Inter, Tahoma, Arial, sans-serif);
  font-size:13px;
  outline:none;
}
.front-gtranslate-footer{
  margin-top:4px;
  justify-content:center;
}
body.front-dark .front-gtranslate select,
body.front-dark .front-gtranslate .gt_selector{
  background:#101828;
  border-color:#1F2937;
  color:#EAECF0;
}


html[dir="rtl"] body.front-site{
  direction:rtl;
  text-align:right;
}
html[dir="ltr"] body.front-site{
  direction:ltr;
  text-align:left;
}
html[dir="ltr"] .front-topbar-inner,
html[dir="ltr"] .front-nav,
html[dir="ltr"] .front-hero-grid,
html[dir="ltr"] .front-feature-layout,
html[dir="ltr"] .front-support-grid,
html[dir="ltr"] .front-split-grid{
  direction:ltr;
}
html[dir="ltr"] .front-menu,
html[dir="ltr"] .front-actions,
html[dir="ltr"] .front-topbar-links,
html[dir="ltr"] .front-topbar-actions,
html[dir="ltr"] .front-hero-actions,
html[dir="ltr"] .front-hero-note{
  direction:ltr;
}
html[dir="ltr"] .front-dropdown{
  right:auto!important;
  left:0!important;
  text-align:left;
}
html[dir="ltr"] .front-drop-link,
html[dir="ltr"] .front-support-row,
html[dir="ltr"] .front-feature-item{
  direction:ltr;
  text-align:left;
}
html[dir="ltr"] .front-domain-box,
html[dir="ltr"] .front-dashboard-card,
html[dir="ltr"] .front-card,
html[dir="ltr"] .front-info-card,
html[dir="ltr"] .front-page-hero-box{
  text-align:left;
}
html[dir="ltr"] .front-footer,
html[dir="ltr"] .front-footer-grid,
html[dir="ltr"] .front-footer-bottom-custom{
  direction:ltr;
  text-align:left;
}
html[dir="ltr"] .front-footer-policies{
  justify-content:flex-start!important;
}
html[dir="ltr"] .front-footer-payments{
  justify-content:flex-end!important;
}
html[dir="ltr"] .front-socials{
  direction:ltr;
}
html[dir="ltr"] .front-domain-search{
  direction:ltr;
}
html[dir="ltr"] .front-domain-search input{
  text-align:left;
}
html[dir="ltr"] .front-form-group,
html[dir="ltr"] .front-auth-card{
  text-align:left;
}
html[dir="ltr"] .front-input{
  text-align:left;
}
html[dir="rtl"] .front-input{
  text-align:right;
}
html[dir="rtl"] .front-dropdown{
  right:0!important;
  left:auto!important;
  text-align:right;
}
html[dir="rtl"] .front-domain-search input{
  text-align:right;
}
html[dir="ltr"] .front-footer ul a{
  margin-inline-start:0;
  margin-inline-end:-8px;
}
html[dir="ltr"] .front-feature-item i,
html[dir="ltr"] .front-drop-icon,
html[dir="ltr"] .front-support-row i{
  flex-shrink:0;
}


body{
  top:0!important;
}
.goog-te-banner-frame,
.skiptranslate iframe{
  display:none!important;
}
.front-gtranslate{
  min-height:30px;
}
.front-gtranslate select,
.front-gtranslate .gt_selector{
  max-width:220px;
}


.front-gtranslate-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.front-lang-switcher{
  position:relative;
  display:inline-flex;
  align-items:center;
  z-index:80;
}
.front-lang-current{
  height:36px;
  min-width:104px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:1px solid var(--gray-200);
  background:#fff;
  color:var(--gray-700);
  border-radius:12px;
  padding:0 10px;
  cursor:pointer;
  font-family:var(--site-font-family, Inter, Tahoma, Arial, sans-serif);
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.front-lang-current:hover{
  border-color:var(--gray-300);
  color:var(--brand);
}
.front-lang-check{
  width:18px;
  color:var(--gray-600);
  font-size:16px;
  line-height:1;
}
.front-lang-text{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  font-size:13px;
}
.front-lang-flag{
  font-size:18px;
  line-height:1;
}
.front-lang-arrow{
  color:var(--gray-500);
  font-size:14px;
}
.front-lang-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:190px;
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:18px;
  padding:8px;
  box-shadow:0 18px 48px rgba(16,24,40,.14);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.18s ease;
}
.front-lang-switcher.is-open .front-lang-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.front-lang-option{
  width:100%;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:38px;
  border-radius:12px;
  padding:0 9px;
  color:var(--gray-700);
  cursor:pointer;
  font-family:var(--site-font-family, Inter, Tahoma, Arial, sans-serif);
  text-align:inherit;
}
.front-lang-option:hover,
.front-lang-option.is-active{
  background:#F4F7FF;
  color:var(--gray-800);
}
.front-lang-option-check{
  width:16px;
  color:var(--brand);
  opacity:0;
  font-size:15px;
}
.front-lang-option.is-active .front-lang-option-check{
  opacity:1;
}
.front-lang-name{
  font-size:13px;
  white-space:nowrap;
}
html[dir="ltr"] .front-lang-menu{
  right:auto;
  left:0;
}
html[dir="ltr"] .front-lang-option{
  text-align:left;
}
.front-gtranslate-footer .front-lang-menu{
  top:auto;
  bottom:calc(100% + 8px);
}
body.front-dark .front-lang-current,
body.front-dark .front-lang-menu{
  background:#101828;
  border-color:#1F2937;
  color:#EAECF0;
}
body.front-dark .front-lang-option{
  color:#D0D5DD;
}
body.front-dark .front-lang-option:hover,
body.front-dark .front-lang-option.is-active{
  background:#182230;
  color:#fff;
}


.front-gtranslate > .skiptranslate,
.front-gtranslate > .gt_float_switcher,
.front-gtranslate > .gt_switcher,
.front-gtranslate > .gt_container,
.front-gtranslate select.gt_selector{
  display:none!important;
}
.front-gtranslate{
  position:relative;
}


.front-google-translate-element,
.front-google-translate-element .skiptranslate,
#google_translate_element{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body{
  top:0!important;
}
.goog-te-banner-frame,
.skiptranslate iframe{
  display:none!important;
}
.front-lang-switcher{
  position:relative;
  display:inline-flex;
  align-items:center;
  z-index:80;
}
.front-lang-current{
  height:36px;
  min-width:104px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:1px solid var(--gray-200);
  background:#fff;
  color:var(--gray-700);
  border-radius:12px;
  padding:0 10px;
  cursor:pointer;
  font-family:var(--site-font-family, Inter, Tahoma, Arial, sans-serif);
}
.front-lang-current:hover{
  border-color:var(--gray-300);
  color:var(--brand);
}
.front-lang-check{
  width:18px;
  color:var(--gray-600);
  font-size:16px;
  line-height:1;
}
.front-lang-text{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  font-size:13px;
}
.front-lang-flag{
  font-size:18px;
  line-height:1;
}
.front-lang-arrow{
  color:var(--gray-500);
  font-size:14px;
}
.front-lang-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:190px;
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:18px;
  padding:8px;
  box-shadow:0 18px 48px rgba(16,24,40,.14);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.18s ease;
}
.front-lang-switcher.is-open .front-lang-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.front-lang-option{
  width:100%;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:38px;
  border-radius:12px;
  padding:0 9px;
  color:var(--gray-700);
  cursor:pointer;
  font-family:var(--site-font-family, Inter, Tahoma, Arial, sans-serif);
  text-align:inherit;
}
.front-lang-option:hover,
.front-lang-option.is-active{
  background:#F4F7FF;
  color:var(--gray-800);
}
.front-lang-option-check{
  width:16px;
  color:var(--brand);
  opacity:0;
  font-size:15px;
}
.front-lang-option.is-active .front-lang-option-check{
  opacity:1;
}
.front-lang-name{
  font-size:13px;
  white-space:nowrap;
}
html[dir="ltr"] .front-lang-menu{
  right:auto;
  left:0;
}
html[dir="ltr"] .front-lang-option{
  text-align:left;
}
.front-gtranslate-footer .front-lang-menu{
  top:auto;
  bottom:calc(100% + 8px);
}
body.front-dark .front-lang-current,
body.front-dark .front-lang-menu{
  background:#101828;
  border-color:#1F2937;
  color:#EAECF0;
}
body.front-dark .front-lang-option{
  color:#D0D5DD;
}
body.front-dark .front-lang-option:hover,
body.front-dark .front-lang-option.is-active{
  background:#182230;
  color:#fff;
}


.front-topbar-links > a[href*="set-language.php"],
.front-topbar a[href*="set-language.php"],
a[href*="set-language.php?lang="]{
  display:none!important;
}


.front-lang-flag{
  display:none!important;
}
.front-flag-icon{
  width:22px;
  height:15px;
  flex:0 0 22px;
  display:inline-block;
  border-radius:2px;
  overflow:hidden;
  position:relative;
  box-shadow:inset 0 0 0 1px rgba(16,24,40,.16);
  background:#eef2f6;
}
.front-flag-sa{
  background:#006C35;
}
.front-flag-sa::after{
  content:"";
  position:absolute;
  left:5px;
  right:5px;
  bottom:4px;
  height:2px;
  background:#fff;
  border-radius:2px;
}
.front-flag-gb{
  background:
    linear-gradient(90deg, transparent 42%, #fff 42% 58%, transparent 58%),
    linear-gradient(0deg, transparent 38%, #fff 38% 62%, transparent 62%),
    linear-gradient(90deg, transparent 46%, #C8102E 46% 54%, transparent 54%),
    linear-gradient(0deg, transparent 43%, #C8102E 43% 57%, transparent 57%),
    #012169;
}
.front-flag-se{
  background:
    linear-gradient(90deg, transparent 28%, #FECC00 28% 42%, transparent 42%),
    linear-gradient(0deg, transparent 40%, #FECC00 40% 58%, transparent 58%),
    #006AA7;
}
.front-flag-de{
  background:linear-gradient(#000 0 33.33%, #DD0000 33.33% 66.66%, #FFCE00 66.66% 100%);
}
.front-flag-fr{
  background:linear-gradient(90deg,#0055A4 0 33.33%,#fff 33.33% 66.66%,#EF4135 66.66% 100%);
}
.front-flag-es{
  background:linear-gradient(#AA151B 0 25%,#F1BF00 25% 75%,#AA151B 75% 100%);
}
.front-flag-tr{
  background:#E30A17;
}
.front-flag-tr::before{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  left:5px;
  top:3.5px;
  box-shadow:-2px 0 0 1.5px #fff;
}
.front-flag-tr::after{
  content:"";
  position:absolute;
  left:13px;
  top:5px;
  width:0;
  height:0;
  border-left:4px solid #fff;
  border-top:2px solid transparent;
  border-bottom:2px solid transparent;
}
.front-flag-it{
  background:linear-gradient(90deg,#009246 0 33.33%,#fff 33.33% 66.66%,#CE2B37 66.66% 100%);
}
.front-flag-nl{
  background:linear-gradient(#AE1C28 0 33.33%,#fff 33.33% 66.66%,#21468B 66.66% 100%);
}
.front-lang-text .front-flag-icon{
  margin-inline-end:1px;
}
.front-lang-option .front-flag-icon{
  margin-inline-end:0;
}
body.front-dark .front-flag-icon{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}


.front-flag-sa{
  background:#006C35!important;
}
.front-flag-sa::before{
  content:"";
  position:absolute;
  left:4px;
  right:4px;
  top:5px;
  height:2px;
  background:#fff;
  border-radius:2px;
  box-shadow:0 4px 0 #fff;
}
.front-flag-sa::after{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  bottom:3px;
  height:1.6px;
  background:#fff;
  border-radius:2px;
}

.front-flag-gb{
  background:#012169!important;
}
.front-flag-gb::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(33deg, transparent 0 43%, #fff 43% 50%, #C8102E 50% 54%, #fff 54% 61%, transparent 61% 100%),
    linear-gradient(-33deg, transparent 0 43%, #fff 43% 50%, #C8102E 50% 54%, #fff 54% 61%, transparent 61% 100%),
    linear-gradient(90deg, transparent 0 39%, #fff 39% 61%, transparent 61% 100%),
    linear-gradient(0deg, transparent 0 35%, #fff 35% 65%, transparent 65% 100%),
    linear-gradient(90deg, transparent 0 44%, #C8102E 44% 56%, transparent 56% 100%),
    linear-gradient(0deg, transparent 0 42%, #C8102E 42% 58%, transparent 58% 100%);
}
.front-flag-gb::after{
  content:none!important;
}


.front-flag-icon{
  width:24px!important;
  height:16px!important;
  flex:0 0 24px!important;
  display:inline-block!important;
  border-radius:3px!important;
  overflow:hidden!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  box-shadow:inset 0 0 0 1px rgba(16,24,40,.14)!important;
}
.front-flag-icon::before,
.front-flag-icon::after{
  content:none!important;
  display:none!important;
}
.front-flag-sa{background-image:url("flags/sa.svg")!important;background-color:transparent!important;}
.front-flag-gb{background-image:url("flags/gb.svg")!important;background-color:transparent!important;}
.front-flag-se{background-image:url("flags/se.svg")!important;background-color:transparent!important;}
.front-flag-de{background-image:url("flags/de.svg")!important;background-color:transparent!important;}
.front-flag-fr{background-image:url("flags/fr.svg")!important;background-color:transparent!important;}
.front-flag-es{background-image:url("flags/es.svg")!important;background-color:transparent!important;}
.front-flag-tr{background-image:url("flags/tr.svg")!important;background-color:transparent!important;}
.front-flag-it{background-image:url("flags/it.svg")!important;background-color:transparent!important;}
.front-flag-nl{background-image:url("flags/nl.svg")!important;background-color:transparent!important;}
.front-lang-option .front-flag-icon,
.front-lang-text .front-flag-icon{
  margin-inline-end:2px!important;
}


.front-lang-menu{
  width:155px!important;
  padding:6px!important;
  border-radius:16px!important;
}
.front-lang-option{
  min-height:34px!important;
  gap:7px!important;
  padding:0 7px!important;
  border-radius:10px!important;
}
.front-lang-name{
  font-size:12.5px!important;
}
.front-lang-option-check{
  width:13px!important;
  font-size:13px!important;
}
.front-flag-icon{
  width:22px!important;
  height:15px!important;
  flex-basis:22px!important;
}
.front-lang-current{
  min-width:98px!important;
}


.front-control-button{
  height:36px!important;
  border:1px solid var(--gray-200)!important;
  background:#FFFFFF!important;
  color:var(--gray-700)!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 11px!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease!important;
}
.front-control-button:hover{
  border-color:var(--gray-300)!important;
  color:var(--brand)!important;
  background:#F9FAFB!important;
}
.front-theme-toggle{
  width:auto!important;
  min-width:74px!important;
  position:relative!important;
}
.front-theme-icon{
  width:24px;
  height:24px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
}
.front-theme-moon{
  background:#101828;
  color:#fff;
}
.front-theme-sun{
  background:#F9FAFB;
  color:#F79009;
  border:1px solid var(--gray-200);
}
body.front-dark .front-theme-moon{
  background:#F2F4F7;
  color:#101828;
}
body.front-dark .front-theme-sun{
  background:#F79009;
  color:#fff;
  border-color:#F79009;
}
.front-currency-switch{
  min-width:86px!important;
}
.front-currency-icon{
  width:22px;
  height:22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#ECFDF3;
  color:#039855;
  font-weight:700;
  font-size:13px;
}
.front-currency-text{
  font-size:13px;
  font-weight:500;
}
.front-currency-arrow{
  color:var(--gray-500);
  font-size:13px;
}
body.front-dark .front-control-button{
  background:#101828!important;
  border-color:#1F2937!important;
  color:#D0D5DD!important;
}
body.front-dark .front-control-button:hover{
  background:#182230!important;
  color:#fff!important;
}


.front-dropdown-icon{
  width:18px!important;
  height:18px!important;
  display:inline-block!important;
  flex:0 0 18px!important;
  color:#667085!important;
  transition:transform .18s ease,color .18s ease!important;
}
.front-control-button:hover .front-dropdown-icon,
.front-lang-current:hover .front-dropdown-icon{
  color:#465FFF!important;
}
.front-lang-switcher.is-open .front-lang-arrow-icon{
  transform:rotate(180deg);
}
.front-currency-switch .front-currency-arrow-icon{
  margin-inline-start:-2px;
}
.front-lang-current .front-lang-arrow-icon{
  margin-inline-start:-2px;
}
body.front-dark .front-dropdown-icon{
  color:#98A2B3!important;
}
body.front-dark .front-control-button:hover .front-dropdown-icon,
body.front-dark .front-lang-current:hover .front-dropdown-icon{
  color:#FFFFFF!important;
}


.front-drop-link{
  align-items:center!important;
}
.front-drop-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--brand-soft)!important;
  color:var(--brand)!important;
  box-shadow:inset 0 0 0 1px rgba(70,95,255,.08)!important;
}
.front-drop-icon svg{
  width:20px!important;
  height:20px!important;
  display:block!important;
}
.front-drop-icon-building{
  background:#EFF8FF!important;
  color:#175CD3!important;
}
.front-drop-icon-mail{
  background:#EEF4FF!important;
  color:#465FFF!important;
}
.front-drop-icon-server{
  background:#F2F4F7!important;
  color:#344054!important;
}
.front-drop-icon-linux{
  background:#F4EBFF!important;
  color:#7A5AF8!important;
}
.front-drop-icon-windows{
  background:#ECFDF3!important;
  color:#039855!important;
}
.front-drop-link > span:last-child{
  min-width:0;
}
.front-drop-link strong{
  margin-bottom:2px!important;
}
body.front-dark .front-drop-icon{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
}


#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover,
.goog-text-highlight,
.goog-te-balloon-frame,
.VIpgJd-yAWNEb-L7lbkb,
.VIpgJd-yAWNEb-hvhgNd,
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q,
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q:hover{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.goog-text-highlight{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
body.translated-ltr,
body.translated-rtl{
  top:0!important;
}


.front-topbar-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.front-topbar-link-iconic{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:inherit!important;
}
.front-topbar-link-icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#667085;
  transition:color .18s ease, transform .18s ease;
}
.front-topbar-link-iconic:hover .front-topbar-link-icon{
  color:var(--brand);
  transform:translateY(-1px);
}
.front-topbar-link-icon svg{
  width:16px;
  height:16px;
  display:block;
}
body.front-dark .front-topbar-link-icon{
  color:#98A2B3;
}
body.front-dark .front-topbar-link-iconic:hover .front-topbar-link-icon{
  color:#FFFFFF;
}


.front-hero-slider-section{
  padding:32px 0 46px;
}
.front-site-slider{
  position:relative;
  min-height:430px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.55);
  background:#0f172a;
  isolation:isolate;
}
.front-site-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .55s ease, visibility .55s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.front-site-slide.is-active{
  opacity:1;
  visibility:visible;
}
.front-site-slide-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
  transition:transform 6s ease;
}
.front-site-slide.is-active .front-site-slide-bg{
  transform:scale(1.08);
}
.front-site-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(180deg, rgba(15,23,42,.12), rgba(15,23,42,.28));
  z-index:1;
}
.front-site-slide-content{
  position:relative;
  z-index:2;
  width:min(900px, calc(100% - 120px));
  margin-inline:auto;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.front-site-slide-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 18px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.34);
  font-size:var(--front-slide-badge-size,13px);
  margin-bottom:18px;
  backdrop-filter:blur(10px);
}
.front-site-slide h1{
  margin:0;
  font-size:clamp(26px, var(--front-slide-title-size,56px), 90px);
  line-height:1.12;
  font-weight:800;
  letter-spacing:-.02em;
  text-shadow:0 8px 24px rgba(0,0,0,.16);
}
.front-site-slide p{
  margin:16px 0 0;
  max-width:780px;
  color:rgba(255,255,255,.92);
  font-size:clamp(15px, var(--front-slide-subtitle-size,18px), 34px);
  line-height:1.8;
}
.front-site-slide-button{
  margin-top:28px;
  min-height:48px;
  padding:0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:999px;
  background:#FDE047;
  color:#101828;
  font-size:var(--front-slide-button-size,15px);
  font-weight:600;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:none!important;
  transition:transform .18s ease, background-color .18s ease;
}
.front-site-slide-button:hover{
  background:#FACC15;
  transform:translateY(-1px);
}
.front-site-slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  width:48px;
  height:48px;
  border:0;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.20);
  color:#fff;
  cursor:pointer;
  box-shadow:none!important;
  backdrop-filter:blur(8px);
  transition:background-color .18s ease, transform .18s ease;
}
.front-site-slider-arrow:hover{
  background:rgba(255,255,255,.32);
}
.front-site-slider-prev{
  right:24px;
}
.front-site-slider-next{
  left:24px;
}
html[dir="ltr"] .front-site-slider-prev{
  left:24px;
  right:auto;
}
html[dir="ltr"] .front-site-slider-next{
  right:24px;
  left:auto;
}
.front-site-slider-dots{
  position:absolute;
  z-index:5;
  bottom:24px;
  left:0;
  right:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.front-site-slider-dots button{
  width:10px;
  height:10px;
  border-radius:999px;
  border:0;
  background:rgba(255,255,255,.48);
  padding:0;
  cursor:pointer;
  box-shadow:none!important;
  transition:width .18s ease, background-color .18s ease;
}
.front-site-slider-dots button.is-active{
  width:34px;
  background:#fff;
}
@media(max-width:760px){
  .front-hero-slider-section{
    padding:20px 0 32px;
  }
  .front-site-slider{
    min-height:380px;
    border-radius:22px;
  }
  .front-site-slide-content{
    width:calc(100% - 48px);
  }
  .front-site-slide-badge{
    font-size:clamp(10px, calc(var(--front-slide-badge-size,13px) * .92), 18px);
  }
  .front-site-slide h1{
    font-size:clamp(28px, calc(var(--front-slide-title-size,56px) * .72), 52px);
  }
  .front-site-slide p{
    font-size:clamp(14px, calc(var(--front-slide-subtitle-size,18px) * .86), 24px);
  }
  .front-site-slide-button{
    font-size:clamp(12px, calc(var(--front-slide-button-size,15px) * .92), 20px);
  }
  .front-site-slider-arrow{
    width:40px;
    height:40px;
    border-radius:10px;
  }
  .front-site-slider-prev{
    right:12px;
  }
  .front-site-slider-next{
    left:12px;
  }
}


.front-product-category-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:24px;
}
.front-product-category-bar a{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--gray-200);
  background:#fff;
  color:var(--gray-600);
  font-size:13px;
}
.front-product-category-bar a:hover,
.front-product-category-bar a.is-active{
  background:var(--brand-soft);
  border-color:var(--brand-border);
  color:var(--brand);
}
.front-product-card-image{
  height:145px;
  width:100%;
  object-fit:cover;
  border-radius:16px;
  margin-bottom:16px;
  border:1px solid var(--gray-200);
}
.front-product-badge{
  display:inline-flex;
  width:max-content;
  border-radius:999px;
  background:var(--brand-soft);
  color:var(--brand);
  padding:4px 10px;
  font-size:12px;
  margin:8px 0 14px;
}


.front-support-form{
  margin-top:26px;
}
.front-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}
.front-form-group{
  display:grid;
  gap:7px;
}
.front-form-group label{
  font-size:13px;
  color:var(--gray-700);
}
.front-form-wide{
  grid-column:1/-1;
}
.front-alert-success,
.front-alert-error{
  margin-top:18px;
  border-radius:16px;
  padding:14px 16px;
  font-size:14px;
}
.front-alert-success{
  background:#ECFDF3;
  color:#027A48;
  border:1px solid #ABEFC6;
}
.front-alert-error{
  background:#FEF3F2;
  color:#B42318;
  border:1px solid #FECDCA;
}
.front-kb-article{
  max-width:920px;
}
.front-kb-content{
  margin-top:20px;
  color:var(--gray-700);
  line-height:2;
  font-size:16px;
}
.front-kb-category{
  margin-bottom:42px;
}
@media(max-width:760px){
  .front-form-grid{
    grid-template-columns:1fr;
  }
}
body.front-dark .front-form-group label,
body.front-dark .front-kb-content{
  color:#D0D5DD;
}


.front-product-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto}.front-product-actions .front-btn{flex:1 1 auto}.front-btn-ghost{background:transparent!important;color:var(--gray-600)!important;border:1px solid var(--gray-200)!important}.front-btn-ghost:hover{color:var(--brand)!important;border-color:var(--brand-border)!important;background:var(--brand-soft)!important}.front-domain-order-section .front-cards-grid{margin-top:26px}.front-order-search-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,520px);gap:22px;align-items:center;border:1px solid var(--gray-200);background:#fff;border-radius:28px;padding:28px;margin-bottom:28px}.front-order-search-card h2{margin:8px 0 8px;font-size:28px;color:var(--gray-900)}.front-order-search-card p{margin:0;color:var(--gray-500);line-height:1.7}.front-domain-search-form{display:flex;gap:12px;align-items:center}.front-domain-search-form .front-input{height:50px}.front-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}.front-order-form,.front-order-summary-card,.front-success-card{border:1px solid var(--gray-200);background:#fff;border-radius:28px;padding:28px;box-shadow:none!important}.front-order-form h2{font-size:18px;color:var(--gray-900);margin:0 0 18px}.front-order-form h2:not(:first-child){margin-top:28px}.front-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.front-form-group-wide{grid-column:1/-1}.front-order-submit{margin-top:26px;min-width:190px}.front-order-summary{position:sticky;top:110px}.front-order-summary-card h2{margin:10px 0 10px;color:var(--gray-900);font-size:26px;line-height:1.25}.front-order-summary-card p{margin:0 0 20px;color:var(--gray-500);line-height:1.75}.front-order-summary-line{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--gray-200);padding:14px 0;color:var(--gray-600)}.front-order-summary-line strong{color:var(--gray-900)}.front-order-summary-note{margin-top:12px;border-radius:16px;background:var(--brand-soft);color:var(--brand);padding:14px;font-size:13px;line-height:1.7}.front-alert{border-radius:18px;padding:16px 18px;margin-bottom:22px;font-size:14px}.front-alert-error{border:1px solid #FECDCA;background:#FEF3F2;color:#B42318}.front-success-card{max-width:760px;margin:0 auto;text-align:center}.front-success-icon{width:64px;height:64px;border-radius:22px;background:#ECFDF3;color:#039855;display:inline-flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;margin-bottom:18px}.front-success-card h2{font-size:28px;color:var(--gray-900);margin:0 0 8px}.front-success-card p{color:var(--gray-500);line-height:1.8;margin:0 auto 24px;max-width:620px}.front-success-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.front-success-details div,.front-success-items div{border:1px solid var(--gray-200);border-radius:18px;padding:16px;text-align:start}.front-success-details span,.front-success-items span{display:block;color:var(--gray-500);font-size:13px}.front-success-details strong,.front-success-items strong{display:block;margin-top:6px;color:var(--gray-900);font-size:16px}.front-success-items{display:grid;gap:10px;margin:22px 0}.front-success-items div{display:flex;justify-content:space-between;gap:16px;align-items:center}.front-success-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}body.front-dark .front-order-search-card,body.front-dark .front-order-form,body.front-dark .front-order-summary-card,body.front-dark .front-success-card,body.front-dark .front-success-details div,body.front-dark .front-success-items div{background:#101828;border-color:#1F2937}body.front-dark .front-order-search-card h2,body.front-dark .front-order-form h2,body.front-dark .front-order-summary-card h2,body.front-dark .front-success-card h2,body.front-dark .front-order-summary-line strong,body.front-dark .front-success-details strong,body.front-dark .front-success-items strong{color:#F9FAFB}body.front-dark .front-order-summary-line{border-color:#1F2937}body.front-dark .front-btn-ghost{border-color:#1F2937!important;color:#D0D5DD!important;background:#101828!important}@media(max-width:980px){.front-order-layout,.front-order-search-card{grid-template-columns:1fr}.front-order-summary{position:static}}@media(max-width:640px){.front-order-grid,.front-success-details{grid-template-columns:1fr}.front-domain-search-form{flex-direction:column;align-items:stretch}.front-order-form,.front-order-summary-card,.front-success-card,.front-order-search-card{padding:20px;border-radius:22px}.front-success-items div{flex-direction:column;align-items:flex-start}}


.client-area-shell,
.client-auth-shell{
  min-height:100vh;
  background:#F8FAFC;
  color:#344054;
  font-family:var(--site-font-family),Inter,Tahoma,Arial,sans-serif;
}
.client-app{
  min-height:100vh;
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
}
.client-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  overflow-y:auto;
  border-inline-end:1px solid var(--gray-200);
  background:#FFFFFF;
  padding:24px 18px;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.client-logo{
  justify-content:center;
  margin-bottom:6px;
}
.client-logo img,
.client-auth-logo img{
  max-height:52px;
  width:auto;
}
.client-nav{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.client-nav a{
  min-height:44px;
  display:flex;
  align-items:center;
  border-radius:14px;
  padding:0 14px;
  color:#475467;
  font-size:14px;
  font-weight:500;
  border:1px solid transparent;
}
.client-nav a:hover,
.client-nav a.is-active{
  color:var(--brand);
  background:var(--brand-soft);
  border-color:var(--brand-border);
}
.client-sidebar-footer{
  margin-top:auto;
  display:grid;
  gap:8px;
  border-top:1px solid var(--gray-200);
  padding-top:16px;
}
.client-sidebar-footer a{
  color:#667085;
  font-size:13px;
}
.client-main{
  min-width:0;
  padding:28px;
}
.client-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:24px;
}
.client-header h1{
  margin:4px 0 0;
  font-size:28px;
  line-height:1.2;
  color:#101828;
  font-weight:700;
}
.client-kicker{
  color:var(--brand);
  font-size:13px;
  font-weight:600;
}
.client-user{
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid var(--gray-200);
  background:#fff;
  border-radius:18px;
  padding:10px 14px;
  min-width:0;
}
.client-user strong{
  display:block;
  color:#1D2939;
  font-size:14px;
  font-weight:700;
}
.client-user small{
  display:block;
  color:#667085;
  font-size:12px;
}
.client-avatar{
  width:40px;
  height:40px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--brand-soft);
  color:var(--brand);
  font-weight:800;
}
.client-welcome-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:linear-gradient(135deg,#465FFF,#12B76A);
  color:#fff;
  border-radius:28px;
  padding:28px;
  margin-bottom:24px;
  overflow:hidden;
  position:relative;
}
.client-welcome-card::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  inset-inline-end:-80px;
  top:-80px;
}
.client-welcome-card > *{
  position:relative;
  z-index:1;
}
.client-welcome-card span{
  font-size:14px;
  color:rgba(255,255,255,.86);
}
.client-welcome-card h2{
  margin:8px 0;
  font-size:28px;
  line-height:1.2;
  font-weight:800;
}
.client-welcome-card p{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.86);
  line-height:1.8;
}
.client-primary-btn,
.client-auth-form button{
  min-height:44px;
  border:0;
  border-radius:14px;
  background:var(--brand);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  box-shadow:none!important;
}
.client-welcome-card .client-primary-btn{
  background:#fff;
  color:#101828;
  flex:0 0 auto;
}
.client-stat-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
  margin-bottom:24px;
}
.client-stat-card{
  min-width:0;
  border:1px solid var(--gray-200);
  background:#fff;
  border-radius:22px;
  padding:18px;
  color:inherit;
}
.client-stat-card span,
.client-stat-card small{
  display:block;
  color:#667085;
  font-size:12px;
}
.client-stat-card strong{
  display:block;
  margin:8px 0 4px;
  color:#101828;
  font-size:26px;
  font-weight:800;
  line-height:1.1;
}
.client-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.client-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.client-panel{
  min-width:0;
  border:1px solid var(--gray-200);
  background:#fff;
  border-radius:24px;
  padding:22px;
  margin-bottom:20px;
}
.client-panel.inner{
  margin-top:20px;
}
.client-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
.client-panel-head h3{
  margin:0;
  color:#101828;
  font-size:18px;
  font-weight:800;
}
.client-panel-head a,
.client-small-link{
  color:var(--brand);
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}
.client-list-line{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--gray-200);
  border-radius:16px;
  padding:12px;
  color:inherit;
}
.client-list-line + .client-list-line{
  margin-top:10px;
}
.client-list-line > span{
  min-width:0;
}
.client-list-line strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#1D2939;
  font-size:13px;
  font-weight:700;
}
.client-list-line small{
  display:block;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#667085;
  font-size:12px;
}
.client-list-line b{
  flex:0 0 auto;
  color:#344054;
  font-size:13px;
  white-space:nowrap;
}
.client-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:5px 10px;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.client-badge.success{background:#ECFDF3;color:#027A48;}
.client-badge.warning{background:#FFFAEB;color:#B54708;}
.client-badge.error{background:#FEF3F2;color:#B42318;}
.client-badge.info{background:#F4F7FF;color:#465FFF;}
.client-empty{
  border:1px dashed var(--gray-300);
  border-radius:18px;
  padding:20px;
  text-align:center;
  color:#667085;
  font-size:14px;
}
.client-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.client-item-card{
  min-width:0;
  border:1px solid var(--gray-200);
  border-radius:20px;
  padding:18px;
  background:#fff;
}
.client-item-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.client-item-top span{
  min-width:0;
}
.client-item-top strong{
  display:block;
  color:#101828;
  font-weight:800;
}
.client-item-top small{
  display:block;
  margin-top:4px;
  color:#667085;
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.client-meta-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.client-meta-grid div{
  min-width:0;
  background:#F9FAFB;
  border-radius:14px;
  padding:12px;
}
.client-meta-grid dt{
  color:#667085;
  font-size:12px;
  margin-bottom:5px;
}
.client-meta-grid dd{
  margin:0;
  color:#1D2939;
  font-size:13px;
  font-weight:700;
  overflow-wrap:anywhere;
}
.client-note{
  margin:14px 0 0;
  color:#667085;
  line-height:1.7;
  font-size:13px;
}
.client-code,
.client-license-key{
  direction:ltr;
  text-align:left;
  background:#F2F4F7;
  border-radius:14px;
  padding:12px;
  overflow:auto;
  color:#344054;
  font-size:12px;
  margin-top:14px;
}
.client-license-key{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-weight:800;
  letter-spacing:.04em;
  color:#101828;
}
.client-table-wrap{
  width:100%;
  overflow-x:auto;
}
.client-table{
  width:100%;
  min-width:760px;
  border-collapse:separate;
  border-spacing:0;
}
.client-table th{
  background:#F9FAFB;
  color:#667085;
  text-align:inherit;
  font-size:12px;
  font-weight:700;
  padding:12px;
  white-space:nowrap;
}
.client-table td{
  border-top:1px solid var(--gray-100);
  padding:14px 12px;
  color:#344054;
  vertical-align:top;
}
.client-invoice-box{
  border:1px solid var(--gray-200);
  background:#fff;
  border-radius:26px;
  padding:26px;
}
.client-invoice-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:22px;
}
.client-invoice-head span{
  color:#667085;
  font-size:13px;
}
.client-invoice-head h2{
  margin:4px 0;
  color:#101828;
  font-size:28px;
  font-weight:800;
}
.client-invoice-head p{
  margin:0;
  color:#667085;
}
.client-invoice-meta{
  margin-bottom:20px;
}
.client-total-box{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.client-total-box div{
  border:1px solid var(--gray-200);
  border-radius:16px;
  padding:14px;
}
.client-total-box span{
  display:block;
  color:#667085;
  font-size:12px;
}
.client-total-box strong{
  display:block;
  margin-top:4px;
  color:#101828;
}
.client-alert{
  border-radius:16px;
  padding:14px 16px;
  margin-bottom:18px;
  font-size:14px;
  line-height:1.7;
}
.client-alert.success{background:#ECFDF3;color:#027A48;border:1px solid #ABEFC6;}
.client-alert.error{background:#FEF3F2;color:#B42318;border:1px solid #FECDCA;}
.client-alert.warning{background:#FFFAEB;color:#B54708;border:1px solid #FEDF89;}
.client-alert.info{background:#F4F7FF;color:#465FFF;border:1px solid #D8DEFF;}
.client-alert a{
  color:inherit;
  font-weight:800;
  text-decoration:underline;
}
.client-form{
  display:grid;
  gap:12px;
}
.client-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.client-form label,
.client-auth-form label{
  display:block;
  color:#344054;
  font-size:13px;
  font-weight:700;
}
.client-form input,
.client-form select,
.client-form textarea,
.client-auth-form input{
  width:100%;
  min-height:44px;
  border:1px solid var(--gray-300);
  border-radius:14px;
  background:#fff;
  padding:0 14px;
  color:#101828;
  outline:none;
}
.client-form textarea{
  min-height:120px;
  padding:12px 14px;
}
.client-inline-form{
  margin-top:14px;
}
.client-inline-form button{
  border:1px solid #FECDCA;
  background:#FEF3F2;
  color:#B42318;
  border-radius:14px;
  min-height:42px;
  padding:0 16px;
  cursor:pointer;
}
.client-ticket-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}
.client-ticket-head span{
  color:#667085;
  font-size:13px;
}
.client-ticket-head h3{
  margin:6px 0 0;
  color:#101828;
  font-size:22px;
  font-weight:800;
}
.client-ticket-status{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.client-ticket-thread{
  display:grid;
  gap:14px;
}
.client-reply{
  border:1px solid var(--gray-200);
  border-radius:18px;
  padding:16px;
  max-width:82%;
}
.client-reply.from-client{
  margin-inline-start:auto;
  background:#F4F7FF;
  border-color:#D8DEFF;
}
.client-reply.from-admin{
  background:#F9FAFB;
}
.client-reply-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
  color:#667085;
  font-size:12px;
}
.client-reply-meta strong{
  color:#344054;
}
.client-reply p{
  margin:0;
  color:#344054;
  line-height:1.8;
}
.client-reply-form{
  margin-top:20px;
}
.client-auth-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
}
.client-auth-card{
  width:min(100%,460px);
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:28px;
  padding:30px;
}
.client-auth-card-wide{
  width:min(100%,760px);
}
.client-auth-logo{
  justify-content:center;
  margin-bottom:22px;
}
.client-auth-card h1{
  margin:0 0 8px;
  color:#101828;
  font-size:28px;
  font-weight:800;
  text-align:center;
}
.client-auth-card p{
  margin:0 0 22px;
  color:#667085;
  text-align:center;
  line-height:1.7;
}
.client-auth-form{
  display:grid;
  gap:12px;
}
.client-auth-form button{
  margin-top:6px;
}
.client-auth-links{
  margin-top:18px;
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}
.client-auth-links a{
  color:var(--brand);
  font-size:13px;
  font-weight:700;
}
.space-y-3 > * + *{
  margin-top:12px;
}
body.front-dark .client-area-shell,
body.front-dark .client-auth-shell,
.dark .client-area-shell,
.dark .client-auth-shell{
  background:#0B1220;
}
@media(max-width:1180px){
  .client-stat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .client-grid-3{
    grid-template-columns:1fr;
  }
  .client-card-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:860px){
  .client-app{
    grid-template-columns:1fr;
  }
  .client-sidebar{
    position:relative;
    height:auto;
    border-inline-end:0;
    border-bottom:1px solid var(--gray-200);
  }
  .client-nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .client-sidebar-footer{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .client-main{
    padding:20px;
  }
  .client-header,
  .client-welcome-card,
  .client-invoice-head,
  .client-ticket-head{
    flex-direction:column;
    align-items:stretch;
  }
  .client-stat-grid,
  .client-grid-2{
    grid-template-columns:1fr;
  }
  .client-total-box{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .client-reply{
    max-width:100%;
  }
}
@media(max-width:560px){
  .client-nav{
    grid-template-columns:1fr;
  }
  .client-main{
    padding:16px;
  }
  .client-form-grid,
  .client-meta-grid,
  .client-total-box{
    grid-template-columns:1fr;
  }
  .client-auth-wrap{
    padding:16px;
  }
  .client-auth-card{
    padding:22px;
    border-radius:22px;
  }
}


.client-main .ta-form-layout,
.client-auth-card .ta-form-layout{
  width:100%;
  max-width:100%;
  min-width:0;
}
.client-main .ta-form-layout label,
.client-auth-card .ta-form-layout label{
  margin-bottom:8px!important;
  color:#344054!important;
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:600!important;
}
.client-main .ta-form-layout input:not([type="checkbox"]):not([type="radio"]),
.client-main .ta-form-layout select,
.client-main .ta-form-layout textarea,
.client-auth-card .ta-form-layout input:not([type="checkbox"]):not([type="radio"]),
.client-auth-card .ta-form-layout select,
.client-auth-card .ta-form-layout textarea{
  width:100%!important;
  min-width:0!important;
  border:1px solid #D0D5DD!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#101828!important;
  box-shadow:none!important;
  outline:none!important;
}
.client-main .ta-form-layout input:not([type="checkbox"]):not([type="radio"]),
.client-main .ta-form-layout select,
.client-auth-card .ta-form-layout input:not([type="checkbox"]):not([type="radio"]),
.client-auth-card .ta-form-layout select{
  height:44px!important;
  padding-inline:16px!important;
}
.client-main .ta-form-layout textarea,
.client-auth-card .ta-form-layout textarea{
  min-height:118px!important;
  padding:14px 16px!important;
  line-height:1.7!important;
  resize:vertical!important;
}
.client-main .ta-action-form{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}


.client-payment-gateways .client-panel-head .client-muted{
  color:#667085;
  font-size:13px;
}
.client-gateway-grid{
  display:grid;
  grid-template-columns:repeat(1,minmax(0,1fr));
  gap:16px;
}
@media(min-width:760px){
  .client-gateway-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
.client-gateway-card{
  min-width:0;
  border:1px solid var(--gray-200);
  background:#fff;
  border-radius:20px;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.client-gateway-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  min-width:0;
}
.client-gateway-head .pg-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 46px;
  background:color-mix(in srgb, var(--pg-color) 13%, white);
  color:var(--pg-color);
  font-weight:800;
  font-size:13px;
  border:1px solid color-mix(in srgb, var(--pg-color) 24%, white);
}
.client-gateway-head .pg-icon-image{
  background:#fff;
  overflow:hidden;
  padding:8px;
}
.client-gateway-head .pg-icon-image img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.client-gateway-head strong{
  display:block;
  color:#101828;
  font-size:15px;
  font-weight:800;
}
.client-gateway-head small{
  display:block;
  margin-top:5px;
  color:#667085;
  font-size:13px;
  line-height:1.6;
}
.client-gateway-card p{
  margin:0;
  color:#667085;
  font-size:13px;
  line-height:1.7;
}
.client-payment-page .pg-icon,
.usdt-wait-card .pg-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:color-mix(in srgb, var(--pg-color) 13%, white);
  color:var(--pg-color);
  font-weight:900;
  border:1px solid color-mix(in srgb, var(--pg-color) 24%, white);
}
.usdt-wait-card{
  max-width:920px;
  margin-inline:auto;
  border:1px solid var(--gray-200);
  background:#fff;
  border-radius:28px;
  padding:28px;
}
.usdt-wait-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);
  gap:24px;
  align-items:start;
}
.usdt-qr-box{
  border:1px solid var(--gray-200);
  background:#F9FAFB;
  border-radius:24px;
  padding:22px;
  text-align:center;
}
.usdt-qr-box img{
  max-width:260px;
  width:100%;
  border-radius:16px;
}
.usdt-qr-box p{
  color:#667085;
  font-size:13px;
  margin:12px 0 0;
}
.usdt-address-box{
  direction:ltr;
  text-align:left;
  overflow-wrap:anywhere;
  border:1px dashed #98A2B3;
  background:#F9FAFB;
  border-radius:16px;
  padding:14px;
  color:#101828;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:13px;
}
.usdt-wait-steps{
  display:grid;
  gap:10px;
  margin:18px 0;
  padding:0;
}
.usdt-wait-steps li{
  list-style:none;
  border:1px solid #EAECF0;
  border-radius:14px;
  padding:12px 14px;
  color:#475467;
  font-size:14px;
}
.mt-4{margin-top:1rem}
.mb-2{margin-bottom:.5rem}
@media(max-width:760px){
  .usdt-wait-grid{grid-template-columns:1fr;}
}


.client-main .grid,
.front-section .grid,
.front-container .grid{display:grid!important;}
.client-main [class~="grid-cols-1"], .front-section [class~="grid-cols-1"], .front-container [class~="grid-cols-1"]{grid-template-columns:repeat(1,minmax(0,1fr))!important;}
.client-main [class~="grid-cols-2"], .front-section [class~="grid-cols-2"], .front-container [class~="grid-cols-2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.client-main [class~="grid-cols-3"], .front-section [class~="grid-cols-3"], .front-container [class~="grid-cols-3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.client-main [class~="gap-3"], .front-section [class~="gap-3"], .front-container [class~="gap-3"]{gap:.75rem!important;}
.client-main [class~="gap-4"], .front-section [class~="gap-4"], .front-container [class~="gap-4"]{gap:1rem!important;}
.client-main [class~="gap-5"], .front-section [class~="gap-5"], .front-container [class~="gap-5"]{gap:1.25rem!important;}
.client-main [class~="gap-6"], .front-section [class~="gap-6"], .front-container [class~="gap-6"]{gap:1.5rem!important;}
@media(min-width:768px){
  .client-main [class~="md:grid-cols-2"], .front-section [class~="md:grid-cols-2"], .front-container [class~="md:grid-cols-2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .client-main [class~="md:grid-cols-3"], .front-section [class~="md:grid-cols-3"], .front-container [class~="md:grid-cols-3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .client-main [class~="md:grid-cols-4"], .front-section [class~="md:grid-cols-4"], .front-container [class~="md:grid-cols-4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(min-width:1280px){
  .client-main [class~="xl:grid-cols-2"], .front-section [class~="xl:grid-cols-2"], .front-container [class~="xl:grid-cols-2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .client-main [class~="xl:grid-cols-3"], .front-section [class~="xl:grid-cols-3"], .front-container [class~="xl:grid-cols-3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .client-main [class~="xl:grid-cols-4"], .front-section [class~="xl:grid-cols-4"], .front-container [class~="xl:grid-cols-4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
.client-stat-grid .client-stat-card:nth-child(6n+1){background:#F4F7FF!important;border-color:#D8DEFF!important;}
.client-stat-grid .client-stat-card:nth-child(6n+2){background:#ECFDF3!important;border-color:#ABEFC6!important;}
.client-stat-grid .client-stat-card:nth-child(6n+3){background:#FFFAEB!important;border-color:#FEDF89!important;}
.client-stat-grid .client-stat-card:nth-child(6n+4){background:#FEF3F2!important;border-color:#FECDCA!important;}
.client-stat-grid .client-stat-card:nth-child(6n+5){background:#FDF2FA!important;border-color:#FCCEEE!important;}
.client-stat-grid .client-stat-card:nth-child(6n+6){background:#ECFDFF!important;border-color:#A5F0FC!important;}


.global-ajax-toast{
  position:fixed;
  inset-inline-end:24px;
  bottom:24px;
  z-index:99999;
  max-width:min(430px, calc(100vw - 32px));
  border-radius:16px;
  background:#027A48;
  color:#fff;
  padding:14px 16px;
  font-size:14px;
  line-height:1.6;
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
  box-shadow:none!important;
}
.global-ajax-toast.is-visible{
  opacity:1;
  transform:translateY(0);
}
.global-ajax-toast.is-error{
  background:#B42318;
}
.global-ajax-loading{
  cursor:wait!important;
  opacity:.72!important;
}
.global-ajax-busy{
  pointer-events:none;
}
.global-ajax-updated{
  animation:global-ajax-flash .7s ease;
}
@keyframes global-ajax-flash{
  0%{box-shadow:0 0 0 0 rgba(70,95,255,0)!important;}
  35%{box-shadow:0 0 0 4px rgba(70,95,255,.16)!important;}
  100%{box-shadow:0 0 0 0 rgba(70,95,255,0)!important;}
}


.hosting-pricing-section{
  min-height:calc(100vh - 120px);
  padding:38px 20px;
  background:
    radial-gradient(circle at 92% 8%, rgba(255,255,255,.70), transparent 26%),
    linear-gradient(135deg,#D4ECFB 0%,#E9F5FF 48%,#D6ECFB 100%);
  position:relative;
  overflow:hidden;
}
.hosting-pricing-section:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.35;
  pointer-events:none;
  background:
    repeating-linear-gradient(116deg, transparent 0 10px, rgba(255,255,255,.55) 10px 12px),
    radial-gradient(circle at 96% 80%, transparent 0 110px, rgba(255,255,255,.35) 112px 114px, transparent 116px);
}
.hosting-pricing-wrap{
  max-width:1380px;
  margin:0 auto;
  position:relative;
  z-index:1;
}
.hosting-pricing-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.hosting-pricing-card{
  background:#fff;
  border-radius:32px;
  padding:46px 32px 38px;
  min-height:640px;
  display:flex;
  flex-direction:column;
  color:#172F65;
  position:relative;
  overflow:hidden;
  border:0;
  box-shadow:none!important;
}
.hosting-pricing-card.featured{
  background:#1E3470;
  color:#fff;
}
.hosting-pricing-card.featured:after{
  content:"";
  position:absolute;
  inset:-30px -110px auto auto;
  width:310px;
  height:520px;
  opacity:.16;
  background:repeating-linear-gradient(105deg, transparent 0 8px, rgba(255,255,255,.8) 8px 10px);
  transform:rotate(7deg);
}
.hosting-plan-name{
  font-size:28px;
  line-height:1.1;
  margin:0 0 7px;
  font-weight:900;
  letter-spacing:-.03em;
  color:#172F65;
}
.hosting-pricing-card.featured .hosting-plan-name{
  color:#fff;
}
.hosting-start{
  color:#8290B0;
  font-size:15px;
  margin-bottom:38px;
}
.hosting-pricing-card.featured .hosting-start{
  color:rgba(255,255,255,.55);
}
.hosting-price{
  display:flex;
  align-items:flex-end;
  gap:4px;
  margin-bottom:8px;
  color:#18356D;
  direction:ltr;
  justify-content:flex-start;
}
html[dir="rtl"] .hosting-price{
  justify-content:flex-end;
}
.hosting-pricing-card.featured .hosting-price{
  color:#fff;
}
.hosting-currency{
  font-size:50px;
  line-height:.88;
  font-weight:900;
  letter-spacing:-.05em;
}
.hosting-amount{
  font-size:56px;
  line-height:.9;
  font-weight:900;
  letter-spacing:-.06em;
}
.hosting-period{
  font-size:14px;
  margin-bottom:7px;
  color:#1D3973;
}
.hosting-pricing-card.featured .hosting-period{
  color:rgba(255,255,255,.8);
}
.hosting-note{
  font-size:15px;
  margin-bottom:36px;
  color:#1D3973;
}
.hosting-pricing-card.featured .hosting-note{
  color:rgba(255,255,255,.86);
}
.hosting-cta{
  height:54px;
  border:0;
  border-radius:12px;
  background:#1E3470;
  color:#fff;
  font-size:14px;
  font-weight:700;
  margin:0 0 42px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  box-shadow:none!important;
}
.hosting-pricing-card.featured .hosting-cta{
  background:#38D57A;
  color:#fff;
}
.hosting-features{
  display:grid;
  gap:18px;
  margin-top:auto;
}
.hosting-feature{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:16px;
  line-height:1.45;
  color:#17356F;
}
.hosting-pricing-card.featured .hosting-feature{
  color:#fff;
}
.hosting-feature-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:900;
}
.hosting-feature-icon.ok{
  background:#38CF78;
  color:#fff;
}
.hosting-feature-icon.no{
  background:#EF4444;
  color:#fff;
}
@media(max-width:1180px){
  .hosting-pricing-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .hosting-pricing-section{
    padding:18px 12px;
  }
  .hosting-pricing-cards{
    grid-template-columns:1fr;
  }
  .hosting-pricing-card{
    min-height:auto;
    border-radius:24px;
  }
  .hosting-amount{
    font-size:46px;
  }
  .hosting-currency{
    font-size:42px;
  }
}


.features .xmark{
  width:22px;
  height:22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(240,68,56,.12);
  color:#F04438;
  font-style:normal;
  font-weight:900;
  flex:0 0 22px;
}


.front-btn,
.client-primary-btn,
.client-auth-form button,
.client-inline-form button,
.hosting-cta,
.order-btn,
.client-main :is(a,button,input[type="submit"])[class*="rounded"],
.front-container :is(a,button,input[type="submit"])[class*="rounded"]{
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.5rem!important;
  border-radius:.75rem!important;
  padding:.65rem 1rem!important;
  font-size:.875rem!important;
  line-height:1.25rem!important;
  font-weight:500!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  border:1px solid #D0D5DD!important;
  background:#fff!important;
  color:#344054!important;
  box-shadow:none!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease!important;
}
.front-btn:hover,
.client-primary-btn:hover,
.client-auth-form button:hover,
.client-main :is(a,button,input[type="submit"])[class*="rounded"]:hover,
.front-container :is(a,button,input[type="submit"])[class*="rounded"]:hover{
  background:#F9FAFB!important;
  color:#1D2939!important;
}
.front-btn:not(.front-btn-outline),
.client-primary-btn,
.client-auth-form button,
.front-container :is(a,button,input[type="submit"])[class*="bg-brand-500"]{
  border-color:#465FFF!important;
  background:#465FFF!important;
  color:#fff!important;
}
.front-btn:not(.front-btn-outline):hover,
.client-primary-btn:hover,
.client-auth-form button:hover,
.front-container :is(a,button,input[type="submit"])[class*="bg-brand-500"]:hover{
  border-color:#3641D9!important;
  background:#3641D9!important;
  color:#fff!important;
}
.front-btn-outline{
  border-color:#D0D5DD!important;
  background:#fff!important;
  color:#344054!important;
}
.front-btn-outline:hover{
  background:#F9FAFB!important;
  color:#1D2939!important;
}
.hosting-pricing-card.featured .hosting-cta,
.plan-card.featured .order-btn{
  border-color:#12B76A!important;
  background:#12B76A!important;
  color:#fff!important;
}
.hosting-pricing-card.featured .hosting-cta:hover,
.plan-card.featured .order-btn:hover{
  border-color:#039855!important;
  background:#039855!important;
  color:#fff!important;
}
.client-inline-form button{
  border-color:#FECDCA!important;
  background:#FEF3F2!important;
  color:#B42318!important;
}
.client-inline-form button:hover{
  background:#FEE4E2!important;
  color:#B42318!important;
}
.front-btn svg,
.client-primary-btn svg,
.client-auth-form button svg{
  width:1.125rem!important;
  height:1.125rem!important;
  flex:0 0 auto!important;
}
@media(max-width:640px){
  .front-btn,
  .client-primary-btn,
  .client-auth-form button,
  .client-main :is(a,button,input[type="submit"])[class*="rounded"],
  .front-container :is(a,button,input[type="submit"])[class*="rounded"]{
    min-height:42px!important;
    padding:.6rem .85rem!important;
  }
}


.front-mobile-btn{
  display:none!important;
}
.front-menu-arrow{
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
  color:#98A2B3!important;
  transition:transform .18s ease,color .18s ease!important;
  margin-inline-start:2px!important;
}
.front-menu-link:hover .front-menu-arrow,
.front-menu-link.active .front-menu-arrow{
  color:#465FFF!important;
}
.front-menu-item:hover .front-menu-arrow{
  transform:rotate(180deg);
}
body.front-dark .front-menu-arrow{
  color:#98A2B3!important;
}
body.front-dark .front-menu-link:hover .front-menu-arrow,
body.front-dark .front-menu-link.active .front-menu-arrow{
  color:#fff!important;
}
.front-theme-switch{
  width:56px!important;
  height:32px!important;
  min-width:56px!important;
  border:1px solid #E4E7EC!important;
  background:#FFFFFF!important;
  border-radius:999px!important;
  padding:3px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  box-shadow:none!important;
  position:relative!important;
  transition:background-color .2s ease,border-color .2s ease!important;
}
.front-theme-switch:hover{
  border-color:#D0D5DD!important;
  background:#F9FAFB!important;
}
.front-theme-switch-track{
  width:100%;
  height:100%;
  position:relative;
  display:block;
  border-radius:999px;
}
.front-theme-switch-knob{
  position:absolute;
  top:0;
  inset-inline-start:0;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#465FFF;
  transition:transform .22s ease,background-color .22s ease;
  box-shadow:none!important;
  z-index:2;
}
.front-theme-switch-icon{
  position:absolute;
  top:0;
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  z-index:3;
  pointer-events:none;
  transition:color .22s ease,opacity .22s ease;
}
.front-theme-switch-sun{
  inset-inline-start:0;
  color:#fff;
}
.front-theme-switch-moon{
  inset-inline-end:0;
  color:#98A2B3;
}
body.front-dark .front-theme-switch{
  background:#101828!important;
  border-color:#344054!important;
}
body.front-dark .front-theme-switch-knob{
  transform:translateX(-24px);
  background:#7A5AF8;
}
html[dir="ltr"] body.front-dark .front-theme-switch-knob{
  transform:translateX(24px);
}
body.front-dark .front-theme-switch-sun{
  color:#98A2B3;
}
body.front-dark .front-theme-switch-moon{
  color:#fff;
}
.front-topbar-actions{
  gap:16px!important;
}
.front-topbar-link-iconic{
  font-weight:500!important;
}
.front-topbar-link-icon{
  color:#667085!important;
}
.front-topbar-link-iconic:hover{
  color:#465FFF!important;
}
.front-topbar-link-iconic:hover .front-topbar-link-icon{
  color:#465FFF!important;
}
body.front-dark .front-topbar-link-iconic:hover,
body.front-dark .front-topbar-link-iconic:hover .front-topbar-link-icon{
  color:#fff!important;
}
.front-actions .front-btn-primary{
  min-width:92px!important;
}
.front-actions .front-btn-outline{
  min-width:108px!important;
}


.front-billing-switch-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 0 26px;
}
.front-billing-switch{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:46px;
  padding:4px;
  border:1px solid #E4E7EC;
  background:rgba(255,255,255,.88);
  border-radius:999px;
  box-shadow:0 10px 28px rgba(16,24,40,.05);
  backdrop-filter:blur(10px);
}
.front-billing-switch button{
  min-width:92px;
  height:38px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#344054;
  padding:0 16px;
  font-family:var(--site-font-family, Inter, Tahoma, Arial, sans-serif);
  font-size:14px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  box-shadow:none!important;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
.front-billing-switch button:hover{
  color:#465FFF;
  background:#F4F7FF;
}
.front-billing-switch button.is-active{
  background:#465FFF;
  color:#fff;
}
.front-price strong{
  transition:opacity .14s ease, transform .14s ease;
}
.front-price strong.is-changing{
  opacity:.35;
  transform:translateY(2px);
}
body.front-dark .front-billing-switch{
  background:rgba(16,24,40,.92);
  border-color:#1F2937;
  box-shadow:none;
}
body.front-dark .front-billing-switch button{
  color:#D0D5DD;
}
body.front-dark .front-billing-switch button:hover{
  background:#182230;
  color:#fff;
}
body.front-dark .front-billing-switch button.is-active{
  background:#465FFF;
  color:#fff;
}
@media(max-width:720px){
  .front-billing-switch{
    width:100%;
    overflow-x:auto;
    justify-content:flex-start;
    padding:4px;
  }
  .front-billing-switch button{
    min-width:max-content;
    padding-inline:14px;
    flex:0 0 auto;
  }
}


.front-container{
  width:min(1296px, calc(100% - 64px))!important;
}
.front-topbar{
  background:#fff!important;
  border-bottom:1px solid #E5E7EB!important;
  color:#667085!important;
  font-size:14px!important;
}
.front-topbar-inner{
  min-height:35px!important;
  height:35px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  direction:ltr!important;
  gap:12px!important;
}
.front-topbar-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  direction:ltr!important;
}
.front-topbar-actions{
  display:none!important;
}
.front-topbar a,
.front-topbar button{
  font-size:14px!important;
}
.front-header{
  background:#fff!important;
  border-bottom:1px solid #EEF2F7!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.front-nav{
  min-height:92px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:34px!important;
}
.front-header .front-dynamic-logo img{
  max-height:66px!important;
  max-width:280px!important;
  object-fit:contain!important;
}
.front-header .front-logo{
  min-height:66px!important;
  flex:0 0 auto!important;
}
.front-menu{
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:26px!important;
  color:#20242B!important;
  font-size:17px!important;
  font-weight:500!important;
}
.front-menu-link{
  height:54px!important;
  padding:0 2px!important;
  border-radius:0!important;
  gap:7px!important;
  color:#1F2937!important;
  font-size:17px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.front-menu-link:hover,
.front-menu-link.active{
  color:#0B5CFF!important;
  background:transparent!important;
  box-shadow:none!important;
}
.front-menu-arrow{
  width:10px!important;
  height:10px!important;
  flex:0 0 10px!important;
  color:#A3AAB8!important;
  margin-inline-start:5px!important;
  transform:none!important;
}
.front-menu-item:hover .front-menu-arrow{
  transform:rotate(180deg)!important;
  color:#0B5CFF!important;
}
.front-dropdown{
  top:calc(100% + 8px)!important;
  border-radius:8px!important;
  box-shadow:0 14px 34px rgba(16,24,40,.10)!important;
}
.front-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.front-actions .front-btn{
  min-height:44px!important;
  height:44px!important;
  border-radius:4px!important;
  padding:0 17px!important;
  font-size:15px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.front-my-account-btn,
.front-login-main-btn{
  min-width:114px!important;
  background:#0B5CFF!important;
  border-color:#0B5CFF!important;
  color:#fff!important;
}
.front-my-account-btn:hover,
.front-login-main-btn:hover{
  background:#064DD8!important;
  border-color:#064DD8!important;
  color:#fff!important;
}

/* top account cluster */
.front-account-menu{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:35px;
}
.front-account-button{
  height:28px!important;
  border:0!important;
  background:transparent!important;
  color:#0B5CFF!important;
  padding:0 2px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  font-size:14px!important;
  font-weight:500!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.front-account-arrow{
  width:9px!important;
  height:9px!important;
  color:#0B5CFF!important;
}
.front-account-power{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#0B5CFF!important;
  background:#F3F7FF!important;
  padding:0!important;
}
.front-account-power:hover{
  background:#0B5CFF!important;
  color:#fff!important;
}
.front-account-dropdown{
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  width:238px;
  background:#fff;
  border:1px solid #EEF2F7;
  border-radius:5px;
  box-shadow:0 18px 45px rgba(15,23,42,.12);
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:.16s ease;
  z-index:80;
  overflow:hidden;
  direction:rtl;
}
.front-account-menu:hover .front-account-dropdown,
.front-account-menu.is-open .front-account-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.front-account-dropdown-head{
  padding:14px 16px;
  border-bottom:1px solid #EEF2F7;
  display:grid;
  gap:3px;
}
.front-account-dropdown-head strong{
  font-size:21px;
  line-height:1.2;
  color:#20242B;
  font-weight:500;
  direction:ltr;
  text-align:left;
}
.front-account-dropdown-head span{
  font-size:12px;
  color:#98A2B3;
  direction:ltr;
  text-align:left;
}
.front-account-dropdown a{
  min-height:36px;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 16px!important;
  color:#20242B!important;
  font-size:14px!important;
  border-radius:0!important;
}
.front-account-dropdown a:hover{
  background:#F8FAFC!important;
  color:#0B5CFF!important;
}
.front-account-dropdown a i{
  color:#A3AAB8;
  font-style:normal;
  font-size:13px;
}
.front-account-logout{
  border-top:1px solid #EEF2F7!important;
}

/* compact topbar controls like reference */
.front-control-button,
.front-currency-switch{
  height:28px!important;
  min-height:28px!important;
  border:0!important;
  background:transparent!important;
  color:#667085!important;
  padding:0 2px!important;
  border-radius:4px!important;
  gap:5px!important;
  box-shadow:none!important;
}
.front-control-button:hover,
.front-currency-switch:hover{
  background:transparent!important;
  color:#0B5CFF!important;
}
.front-currency-text{
  font-size:14px!important;
  font-weight:500!important;
}
.front-currency-arrow-icon{
  width:9px!important;
  height:9px!important;
  color:#A3AAB8!important;
}
.front-bell-button{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#A3AAB8!important;
  border-radius:999px!important;
  padding:0!important;
}
.front-bell-button:hover{
  color:#0B5CFF!important;
  background:#F3F7FF!important;
}

/* smaller prettier switch in topbar */
.front-theme-switch{
  width:38px!important;
  height:26px!important;
  min-width:38px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
}
.front-theme-switch-track{
  width:38px!important;
  height:22px!important;
  display:block!important;
  border-radius:999px!important;
  background:#EFF4FF!important;
  position:relative!important;
  border:1px solid #DCE7FF!important;
}
.front-theme-switch-knob{
  width:20px!important;
  height:20px!important;
  top:0!important;
  inset-inline-start:0!important;
  background:#0B5CFF!important;
}
.front-theme-switch-icon{
  display:none!important;
}
body.front-dark .front-theme-switch-track{
  background:#1D2939!important;
  border-color:#344054!important;
}
body.front-dark .front-theme-switch-knob{
  background:#7A5AF8!important;
  transform:translateX(-16px)!important;
}
html[dir="ltr"] body.front-dark .front-theme-switch-knob{
  transform:translateX(16px)!important;
}

/* language widget alignment in the topbar */
.front-lang-switcher,
.front-lang-current{
  height:28px!important;
  min-height:28px!important;
}
.front-lang-current{
  border:0!important;
  background:transparent!important;
  padding:0 2px!important;
  gap:5px!important;
  color:#667085!important;
  box-shadow:none!important;
}
.front-lang-current:hover{
  color:#0B5CFF!important;
  background:transparent!important;
}
.front-lang-name,
.front-lang-label{
  font-size:14px!important;
}
.front-flag-icon{
  width:20px!important;
  height:14px!important;
}
.front-lang-arrow-icon{
  width:9px!important;
  height:9px!important;
}

body.front-dark .front-topbar,
body.front-dark .front-header{
  background:#fff!important;
  border-color:#E5E7EB!important;
}
body.front-dark .front-menu-link{
  color:#1F2937!important;
}
body.front-dark .front-menu-link:hover,
body.front-dark .front-menu-link.active{
  color:#0B5CFF!important;
}
body.front-dark .front-account-dropdown{
  background:#fff!important;
  border-color:#EEF2F7!important;
}
@media(max-width:980px){
  .front-container{
    width:min(100% - 24px, 1296px)!important;
  }
  .front-menu{
    gap:14px!important;
    font-size:15px!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    padding:0 4px!important;
  }
  .front-menu-link{
    font-size:15px!important;
    white-space:nowrap!important;
  }
  .front-header .front-dynamic-logo img{
    max-height:52px!important;
    max-width:220px!important;
  }
  .front-nav{
    gap:14px!important;
    min-height:78px!important;
  }
}
@media(max-width:680px){
  .front-topbar-inner{
    overflow-x:auto!important;
  }
  .front-nav{
    flex-wrap:wrap!important;
    justify-content:center!important;
    padding:10px 0!important;
  }
  .front-logo{
    order:1!important;
  }
  .front-actions{
    order:2!important;
  }
  .front-menu{
    order:3!important;
    flex-basis:100%!important;
  }
}


.front-section:has(.front-hosting-price-grid){
  padding-top:38px!important;
  background:#F7F7F8!important;
}
.front-section:has(.front-hosting-price-grid) .front-container{
  width:min(1180px, calc(100% - 76px))!important;
}
.front-hosting-price-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px 28px!important;
  align-items:stretch!important;
}
.front-hosting-price-card{
  min-height:590px!important;
  background:#FFFFFF!important;
  border:0!important;
  border-radius:5px!important;
  box-shadow:0 15px 34px rgba(16,24,40,.055)!important;
  padding:28px 28px 26px!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  transform:none!important;
  transition:box-shadow .18s ease,transform .18s ease!important;
}
.front-hosting-price-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 20px 44px rgba(16,24,40,.075)!important;
}
.front-hosting-price-card h3{
  margin:0 0 26px!important;
  color:#1F242B!important;
  font-size:24px!important;
  line-height:1.35!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-align:center!important;
}
.front-hosting-price{
  margin:0 0 8px!important;
  min-height:auto!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:9px!important;
  direction:ltr!important;
  text-align:center!important;
}
.front-hosting-price .front-hosting-currency{
  color:#1F242B!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-weight:400!important;
  margin-bottom:5px!important;
}
.front-hosting-price strong{
  color:#1A202C!important;
  font-size:31px!important;
  line-height:.95!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.front-hosting-price [data-plan-cycle-label]{
  display:block!important;
  width:100%!important;
  flex-basis:100%!important;
  color:#7B8493!important;
  font-size:12px!important;
  line-height:1.2!important;
  margin:8px 0 0!important;
  text-align:center!important;
}
.front-hosting-price-card .front-order-now-btn{
  width:auto!important;
  min-width:86px!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:2px!important;
  padding:0 14px!important;
  margin:10px 0 26px!important;
  background:#0B5CFF!important;
  border-color:#0B5CFF!important;
  color:#FFFFFF!important;
  font-size:13px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.front-hosting-price-card .front-order-now-btn:hover{
  background:#064DD8!important;
  border-color:#064DD8!important;
  color:#fff!important;
}
.front-hosting-feature-list{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  display:grid!important;
  gap:20px!important;
  width:100%!important;
  text-align:center!important;
  flex:1 1 auto!important;
}
.front-hosting-feature-list li{
  display:block!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.55!important;
  text-align:center!important;
  padding:0!important;
  margin:0!important;
}
.front-hosting-feature-list li.is-unavailable{
  color:#A3AAB8!important;
  text-decoration:line-through!important;
}
.front-billing-switch-wrap{
  margin:0 0 36px!important;
}
.front-billing-switch{
  min-height:42px!important;
  padding:4px!important;
  background:#FFFFFF!important;
  border:1px solid #E5E7EB!important;
  border-radius:999px!important;
  box-shadow:0 7px 18px rgba(16,24,40,.035)!important;
  gap:4px!important;
}
.front-billing-switch button{
  min-width:78px!important;
  height:34px!important;
  border-radius:999px!important;
  padding:0 14px!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:700!important;
}
.front-billing-switch button.is-active{
  background:#0B5CFF!important;
  color:#FFFFFF!important;
}

/* dark mode repair after header redesign */
body.front-dark{
  background:#071120!important;
  color:#EAECF0!important;
}
body.front-dark .front-topbar,
body.front-dark .front-header{
  background:#071120!important;
  border-color:#111C2F!important;
  color:#AAB4C5!important;
}
body.front-dark .front-menu-link{
  color:#D7DEEA!important;
}
body.front-dark .front-menu-link:hover,
body.front-dark .front-menu-link.active{
  color:#6EA1FF!important;
}
body.front-dark .front-menu-arrow{
  color:#687487!important;
}
body.front-dark .front-dropdown,
body.front-dark .front-account-dropdown{
  background:#0E1728!important;
  border-color:#1E2A3D!important;
  box-shadow:0 20px 45px rgba(0,0,0,.34)!important;
}
body.front-dark .front-drop-link:hover,
body.front-dark .front-account-dropdown a:hover{
  background:#111D31!important;
}
body.front-dark .front-drop-link strong,
body.front-dark .front-account-dropdown-head strong,
body.front-dark .front-account-dropdown a{
  color:#F8FAFC!important;
}
body.front-dark .front-drop-link span span,
body.front-dark .front-account-dropdown-head span{
  color:#93A2B8!important;
}
body.front-dark .front-control-button,
body.front-dark .front-currency-switch,
body.front-dark .front-lang-current,
body.front-dark .front-account-button{
  color:#AAB4C5!important;
  background:transparent!important;
  border-color:transparent!important;
}
body.front-dark .front-bell-button,
body.front-dark .front-account-power{
  color:#8EA2C6!important;
  background:#0E1728!important;
}
body.front-dark .front-bell-button:hover,
body.front-dark .front-account-power:hover{
  color:#fff!important;
  background:#0B5CFF!important;
}
body.front-dark .front-header .front-logo,
body.front-dark .front-header .front-logo span{
  color:#FFFFFF!important;
}
body.front-dark .front-section,
body.front-dark .front-band,
body.front-dark .front-page-hero,
body.front-dark .front-hero-slider-section,
body.front-dark .front-container + .front-section{
  background:#071120!important;
}
body.front-dark .front-section:has(.front-hosting-price-grid){
  background:#071120!important;
}
body.front-dark .front-page-hero-box,
body.front-dark .front-card,
body.front-dark .front-info-card,
body.front-dark .front-stat-card,
body.front-dark .front-dashboard-card,
body.front-dark .front-domain-box,
body.front-dark .front-chart-card,
body.front-dark .front-feature-item,
body.front-dark .front-mock-window,
body.front-dark .front-preview-header,
body.front-dark .front-preview-row,
body.front-dark .front-mini-card,
body.front-dark .front-auth-card{
  background:#0E1728!important;
  border-color:#1E2A3D!important;
  color:#EAECF0!important;
}
body.front-dark .front-hosting-price-card{
  background:#0E1728!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}
body.front-dark .front-hosting-price-card h3,
body.front-dark .front-hosting-price .front-hosting-currency,
body.front-dark .front-hosting-price strong,
body.front-dark .front-card h3,
body.front-dark .front-feature-item strong,
body.front-dark h1,
body.front-dark h2,
body.front-dark h3,
body.front-dark strong,
body.front-dark .front-page-title{
  color:#F8FAFC!important;
}
body.front-dark .front-hosting-feature-list li,
body.front-dark .front-hosting-price [data-plan-cycle-label],
body.front-dark .front-card p,
body.front-dark .front-section-head p,
body.front-dark .front-page-hero p,
body.front-dark .front-feature-item span span,
body.front-dark p{
  color:#98A6BA!important;
}
body.front-dark .front-billing-switch{
  background:#0E1728!important;
  border-color:#1E2A3D!important;
}
body.front-dark .front-billing-switch button{
  color:#D7DEEA!important;
}
body.front-dark .front-billing-switch button:hover{
  background:#111D31!important;
  color:#FFFFFF!important;
}
body.front-dark .front-billing-switch button.is-active{
  background:#0B5CFF!important;
  color:#FFFFFF!important;
}
body.front-dark .front-mock-toolbar,
body.front-dark .front-mock-card,
body.front-dark .front-cpanel-box{
  background:#111D31!important;
  border-color:#1E2A3D!important;
}
body.front-dark .front-cta{
  background:linear-gradient(135deg,#0B5CFF,#203B8A)!important;
  border-color:#1E4FE5!important;
}
@media(max-width:1180px){
  .front-hosting-price-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  .front-section:has(.front-hosting-price-grid) .front-container{
    width:min(100% - 24px, 1180px)!important;
  }
  .front-hosting-price-grid{
    grid-template-columns:1fr!important;
  }
  .front-hosting-price-card{
    min-height:auto!important;
  }
}


.front-service-offers-section{
  padding-top:38px!important;
  background:#F7F7F8!important;
}
.front-service-offers-section .front-container{
  width:min(1180px, calc(100% - 76px))!important;
}
body.front-dark .front-service-offers-section{
  background:#071120!important;
}
@media(max-width:680px){
  .front-service-offers-section .front-container{
    width:min(100% - 24px, 1180px)!important;
  }
}


.front-topbar{
  background:#F7F8FA!important;
  border-bottom:1px solid #E6E9EF!important;
}
.front-header{
  box-shadow:0 4px 12px rgba(16,24,40,.035)!important;
}
.front-topbar-links{
  gap:6px!important;
}
.front-currency-switch{
  margin-inline-end:-2px!important;
}
.front-lang-switcher{
  margin-inline-start:-2px!important;
}
.front-bell-button{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
}
.front-bell-button svg{
  width:20px!important;
  height:20px!important;
}
.front-lang-check,
.front-lang-option-check{
  display:none!important;
}
.front-lang-current{
  padding-inline-start:4px!important;
}
.front-lang-option{
  grid-template-columns:auto 1fr!important;
}
.front-footer-bottom,
.front-footer-bottom-custom{
  background:#F7F8FA!important;
  border:1px solid #E6E9EF!important;
  border-radius:18px!important;
  padding:16px 18px!important;
  margin-top:18px!important;
}
body.front-dark .front-topbar{
  background:#0B1220!important;
  border-bottom-color:#1F2937!important;
}
body.front-dark .front-header{
  box-shadow:0 4px 14px rgba(0,0,0,.22)!important;
}
body.front-dark .front-footer-bottom,
body.front-dark .front-footer-bottom-custom{
  background:#0E1728!important;
  border-color:#1E2A3D!important;
}
@media(max-width:680px){
  .front-footer-bottom,
  .front-footer-bottom-custom{
    border-radius:14px!important;
    padding:14px!important;
  }
}


.front-lamp-toggle{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:999px!important;
  background:#FFF7E6!important;
  color:#F59E0B!important;
  padding:0!important;
  margin-inline-start:12px!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:background-color .18s ease,color .18s ease,transform .18s ease!important;
}
.front-lamp-toggle:hover{
  background:#FFE8B5!important;
  color:#D97706!important;
  transform:translateY(-1px);
}
.front-lamp-icon{
  width:20px!important;
  height:20px!important;
  display:block!important;
}
.front-lamp-rays{
  opacity:1;
  transition:opacity .18s ease;
}
body.front-dark .front-lamp-toggle{
  background:#111827!important;
  color:#94A3B8!important;
  margin-inline-start:12px!important;
}
body.front-dark .front-lamp-toggle:hover{
  background:#1F2937!important;
  color:#CBD5E1!important;
}
body.front-dark .front-lamp-rays{
  opacity:.15;
}
.front-theme-switch{
  display:none!important;
}
@media(max-width:680px){
  .front-lamp-toggle{
    margin-inline-start:8px!important;
  }
}


.front-service-offers-section .front-container,
.front-section:has(.front-hosting-price-grid) .front-container{
  width:min(1280px, calc(100% - 56px))!important;
}
.front-hosting-price-grid{
  gap:24px 28px!important;
}
.front-hosting-price-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:610px!important;
  padding-inline:30px!important;
}
.front-hosting-price-card.is-featured{
  padding-top:52px!important;
  border:1px solid rgba(70,95,255,.22)!important;
}
.front-plan-popular-badge{
  position:absolute!important;
  top:15px!important;
  inset-inline-start:16px!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#0B5CFF!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.front-hosting-feature-list{
  align-items:stretch!important;
  gap:15px!important;
  text-align:start!important;
  direction:inherit!important;
}
.front-hosting-feature-list li{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
  text-align:start!important;
  direction:inherit!important;
  color:#5F6B7A!important;
  font-size:13px!important;
  line-height:1.65!important;
  text-decoration:none!important;
}
.front-feature-status{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  margin-top:1px!important;
}
.front-feature-status.is-ok{
  background:#DCFCE7!important;
  color:#16A34A!important;
}
.front-feature-status.is-no{
  background:#FEE2E2!important;
  color:#DC2626!important;
}
.front-feature-text{
  flex:1 1 auto!important;
  min-width:0!important;
}
.front-hosting-feature-list li.is-unavailable{
  color:#7B8493!important;
  text-decoration:none!important;
}
html[dir="ltr"] .front-hosting-feature-list,
html[dir="ltr"] .front-hosting-feature-list li{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="rtl"] .front-hosting-feature-list,
html[dir="rtl"] .front-hosting-feature-list li{
  direction:rtl!important;
  text-align:right!important;
}
body.front-dark .front-plan-popular-badge{
  background:#465FFF!important;
  color:#fff!important;
}
body.front-dark .front-hosting-price-card.is-featured{
  border-color:rgba(70,95,255,.42)!important;
}
body.front-dark .front-feature-status.is-ok{
  background:rgba(22,163,74,.16)!important;
  color:#75E0A7!important;
}
body.front-dark .front-feature-status.is-no{
  background:rgba(220,38,38,.16)!important;
  color:#FDA29B!important;
}
body.front-dark .front-hosting-feature-list li{
  color:#98A6BA!important;
}
body.front-dark .front-hosting-feature-list li.is-unavailable{
  color:#7B8798!important;
}
@media(max-width:1180px){
  .front-service-offers-section .front-container,
  .front-section:has(.front-hosting-price-grid) .front-container{
    width:min(100% - 40px, 1280px)!important;
  }
}
@media(max-width:680px){
  .front-service-offers-section .front-container,
  .front-section:has(.front-hosting-price-grid) .front-container{
    width:min(100% - 24px, 1280px)!important;
  }
  .front-hosting-price-card{
    padding-inline:24px!important;
  }
}


.auth-tailadmin-page{
  min-height:100vh;
  background:#fff;
  color:#101828;
  font-family:var(--site-font-family, Inter, Tahoma, Arial, sans-serif);
}
.auth-tailadmin-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(460px,.92fr);
  background:#fff;
}
.auth-form-side{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:28px;
  background:#fff;
}
.auth-back-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#667085;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  transition:color .18s ease;
}
.auth-back-link:hover{
  color:#465FFF;
}
.auth-form-wrap{
  width:min(100%, 440px);
  margin:auto;
  padding:28px 0;
}
.auth-form-wrap.auth-wide{
  width:min(100%, 560px);
}
.auth-mobile-logo{
  display:none;
  align-items:center;
  justify-content:center;
  margin-bottom:26px;
}
.auth-mobile-logo img{
  max-height:64px;
  max-width:260px;
  object-fit:contain;
}
.auth-title{
  margin:0 0 8px;
  color:#101828;
  font-size:32px;
  line-height:1.22;
  font-weight:700;
  letter-spacing:-.02em;
}
.auth-desc{
  margin:0 0 26px;
  color:#667085;
  font-size:14px;
  line-height:1.7;
}
.auth-social-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:22px;
}
.auth-social-btn{
  height:44px;
  border:1px solid #E4E7EC;
  border-radius:8px;
  background:#F9FAFB;
  color:#344054;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  box-shadow:none;
}
.auth-social-btn:hover{
  background:#F2F4F7;
}
.auth-divider{
  display:flex;
  align-items:center;
  gap:14px;
  margin:22px 0;
  color:#98A2B3;
  font-size:13px;
}
.auth-divider::before,
.auth-divider::after{
  content:"";
  height:1px;
  flex:1;
  background:#E4E7EC;
}
.auth-form{
  display:grid;
  gap:16px;
}
.auth-form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.auth-field{
  display:grid;
  gap:8px;
}
.auth-field label{
  color:#344054;
  font-size:14px;
  font-weight:500;
}
.auth-field input{
  width:100%;
  height:44px;
  border:1px solid #D0D5DD;
  border-radius:8px;
  background:#fff;
  color:#101828;
  padding:0 14px;
  font-size:14px;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.auth-field input:focus{
  border-color:#465FFF;
  box-shadow:0 0 0 4px rgba(70,95,255,.10);
}
.auth-password-field{
  position:relative;
}
.auth-password-field input{
  padding-inline-end:44px;
}
.auth-eye{
  position:absolute;
  top:50%;
  inset-inline-end:12px;
  transform:translateY(-50%);
  width:22px;
  height:22px;
  color:#98A2B3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.auth-inline-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:2px 0 4px;
}
.auth-checkbox{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#475467;
  font-size:14px;
}
.auth-checkbox input{
  width:16px;
  height:16px;
  accent-color:#465FFF;
}
.auth-link{
  color:#465FFF;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
}
.auth-link:hover{
  color:#3641D9;
}
.auth-submit{
  height:44px;
  width:100%;
  border:1px solid #465FFF;
  border-radius:8px;
  background:#465FFF;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  box-shadow:none;
  transition:background-color .18s ease,border-color .18s ease;
}
.auth-submit:hover{
  background:#3641D9;
  border-color:#3641D9;
}
.auth-bottom-text{
  margin:22px 0 0;
  color:#667085;
  font-size:14px;
  text-align:center;
}
.auth-terms{
  color:#667085;
  font-size:13px;
  line-height:1.7;
}
.auth-visual-side{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px;
  background:#101828;
  color:#fff;
  isolation:isolate;
}
.auth-visual-side::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.58;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size:28px 28px;
  mask-image:radial-gradient(circle at center, #000 0%, transparent 72%);
}
.auth-visual-side::after{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(70,95,255,.38), transparent 64%);
  inset-inline-end:-120px;
  top:18%;
  z-index:-1;
}
.auth-visual-content{
  position:relative;
  z-index:1;
  width:min(100%, 420px);
  display:grid;
  justify-items:center;
  text-align:center;
}
.auth-brand-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:92px;
  margin-bottom:22px;
}
.auth-brand-logo img{
  max-width:300px;
  max-height:92px;
  object-fit:contain;
}
.auth-brand-logo .front-logo-icon{
  width:58px;
  height:58px;
}
.auth-brand-logo span{
  color:#fff;
  font-size:24px;
  font-weight:700;
}
.auth-visual-title{
  margin:0 0 10px;
  color:#fff;
  font-size:20px;
  font-weight:700;
}
.auth-visual-text{
  margin:0;
  color:rgba(255,255,255,.66);
  font-size:14px;
  line-height:1.8;
}
.auth-visual-grid{
  position:relative;
  width:320px;
  height:170px;
  margin-top:34px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:rgba(255,255,255,.03);
  padding:14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.auth-visual-grid span{
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.auth-alert{
  border-radius:12px;
  padding:12px 14px;
  font-size:14px;
  line-height:1.6;
  margin-bottom:16px;
}
.auth-alert.error{
  border:1px solid #FECDCA;
  background:#FEF3F2;
  color:#B42318;
}
.auth-alert.success{
  border:1px solid #ABEFC6;
  background:#ECFDF3;
  color:#027A48;
}
.auth-code-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
  direction:ltr;
}
.auth-code-grid input{
  width:100%;
  height:52px;
  text-align:center;
  font-size:22px;
  font-weight:700;
  border:1px solid #D0D5DD;
  border-radius:10px;
}
.auth-code-grid input:focus{
  border-color:#465FFF;
  box-shadow:0 0 0 4px rgba(70,95,255,.10);
  outline:none;
}
body.front-dark .auth-tailadmin-page,
body.front-dark .auth-form-side{
  background:#0B1220;
}
body.front-dark .auth-title,
body.front-dark .auth-field label{
  color:#fff;
}
body.front-dark .auth-desc,
body.front-dark .auth-bottom-text,
body.front-dark .auth-checkbox,
body.front-dark .auth-terms{
  color:#98A2B3;
}
body.front-dark .auth-field input,
body.front-dark .auth-code-grid input{
  background:#101828;
  color:#fff;
  border-color:#1F2937;
}
body.front-dark .auth-social-btn{
  background:#101828;
  border-color:#1F2937;
  color:#EAECF0;
}
body.front-dark .auth-divider::before,
body.front-dark .auth-divider::after{
  background:#1F2937;
}
@media(max-width:1024px){
  .auth-tailadmin-shell{
    grid-template-columns:1fr;
  }
  .auth-visual-side{
    display:none;
  }
  .auth-mobile-logo{
    display:flex;
  }
  .auth-form-side{
    padding:22px;
  }
}
@media(max-width:640px){
  .auth-form-row{
    grid-template-columns:1fr;
  }
  .auth-social-grid{
    grid-template-columns:1fr;
  }
  .auth-title{
    font-size:28px;
  }
  .auth-code-grid{
    gap:7px;
  }
  .auth-code-grid input{
    height:46px;
    font-size:18px;
  }
}


.front-hosting-price{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:7px!important;
  direction:ltr!important;
  text-align:center!important;
  margin-bottom:9px!important;
}
.front-hosting-price strong{
  order:1!important;
  font-size:27px!important;
  line-height:.95!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}
.front-hosting-price .front-hosting-currency{
  order:2!important;
  margin:0 0 4px!important;
  color:#1F242B!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:500!important;
}
.front-hosting-price [data-plan-cycle-label]{
  order:3!important;
  width:100%!important;
  flex:0 0 100%!important;
  display:block!important;
  margin:7px 0 0!important;
  color:#7B8493!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:400!important;
  text-align:center!important;
  direction:rtl!important;
}
html[dir="ltr"] .front-hosting-price [data-plan-cycle-label]{
  direction:ltr!important;
}
body.front-dark .front-hosting-price .front-hosting-currency,
body.front-dark .front-hosting-price strong{
  color:#F8FAFC!important;
}
body.front-dark .front-hosting-price [data-plan-cycle-label]{
  color:#98A6BA!important;
}
@media(max-width:680px){
  .front-hosting-price strong{
    font-size:25px!important;
  }
  .front-hosting-price .front-hosting-currency{
    font-size:16px!important;
  }
}


.front-mobile-nav,
.front-mobile-overlay,
.front-mobile-drawer{
  display:none;
}
.front-mobile-icon-btn{
  width:42px;
  height:42px;
  min-width:42px;
  border:1px solid #E4E7EC;
  border-radius:12px;
  background:#fff;
  color:#344054;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  box-shadow:none;
}
.front-mobile-icon-btn:hover{
  color:#0B5CFF;
  border-color:#D0D5DD;
  background:#F9FAFB;
}
.front-mobile-logo{
  justify-content:center;
  min-width:0;
}
.front-mobile-logo img{
  max-height:54px!important;
  max-width:210px!important;
}
.front-mobile-overlay.is-open{
  display:block;
  position:fixed;
  inset:0;
  z-index:98;
  background:rgba(15,23,42,.46);
  backdrop-filter:blur(2px);
}
.front-mobile-drawer{
  position:fixed;
  top:0;
  bottom:0;
  inset-inline-end:0;
  width:min(86vw, 360px);
  z-index:99;
  background:#fff;
  border-inline-start:1px solid #E4E7EC;
  box-shadow:-22px 0 50px rgba(16,24,40,.16);
  transform:translateX(110%);
  transition:transform .24s ease;
  padding:18px;
  overflow:auto;
}
html[dir="ltr"] .front-mobile-drawer{
  inset-inline-end:auto;
  inset-inline-start:0;
  border-inline-start:0;
  border-inline-end:1px solid #E4E7EC;
  box-shadow:22px 0 50px rgba(16,24,40,.16);
  transform:translateX(-110%);
}
.front-mobile-drawer.is-open{
  display:block;
  transform:translateX(0)!important;
}
.front-mobile-drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:16px;
  border-bottom:1px solid #EEF2F7;
}
.front-mobile-drawer-head .front-logo{
  justify-content:center;
  flex:1;
}
.front-mobile-drawer-head .front-logo img{
  max-height:58px!important;
  max-width:220px!important;
}
.front-mobile-close{
  width:38px;
  height:38px;
  border:1px solid #E4E7EC;
  border-radius:12px;
  background:#fff;
  color:#667085;
  font-size:24px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.front-mobile-menu{
  display:grid;
  gap:4px;
  padding:18px 0;
}
.front-mobile-menu-link{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:0 12px;
  border-radius:12px;
  color:#1F2937;
  font-size:15px;
  font-weight:600;
}
.front-mobile-menu-link:hover,
.front-mobile-menu-link.active{
  background:#F4F7FF;
  color:#0B5CFF;
}
.front-mobile-submenu{
  display:grid;
  gap:2px;
  padding:0 18px 8px;
}
.front-mobile-submenu a{
  min-height:36px;
  display:flex;
  align-items:center;
  color:#667085;
  font-size:14px;
  border-radius:10px;
  padding:0 10px;
}
.front-mobile-submenu a:hover{
  background:#F9FAFB;
  color:#0B5CFF;
}
.front-mobile-drawer-actions{
  display:grid;
  gap:10px;
  padding-top:16px;
  border-top:1px solid #EEF2F7;
}
.front-mobile-drawer-actions .front-btn{
  width:100%;
}
body.front-dark .front-mobile-icon-btn,
body.front-dark .front-mobile-close,
body.front-dark .front-mobile-drawer{
  background:#0E1728!important;
  border-color:#1E2A3D!important;
  color:#EAECF0!important;
}
body.front-dark .front-mobile-menu-link{
  color:#EAECF0!important;
}
body.front-dark .front-mobile-menu-link:hover,
body.front-dark .front-mobile-menu-link.active,
body.front-dark .front-mobile-submenu a:hover{
  background:#111D31!important;
  color:#6EA1FF!important;
}
body.front-dark .front-mobile-submenu a{
  color:#98A6BA!important;
}
body.front-dark .front-mobile-drawer-head,
body.front-dark .front-mobile-drawer-actions{
  border-color:#1E2A3D!important;
}
@media(max-width:980px){
  .front-topbar{
    display:none!important;
  }
  .front-header{
    position:sticky!important;
    top:0!important;
    z-index:90!important;
  }
  .front-nav{
    display:none!important;
  }
  .front-mobile-nav{
    min-height:74px;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px;
    align-items:center;
    gap:10px;
  }
  .front-mobile-logo{
    display:flex!important;
  }
}


@media(max-width:1040px){
  .front-topbar{
    display:none!important;
  }
  .front-nav{
    display:none!important;
  }
  .front-mobile-nav{
    min-height:74px;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px;
    align-items:center;
    gap:10px;
  }
  .front-mobile-logo{
    display:flex!important;
  }
}


@media(max-width:1040px){
  .front-mobile-nav{
    position:relative!important;
    min-height:74px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
  }
  .front-mobile-menu-toggle{
    position:absolute!important;
    inset-inline-start:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:2!important;
  }
  .front-mobile-account-group{
    position:absolute!important;
    inset-inline-end:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  .front-mobile-account-btn{
    flex:0 0 42px!important;
  }
  .front-mobile-logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    max-width:calc(100% - 190px)!important;
    min-width:0!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:1!important;
  }
  .front-mobile-logo img{
    max-width:100%!important;
    max-height:50px!important;
    object-fit:contain!important;
  }
  .front-mobile-logo .front-logo-icon{
    flex:0 0 auto!important;
  }
  .front-mobile-lang-wrapper{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:38px!important;
  }
  .front-mobile-account-group .front-lang-switcher{
    position:relative!important;
    height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
  }
  .front-mobile-account-group .front-lang-current{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    border:1px solid #E4E7EC!important;
    border-radius:12px!important;
    background:#fff!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:none!important;
  }
  .front-mobile-account-group .front-lang-current [data-front-current-label],
  .front-mobile-account-group .front-lang-arrow,
  .front-mobile-account-group .front-lang-arrow-icon{
    display:none!important;
  }
  .front-mobile-account-group .front-flag-icon{
    margin:0!important;
  }
  .front-mobile-account-group .front-lang-menu{
    top:calc(100% + 8px)!important;
    inset-inline-end:0!important;
    inset-inline-start:auto!important;
    width:150px!important;
  }
  html[dir="ltr"] .front-mobile-account-group .front-lang-menu{
    inset-inline-end:0!important;
    inset-inline-start:auto!important;
  }

  /* Drawer must always open from the right side, both RTL and LTR */
  .front-mobile-drawer,
  html[dir="ltr"] .front-mobile-drawer{
    right:0!important;
    left:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:min(80vw, 320px)!important;
    transform:translateX(110%)!important;
    border-inline-start:1px solid #E4E7EC!important;
    border-inline-end:0!important;
    box-shadow:-20px 0 45px rgba(16,24,40,.16)!important;
  }
  .front-mobile-drawer.is-open,
  html[dir="ltr"] .front-mobile-drawer.is-open{
    transform:translateX(0)!important;
  }
  .front-mobile-drawer-head{
    position:relative!important;
    justify-content:center!important;
    min-height:64px!important;
    padding-inline:46px!important;
  }
  .front-mobile-drawer-head .front-logo{
    margin:0 auto!important;
    justify-content:center!important;
    text-align:center!important;
    max-width:100%!important;
  }
  .front-mobile-drawer-head .front-logo img{
    max-width:190px!important;
    max-height:54px!important;
    margin-inline:auto!important;
  }
  .front-mobile-close{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }
  body.front-dark .front-mobile-account-group .front-lang-current{
    background:#0E1728!important;
    border-color:#1E2A3D!important;
  }
}
@media(max-width:380px){
  .front-mobile-logo{
    max-width:calc(100% - 176px)!important;
  }
  .front-mobile-logo img{
    max-height:44px!important;
  }
  .front-mobile-account-group{
    gap:5px!important;
  }
  .front-mobile-icon-btn,
  .front-mobile-account-group .front-lang-current{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
}


.auth-social-grid:empty,
.auth-divider:empty{
  display:none!important;
}
@media(max-width:1024px){
  .auth-tailadmin-page{
    min-height:100svh!important;
    background:
      radial-gradient(circle at 15% 0%, rgba(70,95,255,.10), transparent 26%),
      radial-gradient(circle at 90% 16%, rgba(122,90,248,.10), transparent 28%),
      #F9FAFB!important;
  }
  .auth-tailadmin-shell{
    min-height:100svh!important;
    display:block!important;
    background:transparent!important;
  }
  .auth-form-side{
    min-height:100svh!important;
    padding:18px 16px 28px!important;
    background:transparent!important;
  }
  .auth-form-wrap,
  .auth-form-wrap.auth-wide{
    width:min(100%, 520px)!important;
    margin:22px auto 0!important;
    padding:24px 18px!important;
    border:1px solid #E4E7EC!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:0 18px 48px rgba(16,24,40,.08)!important;
    text-align:center!important;
  }
  .auth-mobile-logo{
    display:flex!important;
    margin:0 auto 16px!important;
    min-height:auto!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .auth-mobile-logo img{
    max-height:58px!important;
    max-width:230px!important;
    margin-inline:auto!important;
  }
  .auth-title{
    text-align:center!important;
    font-size:27px!important;
    line-height:1.3!important;
    margin-bottom:8px!important;
  }
  .auth-desc{
    text-align:center!important;
    max-width:360px!important;
    margin:0 auto 22px!important;
    font-size:14px!important;
  }
  .auth-form,
  .auth-field,
  .auth-form-row,
  .auth-inline-row,
  .auth-terms{
    text-align:start!important;
  }
  .auth-form{
    gap:14px!important;
  }
  .auth-field input{
    height:46px!important;
    border-radius:12px!important;
  }
  .auth-submit{
    height:46px!important;
    border-radius:12px!important;
  }
  .auth-back-link{
    height:38px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.78)!important;
  }
  .auth-inline-row{
    align-items:flex-start!important;
    gap:12px!important;
  }
  .auth-bottom-text{
    text-align:center!important;
  }
  .auth-code-grid{
    max-width:360px!important;
    margin-inline:auto!important;
  }
}
@media(max-width:520px){
  .auth-form-side{
    padding:14px 12px 24px!important;
  }
  .auth-form-wrap,
  .auth-form-wrap.auth-wide{
    padding:22px 14px!important;
    border-radius:20px!important;
    margin-top:16px!important;
  }
  .auth-form-row{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .auth-inline-row{
    flex-direction:column!important;
  }
  .auth-title{
    font-size:24px!important;
  }
  .auth-mobile-logo img{
    max-height:52px!important;
    max-width:205px!important;
  }
}
body.front-dark .auth-tailadmin-page{
  background:
    radial-gradient(circle at 15% 0%, rgba(70,95,255,.16), transparent 28%),
    radial-gradient(circle at 90% 16%, rgba(122,90,248,.16), transparent 30%),
    #071120!important;
}
body.front-dark .auth-form-wrap{
  background:#0E1728!important;
  border-color:#1E2A3D!important;
  box-shadow:0 18px 48px rgba(0,0,0,.25)!important;
}
body.front-dark .auth-back-link{
  background:#0E1728!important;
  color:#98A6BA!important;
}


.front-page-content-card{
  background:#fff;
  border:1px solid #E4E7EC;
  border-radius:24px;
  padding:34px;
  box-shadow:0 8px 26px rgba(16,24,40,.05);
  color:#344054;
  line-height:1.9;
}
.front-page-content-card h2,
.front-page-content-card h3,
.front-page-content-card h4{
  color:#101828;
  margin:0 0 14px;
  line-height:1.35;
}
.front-page-content-card h2{font-size:28px}
.front-page-content-card h3{font-size:21px;margin-top:26px}
.front-page-content-card p{margin:0 0 14px;color:#475467}
.front-page-content-card ul,
.front-page-content-card ol{padding-inline-start:24px;color:#475467}
.front-contact-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:24px;
  align-items:start;
}
.front-contact-form{
  display:grid;
  gap:16px;
}
.front-contact-form label{
  display:grid;
  gap:8px;
  color:#344054;
  font-size:14px;
  font-weight:600;
}
.front-contact-form input,
.front-contact-form select,
.front-contact-form textarea{
  width:100%;
  border:1px solid #D0D5DD;
  background:#fff;
  color:#101828;
  border-radius:12px;
  min-height:46px;
  padding:12px 14px;
  font:inherit;
  outline:none;
}
.front-contact-form textarea{resize:vertical}
.front-contact-form input:focus,
.front-contact-form select:focus,
.front-contact-form textarea:focus{
  border-color:#465FFF;
  box-shadow:0 0 0 4px rgba(70,95,255,.10);
}
.front-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.front-contact-side{
  display:grid;
  gap:14px;
}
.front-alert{
  border-radius:14px;
  padding:13px 15px;
  margin:18px 0;
  font-size:14px;
}
.front-alert.success{
  background:#ECFDF3;
  border:1px solid #ABEFC6;
  color:#027A48;
}
.front-alert.error{
  background:#FEF3F2;
  border:1px solid #FECDCA;
  color:#B42318;
}
.front-empty-state{
  grid-column:1/-1;
  text-align:center;
}
.front-empty-state h2{
  margin:8px 0;
  color:#101828;
}
.front-footer-grid > div ul li a{
  transition:color .18s ease;
}
body.front-dark .front-page-content-card,
body.front-dark .front-contact-form input,
body.front-dark .front-contact-form select,
body.front-dark .front-contact-form textarea,
body.front-dark .front-empty-state{
  background:#0E1728!important;
  border-color:#1E2A3D!important;
  color:#EAECF0!important;
}
body.front-dark .front-page-content-card h2,
body.front-dark .front-page-content-card h3,
body.front-dark .front-page-content-card h4,
body.front-dark .front-empty-state h2,
body.front-dark .front-contact-form label{
  color:#F8FAFC!important;
}
body.front-dark .front-page-content-card p,
body.front-dark .front-page-content-card li{
  color:#98A6BA!important;
}
@media(max-width:980px){
  .front-contact-layout{
    grid-template-columns:1fr;
  }
}
@media(max-width:680px){
  .front-page-content-card{
    padding:24px 18px;
    border-radius:18px;
  }
  .front-form-grid{
    grid-template-columns:1fr;
  }
}


.front-domain-result{
  margin:22px 0;
  text-align:center;
}
.front-domain-result h2{
  margin:8px 0 10px;
  font-size:clamp(28px,4vw,44px);
  color:#101828;
  direction:ltr;
}
.front-domain-available{
  color:#027A48!important;
  font-weight:700;
}
.front-domain-unavailable{
  color:#B42318!important;
  font-weight:700;
}
body.front-dark .front-domain-result h2{
  color:#F8FAFC!important;
}
body.front-dark .front-domain-available{
  color:#75E0A7!important;
}
body.front-dark .front-domain-unavailable{
  color:#FDA29B!important;
}


.client-action-stack{
  display:grid;
  gap:12px;
}
.client-card-actions{
  margin-top:14px;
  display:flex;
  justify-content:flex-end;
}
.client-action-stack form{
  display:grid;
  gap:10px;
}
.client-action-stack textarea,
.client-action-stack select{
  width:100%;
  border:1px solid #D0D5DD;
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
  color:#101828;
  font:inherit;
}
body.front-dark .client-action-stack textarea,
body.front-dark .client-action-stack select{
  background:#0E1728!important;
  border-color:#1E2A3D!important;
  color:#EAECF0!important;
}

*{box-sizing:border-box;}
html,body{max-width:100%;overflow-x:hidden;}
img,svg,video,canvas{max-width:100%;height:auto;}
.front-container,.client-main,.client-panel,.client-item-card,.front-card,.front-page-hero-box,.front-order-form,.front-order-summary-card{min-width:0!important;}
.front-container{max-width:100%!important;}
.front-section,.front-page-hero{overflow:hidden;}
.front-section :where(input,select,textarea),.client-main :where(input,select,textarea),.auth-tailadmin-page :where(input,select,textarea){max-width:100%;min-width:0;}
.front-section :where(.front-btn,.front-btn-primary,.front-btn-outline),.client-main :where(.front-btn,.client-primary-btn,.client-small-link),.auth-tailadmin-page :where(button,a.auth-social-btn){box-shadow:none!important;}
.front-mobile-menu-open, .front-mobile-menu-open body{overflow:hidden!important;}

.ta-responsive-wrap{width:100%;max-width:100%;-webkit-overflow-scrolling:touch;}
.ta-responsive-table{width:100%;}
.ta-responsive-table th,.ta-responsive-table td{vertical-align:top;}
.ta-responsive-table td{overflow-wrap:anywhere;}

@media(max-width:1040px){
  .front-topbar{display:none!important;}
  .front-header{position:sticky!important;top:0!important;z-index:80!important;}
  .front-nav{display:none!important;}
  .front-mobile-nav{display:flex!important;}
  .front-mobile-logo{max-width:calc(100% - 180px)!important;}
  .front-mobile-logo img{max-height:48px!important;}
  .front-mobile-drawer{width:min(78vw,310px)!important;}
}

@media(max-width:860px){
  .front-container{width:min(100% - 24px, 1200px)!important;}
  .front-section{padding-block:42px!important;}
  .front-page-hero{padding-block:42px!important;}
  .front-page-hero-box{padding:24px 18px!important;border-radius:22px!important;}
  .front-page-title{font-size:clamp(30px,9vw,42px)!important;line-height:1.25!important;}
  .front-section-head{margin-bottom:24px!important;}
  .front-section-head h2{font-size:clamp(26px,7vw,36px)!important;}
  .front-cards-grid,.front-premium-grid,.front-stats-grid,.front-feature-list,.front-footer-grid,.front-hosting-price-grid{grid-template-columns:1fr!important;gap:16px!important;}
  .front-service-offers-section .front-container,.front-section:has(.front-hosting-price-grid) .front-container{width:min(100% - 24px, 1280px)!important;}
  .front-hosting-price-card{min-height:auto!important;padding:24px 20px!important;}
  .front-billing-switch-wrap{justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:4px!important;}
  .front-billing-switch{max-width:100%;overflow-x:auto;justify-content:flex-start!important;}
  .front-order-layout,.front-order-search-card,.front-contact-layout{grid-template-columns:1fr!important;}
  .front-order-summary{position:static!important;}
  .front-domain-search-form,.front-success-actions{align-items:stretch!important;}
  .front-domain-search-form .front-btn,.front-success-actions .front-btn{width:100%;}
  .front-footer-bottom,.front-footer-bottom-custom{display:grid!important;gap:12px!important;text-align:center!important;justify-items:center!important;}
}

@media(max-width:640px){
  .front-container{width:min(100% - 18px, 1200px)!important;}
  .front-section{padding-block:34px!important;}
  .front-card,.front-page-content-card,.front-order-form,.front-order-summary-card,.front-success-card,.front-order-search-card,.front-contact-form,.front-page-hero-box{border-radius:18px!important;padding:20px 16px!important;}
  .front-order-grid,.front-form-grid,.front-success-details,.front-total-box{grid-template-columns:1fr!important;}
  .front-success-items div{flex-direction:column!important;align-items:flex-start!important;}
  .front-hosting-price strong{font-size:24px!important;}
  .front-hosting-price .front-hosting-currency{font-size:15px!important;}
  .front-hosting-feature-list{gap:11px!important;}
  .front-hosting-feature-list li{font-size:12.5px!important;}
  .front-mobile-nav{min-height:66px!important;}
  .front-mobile-icon-btn,.front-mobile-account-group .front-lang-current{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;}
  .front-mobile-logo{max-width:calc(100% - 168px)!important;}
  .front-mobile-logo img{max-height:42px!important;}
}

/* Stacked responsive tables for public/client/admin-generated tables */
@media(max-width:700px){
  .ta-responsive-wrap{overflow-x:visible!important;}
  table.ta-responsive-table{min-width:0!important;width:100%!important;border-collapse:separate!important;border-spacing:0 12px!important;}
  table.ta-responsive-table thead{display:none!important;}
  table.ta-responsive-table tbody,
  table.ta-responsive-table tr,
  table.ta-responsive-table td{display:block!important;width:100%!important;}
  table.ta-responsive-table tbody tr{border:1px solid #E4E7EC!important;border-radius:16px!important;background:#fff!important;padding:8px 10px!important;box-shadow:none!important;overflow:hidden!important;}
  table.ta-responsive-table tbody tr + tr{margin-top:12px!important;}
  table.ta-responsive-table td{border:0!important;border-bottom:1px solid #F2F4F7!important;padding:10px 0!important;color:#344054!important;}
  table.ta-responsive-table td:last-child{border-bottom:0!important;}
  table.ta-responsive-table td::before{content:attr(data-label);display:block!important;margin-bottom:5px!important;color:#667085!important;font-size:12px!important;font-weight:700!important;line-height:1.3!important;}
  table.ta-responsive-table td[data-label=""]::before{display:none!important;}
  table.ta-responsive-table td :is(.flex,.inline-flex){flex-wrap:wrap!important;gap:8px!important;}
  table.ta-responsive-table td form{display:inline-flex!important;margin:0!important;}
  table.ta-responsive-table td :is(a,button){white-space:normal!important;}
  body.front-dark table.ta-responsive-table tbody tr{background:#0E1728!important;border-color:#1E2A3D!important;}
  body.front-dark table.ta-responsive-table td{border-color:#1E2A3D!important;color:#EAECF0!important;}
  body.front-dark table.ta-responsive-table td::before{color:#98A6BA!important;}
}

/* Client area mobile polish */
@media(max-width:860px){
  .client-app{grid-template-columns:1fr!important;}
  .client-sidebar{position:relative!important;height:auto!important;border-inline-end:0!important;border-bottom:1px solid var(--gray-200)!important;}
  .client-logo{justify-content:center!important;}
  .client-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .client-sidebar-footer{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .client-main{padding:18px!important;}
  .client-header,.client-welcome-card,.client-invoice-head,.client-ticket-head{flex-direction:column!important;align-items:stretch!important;}
  .client-stat-grid,.client-grid-2,.client-grid-3,.client-card-grid{grid-template-columns:1fr!important;}
  .client-total-box{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .client-reply{max-width:100%!important;}
}
@media(max-width:560px){
  .client-main{padding:12px!important;}
  .client-panel,.client-item-card,.client-invoice-box{border-radius:18px!important;padding:16px!important;}
  .client-nav,.client-sidebar-footer,.client-form-grid,.client-meta-grid,.client-total-box{grid-template-columns:1fr!important;}
  .client-list-line,.client-item-top,.client-reply-meta{flex-direction:column!important;align-items:flex-start!important;}
  .client-badge{align-self:flex-start;}
  .client-table{min-width:0!important;}
}

.digital-market-section{background:#edf3f5!important;padding-top:34px!important}.digital-category-tabs{margin-bottom:22px}.digital-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.digital-market-grid.small{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.digital-product-tile{background:#fff;border:1px solid #d9e2e7;box-shadow:0 2px 5px rgba(16,24,40,.04);min-height:315px;display:flex;flex-direction:column}.digital-tile-image{height:145px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#dfe8ec;color:#64748b;text-decoration:none}.digital-tile-image img{width:100%;height:100%;object-fit:cover}.digital-tile-image span{font-size:44px}.digital-tile-badge{position:absolute;right:0;bottom:0;height:30px;min-width:78px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em}.digital-tile-badge.popular{background:#f05252}.digital-tile-badge.featured{background:#12a8d8}.digital-tile-body{display:flex;flex-direction:column;flex:1;padding:14px}.digital-tile-body h3{min-height:48px;margin:0 0 10px;font-size:16px;line-height:1.25;text-align:center;color:#2d3740}.digital-tile-body h3 a{color:inherit;text-decoration:none}.digital-tile-tools{display:flex;align-items:center;gap:6px;margin:4px 0 12px}.digital-tile-tools span:not(.digital-stars){width:32px;height:32px;border:1px solid #d9e2e7;background:#f8fbfc;display:inline-flex;align-items:center;justify-content:center;color:#607180}.digital-stars{margin-inline-start:auto;color:#f59e0b;font-size:20px;letter-spacing:1px;white-space:nowrap}.digital-tile-footer{margin-top:auto;border-top:1px solid #edf2f5;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8a9aa5}.digital-tile-footer strong{min-width:58px;border:1px solid #d9e2e7;background:#f8fbfc;padding:6px 10px;text-align:center;color:#263744;font-size:13px}.digital-tech{font-size:13px;color:#8a9aa5}.digital-product-head{background:#f3f8fa;border-bottom:1px solid #dce7ec;padding:28px 0}.digital-product-title-row{display:flex;gap:16px;align-items:center}.digital-product-title-row h1{margin:0;color:#22313b;font-size:24px;line-height:1.25}.digital-product-title-row p{margin:5px 0;color:#6b7c88}.digital-product-icon{width:72px;height:72px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #d9e2e7;display:flex;align-items:center;justify-content:center;font-size:32px}.digital-product-icon img{width:100%;height:100%;object-fit:cover}.digital-updated{font-size:12px;color:#10a34a;font-weight:700}.digital-product-page{background:#edf3f5!important}.digital-product-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.digital-product-tabs{display:flex;gap:0;border-bottom:1px solid #d4e0e6;background:#fff}.digital-product-tabs a{padding:14px 18px;border-bottom:2px solid transparent;color:#536774;font-size:13px;text-decoration:none}.digital-product-tabs a:first-child{border-bottom-color:#2488c7;color:#1f5f93}.digital-product-preview{background:#fff;border:1px solid #d9e2e7;padding:16px}.digital-product-preview img{display:block;width:100%;max-height:430px;object-fit:cover}.digital-placeholder{height:340px;display:flex;align-items:center;justify-content:center;font-size:80px;background:#f7fafc}.digital-preview-actions{display:flex;gap:10px;align-items:center;justify-content:center;background:#fff;border:1px solid #d9e2e7;border-top:0;padding:10px}.digital-like{color:#536774;font-size:13px}.digital-detail-box{background:#fff;border:1px solid #d9e2e7;margin-top:20px;padding:18px}.digital-detail-box h2{margin:0 0 14px;color:#263744;font-size:18px}.digital-content{color:#354653;line-height:1.8}.digital-content h2,.digital-content h3{color:#22313b}.digital-screenshots{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.digital-screenshots img{width:100%;height:82px;object-fit:cover;border:1px solid #d9e2e7;background:#f8fbfc}.digital-product-side{display:grid;gap:16px}.digital-buy-card{background:#fff;border:1px solid #d9e2e7;padding:18px;display:grid;gap:14px}.digital-license-select{height:40px;border:1px solid #d9e2e7;background:#fff;padding:0 10px;border-radius:3px}.digital-side-price{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.digital-side-price span{color:#7a8b96}.digital-side-price strong{font-size:28px;color:#3a4b56}.digital-side-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:#4b5f6c;font-size:13px}.digital-side-checks li::before{content:'✓';color:#16a34a;font-weight:900;margin-inline-end:7px}.digital-buy-btn{height:48px;border:0;background:#22c55e;color:#fff;font-weight:800;border-radius:2px;cursor:pointer}.digital-buy-btn:hover{background:#16a34a}.digital-pay-icons{text-align:center;color:#607180;font-size:12px;border-top:1px solid #edf2f5;padding-top:12px}.digital-side-box{background:#fff;border:1px solid #d9e2e7;padding:16px;color:#536774}.digital-side-box h3{margin:0 0 10px;color:#263744}.digital-side-box.featured{background:#14a9d5;color:#fff;text-align:center;font-weight:800}.digital-side-box dl{display:grid;gap:8px}.digital-side-box dt{font-weight:700;color:#263744}.digital-side-box dd{margin:0}.digital-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.digital-cart-row{display:grid;grid-template-columns:86px minmax(0,1fr) auto auto;gap:14px;align-items:center;border-bottom:1px solid #e5edf1;padding:14px 0}.digital-cart-row img{width:86px;height:58px;object-fit:cover;border:1px solid #d9e2e7}.digital-cart-row h3{margin:0;color:#263744}.digital-cart-row p{margin:4px 0 0;color:#607180}.license-code-box{background:#0f172a;color:#e2e8f0;border-radius:12px;padding:18px;overflow:auto;font-size:13px;line-height:1.7}body.front-dark .digital-market-section,body.front-dark .digital-product-page,body.front-dark .digital-product-head{background:#071120!important;border-color:#1e2a3d!important}body.front-dark .digital-product-tile,body.front-dark .digital-detail-box,body.front-dark .digital-buy-card,body.front-dark .digital-side-box,body.front-dark .digital-product-tabs,body.front-dark .digital-product-preview{background:#0e1728!important;border-color:#1e2a3d!important;color:#98a6ba!important}body.front-dark .digital-tile-body h3,body.front-dark .digital-product-title-row h1,body.front-dark .digital-detail-box h2,body.front-dark .digital-content h2,body.front-dark .digital-content h3,body.front-dark .digital-side-box h3,body.front-dark .digital-side-price strong,body.front-dark .digital-cart-row h3{color:#f8fafc!important}body.front-dark .digital-tile-footer{border-color:#1e2a3d!important}body.front-dark .digital-tile-footer strong,body.front-dark .digital-license-select{background:#111d31!important;border-color:#1e2a3d!important;color:#f8fafc!important}@media(max-width:1120px){.digital-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.digital-product-layout,.digital-cart-layout{grid-template-columns:1fr}.digital-product-side{order:-1}}@media(max-width:820px){.digital-market-grid,.digital-market-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}.digital-screenshots{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.digital-market-grid,.digital-market-grid.small{grid-template-columns:1fr}.digital-product-title-row{justify-content:center;text-align:center;flex-direction:column}.digital-product-tabs{overflow-x:auto}.digital-cart-row{grid-template-columns:70px 1fr}.digital-cart-row strong,.digital-cart-row form{grid-column:2}.digital-tile-image{height:170px}}


.digital-meta-dot{
  display:inline-block;
  margin:0 8px;
  color:rgba(255,255,255,.55);
}
.digital-reviews-box{
  display:grid;
  gap:18px;
}
.digital-review-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid #e5edf1;
  padding-bottom:18px;
}
.digital-review-head h2{
  margin:0;
}
.digital-review-head p{
  margin:6px 0 0;
  color:#607180;
}
.digital-review-score{
  min-width:140px;
  text-align:center;
  border:1px solid #e5edf1;
  border-radius:14px;
  padding:14px;
  background:#f8fbfd;
}
.digital-review-score strong{
  display:block;
  color:#263744;
  font-size:34px;
  line-height:1;
}
.digital-review-score small{
  display:block;
  color:#607180;
  margin-top:4px;
}
.digital-reviews-list{
  display:grid;
  gap:12px;
}
.digital-review-item{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  padding:16px;
  border:1px solid #e5edf1;
  border-radius:14px;
  background:#fff;
}
.digital-review-avatar{
  width:48px;
  height:48px;
  border-radius:999px;
  background:#465fff;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:18px;
}
.digital-review-top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.digital-review-top strong{
  color:#263744;
}
.digital-review-top span{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  background:#ecfdf3;
  color:#027a48;
  font-size:11px;
  font-weight:700;
}
.digital-review-item p{
  margin:8px 0 0;
  color:#536774;
}
.digital-empty-review{
  border:1px dashed #cbd5e1;
  border-radius:14px;
  padding:18px;
  color:#607180;
  text-align:center;
}
.digital-review-form{
  display:grid;
  gap:14px;
  border-top:1px solid #e5edf1;
  padding-top:18px;
}
.digital-review-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.digital-review-form label{
  display:grid;
  gap:7px;
  color:#263744;
  font-weight:700;
  font-size:14px;
}
.digital-review-form input,
.digital-review-form select,
.digital-review-form textarea{
  width:100%;
  border:1px solid #d9e2e7;
  border-radius:10px;
  min-height:44px;
  padding:10px 12px;
  font:inherit;
  color:#263744;
  background:#fff;
}
body.front-dark .digital-review-score,
body.front-dark .digital-review-item,
body.front-dark .digital-review-form input,
body.front-dark .digital-review-form select,
body.front-dark .digital-review-form textarea{
  background:#111d31!important;
  border-color:#1e2a3d!important;
  color:#f8fafc!important;
}
body.front-dark .digital-review-score strong,
body.front-dark .digital-review-top strong,
body.front-dark .digital-review-form label{
  color:#f8fafc!important;
}
body.front-dark .digital-review-head,
body.front-dark .digital-review-form{
  border-color:#1e2a3d!important;
}
body.front-dark .digital-review-item p,
body.front-dark .digital-review-head p,
body.front-dark .digital-empty-review{
  color:#98a6ba!important;
}
@media(max-width:680px){
  .digital-review-head{
    align-items:stretch;
    flex-direction:column;
  }
  .digital-review-score{
    width:100%;
  }
  .digital-review-form-grid{
    grid-template-columns:1fr;
  }
}


.digital-product-meta-line{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:6px!important;
  color:#039855!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.6!important;
  direction:inherit!important;
}
.digital-product-meta-line .digital-updated,
.digital-product-meta-line .digital-buyers-count{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
}
.digital-product-meta-line .digital-buyers-count{
  direction:inherit!important;
  unicode-bidi:isolate!important;
}
.digital-product-meta-line .digital-buyers-count strong{
  font-weight:800!important;
  color:inherit!important;
}
.digital-product-meta-line .digital-status-dot{
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  background:#12B76A!important;
  display:inline-block!important;
  flex:0 0 7px!important;
}
.digital-product-meta-line .digital-meta-dot{
  color:#D0D5DD!important;
  font-size:14px!important;
  line-height:1!important;
}
body.front-dark .digital-product-meta-line{
  color:#75E0A7!important;
}
body.front-dark .digital-product-meta-line .digital-meta-dot{
  color:#475467!important;
}


.digital-preview-actions .digital-like{
  display:none!important;
}


.digital-product-title-stack{
  display:grid!important;
  gap:18px!important;
  align-items:start!important;
}
.digital-product-title-content{
  display:grid!important;
  gap:6px!important;
  max-width:920px!important;
}
.digital-product-title-content h1{
  margin:0!important;
  color:#22313b!important;
  font-size:28px!important;
  line-height:1.28!important;
  font-weight:800!important;
}
.digital-product-title-content p{
  margin:0!important;
  color:#6b7c88!important;
  max-width:820px!important;
}
.digital-product-head-media{
  width:100%!important;
  background:#fff!important;
  border:1px solid #d9e2e7!important;
  border-radius:16px!important;
  padding:14px!important;
  box-shadow:0 10px 28px rgba(16,24,40,.05)!important;
  overflow:hidden!important;
}
.digital-product-head-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:520px!important;
  object-fit:cover!important;
  border-radius:12px!important;
  background:#edf3f5!important;
}
.digital-product-head-placeholder{
  min-height:320px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:80px!important;
  border-radius:12px!important;
  background:#f7fafc!important;
}
.digital-product-head-thumbs{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
}
.digital-product-head-thumbs a{
  display:block!important;
  border:1px solid #d9e2e7!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#f8fbfc!important;
}
.digital-product-head-thumbs img{
  display:block!important;
  width:100%!important;
  height:78px!important;
  object-fit:cover!important;
}
.digital-head-media-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:12px!important;
}
.digital-product-preview,
.digital-preview-actions{
  display:none!important;
}

/* responsive market cards */
@media(max-width:1180px){
  .digital-market-grid,
  .digital-market-grid.small{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .digital-product-layout{
    grid-template-columns:minmax(0,1fr) 320px!important;
  }
}
@media(max-width:900px){
  .digital-market-grid,
  .digital-market-grid.small{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .digital-product-layout,
  .digital-cart-layout{
    grid-template-columns:1fr!important;
  }
  .digital-product-side{
    order:-1!important;
  }
  .digital-buy-card{
    position:relative!important;
    top:auto!important;
  }
}
@media(max-width:680px){
  .digital-market-section,
  .digital-product-page{
    padding-top:18px!important;
  }
  .digital-category-tabs{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding-bottom:8px!important;
    margin-bottom:14px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .digital-category-tabs a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    min-height:36px!important;
    padding:0 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    border-radius:999px!important;
  }
  .digital-market-grid,
  .digital-market-grid.small{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .digital-product-tile{
    min-height:auto!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .digital-tile-image{
    height:190px!important;
  }
  .digital-tile-body{
    padding:14px!important;
  }
  .digital-tile-body h3{
    min-height:auto!important;
    font-size:15px!important;
    text-align:start!important;
  }
  .digital-tile-tools{
    overflow-x:auto!important;
    padding-bottom:2px!important;
  }
  .digital-tile-footer{
    flex-direction:row!important;
    align-items:center!important;
  }
  .digital-product-head{
    padding:20px 0!important;
  }
  .digital-product-title-content{
    text-align:start!important;
  }
  .digital-product-title-content h1{
    font-size:23px!important;
  }
  .digital-product-title-content p{
    font-size:14px!important;
  }
  .digital-product-meta-line{
    gap:6px!important;
    font-size:12.5px!important;
  }
  .digital-product-head-media{
    padding:10px!important;
    border-radius:14px!important;
  }
  .digital-product-head-image{
    max-height:none!important;
    min-height:190px!important;
    aspect-ratio:16/9!important;
    object-fit:cover!important;
    border-radius:10px!important;
  }
  .digital-product-head-placeholder{
    min-height:190px!important;
    font-size:56px!important;
  }
  .digital-product-head-thumbs{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .digital-product-head-thumbs img{
    height:58px!important;
  }
  .digital-head-media-actions .front-btn{
    width:100%!important;
  }
  .digital-product-tabs{
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .digital-product-tabs a{
    padding:12px 14px!important;
    flex:0 0 auto!important;
  }
  .digital-detail-box{
    padding:15px!important;
    margin-top:14px!important;
    border-radius:14px!important;
  }
  .digital-screenshots{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .digital-screenshots img{
    height:92px!important;
  }
  .digital-buy-card,
  .digital-side-box{
    border-radius:14px!important;
  }
  .digital-side-price{
    align-items:center!important;
  }
  .digital-side-price strong{
    font-size:24px!important;
  }
  .digital-review-head{
    display:grid!important;
    gap:12px!important;
  }
  .digital-review-score{
    justify-self:start!important;
  }
  .digital-review-item{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .digital-review-form-grid{
    grid-template-columns:1fr!important;
  }
  .digital-cart-row{
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:start!important;
  }
  .digital-cart-row > *:nth-child(n+3){
    grid-column:1/-1!important;
  }
  .digital-cart-row img{
    width:72px!important;
    height:54px!important;
  }
}
@media(max-width:420px){
  .digital-product-head-thumbs{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .digital-tile-image{
    height:165px!important;
  }
}

/* dark mode for the new product media */
body.front-dark .digital-product-head-media,
body.front-dark .digital-product-head-thumbs a{
  background:#0e1728!important;
  border-color:#1e2a3d!important;
}
body.front-dark .digital-product-head-image,
body.front-dark .digital-product-head-placeholder{
  background:#111d31!important;
}
body.front-dark .digital-product-title-content h1{
  color:#f8fafc!important;
}
body.front-dark .digital-product-title-content p{
  color:#98a6ba!important;
}


@media(max-width:680px){
  .digital-product-head .front-container,
  .digital-product-page .front-container,
  .digital-market-section .front-container{
    width:calc(100% - 12px)!important;
    max-width:none!important;
    padding-inline:0!important;
  }
  .digital-product-page{
    padding-inline:0!important;
  }
  .digital-product-layout,
  .digital-product-main,
  .digital-product-side{
    min-width:0!important;
    width:100%!important;
  }
  .digital-product-layout{
    gap:10px!important;
  }
  .digital-product-side{
    gap:10px!important;
  }
  .digital-product-head-media,
  .digital-detail-box,
  .digital-buy-card,
  .digital-side-box,
  .digital-reviews-box{
    margin-inline:0!important;
    width:100%!important;
    max-width:100%!important;
    border-radius:12px!important;
  }
  .digital-detail-box,
  .digital-buy-card,
  .digital-side-box{
    padding:12px!important;
  }
  .digital-product-head-media{
    padding:8px!important;
  }
  .digital-product-tabs{
    width:100%!important;
    max-width:100%!important;
    border-radius:12px!important;
  }
  .digital-product-tabs a{
    padding-inline:12px!important;
  }
  .digital-content,
  .digital-detail-box p,
  .digital-side-box,
  .digital-side-checks{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
}
@media(max-width:420px){
  .digital-product-head .front-container,
  .digital-product-page .front-container,
  .digital-market-section .front-container{
    width:calc(100% - 8px)!important;
  }
  .digital-detail-box,
  .digital-buy-card,
  .digital-side-box{
    padding:10px!important;
  }
  .digital-product-head-media{
    padding:6px!important;
  }
}


.digital-mobile-head-media-wrap{
  display:none!important;
}
.digital-product-preview{
  display:block!important;
}
.digital-preview-actions{
  display:flex!important;
}
.digital-pay-icons-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-top:1px solid #edf2f5!important;
  padding-top:12px!important;
  min-height:42px!important;
}
.digital-pay-icons-image img{
  display:block!important;
  max-width:220px!important;
  max-height:38px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
body.front-dark .digital-pay-icons-image{
  border-color:#1e2a3d!important;
}
@media(max-width:680px){
  .digital-product-head .digital-product-icon{
    display:none!important;
  }
  .digital-product-title-row{
    display:block!important;
  }
  .digital-mobile-head-media-wrap{
    display:block!important;
    margin-top:12px!important;
  }
  .digital-product-head-media{
    display:block!important;
  }
  .digital-product-preview,
  .digital-preview-actions{
    display:none!important;
  }
  .digital-pay-icons-image img{
    max-width:190px!important;
    max-height:34px!important;
  }
}


.about-dapn-hero{
  background:#f4f8fb;
  border-bottom:1px solid #e3edf2;
  padding:54px 0 28px;
}
.about-dapn-hero-card{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
  gap:34px;
  align-items:center;
  background:#fff;
  border:1px solid #dbe7ee;
  border-radius:30px;
  padding:38px;
  box-shadow:0 18px 50px rgba(22,41,58,.06);
}
.about-dapn-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#1a9bd7;
  font-weight:800;
  font-size:14px;
  margin-bottom:10px;
}
.about-dapn-label::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#1a9bd7;
}
.about-dapn-copy h1,
.about-dapn-section-head h2,
.about-dapn-split-text h2,
.about-dapn-cta-box h2{
  margin:0;
  color:#142335;
  font-weight:900;
  line-height:1.18;
  letter-spacing:-.02em;
}
.about-dapn-copy h1{
  font-size:48px;
}
.about-dapn-copy p{
  margin:18px 0 0;
  color:#607184;
  font-size:17px;
  line-height:2;
  max-width:760px;
}
.about-dapn-visual{
  min-height:310px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eaf6fc,#ffffff);
  border:1px solid #dbe7ee;
  border-radius:28px;
  overflow:hidden;
}
.about-dapn-device{
  width:min(100%,380px);
  height:240px;
  border-radius:28px;
  background:linear-gradient(135deg,#0b72b9,#25b7e7);
  position:relative;
  box-shadow:0 28px 70px rgba(22,116,185,.22);
  padding:22px;
}
.about-dapn-device > span{
  position:absolute;
  width:58px;
  height:58px;
  border-radius:18px;
  background:rgba(255,255,255,.24);
}
.about-dapn-device > span:nth-child(1){right:26px;top:22px}
.about-dapn-device > span:nth-child(2){left:34px;bottom:24px}
.about-dapn-device > span:nth-child(3){left:50%;top:48%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:28px}
.about-dapn-screen{
  position:absolute;
  inset:34px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  padding:22px;
  display:grid;
  gap:12px;
}
.about-dapn-screen div{
  height:30px;
  border-radius:12px;
  background:#e7f0f5;
}
.about-dapn-screen div:nth-child(2){width:72%}
.about-dapn-screen div:nth-child(3){width:52%}
.about-dapn-stats{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.about-dapn-stats article{
  background:#fff;
  border:1px solid #dbe7ee;
  border-radius:22px;
  padding:24px 18px;
  text-align:center;
  box-shadow:0 10px 32px rgba(22,41,58,.04);
}
.about-dapn-stats strong{
  display:block;
  color:#1a9bd7;
  font-size:40px;
  line-height:1;
  font-weight:900;
}
.about-dapn-stats span{
  display:block;
  color:#475569;
  font-size:15px;
  margin-top:10px;
  font-weight:800;
}
.about-dapn-section{
  padding:62px 0;
  background:#fff;
}
.about-dapn-section-head{
  text-align:center;
  margin-bottom:28px;
}
.about-dapn-section-head h2,
.about-dapn-split-text h2{
  font-size:36px;
}
.about-dapn-services{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.about-dapn-services article{
  border:1px solid #dbe7ee;
  border-radius:24px;
  padding:26px;
  background:#fafdff;
  box-shadow:0 12px 34px rgba(22,41,58,.04);
  transition:transform .18s ease, box-shadow .18s ease;
}
.about-dapn-services article:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 44px rgba(22,41,58,.08);
}
.about-dapn-service-icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#e8f6fd;
  color:#1a9bd7;
  font-size:28px;
  margin-bottom:18px;
}
.about-dapn-services h3{
  margin:0 0 12px;
  color:#172638;
  font-size:22px;
  font-weight:900;
}
.about-dapn-services p,
.about-dapn-split-text p,
.about-dapn-cta-box p{
  color:#607184;
  line-height:1.95;
  margin:0;
}
.about-dapn-split,
.about-dapn-location{
  padding:58px 0;
  background:#f4f8fb;
}
.about-dapn-location{
  background:#fff;
}
.about-dapn-split-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);
  gap:34px;
  align-items:center;
  background:#fff;
  border:1px solid #dbe7ee;
  border-radius:30px;
  padding:32px;
  box-shadow:0 18px 50px rgba(22,41,58,.05);
}
.about-dapn-split-card.reverse{
  grid-template-columns:minmax(320px,.9fr) minmax(0,1fr);
}
.about-dapn-split-text{
  display:grid;
  gap:16px;
}
.about-dapn-split-text strong{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:11px 16px;
  border-radius:999px;
  color:#0b72b9;
  background:#e8f6fd;
  font-weight:900;
}
.about-dapn-image-wrap{
  overflow:hidden;
  border-radius:24px;
  border:1px solid #dbe7ee;
  background:#f7fbfd;
}
.about-dapn-image-wrap img{
  display:block;
  width:100%;
  height:100%;
  min-height:300px;
  object-fit:cover;
}
.about-dapn-location-box{
  display:flex;
  gap:12px;
  align-items:center;
  border:1px solid #dbe7ee;
  border-radius:18px;
  padding:16px;
  background:#f7fbfd;
}
.about-dapn-location-box > span{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#e8f6fd;
}
.about-dapn-location-box strong{
  display:block;
  color:#172638;
  font-weight:900;
}
.about-dapn-location-box small{
  display:block;
  color:#607184;
  margin-top:3px;
}
.about-dapn-cta{
  padding:58px 0;
  background:#f4f8fb;
}
.about-dapn-cta-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border-radius:30px;
  background:linear-gradient(135deg,#0b72b9,#1db8e8);
  color:#fff;
  padding:36px;
  box-shadow:0 24px 60px rgba(22,116,185,.22);
}
.about-dapn-cta-box .about-dapn-label,
.about-dapn-cta-box h2,
.about-dapn-cta-box p{
  color:#fff!important;
}
.about-dapn-cta-box .about-dapn-label::before{
  background:#fff;
}
.about-dapn-cta-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.about-dapn-cta-actions .front-btn{
  background:#fff;
  color:#0b72b9;
  border-color:rgba(255,255,255,.55);
}
.about-dapn-cta-actions .front-btn-outline{
  background:rgba(255,255,255,.13);
  color:#fff;
  border-color:rgba(255,255,255,.45);
}
body.front-dark .about-dapn-hero,
body.front-dark .about-dapn-section,
body.front-dark .about-dapn-split,
body.front-dark .about-dapn-location,
body.front-dark .about-dapn-cta{
  background:#071120!important;
}
body.front-dark .about-dapn-hero-card,
body.front-dark .about-dapn-stats article,
body.front-dark .about-dapn-services article,
body.front-dark .about-dapn-split-card,
body.front-dark .about-dapn-location-box,
body.front-dark .about-dapn-visual,
body.front-dark .about-dapn-image-wrap{
  background:#0e1728!important;
  border-color:#1e2a3d!important;
}
body.front-dark .about-dapn-copy h1,
body.front-dark .about-dapn-section-head h2,
body.front-dark .about-dapn-split-text h2,
body.front-dark .about-dapn-services h3,
body.front-dark .about-dapn-location-box strong{
  color:#f8fafc!important;
}
body.front-dark .about-dapn-copy p,
body.front-dark .about-dapn-services p,
body.front-dark .about-dapn-split-text p,
body.front-dark .about-dapn-location-box small{
  color:#98a6ba!important;
}
@media(max-width:980px){
  .about-dapn-hero-card,
  .about-dapn-split-card,
  .about-dapn-split-card.reverse{
    grid-template-columns:1fr;
  }
  .about-dapn-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .about-dapn-services{
    grid-template-columns:1fr;
  }
  .about-dapn-cta-box{
    display:grid;
  }
  .about-dapn-cta-actions{
    justify-content:flex-start;
  }
}
@media(max-width:640px){
  .about-dapn-hero{padding:24px 0 18px}
  .about-dapn-hero-card,
  .about-dapn-split-card{
    padding:18px;
    border-radius:22px;
  }
  .about-dapn-copy h1{
    font-size:32px;
  }
  .about-dapn-section-head h2,
  .about-dapn-split-text h2,
  .about-dapn-cta-box h2{
    font-size:26px;
  }
  .about-dapn-copy p{
    font-size:15px;
  }
  .about-dapn-stats{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .about-dapn-stats article{
    padding:18px 10px;
    border-radius:18px;
  }
  .about-dapn-stats strong{
    font-size:30px;
  }
  .about-dapn-stats span{
    font-size:13px;
  }
  .about-dapn-section,
  .about-dapn-split,
  .about-dapn-location,
  .about-dapn-cta{
    padding:34px 0;
  }
  .about-dapn-device{
    height:210px;
  }
  .about-dapn-image-wrap img{
    min-height:220px;
  }
  .about-dapn-cta-box{
    padding:22px;
    border-radius:22px;
  }
  .about-dapn-cta-actions .front-btn{
    width:100%;
  }
}


.design-services-hero,
.design-detail-hero{
  background:#f4f8fb;
  border-bottom:1px solid #e3edf2;
  padding:42px 0 26px;
}
.design-services-hero-card,
.design-detail-hero-card{
  display:grid;
  grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr);
  gap:34px;
  align-items:center;
  background:#fff;
  border:1px solid #dbe7ee;
  border-radius:30px;
  padding:38px;
  box-shadow:0 18px 50px rgba(22,41,58,.06);
}
.design-detail-hero-card{
  grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);
}
.design-services-hero-copy h1,
.design-detail-copy h1,
.design-section-head h2,
.design-detail-box h2,
.design-final-box h2,
.design-cta-box h2{
  margin:0;
  color:#142335;
  font-weight:900;
  line-height:1.18;
  letter-spacing:-.02em;
}
.design-services-hero-copy h1,
.design-detail-copy h1{
  font-size:44px;
}
.design-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#1a9bd7;
  font-weight:800;
  font-size:14px;
  margin-bottom:10px;
}
.design-label::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#1a9bd7;
}
.design-services-hero-copy p,
.design-detail-copy p,
.design-section-head p,
.design-detail-box p,
.design-side-card p,
.design-final-box p,
.design-cta-box p{
  color:#607184;
  line-height:2;
  margin:14px 0 0;
}
.design-hero-actions,
.design-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.design-services-hero-visual{
  min-height:300px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eaf6fc,#ffffff);
  border:1px solid #dbe7ee;
  border-radius:28px;
  overflow:hidden;
}
.design-ui-card{
  width:min(100%,380px);
  min-height:235px;
  border-radius:28px;
  background:linear-gradient(135deg,#0b72b9,#25b7e7);
  box-shadow:0 28px 70px rgba(22,116,185,.22);
  padding:28px;
  display:grid;
  gap:22px;
}
.design-ui-top{
  height:74px;
  border-radius:24px;
  background:rgba(255,255,255,.82);
}
.design-ui-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.design-ui-grid span{
  height:58px;
  border-radius:18px;
  background:rgba(255,255,255,.22);
}
.design-stats{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.design-stats article{
  background:#fff;
  border:1px solid #dbe7ee;
  border-radius:22px;
  padding:22px 16px;
  text-align:center;
  box-shadow:0 10px 32px rgba(22,41,58,.04);
}
.design-stats strong{
  display:block;
  color:#1a9bd7;
  font-size:34px;
  line-height:1;
  font-weight:900;
}
.design-stats span{
  display:block;
  color:#475569;
  margin-top:9px;
  font-weight:800;
}
.design-services-section,
.design-detail-section,
.design-detail-final{
  padding:56px 0;
  background:#fff;
}
.design-section-head{
  text-align:center;
  margin-bottom:28px;
}
.design-section-head h2,
.design-detail-box h2,
.design-final-box h2,
.design-cta-box h2{
  font-size:34px;
}
.design-services-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.design-service-card{
  background:#fff;
  border:1px solid #dbe7ee;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 12px 34px rgba(22,41,58,.05);
  display:flex;
  flex-direction:column;
}
.design-service-image{
  display:block;
  height:190px;
  background:#f4f8fb;
}
.design-service-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.design-service-body{
  padding:22px;
  display:grid;
  gap:12px;
  flex:1;
}
.design-service-icon,
.design-side-icon{
  --design-color:#1a9bd7;
  width:52px;
  height:52px;
  border-radius:17px;
  display:grid;
  place-items:center;
  color:var(--design-color);
  background:color-mix(in srgb, var(--design-color) 13%, white);
  font-weight:900;
  font-size:24px;
}
.design-service-card h3{
  margin:0;
  color:#172638;
  font-size:21px;
  font-weight:900;
}
.design-service-card p{
  margin:0;
  color:#607184;
  line-height:1.8;
}
.design-service-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:auto;
}
.design-services-cta{
  padding:56px 0;
  background:#f4f8fb;
}
.design-cta-box,
.design-final-box{
  border-radius:30px;
  background:linear-gradient(135deg,#0b72b9,#1db8e8);
  color:#fff;
  padding:34px;
  box-shadow:0 24px 60px rgba(22,116,185,.22);
}
.design-cta-box{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
}
.design-cta-box .design-label,
.design-cta-box h2,
.design-cta-box p,
.design-final-box h2,
.design-final-box p{
  color:#fff!important;
}
.design-cta-box .design-label::before{
  background:#fff;
}
.design-detail-image{
  border:1px solid #dbe7ee;
  border-radius:24px;
  overflow:hidden;
  background:#f4f8fb;
}
.design-detail-image img{
  display:block;
  width:100%;
  min-height:300px;
  object-fit:cover;
}
.design-back-link{
  display:inline-flex;
  margin-bottom:12px;
  color:#607184;
  font-weight:800;
}
.design-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:24px;
  align-items:start;
}
.design-detail-main{
  display:grid;
  gap:20px;
}
.design-detail-box,
.design-side-card{
  background:#fff;
  border:1px solid #dbe7ee;
  border-radius:24px;
  padding:24px;
  box-shadow:0 12px 34px rgba(22,41,58,.04);
}
.design-chip-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.design-chip-grid span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
  color:#0b72b9;
  background:#e8f6fd;
  font-weight:800;
}
.design-feature-grid,
.design-benefit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.design-feature-grid article{
  display:flex;
  gap:10px;
  align-items:flex-start;
  border:1px solid #e3edf2;
  border-radius:16px;
  padding:14px;
  background:#f8fbfd;
}
.design-feature-grid b{
  color:#16a34a;
}
.design-benefit-grid article{
  border:1px solid #e3edf2;
  border-radius:18px;
  padding:16px;
  background:#f8fbfd;
}
.design-benefit-grid div{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#e8f6fd;
  color:#0b72b9;
  margin-bottom:10px;
}
.design-process-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
.design-process-list li{
  display:flex;
  gap:14px;
  align-items:center;
  border:1px solid #e3edf2;
  border-radius:16px;
  padding:14px;
  background:#f8fbfd;
}
.design-process-list strong{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#fff;
  background:#1a9bd7;
}
.design-detail-side{
  display:grid;
  gap:16px;
  position:sticky;
  top:110px;
}
.design-side-card h3{
  margin:0 0 10px;
  color:#172638;
  font-size:20px;
  font-weight:900;
}
.design-side-card ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.design-side-card li::before{
  content:"✓";
  color:#16a34a;
  margin-inline-end:8px;
  font-weight:900;
}
.design-side-card a:not(.front-btn){
  display:block;
  padding:10px 0;
  border-bottom:1px solid #e3edf2;
  color:#0b72b9;
  font-weight:800;
}
.design-final-box{
  text-align:center;
}
.design-final-box .front-btn{
  margin-top:18px;
  background:#fff;
  color:#0b72b9;
}
body.front-dark .design-services-hero,
body.front-dark .design-services-section,
body.front-dark .design-services-cta,
body.front-dark .design-detail-hero,
body.front-dark .design-detail-section,
body.front-dark .design-detail-final{
  background:#071120!important;
}
body.front-dark .design-services-hero-card,
body.front-dark .design-stats article,
body.front-dark .design-service-card,
body.front-dark .design-detail-hero-card,
body.front-dark .design-detail-box,
body.front-dark .design-side-card,
body.front-dark .design-detail-image{
  background:#0e1728!important;
  border-color:#1e2a3d!important;
}
body.front-dark .design-services-hero-copy h1,
body.front-dark .design-section-head h2,
body.front-dark .design-service-card h3,
body.front-dark .design-detail-copy h1,
body.front-dark .design-detail-box h2,
body.front-dark .design-side-card h3{
  color:#f8fafc!important;
}
body.front-dark .design-services-hero-copy p,
body.front-dark .design-section-head p,
body.front-dark .design-service-card p,
body.front-dark .design-detail-copy p,
body.front-dark .design-detail-box p,
body.front-dark .design-side-card p{
  color:#98a6ba!important;
}
@media(max-width:1050px){
  .design-services-hero-card,
  .design-detail-hero-card,
  .design-detail-layout{
    grid-template-columns:1fr;
  }
  .design-detail-side{
    position:relative;
    top:auto;
  }
  .design-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .design-services-hero,
  .design-detail-hero{
    padding:24px 0 18px;
  }
  .design-services-hero-card,
  .design-detail-hero-card{
    padding:18px;
    border-radius:22px;
  }
  .design-services-hero-copy h1,
  .design-detail-copy h1{
    font-size:30px;
  }
  .design-section-head h2,
  .design-detail-box h2,
  .design-final-box h2,
  .design-cta-box h2{
    font-size:25px;
  }
  .design-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .design-services-grid,
  .design-feature-grid,
  .design-benefit-grid{
    grid-template-columns:1fr;
  }
  .design-service-image{
    height:165px;
  }
  .design-cta-box{
    display:grid;
    padding:22px;
    border-radius:22px;
  }
  .design-hero-actions .front-btn,
  .design-detail-actions .front-btn,
  .design-service-actions .front-btn,
  .design-cta-box .front-btn{
    width:100%;
  }
  .design-detail-box,
  .design-side-card{
    padding:16px;
    border-radius:18px;
  }
}


:root{
  --safe-select-font: Tahoma, Arial, "Segoe UI", sans-serif;
}
select,
select option,
select optgroup{
  font-family:var(--safe-select-font)!important;
  font-feature-settings:normal!important;
  font-variation-settings:normal!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
select{
  min-width:0!important;
  max-width:100%!important;
  line-height:1.45!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
select option,
select optgroup{
  min-height:30px!important;
  padding:8px 12px!important;
  line-height:1.65!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-overflow:clip!important;
  color:#101828!important;
  background:#ffffff!important;
}
html[dir="rtl"] select,
html[dir="rtl"] select option,
html[dir="rtl"] select optgroup{
  direction:rtl!important;
  text-align:right!important;
  unicode-bidi:plaintext!important;
}
html[dir="ltr"] select,
html[dir="ltr"] select option,
html[dir="ltr"] select optgroup{
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:plaintext!important;
}
select:focus{
  outline:none;
}
@supports (-webkit-touch-callout: none){
  select{
    font-size:16px!important;
  }
}


.hp-native-select{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
.hp-select{
  width:100%;
  max-width:100%;
  min-width:0;
  position:relative;
  font-family:Tahoma, Arial, "Segoe UI", sans-serif!important;
}
.hp-select-button{
  width:100%;
  min-height:44px;
  border:1px solid #D0D5DD;
  border-radius:12px;
  background:#fff;
  color:#101828;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 14px;
  cursor:pointer;
  text-align:inherit;
  font-family:Tahoma, Arial, "Segoe UI", sans-serif!important;
  font-size:14px;
  line-height:1.5;
  box-shadow:none;
  outline:none;
}
.hp-select-button:hover{
  border-color:#A4BCFD;
}
.hp-select-button:focus,
.hp-select.is-open .hp-select-button{
  border-color:#465FFF;
  box-shadow:0 0 0 4px rgba(70,95,255,.10);
}
.hp-select-button.is-disabled,
.hp-select.is-disabled .hp-select-button{
  cursor:not-allowed;
  opacity:.65;
  background:#F9FAFB;
}
.hp-select-label{
  display:block;
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:inherit;
  direction:inherit;
  unicode-bidi:plaintext;
}
.hp-select-arrow{
  width:18px;
  height:18px;
  flex:0 0 18px;
  color:#667085;
  display:inline-grid;
  place-items:center;
  transition:transform .18s ease;
}
.hp-select-arrow svg{
  width:18px;
  height:18px;
  display:block;
}
.hp-select.is-open .hp-select-arrow{
  transform:rotate(180deg);
}
.hp-select-menu{
  z-index:2147483000;
  display:none;
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid #D0D5DD;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 48px rgba(16,24,40,.18);
  padding:6px;
  font-family:Tahoma, Arial, "Segoe UI", sans-serif!important;
}
.hp-select.is-open .hp-select-menu{
  display:block;
}
.hp-select-option,
.hp-select-group{
  width:100%;
  min-height:38px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#101828;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:8px 10px;
  font-family:Tahoma, Arial, "Segoe UI", sans-serif!important;
  font-size:14px;
  line-height:1.6;
  text-align:inherit;
  white-space:normal;
  overflow-wrap:anywhere;
  cursor:pointer;
}
.hp-select-option:hover,
.hp-select-option.is-selected{
  background:#F4F7FF;
  color:#3448FF;
}
.hp-select-option.is-placeholder{
  color:#667085;
}
.hp-select-option:disabled{
  cursor:not-allowed;
  opacity:.5;
}
.hp-select-group{
  cursor:default;
  min-height:28px;
  font-size:12px;
  font-weight:700;
  color:#667085;
  background:#F9FAFB;
}
html[dir="rtl"] .hp-select-button,
html[dir="rtl"] .hp-select-option,
html[dir="rtl"] .hp-select-group{
  direction:rtl;
  text-align:right;
}
html[dir="ltr"] .hp-select-button,
html[dir="ltr"] .hp-select-option,
html[dir="ltr"] .hp-select-group{
  direction:ltr;
  text-align:left;
}
.dark .hp-select-button{
  background:#101828;
  border-color:#344054;
  color:#F2F4F7;
}
.dark .hp-select-button:hover,
.dark .hp-select-button:focus,
.dark .hp-select.is-open .hp-select-button{
  border-color:#667085;
}
.dark .hp-select-menu{
  background:#101828;
  border-color:#344054;
  box-shadow:0 18px 48px rgba(0,0,0,.35);
}
.dark .hp-select-option{
  color:#F2F4F7;
}
.dark .hp-select-option:hover,
.dark .hp-select-option.is-selected{
  background:#182230;
  color:#A4BCFD;
}
.dark .hp-select-group{
  background:#182230;
  color:#98A2B3;
}
@media(max-width:640px){
  .hp-select-option{
    min-height:42px;
    font-size:14px;
  }
}


.front-menu,
.front-menu-link,
.front-menu-item{
  font-size:var(--front-header-menu-font-size,14px)!important;
}
.front-menu-link{
  line-height:1.45!important;
}
.front-dropdown,
.front-drop-link,
.front-drop-link strong,
.front-drop-link span,
.front-mobile-drawer a,
.front-mobile-drawer button,
[data-front-mobile-drawer] a,
[data-front-mobile-drawer] button{
  font-size:var(--front-header-menu-font-size,14px)!important;
}
.front-drop-link span span{
  font-size:calc(var(--front-header-menu-font-size,14px) - 1px)!important;
}
.front-footer,
.front-footer p,
.front-footer a,
.front-footer li,
.front-footer-contact,
.front-footer-policies a{
  font-size:var(--front-footer-menu-font-size,14px)!important;
}
.front-footer h3{
  font-size:calc(var(--front-footer-menu-font-size,14px) + 1px)!important;
  line-height:1.45!important;
}
.front-footer ul{
  gap:calc(var(--front-footer-menu-font-size,14px) * .65)!important;
}
.front-footer-bottom{
  font-size:calc(var(--front-footer-menu-font-size,14px) - 1px)!important;
}


.front-topbar-inner{
  justify-content:space-between!important;
}
.front-socials{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.front-socials a{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#fff!important;
  font-size:11px;
  font-weight:700;
  text-decoration:none;
}
.front-socials svg{
  width:17px;
  height:17px;
  display:block;
  fill:currentColor;
}
.front-socials-header{
  justify-content:flex-start;
  gap:6px;
  flex:0 0 auto;
}
.front-socials-header a{
  width:26px!important;
  height:26px!important;
}
.front-socials-header svg{
  width:14px;
  height:14px;
}
.front-footer-bottom-custom{
  background:#F8FAFC!important;
  border:1px solid #E4E7EC!important;
  border-radius:18px!important;
  padding:16px 20px!important;
  align-items:center!important;
}
.front-footer-payments img{
  max-height:40px!important;
  max-width:280px!important;
  object-fit:contain!important;
}
.front-company-block li,
.front-company-block a,
.front-company-block span{
  direction:ltr;
  unicode-bidi:isolate;
}
.front-company-block h3{
  direction:rtl;
}
body.front-dark .front-footer-bottom-custom{
  background:#101828!important;
  border-color:#1F2937!important;
}
@media(max-width:840px){
  .front-topbar-inner{
    display:grid!important;
    gap:10px!important;
    justify-items:center!important;
  }
  .front-socials-header{
    justify-content:center!important;
  }
  .front-footer-bottom-custom{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
  }
  .front-footer-payments,
  html[dir="rtl"] .front-footer-payments{
    justify-content:center!important;
  }
  .front-footer-policies,
  html[dir="rtl"] .front-footer-policies{
    justify-content:center!important;
  }
}


.front-socials a,
.front-socials a:visited{
  color:#fff!important;
}
.front-socials a:hover,
.front-socials a:focus,
.front-socials a:active{
  color:#fff!important;
  opacity:.92!important;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(16,24,40,.14);
}
.front-socials .front-social-whatsapp,
.front-socials .front-social-whatsapp:hover,
.front-socials .front-social-whatsapp:focus,
.front-socials .front-social-whatsapp:active{
  background:#25D366!important;
}
.front-socials .front-social-youtube,
.front-socials .front-social-youtube:hover,
.front-socials .front-social-youtube:focus,
.front-socials .front-social-youtube:active{
  background:#FF0000!important;
}
.front-socials .front-social-facebook,
.front-socials .front-social-facebook:hover,
.front-socials .front-social-facebook:focus,
.front-socials .front-social-facebook:active{
  background:#1877F2!important;
}
.front-socials .front-social-instagram,
.front-socials .front-social-instagram:hover,
.front-socials .front-social-instagram:focus,
.front-socials .front-social-instagram:active{
  background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4)!important;
}
.front-socials .front-social-tiktok,
.front-socials .front-social-tiktok:hover,
.front-socials .front-social-tiktok:focus,
.front-socials .front-social-tiktok:active{
  background:#111827!important;
}
.front-socials a svg,
.front-socials a:hover svg,
.front-socials a:focus svg,
.front-socials a:active svg{
  fill:currentColor!important;
  color:#fff!important;
}

.front-logo-dark{display:none!important;}
.front-logo-light{display:block!important;}
body.front-dark .front-logo-light,
body.dark .front-logo-light,
html.front-dark .front-logo-light{display:none!important;}
body.front-dark .front-logo-dark,
body.dark .front-logo-dark,
html.front-dark .front-logo-dark{display:block!important;}
.front-header .front-dynamic-logo img{max-height:86px!important;max-width:390px!important;object-fit:contain!important;}
.front-header .front-logo{min-height:86px!important;}
.front-footer .front-dynamic-logo img{max-height:56px!important;max-width:260px!important;}
@media(max-width:1040px){.front-header .front-dynamic-logo img{max-height:70px!important;max-width:310px!important}.front-header .front-logo{min-height:70px!important}}
@media(max-width:680px){.front-header .front-dynamic-logo img{max-height:58px!important;max-width:245px!important}.front-header .front-logo{min-height:58px!important}}
.front-notification-menu{position:relative;display:inline-flex;align-items:center;justify-content:center;}
.front-notification-button{position:relative;}
.front-notification-badge{position:absolute;top:-5px;inset-inline-end:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#F04438;color:#fff;font-size:10px;font-weight:800;line-height:17px;text-align:center;border:2px solid #fff;}
.front-notification-dropdown{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:330px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--gray-200);border-radius:18px;box-shadow:0 18px 48px rgba(16,24,40,.16);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease;z-index:120;}
.front-notification-menu.is-open .front-notification-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.front-notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 8px 10px;border-bottom:1px solid #EEF2F7;margin-bottom:6px;}
.front-notification-head strong{font-size:14px;color:#101828;font-weight:800;}
.front-notification-head a{font-size:12px;color:var(--brand);font-weight:700;}
.front-notification-list{display:grid;gap:6px;max-height:310px;overflow:auto;}
.front-notification-item{display:grid!important;grid-template-columns:9px minmax(0,1fr);gap:10px;align-items:start;min-height:auto!important;height:auto!important;padding:10px!important;border-radius:14px;color:#344054!important;background:#fff!important;}
.front-notification-item:hover{background:#F9FAFB!important;color:#1D2939!important;}
.front-notification-item.is-unread{background:#F4F7FF!important;}
.front-notification-dot{width:8px;height:8px;border-radius:999px;background:#98A2B3;margin-top:8px;}
.front-notification-item.is-info .front-notification-dot{background:#465FFF;}
.front-notification-item.is-success .front-notification-dot{background:#12B76A;}
.front-notification-item.is-warning .front-notification-dot{background:#F79009;}
.front-notification-item.is-error .front-notification-dot{background:#F04438;}
.front-notification-item b{display:block;font-size:13px;color:#101828;font-weight:800;line-height:1.5;}
.front-notification-item small{display:block;margin-top:2px;color:#667085;font-size:12px;line-height:1.6;white-space:normal;}
.front-notification-empty{padding:18px;text-align:center;color:#667085;font-size:13px;}
.front-notification-actions{border-top:1px solid #EEF2F7;margin-top:8px;padding:8px 6px 0;}
.front-notification-actions button{width:100%;min-height:34px;border:0;border-radius:12px;background:#F4F7FF;color:#465FFF;font-size:12px;font-weight:800;cursor:pointer;}
body.front-dark .front-notification-dropdown{background:#101828;border-color:#1F2937;box-shadow:0 18px 48px rgba(0,0,0,.35);}
body.front-dark .front-notification-badge{border-color:#101828;}
body.front-dark .front-notification-head{border-color:#1F2937;}
body.front-dark .front-notification-head strong,
body.front-dark .front-notification-item b{color:#fff;}
body.front-dark .front-notification-item{background:#101828!important;color:#D0D5DD!important;}
body.front-dark .front-notification-item:hover,
body.front-dark .front-notification-item.is-unread{background:#182230!important;}
body.front-dark .front-notification-item small{color:#98A2B3;}
body.front-dark .front-notification-actions{border-color:#1F2937;}
.client-notification-list-page{display:grid;gap:12px;}
.client-notification-card{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:14px;align-items:start;border:1px solid var(--gray-200);border-radius:18px;padding:16px;background:#fff;}
.client-notification-card.is-unread{background:#F4F7FF;border-color:#DDE4FF;}
.client-notification-dot{width:10px;height:10px;border-radius:999px;background:#98A2B3;margin-top:9px;}
.client-notification-card.is-info .client-notification-dot{background:#465FFF;}
.client-notification-card.is-success .client-notification-dot{background:#12B76A;}
.client-notification-card.is-warning .client-notification-dot{background:#F79009;}
.client-notification-card.is-error .client-notification-dot{background:#F04438;}
.client-notification-card h3{margin:0;color:#101828;font-size:15px;font-weight:800;}
.client-notification-card p{margin:5px 0 0;color:#667085;font-size:13px;line-height:1.7;}
.client-notification-card small{display:block;margin-top:5px;color:#98A2B3;font-size:12px;}
.client-notification-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.client-notification-actions a,.client-notification-actions button{min-height:32px;padding:0 10px;border-radius:10px;border:1px solid #D0D5DD;background:#fff;color:#344054;font-size:12px;font-weight:700;cursor:pointer;}
@media(max-width:640px){.front-notification-dropdown{inset-inline-end:-90px;width:300px}.client-notification-card{grid-template-columns:10px minmax(0,1fr)}.client-notification-actions{grid-column:2}}


.client-avatar{
  background:linear-gradient(135deg,#465FFF,#1A9BD7)!important;
  color:#fff!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:18px!important;
  font-weight:900!important;
  box-shadow:0 10px 22px rgba(70,95,255,.22)!important;
}
.front-footer .front-logo.front-dynamic-logo{
  min-height:82px!important;
  align-items:center!important;
  margin-bottom:14px!important;
}
.front-footer .front-logo.front-dynamic-logo img{
  max-height:82px!important;
  max-width:360px!important;
  width:auto!important;
  object-fit:contain!important;
}
.front-footer .front-logo-icon{
  width:58px!important;
  height:58px!important;
}
@media(max-width:680px){
  .front-footer .front-logo.front-dynamic-logo{
    min-height:68px!important;
    justify-content:center!important;
  }
  .front-footer .front-logo.front-dynamic-logo img{
    max-height:68px!important;
    max-width:300px!important;
  }
}


.front-header .front-dynamic-logo img{
  max-height:58px!important;
  max-width:260px!important;
  width:auto!important;
  object-fit:contain!important;
}
.front-header .front-logo{
  min-height:64px!important;
}
.front-nav{
  min-height:78px!important;
}
.front-menu-link{
  height:78px!important;
}
.front-mobile-logo img,
.front-mobile-nav .front-dynamic-logo img{
  max-height:46px!important;
  max-width:205px!important;
}
.front-footer .front-logo.front-dynamic-logo{
  min-height:52px!important;
  margin-bottom:12px!important;
  align-items:center!important;
}
.front-footer .front-logo.front-dynamic-logo img,
.front-footer .front-dynamic-logo img{
  max-height:48px!important;
  max-width:230px!important;
  width:auto!important;
  object-fit:contain!important;
}
.front-footer .front-logo-icon{
  width:42px!important;
  height:42px!important;
}
@media(max-width:1040px){
  .front-header .front-dynamic-logo img{
    max-height:52px!important;
    max-width:230px!important;
  }
  .front-header .front-logo{
    min-height:58px!important;
  }
  .front-nav{
    min-height:72px!important;
  }
  .front-menu-link{
    height:72px!important;
  }
}
@media(max-width:680px){
  .front-header .front-dynamic-logo img{
    max-height:46px!important;
    max-width:205px!important;
  }
  .front-header .front-logo{
    min-height:52px!important;
  }
  .front-nav{
    min-height:64px!important;
  }
  .front-footer .front-logo.front-dynamic-logo{
    min-height:48px!important;
    justify-content:center!important;
  }
  .front-footer .front-logo.front-dynamic-logo img,
  .front-footer .front-dynamic-logo img{
    max-height:44px!important;
    max-width:190px!important;
  }
}


.front-nav{
  min-height:var(--front-header-height-desktop,78px)!important;
}
.front-menu-link{
  height:var(--front-header-height-desktop,78px)!important;
}
.front-header .front-logo{
  min-height:calc(var(--front-header-height-desktop,78px) - 8px)!important;
}
.front-header .front-dynamic-logo img{
  max-height:calc(var(--front-header-height-desktop,78px) - 20px)!important;
}
@media(max-width:680px){
  .front-nav{
    min-height:var(--front-header-height-mobile,64px)!important;
  }
  .front-header .front-logo{
    min-height:var(--front-header-height-mobile,64px)!important;
  }
  .front-header .front-dynamic-logo img,
  .front-mobile-logo img,
  .front-mobile-nav .front-dynamic-logo img{
    max-height:calc(var(--front-header-height-mobile,64px) - 18px)!important;
  }
}

html:has(body.front-layout-boxed),
html:has(body.front-layout-framed),
html:has(body.front-layout-bordered){
  background:#EEF2F6;
}
body.front-layout-boxed,
body.front-layout-framed,
body.front-layout-bordered{
  max-width:var(--front-layout-max-width,1280px);
  margin-inline:auto!important;
  box-shadow:0 18px 60px rgba(16,24,40,.10);
}
body.front-layout-full{
  max-width:none;
}
body.front-layout-boxed{
  margin-top:0!important;
  margin-bottom:0!important;
}
body.front-layout-framed{
  margin-top:24px!important;
  margin-bottom:24px!important;
  border-radius:24px;
  overflow-x:hidden;
  border:12px solid #FFFFFF;
}
body.front-layout-bordered{
  margin-top:0!important;
  margin-bottom:0!important;
  border-inline:1px solid #D0D5DD;
}
body.front-layout-boxed .front-header,
body.front-layout-framed .front-header,
body.front-layout-bordered .front-header{
  max-width:var(--front-layout-max-width,1280px);
  margin-inline:auto;
}
body.front-layout-framed .front-topbar{
  border-radius:14px 14px 0 0;
}
body.front-layout-framed .front-footer{
  border-radius:0 0 14px 14px;
}
body.front-dark.front-layout-framed,
body.front-dark.front-layout-boxed,
body.front-dark.front-layout-bordered{
  box-shadow:0 18px 60px rgba(0,0,0,.35);
}
body.front-dark.front-layout-framed{
  border-color:#101828;
}
body.front-dark.front-layout-bordered{
  border-inline-color:#1F2937;
}
@media(max-width:900px){
  html:has(body.front-layout-boxed),
  html:has(body.front-layout-framed),
  html:has(body.front-layout-bordered){
    background:inherit;
  }
  body.front-layout-boxed,
  body.front-layout-framed,
  body.front-layout-bordered{
    max-width:none;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}





.front-drop-icon{
  overflow:hidden!important;
}
.front-drop-icon svg,
.front-drop-icon img{
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  display:block!important;
}
.front-drop-icon svg [stroke]{
  stroke-width:2.15!important;
}
.front-drop-icon svg [fill="none"]{
  stroke-width:2.15!important;
}
.front-card-icon svg,
.front-card-icon img{
  width:38px!important;
  height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  display:block!important;
}
.about-dapn-service-icon svg,
.about-dapn-service-icon img{
  width:44px!important;
  height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  display:block!important;
}
.design-service-icon svg,
.design-side-icon svg,
.design-service-icon img,
.design-side-icon img{
  width:40px!important;
  height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  display:block!important;
}
@media(max-width:680px){
  .front-drop-icon svg,
  .front-drop-icon img{
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
  }
}


.front-hero-themed{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:228px;
  padding:40px 34px!important;
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(135deg,var(--hero-start,#0F172A) 0%,var(--hero-mid,#1D4ED8) 55%,var(--hero-end,#0EA5E9) 100%)!important;
  box-shadow:0 24px 60px rgba(15,23,42,.18)!important;
}
.front-hero-themed::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 85% 18%, rgba(255,255,255,.18), transparent 24%),
    radial-gradient(circle at 14% 82%, rgba(255,255,255,.12), transparent 18%),
    linear-gradient(90deg, rgba(255,255,255,.04), transparent 38%);
  z-index:0;
}
.front-hero-themed::after{
  content:"";
  position:absolute;
  top:18px;
  bottom:18px;
  width:min(40%, 360px);
  border-radius:28px;
  background-image:var(--hero-art);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:.95;
  z-index:0;
  pointer-events:none;
}
html[dir="rtl"] .front-hero-themed::after{left:18px;}
html[dir="ltr"] .front-hero-themed::after{right:18px;}
.front-hero-content{position:relative;z-index:1;max-width:min(62%, 760px);}
.front-hero-themed .front-section-label,
.front-hero-themed .front-page-title,
.front-hero-themed h1,
.front-hero-themed h2,
.front-hero-themed h3{position:relative;z-index:1;}
.front-hero-themed .front-section-label{color:rgba(255,255,255,.86)!important;letter-spacing:.2px;}
.front-hero-themed .front-page-title,
.front-hero-themed h1,
.front-hero-themed h2,
.front-hero-themed h3{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.12);}
.front-hero-themed p{color:rgba(255,255,255,.92)!important;max-width:none!important;font-size:16px;line-height:1.9;}
.front-hero-domains{--hero-start:#0F172A;--hero-mid:#0F3C8A;--hero-end:#0891B2;--hero-art:url("hero-backgrounds/domains.svg");}
.front-hero-hosting{--hero-start:#082F49;--hero-mid:#1D4ED8;--hero-end:#06B6D4;--hero-art:url("hero-backgrounds/hosting.svg");}
.front-hero-business{--hero-start:#052E16;--hero-mid:#166534;--hero-end:#0F766E;--hero-art:url("hero-backgrounds/business.svg");}
.front-hero-email{--hero-start:#164E63;--hero-mid:#0F766E;--hero-end:#0891B2;--hero-art:url("hero-backgrounds/email.svg");}
.front-hero-vps{--hero-start:#052E16;--hero-mid:#166534;--hero-end:#16A34A;--hero-art:url("hero-backgrounds/vps.svg");}
.front-hero-windows{--hero-start:#172554;--hero-mid:#1D4ED8;--hero-end:#3B82F6;--hero-art:url("hero-backgrounds/windows.svg");}
.front-hero-dedicated{--hero-start:#431407;--hero-mid:#9A3412;--hero-end:#EA580C;--hero-art:url("hero-backgrounds/dedicated.svg");}
.front-hero-digital{--hero-start:#312E81;--hero-mid:#6D28D9;--hero-end:#0284C7;--hero-art:url("hero-backgrounds/digital.svg");}
.front-hero-support{--hero-start:#1E1B4B;--hero-mid:#4338CA;--hero-end:#2563EB;--hero-art:url("hero-backgrounds/support.svg");}
.front-hero-kb{--hero-start:#422006;--hero-mid:#A16207;--hero-end:#D97706;--hero-art:url("hero-backgrounds/knowledge.svg");}
.front-hero-contact{--hero-start:#164E63;--hero-mid:#1D4ED8;--hero-end:#0EA5E9;--hero-art:url("hero-backgrounds/contact.svg");}
@media (max-width:920px){
  .front-hero-themed{padding:28px 20px 86px!important;min-height:auto;}
  .front-hero-content{max-width:100%;}
  .front-hero-themed::after{width:170px;top:auto;bottom:-10px;opacity:.2;}
  html[dir="rtl"] .front-hero-themed::after{left:10px;}
  html[dir="ltr"] .front-hero-themed::after{right:10px;}
}
@media (max-width:680px){
  .front-hero-themed{padding:24px 18px 84px!important;border-radius:22px!important;}
  .front-hero-themed p{font-size:15px;line-height:1.85;}
}
body.front-dark .front-hero-themed{border-color:rgba(255,255,255,.1)!important;}


.front-hero-themed.has-custom-hero-bg{
  background-image:
    linear-gradient(135deg, rgba(15,23,42,.88) 0%, rgba(30,64,175,.74) 58%, rgba(14,165,233,.68) 100%),
    var(--hero-custom-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.front-hero-themed.has-custom-hero-bg::after{
  opacity:.22!important;
}
.front-header{
  box-shadow:0 4px 14px rgba(16,24,40,.055)!important;
}
.front-nav{
  gap:clamp(12px,1.6vw,24px)!important;
}
.front-logo,
.front-actions{
  flex:0 0 auto!important;
}
.front-menu{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  gap:clamp(4px,.6vw,8px)!important;
}
.front-menu-item{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.front-menu-link{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  line-height:1.25!important;
  text-align:center!important;
  padding-inline:clamp(8px,.68vw,13px)!important;
}
.front-menu-link *,
.front-menu-item *{
  white-space:nowrap!important;
}
@media(max-width:1180px){
  .front-menu{
    gap:3px!important;
  }
  .front-menu-link{
    padding-inline:7px!important;
    font-size:calc(var(--front-header-menu-font-size,14px) - 1px)!important;
  }
}
@media(max-width:1040px){
  .front-menu-link,
  .front-menu-link *{
    white-space:normal!important;
  }
}


.front-dropdown{
  width:285px!important;
  max-width:calc(100vw - 32px)!important;
}
.front-drop-link{
  padding:11px!important;
  gap:10px!important;
}
.front-drop-link strong{
  font-size:13.5px!important;
}
.front-drop-link span span{
  font-size:11.8px!important;
}

.front-currency-menu{
  position:relative;
  display:inline-flex;
}
.front-currency-switch{
  min-width:104px!important;
}
.front-currency-flag{
  width:22px;
  height:22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#F2F4F7;
  font-size:15px;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(16,24,40,.08);
}
.front-currency-symbol{
  color:#039855;
  font-weight:800;
  font-size:13px;
}
.front-currency-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  inset-inline-end:0;
  width:270px;
  max-height:360px;
  overflow:auto;
  border:1px solid var(--gray-200);
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 46px rgba(16,24,40,.12);
  padding:8px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.18s;
  z-index:80;
}
.front-currency-menu.is-open .front-currency-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.front-currency-option{
  min-height:46px;
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:13px;
  padding:7px 9px;
  color:#344054;
  text-decoration:none;
}
.front-currency-option:hover,
.front-currency-option.is-active{
  background:#F2F4FF;
  color:#465FFF;
}
.front-currency-name{
  display:grid;
  gap:1px;
  min-width:0;
}
.front-currency-name b{
  font-size:13px;
  line-height:1.2;
  color:inherit;
}
.front-currency-name small{
  font-size:11.5px;
  color:#667085;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.front-dark .front-currency-dropdown{
  background:#101828;
  border-color:#1F2937;
}
body.front-dark .front-currency-option{
  color:#D0D5DD;
}
body.front-dark .front-currency-option:hover,
body.front-dark .front-currency-option.is-active{
  background:#182230;
  color:#fff;
}
body.front-dark .front-currency-name small{
  color:#98A2B3;
}

.auth-visual-illustration{
  width:min(360px,100%);
  height:230px;
  margin-top:34px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.14), transparent 26%),
    rgba(255,255,255,.045);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  box-shadow:0 22px 70px rgba(0,0,0,.18);
}
.auth-art-login{background-image:url("auth/login.svg"),radial-gradient(circle at 18% 18%, rgba(255,255,255,.14), transparent 26%)}
.auth-art-register{background-image:url("auth/register.svg"),radial-gradient(circle at 18% 18%, rgba(255,255,255,.14), transparent 26%)}
.auth-art-reset{background-image:url("auth/reset.svg"),radial-gradient(circle at 18% 18%, rgba(255,255,255,.14), transparent 26%)}
.auth-art-two-step{background-image:url("auth/two-step.svg"),radial-gradient(circle at 18% 18%, rgba(255,255,255,.14), transparent 26%)}
body.front-dark .auth-brand-logo img,
.auth-visual-side .auth-brand-logo img{
  filter:none!important;
}
@media(max-width:940px){
  .auth-visual-illustration{
    height:190px;
    margin-top:24px;
  }
}


.front-currency-dropdown{
  width:245px!important;
  max-width:calc(100vw - 28px)!important;
  max-height:min(440px, calc(100vh - 120px))!important;
  overflow-y:auto!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  padding:7px!important;
  border-radius:18px!important;
  direction:inherit!important;
}
.front-currency-option{
  width:100%!important;
  min-height:46px!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:7px 9px!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
  text-align:start!important;
  white-space:nowrap!important;
}
.front-currency-option .front-currency-flag{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  font-size:15px!important;
}
.front-currency-option .front-currency-name{
  flex:1 1 auto!important;
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}
.front-currency-option .front-currency-name b{
  font-size:13px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.front-currency-option .front-currency-name small{
  font-size:11.5px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.front-currency-switch{
  min-width:auto!important;
  height:36px!important;
  padding-inline:10px!important;
}
.front-currency-switch .front-currency-symbol{
  min-width:18px;
  text-align:center;
}
html[dir="rtl"] .front-currency-dropdown{
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
}
html[dir="ltr"] .front-currency-dropdown{
  inset-inline-end:0!important;
  inset-inline-start:auto!important;
}
@media(max-width:640px){
  .front-currency-dropdown{
    width:230px!important;
  }
}


.front-topbar{
  min-height:44px!important;
  background:rgba(255,255,255,.94)!important;
}
.front-topbar-inner{
  min-height:44px!important;
  gap:18px!important;
}
.front-topbar-links{
  gap:9px!important;
  align-items:center!important;
}
.front-gtranslate-header,
.front-currency-menu{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}
.front-control-button.front-currency-switch,
.front-lang-current{
  height:34px!important;
  min-height:34px!important;
  border-radius:999px!important;
  border:1px solid #E4E7EC!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%)!important;
  color:#344054!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
  padding:0 10px!important;
  gap:7px!important;
  transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease, color .18s ease!important;
}
.front-control-button.front-currency-switch{
  min-width:102px!important;
}
.front-lang-current{
  min-width:116px!important;
  justify-content:space-between!important;
}
.front-control-button.front-currency-switch:hover,
.front-lang-current:hover,
.front-currency-menu.is-open .front-currency-switch,
.front-lang-switcher.is-open .front-lang-current{
  border-color:#C7D7FE!important;
  background:#FFFFFF!important;
  color:#465FFF!important;
  box-shadow:0 4px 12px rgba(70,95,255,.08)!important;
}
.front-currency-symbol{
  color:#475467!important;
  font-weight:700!important;
  font-size:12.5px!important;
  line-height:1!important;
  min-width:12px!important;
  text-align:center!important;
}
.front-currency-text,
.front-lang-name,
.front-lang-text{
  font-size:12.5px!important;
  font-weight:600!important;
  color:inherit!important;
}
.front-currency-flag{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  border-radius:999px!important;
  background:#F8FAFC!important;
  box-shadow:inset 0 0 0 1px rgba(16,24,40,.08)!important;
  font-size:14px!important;
}
.front-lang-current .front-flag-icon{
  width:22px!important;
  height:15px!important;
  flex:0 0 22px!important;
  border-radius:4px!important;
}
.front-currency-arrow-icon,
.front-lang-current .front-dropdown-icon,
.front-lang-current .front-lang-arrow{
  color:#98A2B3!important;
  flex:0 0 auto!important;
}
.front-control-button.front-currency-switch:hover .front-currency-symbol{
  color:#344054!important;
}
body.front-dark .front-topbar{
  background:rgba(16,24,40,.94)!important;
}
body.front-dark .front-control-button.front-currency-switch,
body.front-dark .front-lang-current{
  background:linear-gradient(180deg,#101828 0%,#182230 100%)!important;
  border-color:#344054!important;
  color:#EAECF0!important;
  box-shadow:none!important;
}
body.front-dark .front-currency-symbol{
  color:#D0D5DD!important;
}
body.front-dark .front-currency-flag{
  background:#182230!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important;
}
@media(max-width:680px){
  .front-topbar-inner{
    min-height:42px!important;
  }
  .front-control-button.front-currency-switch,
  .front-lang-current{
    height:32px!important;
    min-height:32px!important;
    padding-inline:8px!important;
  }
}


.front-cart-top-button{
  position:relative;
  height:34px;
  min-width:46px;
  padding:0 12px;
  border:1px solid #E4E7EC;
  background:linear-gradient(180deg,#fff 0%,#F8FAFC 100%);
  color:#1D2939;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  transition:border-color .18s ease, box-shadow .18s ease, color .18s ease;
}
.front-cart-top-button:hover{
  border-color:#C7D7FE;
  color:#465FFF;
  box-shadow:0 4px 12px rgba(70,95,255,.08);
}
.front-cart-badge{
  position:absolute;
  top:-7px;
  inset-inline-end:-6px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:#2563EB;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:800;
  box-shadow:0 7px 16px rgba(37,99,235,.25);
}
body.front-dark .front-cart-top-button{
  background:linear-gradient(180deg,#101828 0%,#182230 100%);
  border-color:#344054;
  color:#EAECF0;
}

.cart-page-hero{
  padding:36px 0 12px!important;
}
.cart-title-row{
  display:flex;
  align-items:center;
  gap:18px;
  justify-content:flex-start;
}
html[dir="rtl"] .cart-title-row{
  text-align:right;
}
.cart-title-icon{
  width:72px;
  height:72px;
  border-radius:22px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#2563EB,#0EA5E9);
  box-shadow:0 18px 38px rgba(37,99,235,.22);
  flex:0 0 72px;
}
.cart-page-hero .front-page-title{
  margin:0;
  font-size:clamp(34px,4vw,52px);
  line-height:1.12;
}
.cart-page-hero p{
  max-width:760px;
  margin-top:8px;
  color:#667085;
}
.cart-page-section{
  padding-top:10px!important;
}
.cart-layout{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:26px;
  align-items:start;
  direction:ltr;
}
.cart-layout > *{
  direction:rtl;
}
.cart-summary-card{
  position:sticky;
  top:118px;
  border:1px solid #E4E7EC;
  background:#fff;
  border-radius:24px;
  box-shadow:0 18px 48px rgba(16,24,40,.09);
  padding:22px;
}
.cart-summary-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:22px;
}
.cart-summary-head h2{
  margin:0;
  color:#101828;
  font-size:20px;
  font-weight:800;
}
.cart-summary-head span{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#EEF4FF;
  color:#2563EB;
}
.cart-summary-lines{
  display:grid;
  gap:14px;
  padding-bottom:18px;
  border-bottom:1px dashed #D0D5DD;
}
.cart-summary-lines div,
.cart-total-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#667085;
  font-size:14px;
}
.cart-summary-lines strong{
  color:#101828;
  font-size:14px;
}
.cart-discount-line strong{
  color:#16A34A!important;
}
.cart-total-line{
  display:grid;
  grid-template-columns:1fr auto;
  margin-top:16px;
  padding-bottom:16px;
}
.cart-total-line span{
  color:#101828;
  font-weight:800;
  font-size:18px;
}
.cart-total-line strong{
  color:#1063FF;
  font-size:34px;
  font-weight:900;
  letter-spacing:-.03em;
}
.cart-total-line small{
  grid-column:1/-1;
  color:#98A2B3;
  font-size:12px;
}
.cart-coupon-form{
  border:1px solid #E4E7EC;
  background:#F9FAFB;
  border-radius:16px;
  padding:12px;
  margin-top:10px;
}
.cart-coupon-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  color:#344054;
  font-size:13px;
  font-weight:700;
}
.cart-coupon-row{
  display:flex;
  flex-direction:row-reverse;
  gap:0;
}
.cart-coupon-row input{
  min-width:0;
  width:100%;
  height:42px;
  border:1px solid #D0D5DD;
  border-inline-start:0;
  border-radius:0 12px 12px 0;
  padding:0 12px;
  outline:none;
  color:#101828;
}
.cart-coupon-row button{
  width:80px;
  height:42px;
  border:1px solid #C7D7FE;
  border-radius:12px 0 0 12px;
  background:#fff;
  color:#2563EB;
  font-weight:800;
  cursor:pointer;
}
.cart-customer-fields{
  display:grid;
  gap:10px;
  margin-top:14px;
}
.cart-customer-fields h3{
  margin:0 0 2px;
  color:#101828;
  font-size:15px;
}
.cart-customer-fields input,
.cart-customer-fields textarea{
  width:100%;
  border:1px solid #E4E7EC;
  border-radius:12px;
  padding:11px 12px;
  color:#101828;
  background:#fff;
  outline:none;
  font-size:13px;
}
.cart-customer-fields textarea{
  resize:vertical;
}
.cart-trust-box{
  margin-top:14px;
  border:1px solid #E4E7EC;
  background:#F9FAFB;
  border-radius:16px;
  padding:12px;
  display:grid;
  gap:9px;
  color:#344054;
  font-size:13px;
}
.cart-trust-box div{
  display:flex;
  align-items:center;
  gap:8px;
}
.cart-trust-box span{
  color:#2563EB;
}
.cart-sidebar-items{
  margin-top:16px;
  border-top:1px dashed #D0D5DD;
  padding-top:16px;
  display:grid;
  gap:12px;
}
.cart-sidebar-items h3{
  margin:0;
  color:#101828;
  font-size:15px;
  font-weight:800;
}
.cart-sidebar-items-list{
  display:grid;
  gap:12px;
  max-height:340px;
  overflow:auto;
  padding-inline-end:4px;
}
.cart-sidebar-item{
  position:relative;
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.cart-sidebar-item-thumb{
  width:64px;
  height:64px;
  border-radius:16px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,#E0EAFF,#F3E8FF);
  color:#2563EB;
  font-size:28px;
  border:1px solid #E5E7EB;
}
.cart-sidebar-item-thumb.service{
  background:linear-gradient(135deg,#DBEAFE,#F0F9FF);
}
.cart-sidebar-item-thumb.digital{
  background:linear-gradient(135deg,#FFF7ED,#FCE7F3);
}
.cart-sidebar-item-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.cart-sidebar-item-qty{
  position:absolute;
  top:-6px;
  inset-inline-start:48px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#F2F4F7;
  color:#475467;
  font-size:11px;
  font-weight:800;
  border:1px solid #E4E7EC;
}
.cart-sidebar-item-body{
  min-width:0;
  display:grid;
  gap:4px;
}
.cart-sidebar-item-body strong{
  color:#101828;
  font-size:14px;
  font-weight:800;
  line-height:1.45;
}
.cart-sidebar-item-body p{
  margin:0;
  color:#667085;
  font-size:12px;
  line-height:1.55;
}
.cart-sidebar-item-body .cart-sidebar-item-total{
  color:#475467;
  font-size:13px;
}
.cart-sidebar-item-body .cart-sidebar-item-total b{
  color:#101828;
  font-size:13px;
  font-weight:800;
}
.cart-payment-accept{
  margin-top:16px;
  display:grid;
  gap:10px;
  text-align:center;
  color:#667085;
  font-size:13px;
}
.cart-payment-accept img{
  max-height:38px;
  max-width:100%;
  object-fit:contain;
  margin-inline:auto;
}
.cart-payment-fallback{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
}
.cart-payment-fallback b{
  border:1px solid #E4E7EC;
  border-radius:10px;
  padding:7px 4px;
  color:#1D2939;
  background:#fff;
  font-size:11px;
}
.cart-checkout-btn{
  width:100%;
  min-height:54px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#2563EB,#1063FF);
  color:#fff;
  margin-top:18px;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-shadow:0 18px 38px rgba(37,99,235,.25);
}
.cart-items-panel{
  min-width:0;
}
.cart-items-form{
  display:grid;
  gap:0;
}
.cart-item-card{
  position:relative;
  min-height:170px;
  border:1px solid #E4E7EC;
  background:#fff;
  border-radius:22px;
  box-shadow:0 12px 32px rgba(16,24,40,.07);
  padding:24px 28px;
  display:grid;
  grid-template-columns:86px minmax(0,1fr) 132px 145px 44px;
  gap:20px;
  align-items:center;
  margin-bottom:2px;
}
.cart-item-status{
  position:absolute;
  top:24px;
  inset-inline-start:24px;
  min-width:62px;
  height:34px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  font-size:12px;
  font-weight:800;
}
.cart-item-status.active,
.cart-item-status.available{
  color:#16A34A;
  background:#ECFDF3;
}
.cart-item-thumb{
  width:86px;
  height:86px;
  border-radius:22px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,#E0EAFF,#F3E8FF);
  color:#2563EB;
  font-size:38px;
}
.cart-item-thumb.service{
  background:linear-gradient(135deg,#DBEAFE,#F0F9FF);
}
.cart-item-thumb.digital{
  background:linear-gradient(135deg,#FFF7ED,#FCE7F3);
}
.cart-item-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.cart-item-info h2{
  margin:0;
  color:#101828;
  font-size:21px;
  font-weight:900;
}
.cart-item-cycle{
  display:inline-flex;
  color:#1063FF;
  margin-top:7px;
  font-size:14px;
  font-weight:700;
}
.cart-item-info p{
  margin:14px 0 0;
  color:#667085;
  font-size:13px;
  line-height:1.7;
}
.cart-qty-control{
  display:grid;
  grid-template-columns:42px 52px 42px;
  height:46px;
  border:1px solid #D0D5DD;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.cart-qty-control button,
.cart-qty-control input{
  border:0;
  background:#fff;
  color:#101828;
  text-align:center;
  font-weight:800;
  outline:none;
}
.cart-qty-control button{
  cursor:pointer;
  font-size:18px;
}
.cart-qty-control button:hover{
  background:#F2F4FF;
  color:#2563EB;
}
.cart-item-price strong{
  display:block;
  color:#1063FF;
  font-size:21px;
  font-weight:900;
  white-space:nowrap;
}
.cart-item-price span{
  color:#667085;
  font-size:13px;
}
.cart-remove-btn{
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#FFF1F3;
  color:#F04438;
  text-decoration:none;
  font-size:18px;
}
.cart-remove-btn:hover{
  background:#FEE4E2;
}
.cart-bottom-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:18px;
}
.cart-continue-btn,
.cart-update-btn{
  min-height:54px;
  border-radius:14px;
  border:1px solid #B2CCFF;
  background:#fff;
  color:#1D4ED8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  text-decoration:none;
}
.cart-update-btn{
  background:#EEF4FF;
}
.cart-empty-card{
  border:1px solid #E4E7EC;
  border-radius:26px;
  background:#fff;
  box-shadow:0 18px 48px rgba(16,24,40,.08);
  padding:42px;
  display:grid;
  justify-items:center;
  text-align:center;
  gap:14px;
}
.cart-empty-card h2{
  margin:0;
  color:#101828;
  font-size:28px;
}
.cart-empty-card p{
  color:#667085;
  margin:0 0 10px;
}
body.front-dark .cart-summary-card,
body.front-dark .cart-item-card,
body.front-dark .cart-empty-card{
  background:#101828;
  border-color:#1F2937;
}
body.front-dark .cart-summary-head h2,
body.front-dark .cart-summary-lines strong,
body.front-dark .cart-total-line span,
body.front-dark .cart-item-info h2,
body.front-dark .cart-customer-fields h3,
body.front-dark .cart-empty-card h2,
body.front-dark .cart-sidebar-items h3,
body.front-dark .cart-sidebar-item-body strong,
body.front-dark .cart-sidebar-item-body .cart-sidebar-item-total b{
  color:#F2F4F7;
}
body.front-dark .cart-coupon-form,
body.front-dark .cart-trust-box,
body.front-dark .cart-sidebar-item-thumb{
  background:#0B1220;
  border-color:#1F2937;
}
body.front-dark .cart-coupon-row input,
body.front-dark .cart-customer-fields input,
body.front-dark .cart-customer-fields textarea,
body.front-dark .cart-qty-control,
body.front-dark .cart-qty-control button,
body.front-dark .cart-qty-control input{
  background:#0B1220;
  border-color:#344054;
  color:#EAECF0;
}
body.front-dark .cart-sidebar-item-thumb{
  border-color:#1F2937;
}
body.front-dark .cart-sidebar-item-qty{
  background:#1F2937;
  border-color:#344054;
  color:#EAECF0;
}
body.front-dark .cart-sidebar-item-body p,
body.front-dark .cart-sidebar-item-body .cart-sidebar-item-total{
  color:#98A2B3;
}
@media(max-width:1080px){
  .cart-layout{
    grid-template-columns:1fr;
    direction:rtl;
  }
  .cart-summary-card{
    position:relative;
    top:auto;
    order:2;
  }
  .cart-items-panel{
    order:1;
  }
}
@media(max-width:780px){
  .cart-item-card{
    grid-template-columns:72px minmax(0,1fr);
    gap:14px;
    padding:20px;
  }
  .cart-item-status{
    position:static;
    grid-column:1/-1;
    justify-self:start;
  }
  .cart-item-thumb{
    width:72px;
    height:72px;
  }
  .cart-qty-control,
  .cart-item-price,
  .cart-remove-btn{
    grid-column:1/-1;
  }
  .cart-bottom-actions{
    grid-template-columns:1fr;
  }
  .cart-title-icon{
    width:58px;
    height:58px;
    border-radius:18px;
  }
}


.cart-registration-card{
  margin-top:22px;
  border:1px solid #E4E7EC;
  background:#fff;
  border-radius:24px;
  box-shadow:0 12px 32px rgba(16,24,40,.07);
  padding:24px;
}
.cart-registration-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.cart-registration-head h2{
  margin:4px 0 0;
  color:#101828;
  font-size:24px;
  font-weight:900;
}
.cart-registration-head p{
  margin:8px 0 0;
  color:#667085;
  font-size:14px;
  line-height:1.8;
}
.cart-registration-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  background:#EEF4FF;
  color:#2563EB;
  display:grid;
  place-items:center;
  font-size:24px;
  flex:0 0 54px;
}
.cart-registration-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px!important;
}
.cart-registration-fields h3{
  display:none;
}
.cart-registration-fields textarea,
.cart-registration-fields .cart-recaptcha-row{
  grid-column:1/-1;
}
.cart-registration-fields input,
.cart-registration-fields textarea{
  min-height:50px;
  border-radius:14px!important;
  padding-inline:16px!important;
}
.cart-checkout-wide-btn{
  margin-top:18px!important;
  max-width:420px;
  margin-inline-start:auto;
}

.cart-domain-hero{
  padding:42px 0 14px!important;
}
.cart-domain-hero-card{
  background:linear-gradient(135deg,#0F172A,#1D4ED8 58%,#0EA5E9)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
  overflow:hidden;
  position:relative;
}
.cart-domain-hero-card::after{
  content:"";
  position:absolute;
  inset-inline-start:28px;
  top:20px;
  width:260px;
  height:170px;
  background:radial-gradient(circle at 35% 40%, rgba(255,255,255,.25), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  transform:rotate(-3deg);
}
.cart-domain-hero-card .front-section-label,
.cart-domain-hero-card .front-page-title,
.cart-domain-hero-card p{
  position:relative;
  z-index:1;
  color:#fff!important;
}
.cart-domain-layout{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.cart-domain-plan,
.cart-domain-form{
  border:1px solid #E4E7EC;
  background:#fff;
  border-radius:24px;
  box-shadow:0 12px 32px rgba(16,24,40,.07);
  padding:24px;
}
.cart-domain-plan{
  position:sticky;
  top:118px;
  display:grid;
  justify-items:center;
  text-align:center;
  gap:12px;
}
.cart-domain-plan h2{
  margin:8px 0 0;
  color:#101828;
  font-size:24px;
  font-weight:900;
}
.cart-domain-plan p{
  margin:0;
  color:#667085;
  font-size:14px;
  line-height:1.8;
}
.cart-domain-price{
  margin-top:8px;
  display:grid;
  gap:2px;
}
.cart-domain-price strong{
  color:#1063FF;
  font-size:28px;
  font-weight:900;
}
.cart-domain-price span{
  color:#667085;
  font-size:13px;
}
.cart-domain-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
.cart-domain-options label{
  border:1px solid #E4E7EC;
  background:#F9FAFB;
  border-radius:18px;
  padding:16px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  cursor:pointer;
  transition:.18s;
}
.cart-domain-options label:has(input:checked){
  border-color:#B2CCFF;
  background:#EEF4FF;
  box-shadow:0 10px 24px rgba(37,99,235,.08);
}
.cart-domain-options input{
  margin-top:5px;
  accent-color:#2563EB;
}
.cart-domain-options b{
  display:block;
  color:#101828;
  font-size:14px;
  margin-bottom:4px;
}
.cart-domain-options small{
  display:block;
  color:#667085;
  font-size:12px;
  line-height:1.7;
}
.cart-domain-input{
  display:grid;
  gap:8px;
  margin-top:14px;
}
.cart-domain-input span{
  color:#344054;
  font-size:14px;
  font-weight:700;
}
.cart-domain-input input{
  width:100%;
  min-height:54px;
  border:1px solid #D0D5DD;
  border-radius:16px;
  padding:0 18px;
  font-size:16px;
  direction:ltr;
  text-align:left;
  outline:none;
}
.cart-domain-input input:focus{
  border-color:#2563EB;
  box-shadow:0 0 0 4px rgba(37,99,235,.10);
}
.cart-domain-notes{
  margin:16px 0 18px;
  display:grid;
  gap:9px;
  color:#475467;
  font-size:13px;
}
.cart-domain-notes div{
  display:flex;
  align-items:center;
  gap:8px;
}
.cart-domain-notes span{
  color:#16A34A;
  font-weight:900;
}
.cart-item-thumb.domain{
  background:linear-gradient(135deg,#ECFEFF,#E0F2FE);
  color:#0891B2;
}
body.front-dark .cart-registration-card,
body.front-dark .cart-domain-plan,
body.front-dark .cart-domain-form{
  background:#101828;
  border-color:#1F2937;
}
body.front-dark .cart-registration-head h2,
body.front-dark .cart-domain-plan h2,
body.front-dark .cart-domain-options b{
  color:#F2F4F7;
}
body.front-dark .cart-domain-options label{
  background:#0B1220;
  border-color:#1F2937;
}
body.front-dark .cart-domain-options label:has(input:checked){
  background:#182230;
  border-color:#344054;
}
body.front-dark .cart-domain-input input{
  background:#0B1220;
  border-color:#344054;
  color:#EAECF0;
}
body.front-dark .cart-sidebar-item-thumb{
  border-color:#1F2937;
}
body.front-dark .cart-sidebar-item-qty{
  background:#1F2937;
  border-color:#344054;
  color:#EAECF0;
}
body.front-dark .cart-sidebar-item-body p,
body.front-dark .cart-sidebar-item-body .cart-sidebar-item-total{
  color:#98A2B3;
}
@media(max-width:1080px){
  .cart-domain-layout{
    grid-template-columns:1fr;
  }
  .cart-domain-plan{
    position:relative;
    top:auto;
  }
  .cart-domain-options{
    grid-template-columns:1fr;
  }
}
@media(max-width:780px){
  .cart-registration-fields{
    grid-template-columns:1fr;
  }
  .cart-registration-head{
    flex-direction:column;
  }
  .cart-checkout-wide-btn{
    max-width:none;
  }
}


.cart-page-section{
  padding-top:0!important;
}
.cart-summary-card{
  top:86px!important;
  margin-top:0!important;
}
.cart-checkout-wide-btn{
  margin-inline:auto!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}
.whmcs-registration-fields{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
.whmcs-reg-field{
  display:grid!important;
  gap:8px!important;
}
.whmcs-reg-field.is-full{
  grid-column:1/-1!important;
}
.whmcs-reg-field span,
.whmcs-reg-field label{
  color:#344054!important;
  font-size:13px!important;
  font-weight:800!important;
}
.whmcs-reg-field input,
.whmcs-reg-field textarea{
  width:100%!important;
  min-height:52px!important;
  border:1px solid #D0D5DD!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#101828!important;
  padding:0 16px!important;
  font-size:14px!important;
  outline:none!important;
  box-shadow:none!important;
}
.whmcs-reg-field textarea{
  min-height:110px!important;
  padding-block:13px!important;
  resize:vertical!important;
}
.whmcs-reg-field input:focus,
.whmcs-reg-field textarea:focus{
  border-color:#2563EB!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
}
.cart-recaptcha-row{
  grid-column:1/-1!important;
}
.auth-whmcs-registration-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.auth-whmcs-registration-fields .auth-field{
  margin:0!important;
}
.auth-whmcs-registration-fields .whmcs-reg-field.is-full{
  grid-column:1/-1!important;
}
.cart-domain-layout{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:920px;
  margin-inline:auto;
}
.cart-domain-form{
  width:100%;
}
.cart-domain-form .cart-registration-head{
  margin-bottom:20px;
}
body.front-dark .whmcs-reg-field span,
body.front-dark .whmcs-reg-field label{
  color:#EAECF0!important;
}
body.front-dark .whmcs-reg-field input,
body.front-dark .whmcs-reg-field textarea{
  background:#0B1220!important;
  border-color:#344054!important;
  color:#EAECF0!important;
}
@media(max-width:760px){
  .whmcs-registration-fields,
  .auth-whmcs-registration-fields{
    grid-template-columns:1fr!important;
  }
  .cart-summary-card{
    top:auto!important;
  }
}


@media(min-width:1081px){
  .cart-summary-card{
    margin-top:-92px!important;
    top:74px!important;
  }
}
.whmcs-reg-field span,
.whmcs-reg-field label{
  font-weight:500!important;
}
.reg-required-star{
  color:#F04438!important;
  font-weight:800!important;
  margin-inline-start:4px;
  font-style:normal;
}
.whmcs-reg-field select,
.whmcs-reg-field input,
.whmcs-reg-field textarea{
  font-weight:400!important;
}
.whmcs-reg-field select{
  width:100%!important;
  min-height:52px!important;
  border:1px solid #D0D5DD!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#101828!important;
  padding:0 14px!important;
  font-size:14px!important;
  outline:none!important;
}
.whmcs-reg-field select:focus{
  border-color:#2563EB!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
}
.whmcs-phone-group{
  display:grid!important;
  grid-template-columns:145px minmax(0,1fr)!important;
  gap:10px!important;
}
.whmcs-phone-group select{
  direction:ltr!important;
  text-align:left!important;
  padding-inline:10px!important;
}
.whmcs-phone-group input{
  direction:ltr!important;
  text-align:left!important;
}
.whmcs-reg-field textarea::placeholder,
.whmcs-reg-field input::placeholder{
  color:#98A2B3!important;
  opacity:1!important;
}
.cart-terms-box{
  grid-column:1/-1;
  margin-top:18px;
  border:1px solid #B2CCFF;
  background:linear-gradient(135deg,#EEF4FF 0%,#F8FAFF 100%);
  border-radius:18px;
  padding:16px 18px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:#344054;
  font-size:14px;
  line-height:1.9;
}
.cart-terms-box input{
  width:18px;
  height:18px;
  margin-top:5px;
  accent-color:#2563EB;
  flex:0 0 18px;
}
.cart-terms-box a{
  color:#2563EB;
  font-weight:700;
}
.cart-checkout-wide-btn{
  margin-inline:auto!important;
  min-width:min(100%,420px)!important;
}
body.front-dark .cart-terms-box{
  background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(37,99,235,.06));
  border-color:#344054;
  color:#D0D5DD;
}
body.front-dark .whmcs-reg-field select{
  background:#0B1220!important;
  border-color:#344054!important;
  color:#EAECF0!important;
}
@media(max-width:760px){
  .whmcs-phone-group{
    grid-template-columns:1fr!important;
  }
  .cart-terms-box{
    padding:14px;
  }
}


@media(min-width:1081px){
  body.front-site .cart-page-section{
    padding-top:0!important;
    margin-top:-28px!important;
  }
  body.front-site .cart-layout{
    align-items:start!important;
  }
  body.front-site .cart-layout > .cart-summary-card{
    margin-top:-136px!important;
    margin-bottom:-136px!important;
    top:72px!important;
    align-self:start!important;
    z-index:5!important;
  }
}
body.front-dark .cart-sidebar-item-thumb{
  border-color:#1F2937;
}
body.front-dark .cart-sidebar-item-qty{
  background:#1F2937;
  border-color:#344054;
  color:#EAECF0;
}
body.front-dark .cart-sidebar-item-body p,
body.front-dark .cart-sidebar-item-body .cart-sidebar-item-total{
  color:#98A2B3;
}
@media(max-width:1080px){
  body.front-site .cart-page-section{
    margin-top:0!important;
  }
  body.front-site .cart-layout > .cart-summary-card{
    margin-top:0!important;
    margin-bottom:0!important;
  }
}


body.front-site .cart-page-section{
  padding-top:32px!important;
  margin-top:0!important;
}
@media(min-width:1081px){
  body.front-site .cart-layout > .cart-summary-card{
    margin-top:0!important;
    margin-bottom:0!important;
    top:88px!important;
    align-self:start!important;
  }
}

body.front-site .cart-exact-page{
  padding:34px 0 54px!important;
  background:transparent!important;
}
.cart-exact-layout{
  display:grid!important;
  grid-template-columns:370px minmax(0,1fr)!important;
  gap:54px!important;
  align-items:start!important;
  direction:ltr!important;
}
.cart-exact-layout > *{
  direction:rtl!important;
}
.cart-exact-sidebar{
  display:grid!important;
  gap:18px!important;
  align-self:start!important;
}
.cart-exact-side-card,
.cart-exact-form-card{
  background:#fff!important;
  border:1px solid #E4E7EC!important;
  border-radius:18px!important;
  box-shadow:0 18px 50px rgba(16,24,40,.075)!important;
}
.cart-exact-cart-form{
  padding:16px!important;
  display:grid!important;
  gap:12px!important;
}
.cart-exact-side-title{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding:0 4px 4px!important;
}
.cart-exact-side-title h2{
  margin:0!important;
  color:#101828!important;
  font-size:20px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.cart-exact-title-icon{
  color:#344054!important;
  display:inline-flex!important;
}
.cart-exact-items-list{
  display:grid!important;
  gap:10px!important;
}
.cart-exact-item-row{
  position:relative!important;
  min-height:126px!important;
  border:1px solid #E4E7EC!important;
  background:#fff!important;
  border-radius:12px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  row-gap:7px!important;
  align-items:start!important;
}
.cart-exact-remove-form{display:contents!important;}
.cart-exact-remove{
  position:absolute!important;
  top:16px!important;
  inset-inline-start:14px!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  text-decoration:none!important;
  color:#667085!important;
  font-size:20px!important;
  line-height:1!important;
}
.cart-exact-remove:hover{background:#FEE4E2!important;color:#F04438!important;}
.cart-exact-item-thumb{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:78px!important;
  height:78px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#DBEAFE,#EFF6FF)!important;
  color:#2563EB!important;
  font-size:34px!important;
  margin-inline-start:auto!important;
}
.cart-exact-item-thumb.digital{background:linear-gradient(135deg,#EEF2FF,#DBEAFE)!important;}
.cart-exact-item-thumb.domain{background:linear-gradient(135deg,#ECFEFF,#E0F2FE)!important;}
.cart-exact-item-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;}
.cart-exact-item-info{
  grid-column:2!important;
  min-width:0!important;
  padding-inline-start:22px!important;
}
.cart-exact-item-info h3{
  margin:0!important;
  color:#101828!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.35!important;
}
.cart-exact-item-info p{
  margin:4px 0 0!important;
  color:#475467!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.cart-exact-item-info span{
  display:inline-flex!important;
  margin-top:6px!important;
  min-height:23px!important;
  padding:3px 10px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#EEF4FF!important;
  color:#475467!important;
  font-size:12px!important;
}
.cart-exact-qty{
  grid-column:2!important;
  justify-self:start!important;
  width:36px!important;
  height:34px!important;
  border:1px solid #D0D5DD!important;
  border-radius:8px!important;
  text-align:center!important;
  color:#101828!important;
  font-size:14px!important;
  font-weight:800!important;
  outline:none!important;
  padding:0!important;
}
.cart-exact-item-price{
  grid-column:1!important;
  justify-self:start!important;
  align-self:end!important;
  color:#101828!important;
  font-size:14px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.cart-exact-summary-box{
  border:1px solid #E4E7EC!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:16px!important;
  display:grid!important;
  gap:12px!important;
}
.cart-exact-summary-box h3{
  margin:0!important;
  color:#101828!important;
  font-size:17px!important;
  font-weight:900!important;
}
.cart-exact-summary-lines{
  display:grid!important;
  gap:10px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid #EAECF0!important;
}
.cart-exact-summary-lines div,
.cart-exact-total-line{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  color:#667085!important;
  font-size:13px!important;
}
.cart-exact-summary-lines strong{color:#344054!important;font-size:13px!important;}
.cart-exact-summary-lines .is-discount strong{color:#16A34A!important;}
.cart-exact-total-line strong{color:#1D4ED8!important;font-size:20px!important;font-weight:900!important;}
.cart-exact-total-line span{color:#101828!important;font-size:16px!important;font-weight:900!important;}
.cart-exact-coupon-row{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr) 34px!important;
  gap:0!important;
  align-items:center!important;
}
.cart-exact-coupon-row button{
  height:42px!important;
  border:0!important;
  background:#1063FF!important;
  color:#fff!important;
  border-radius:9px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.cart-exact-coupon-row input{
  height:42px!important;
  border:1px solid #D0D5DD!important;
  border-radius:9px 0 0 9px!important;
  padding:0 12px!important;
  color:#101828!important;
  outline:none!important;
}
.cart-exact-coupon-row span{
  height:42px!important;
  border:1px solid #D0D5DD!important;
  border-inline-start:0!important;
  border-radius:0 9px 9px 0!important;
  display:grid!important;
  place-items:center!important;
  color:#667085!important;
  background:#fff!important;
}
.cart-exact-payments-card{
  padding:18px!important;
  display:grid!important;
  gap:14px!important;
  text-align:center!important;
}
.cart-exact-payments-card h3{margin:0!important;color:#101828!important;font-size:16px!important;font-weight:800!important;}
.cart-exact-payments-card img{max-width:100%!important;max-height:46px!important;object-fit:contain!important;margin:auto!important;}
.cart-exact-payments-card p{margin:0!important;color:#98A2B3!important;font-size:13px!important;}
.cart-exact-main{
  min-width:0!important;
  padding-top:0!important;
}
.cart-exact-main-head{
  text-align:right!important;
  margin-bottom:18px!important;
}
.cart-exact-main-head h1{
  margin:0!important;
  color:#101828!important;
  font-size:32px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.cart-exact-main-head p{
  margin:8px 0 0!important;
  color:#475467!important;
  font-size:15px!important;
}
.cart-exact-steps{
  position:relative!important;
  width:min(690px,100%)!important;
  margin:0 0 20px auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:0!important;
  direction:rtl!important;
}
.cart-exact-steps::before{
  content:""!important;
  position:absolute!important;
  top:17px!important;
  inset-inline:15%!important;
  height:3px!important;
  background:linear-gradient(90deg,#D0D5DD 0 33%,#1063FF 33% 100%)!important;
  z-index:0!important;
}
.cart-exact-step{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  color:#667085!important;
  font-size:14px!important;
  font-weight:800!important;
}
.cart-exact-step b{
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAECF0!important;
  color:#475467!important;
  font-size:15px!important;
  box-shadow:0 0 0 6px #F8FAFC!important;
}
.cart-exact-step.is-done b,
.cart-exact-step.is-active b{background:#1063FF!important;color:#fff!important;}
.cart-exact-step.is-done,
.cart-exact-step.is-active{color:#1063FF!important;}
.cart-exact-form-card{
  padding:24px 28px!important;
  border-radius:18px!important;
}
.cart-exact-form-card h2{
  margin:0 0 20px!important;
  color:#101828!important;
  font-size:20px!important;
  font-weight:900!important;
  text-align:right!important;
}
.cart-exact-fields-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 24px!important;
}
.cart-exact-field{
  display:grid!important;
  gap:7px!important;
}
.cart-exact-field.is-full{grid-column:1/-1!important;}
.cart-exact-field span{
  color:#344054!important;
  font-size:13px!important;
  font-weight:500!important;
}
.cart-exact-field em,
.cart-exact-terms-box em{
  color:#F04438!important;
  font-style:normal!important;
  margin-inline-start:4px!important;
}
.cart-exact-field input,
.cart-exact-field select,
.cart-exact-field textarea{
  width:100%!important;
  min-height:44px!important;
  border:1px solid #D0D5DD!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#101828!important;
  padding:0 13px!important;
  font-size:14px!important;
  outline:none!important;
  box-shadow:none!important;
}
.cart-exact-field textarea{
  min-height:70px!important;
  padding:13px!important;
  resize:vertical!important;
}
.cart-exact-field input:focus,
.cart-exact-field select:focus,
.cart-exact-field textarea:focus{
  border-color:#1063FF!important;
  box-shadow:0 0 0 4px rgba(16,99,255,.10)!important;
}
.cart-exact-phone-group{
  display:grid!important;
  grid-template-columns:136px minmax(0,1fr)!important;
}
.cart-exact-phone-group select{
  border-radius:8px 0 0 8px!important;
  border-inline-end:0!important;
  direction:ltr!important;
  text-align:left!important;
}
.cart-exact-phone-group input{
  border-radius:0 8px 8px 0!important;
  direction:ltr!important;
  text-align:left!important;
}
.cart-exact-recaptcha{grid-column:1/-1!important;}
.cart-exact-terms-box{
  margin-top:16px!important;
  min-height:74px!important;
  border:1px solid #80A8FF!important;
  background:linear-gradient(135deg,#F8FBFF,#EEF4FF)!important;
  border-radius:8px!important;
  padding:14px 18px!important;
  display:grid!important;
  grid-template-columns:22px 44px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  color:#344054!important;
  font-size:13px!important;
  line-height:1.85!important;
}
.cart-exact-terms-box input{
  width:18px!important;
  height:18px!important;
  margin-top:5px!important;
  accent-color:#1063FF!important;
}
.cart-exact-terms-box a{color:#1063FF!important;font-weight:800!important;text-decoration:none!important;}
.cart-exact-shield{
  width:40px!important;
  height:40px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#E0EAFF!important;
  color:#1063FF!important;
}
.cart-exact-pay-btn{
  width:100%!important;
  min-height:56px!important;
  border:0!important;
  border-radius:8px!important;
  margin-top:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  background:linear-gradient(135deg,#1063FF,#0057FF)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  box-shadow:0 18px 38px rgba(16,99,255,.22)!important;
  cursor:pointer!important;
}
body.front-dark .cart-exact-side-card,
body.front-dark .cart-exact-form-card,
body.front-dark .cart-exact-item-row,
body.front-dark .cart-exact-summary-box{background:#101828!important;border-color:#1F2937!important;}
body.front-dark .cart-exact-side-title h2,
body.front-dark .cart-exact-item-info h3,
body.front-dark .cart-exact-summary-box h3,
body.front-dark .cart-exact-total-line span,
body.front-dark .cart-exact-main-head h1,
body.front-dark .cart-exact-form-card h2,
body.front-dark .cart-exact-payments-card h3{color:#F2F4F7!important;}
body.front-dark .cart-exact-field span{color:#D0D5DD!important;}
body.front-dark .cart-exact-field input,
body.front-dark .cart-exact-field select,
body.front-dark .cart-exact-field textarea,
body.front-dark .cart-exact-coupon-row input,
body.front-dark .cart-exact-coupon-row span{background:#0B1220!important;border-color:#344054!important;color:#EAECF0!important;}
@media(max-width:1120px){
  .cart-exact-layout{grid-template-columns:1fr!important;direction:rtl!important;gap:24px!important;}
  .cart-exact-sidebar{order:1!important;}
  .cart-exact-main{order:2!important;}
  .cart-exact-steps{margin-inline:auto!important;}
}
@media(max-width:720px){
  .cart-exact-fields-grid{grid-template-columns:1fr!important;}
  .cart-exact-phone-group{grid-template-columns:1fr!important;gap:8px!important;}
  .cart-exact-phone-group select,.cart-exact-phone-group input{border-radius:8px!important;border:1px solid #D0D5DD!important;}
  .cart-exact-terms-box{grid-template-columns:22px minmax(0,1fr)!important;}
  .cart-exact-shield{display:none!important;}
  .cart-exact-layout{gap:18px!important;}
}


body.front-site .cart-exact-page{
  padding:28px 0 48px!important;
}
body.front-site .cart-exact-layout{
  grid-template-columns:370px minmax(0,1fr)!important;
  gap:54px!important;
  max-width:1260px!important;
  margin-inline:auto!important;
}
body.front-site .cart-exact-sidebar{
  width:370px!important;
  max-width:100%!important;
}
body.front-site .cart-exact-side-card{
  border-radius:18px!important;
  border-color:#E3E8F0!important;
  box-shadow:0 18px 48px rgba(16,24,40,.07)!important;
}
body.front-site .cart-exact-cart-form{
  padding:16px!important;
}
body.front-site .cart-exact-item-row{
  min-height:128px!important;
  border-radius:12px!important;
  border-color:#E1E7EF!important;
  background:#fff!important;
}
body.front-site .cart-exact-item-thumb{
  width:78px!important;
  height:78px!important;
  border-radius:10px!important;
}
body.front-site .cart-exact-summary-box{
  border-color:#E1E7EF!important;
  border-radius:12px!important;
}
body.front-site .cart-exact-main-head{
  margin-bottom:18px!important;
  padding-inline-end:8px!important;
}
body.front-site .cart-exact-main-head h1{
  font-size:32px!important;
  color:#101828!important;
}
body.front-site .cart-exact-main-head p{
  color:#475467!important;
}
body.front-site .cart-exact-steps{
  margin-bottom:20px!important;
}
body.front-site .cart-exact-form-card{
  border-radius:18px!important;
  border-color:#E3E8F0!important;
  box-shadow:0 18px 48px rgba(16,24,40,.07)!important;
}
body.front-site .cart-exact-fields-grid{
  gap:14px 24px!important;
}
body.front-site .cart-exact-field input,
body.front-site .cart-exact-field select,
body.front-site .cart-exact-field textarea{
  border-color:#D5DCE7!important;
  border-radius:8px!important;
  background:#fff!important;
}
body.front-site .cart-exact-terms-box{
  border-color:#80A8FF!important;
  background:linear-gradient(135deg,#F8FBFF,#EEF4FF)!important;
  border-radius:8px!important;
}
body.front-site .cart-exact-pay-btn{
  min-height:56px!important;
  border-radius:8px!important;
  background:#0F63FF!important;
  box-shadow:0 18px 34px rgba(15,99,255,.24)!important;
}
@media(max-width:1080px){
  body.front-site .cart-exact-layout{
    grid-template-columns:1fr!important;
    gap:24px!important;
    direction:rtl!important;
  }
  body.front-site .cart-exact-sidebar{
    width:100%!important;
  }
}


.front-hosting-price-card{
  position:relative!important;
}
.front-hosting-price-card.is-featured{
  overflow:visible!important;
  padding-top:64px!important;
}
.front-hosting-price-card.is-featured .front-plan-popular-badge{
  position:absolute!important;
  top:18px!important;
  inset-inline-start:-10px!important;
  z-index:9!important;
  height:34px!important;
  min-width:122px!important;
  padding:0 22px!important;
  border-radius:0 999px 999px 0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#465FFF 0%,#1D4ED8 52%,#0EA5E9 100%)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  box-shadow:0 12px 26px rgba(70,95,255,.30)!important;
  transform-origin:center!important;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease!important;
  overflow:visible!important;
  isolation:isolate;
}
html[dir="ltr"] .front-hosting-price-card.is-featured .front-plan-popular-badge{
  border-radius:999px 0 0 999px!important;
}
.front-hosting-price-card.is-featured .front-plan-popular-badge::before{
  content:""!important;
  position:absolute!important;
  inset-inline-start:0!important;
  top:100%!important;
  width:0!important;
  height:0!important;
  border-top:9px solid #172554!important;
  border-inline-start:10px solid transparent!important;
  filter:brightness(.95)!important;
  z-index:-1!important;
}
.front-hosting-price-card.is-featured .front-plan-popular-badge::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(110deg,transparent 0%,transparent 32%,rgba(255,255,255,.40) 48%,transparent 62%,transparent 100%)!important;
  transform:translateX(-130%) skewX(-18deg)!important;
  opacity:0!important;
  pointer-events:none!important;
}
.front-hosting-price-card.is-featured:hover .front-plan-popular-badge{
  transform:translateY(-3px) scale(1.045)!important;
  box-shadow:0 18px 34px rgba(70,95,255,.38)!important;
  filter:saturate(1.08)!important;
}
.front-hosting-price-card.is-featured:hover .front-plan-popular-badge::after{
  animation:frontFeaturedRibbonShine .88s ease forwards!important;
  opacity:1!important;
}
@keyframes frontFeaturedRibbonShine{
  0%{transform:translateX(-130%) skewX(-18deg);opacity:0;}
  18%{opacity:1;}
  100%{transform:translateX(130%) skewX(-18deg);opacity:0;}
}
.front-hosting-price-card.is-featured:hover{
  border-color:rgba(70,95,255,.34)!important;
  box-shadow:0 24px 56px rgba(70,95,255,.15)!important;
}
body.front-dark .front-hosting-price-card.is-featured .front-plan-popular-badge{
  box-shadow:0 14px 30px rgba(0,0,0,.35)!important;
}
@media(max-width:680px){
  .front-hosting-price-card.is-featured{
    padding-top:58px!important;
  }
  .front-hosting-price-card.is-featured .front-plan-popular-badge{
    top:16px!important;
    inset-inline-start:-7px!important;
    height:31px!important;
    min-width:110px!important;
    padding:0 18px!important;
    font-size:11px!important;
  }
}


.front-hosting-price-card.is-featured{
  position:relative!important;
  overflow:hidden!important;
  padding-top:42px!important;
}
.front-hosting-price-card.is-featured .front-plan-ribbon-corner{
  position:absolute!important;
  top:-1px!important;
  inset-inline-start:-1px!important;
  width:116px!important;
  height:116px!important;
  overflow:hidden!important;
  z-index:12!important;
  pointer-events:none!important;
}
.front-hosting-price-card.is-featured .front-plan-popular-badge{
  position:absolute!important;
  top:22px!important;
  inset-inline-start:-44px!important;
  width:172px!important;
  height:34px!important;
  min-width:0!important;
  padding:0!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#465FFF!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  box-shadow:0 8px 18px rgba(70,95,255,.28)!important;
  transform:rotate(45deg)!important;
  transform-origin:center!important;
  transition:transform .22s ease, background-color .22s ease, box-shadow .22s ease!important;
  isolation:isolate!important;
}
html[dir="ltr"] .front-hosting-price-card.is-featured .front-plan-ribbon-corner{
  inset-inline-start:auto!important;
  inset-inline-end:-1px!important;
}
html[dir="ltr"] .front-hosting-price-card.is-featured .front-plan-popular-badge{
  inset-inline-start:auto!important;
  inset-inline-end:-44px!important;
  transform:rotate(-45deg)!important;
}
.front-hosting-price-card.is-featured .front-plan-popular-badge::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(110deg,transparent 0%,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%,transparent 100%)!important;
  transform:translateX(-140%) skewX(-18deg)!important;
  opacity:0!important;
  pointer-events:none!important;
}
.front-hosting-price-card.is-featured:hover .front-plan-popular-badge{
  background:#3641D9!important;
  box-shadow:0 12px 24px rgba(70,95,255,.38)!important;
  transform:rotate(45deg) translateY(-2px)!important;
}
html[dir="ltr"] .front-hosting-price-card.is-featured:hover .front-plan-popular-badge{
  transform:rotate(-45deg) translateY(-2px)!important;
}
.front-hosting-price-card.is-featured:hover .front-plan-popular-badge::after{
  animation:frontTailAdminFiledRibbonShine .85s ease forwards!important;
  opacity:1!important;
}
@keyframes frontTailAdminFiledRibbonShine{
  0%{transform:translateX(-140%) skewX(-18deg);opacity:0;}
  20%{opacity:1;}
  100%{transform:translateX(140%) skewX(-18deg);opacity:0;}
}
@media(max-width:680px){
  .front-hosting-price-card.is-featured .front-plan-ribbon-corner{
    width:104px!important;
    height:104px!important;
  }
  .front-hosting-price-card.is-featured .front-plan-popular-badge{
    top:20px!important;
    inset-inline-start:-48px!important;
    width:166px!important;
    height:31px!important;
    font-size:11px!important;
  }
  html[dir="ltr"] .front-hosting-price-card.is-featured .front-plan-popular-badge{
    inset-inline-start:auto!important;
    inset-inline-end:-48px!important;
  }
}


.front-hosting-price-card.is-featured{
  position:relative!important;
  overflow:hidden!important;
  padding-top:42px!important;
}
.front-hosting-price-card.is-featured .front-plan-ribbon-corner{
  display:none!important;
}
.front-hosting-price-card.is-featured .front-plan-popular-badge{
  box-shadow:none!important;
}
.front-hosting-price-card.is-featured .front-plan-filed-ribbon{
  position:absolute!important;
  top:24px!important;
  inset-inline-start:-1px!important;
  z-index:12!important;
  height:32px!important;
  min-width:132px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border-radius:0!important;
  background:#465FFF!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:translateX(78px)!important;
  transition:transform .25s ease, background-color .2s ease!important;
  pointer-events:none!important;
}
html[dir="ltr"] .front-hosting-price-card.is-featured .front-plan-filed-ribbon{
  transform:translateX(-78px)!important;
}
.front-hosting-price-card.is-featured .front-plan-filed-ribbon::before,
.front-hosting-price-card.is-featured .front-plan-filed-ribbon::after{
  content:""!important;
  position:absolute!important;
  inset-inline-end:0!important;
  width:0!important;
  height:0!important;
  border:8px solid transparent!important;
  pointer-events:none!important;
}
.front-hosting-price-card.is-featured .front-plan-filed-ribbon::before{
  top:0!important;
  border-block-start-color:#3641D9!important;
  border-inline-start-color:#3641D9!important;
}
.front-hosting-price-card.is-featured .front-plan-filed-ribbon::after{
  bottom:0!important;
  border-block-end-color:#3641D9!important;
  border-inline-start-color:#3641D9!important;
}
html[dir="ltr"] .front-hosting-price-card.is-featured .front-plan-filed-ribbon::before,
html[dir="ltr"] .front-hosting-price-card.is-featured .front-plan-filed-ribbon::after{
  inset-inline-end:auto!important;
  inset-inline-start:0!important;
}
html[dir="ltr"] .front-hosting-price-card.is-featured .front-plan-filed-ribbon::before{
  border-inline-start-color:transparent!important;
  border-inline-end-color:#3641D9!important;
}
html[dir="ltr"] .front-hosting-price-card.is-featured .front-plan-filed-ribbon::after{
  border-inline-start-color:transparent!important;
  border-inline-end-color:#3641D9!important;
}
.front-plan-filed-ribbon-text{
  opacity:0!important;
  transform:translateX(4px)!important;
  transition:opacity .22s ease, transform .22s ease!important;
  white-space:nowrap!important;
}
.front-plan-filed-ribbon-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  color:#fff!important;
}
.front-hosting-price-card.is-featured:hover .front-plan-filed-ribbon{
  transform:translateX(0)!important;
  background:#465FFF!important;
  box-shadow:none!important;
}
.front-hosting-price-card.is-featured:hover .front-plan-filed-ribbon-text{
  opacity:1!important;
  transform:translateX(0)!important;
}
.front-hosting-price-card.is-featured:hover{
  box-shadow:none!important;
}
@media(max-width:680px){
  .front-hosting-price-card.is-featured .front-plan-filed-ribbon{
    top:18px!important;
    min-width:126px!important;
    height:30px!important;
    transform:translateX(0)!important;
  }
  .front-plan-filed-ribbon-text{
    opacity:1!important;
    transform:translateX(0)!important;
  }
}


.front-hosting-price-card.is-featured{
  position:relative!important;
  overflow:hidden!important;
  padding-top:48px!important;
  transform:none!important;
}
.front-hosting-price-card.is-featured .front-plan-ribbon-corner,
.front-hosting-price-card.is-featured .front-plan-popular-badge{
  display:none!important;
  box-shadow:none!important;
}
.front-hosting-price-card.is-featured .front-plan-filed-ribbon{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  z-index:12!important;
  width:132px!important;
  min-width:132px!important;
  height:34px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#465FFF 0%,#465FFF 68%,#3641D9 68%,#3641D9 100%)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:none!important;
  filter:none!important;
  transform:translateX(-102px)!important;
  transition:transform .26s cubic-bezier(.4,0,.2,1), background-color .2s ease!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
html[dir="rtl"] .front-hosting-price-card.is-featured .front-plan-filed-ribbon,
html[dir="ltr"] .front-hosting-price-card.is-featured .front-plan-filed-ribbon{
  left:0!important;
  right:auto!important;
  transform:translateX(-102px)!important;
}
.front-hosting-price-card.is-featured .front-plan-filed-ribbon::before,
.front-hosting-price-card.is-featured .front-plan-filed-ribbon::after{
  display:none!important;
  content:none!important;
  border:0!important;
}
.front-hosting-price-card.is-featured .front-plan-filed-ribbon-text{
  opacity:0!important;
  transform:translateX(-8px)!important;
  transition:opacity .2s ease, transform .24s cubic-bezier(.4,0,.2,1)!important;
  white-space:nowrap!important;
}
.front-hosting-price-card.is-featured .front-plan-filed-ribbon-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  color:#fff!important;
  opacity:1!important;
  transform:none!important;
}
.front-hosting-price-card.is-featured:hover,
.front-hosting-price-card.is-featured:focus-within{
  transform:none!important;
  box-shadow:none!important;
  border-color:rgba(70,95,255,.22)!important;
}
.front-hosting-price-card.is-featured:hover .front-plan-filed-ribbon,
.front-hosting-price-card.is-featured:focus-within .front-plan-filed-ribbon{
  transform:translateX(0)!important;
  box-shadow:none!important;
  filter:none!important;
}
.front-hosting-price-card.is-featured:hover .front-plan-filed-ribbon-text,
.front-hosting-price-card.is-featured:focus-within .front-plan-filed-ribbon-text{
  opacity:1!important;
  transform:translateX(0)!important;
}
@media(max-width:680px){
  .front-hosting-price-card.is-featured{
    padding-top:46px!important;
  }
  .front-hosting-price-card.is-featured .front-plan-filed-ribbon{
    top:0!important;
    left:0!important;
    width:124px!important;
    min-width:124px!important;
    height:32px!important;
    transform:translateX(-94px)!important;
  }
  .front-hosting-price-card.is-featured:hover .front-plan-filed-ribbon,
  .front-hosting-price-card.is-featured:focus-within .front-plan-filed-ribbon{
    transform:translateX(0)!important;
  }
}


body.front-site .front-hosting-price-card.is-featured{
  position:relative!important;
  overflow:hidden!important;
  padding-top:48px!important;
  transform:none!important;
  transition:box-shadow .18s ease!important;
}
body.front-site .front-hosting-price-card.is-featured:hover,
body.front-site .front-hosting-price-card.is-featured:focus-within{
  transform:none!important;
  box-shadow:0 15px 34px rgba(16,24,40,.055)!important;
  border-color:rgba(70,95,255,.22)!important;
}
body.front-site .front-hosting-price-card.is-featured .front-plan-ribbon-corner,
body.front-site .front-hosting-price-card.is-featured .front-plan-popular-badge{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  box-shadow:none!important;
}
body.front-site .front-hosting-price-card.is-featured .front-plan-filed-ribbon{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  z-index:30!important;
  width:132px!important;
  min-width:132px!important;
  height:34px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  direction:ltr!important;
  text-align:left!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#465FFF 0%,#465FFF 72%,#3641D9 72%,#3641D9 100%)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:translateX(-98px)!important;
  transition:transform .26s cubic-bezier(.4,0,.2,1)!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
html[dir="rtl"] body.front-site .front-hosting-price-card.is-featured .front-plan-filed-ribbon,
html[dir="ltr"] body.front-site .front-hosting-price-card.is-featured .front-plan-filed-ribbon{
  left:0!important;
  right:auto!important;
  transform:translateX(-98px)!important;
}
body.front-site .front-hosting-price-card.is-featured .front-plan-filed-ribbon::before,
body.front-site .front-hosting-price-card.is-featured .front-plan-filed-ribbon::after{
  display:none!important;
  content:none!important;
  border:0!important;
  width:0!important;
  height:0!important;
}
body.front-site .front-hosting-price-card.is-featured .front-plan-filed-ribbon-text{
  opacity:0!important;
  visibility:hidden!important;
  transform:translateX(-8px)!important;
  transition:opacity .2s ease, visibility .2s ease, transform .26s cubic-bezier(.4,0,.2,1)!important;
  white-space:nowrap!important;
}
body.front-site .front-hosting-price-card.is-featured .front-plan-filed-ribbon-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  margin:0!important;
}
body.front-site .front-hosting-price-card.is-featured:hover .front-plan-filed-ribbon,
body.front-site .front-hosting-price-card.is-featured:focus-within .front-plan-filed-ribbon{
  transform:translateX(0)!important;
}
html[dir="rtl"] body.front-site .front-hosting-price-card.is-featured:hover .front-plan-filed-ribbon,
html[dir="ltr"] body.front-site .front-hosting-price-card.is-featured:hover .front-plan-filed-ribbon,
html[dir="rtl"] body.front-site .front-hosting-price-card.is-featured:focus-within .front-plan-filed-ribbon,
html[dir="ltr"] body.front-site .front-hosting-price-card.is-featured:focus-within .front-plan-filed-ribbon{
  transform:translateX(0)!important;
}
body.front-site .front-hosting-price-card.is-featured:hover .front-plan-filed-ribbon-text,
body.front-site .front-hosting-price-card.is-featured:focus-within .front-plan-filed-ribbon-text{
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(0)!important;
}
@media(max-width:680px){
  body.front-site .front-hosting-price-card.is-featured{
    padding-top:46px!important;
  }
  body.front-site .front-hosting-price-card.is-featured .front-plan-filed-ribbon{
    top:0!important;
    left:0!important;
    width:124px!important;
    min-width:124px!important;
    height:32px!important;
    transform:translateX(-92px)!important;
  }
  body.front-site .front-hosting-price-card.is-featured:hover .front-plan-filed-ribbon,
  body.front-site .front-hosting-price-card.is-featured:focus-within .front-plan-filed-ribbon{
    transform:translateX(0)!important;
  }
}


.front-cart-badge{
  background:#F04438!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(240,68,56,.26)!important;
}
body.front-site .front-hosting-price-card.is-featured{
  border-color:rgba(240,68,56,.22)!important;
}
body.front-site .front-hosting-price-card.is-featured:hover,
body.front-site .front-hosting-price-card.is-featured:focus-within{
  border-color:rgba(240,68,56,.34)!important;
}
body.front-site .front-hosting-price-card.is-featured .front-plan-filed-ribbon{
  background:linear-gradient(135deg,#F04438 0%,#F04438 72%,#D92D20 72%,#D92D20 100%)!important;
  color:#fff!important;
}
body.front-site .front-hosting-price-card.is-featured:hover .front-plan-filed-ribbon,
body.front-site .front-hosting-price-card.is-featured:focus-within .front-plan-filed-ribbon{
  background:linear-gradient(135deg,#F04438 0%,#F04438 72%,#D92D20 72%,#D92D20 100%)!important;
}


.cart-exact-coupon-row{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr) 42px!important;
  gap:0!important;
  align-items:stretch!important;
  height:44px!important;
  border:1px solid #D0D5DD!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#fff!important;
  direction:rtl!important;
}
.cart-exact-coupon-row button{
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  background:#1063FF!important;
  color:#fff!important;
  font-weight:900!important;
  cursor:pointer!important;
  padding:0 14px!important;
}
.cart-exact-coupon-row input{
  height:100%!important;
  min-width:0!important;
  border:0!important;
  border-inline-start:1px solid #D0D5DD!important;
  border-inline-end:1px solid #D0D5DD!important;
  border-radius:0!important;
  padding:0 14px!important;
  color:#101828!important;
  background:#fff!important;
  outline:none!important;
  text-align:right!important;
}
.cart-exact-coupon-row span{
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  display:grid!important;
  place-items:center!important;
  color:#667085!important;
  background:#fff!important;
  font-size:14px!important;
}
body.front-dark .cart-exact-coupon-row{
  background:#0B1220!important;
  border-color:#344054!important;
}
body.front-dark .cart-exact-coupon-row input,
body.front-dark .cart-exact-coupon-row span{
  background:#0B1220!important;
  border-color:#344054!important;
  color:#EAECF0!important;
}


.cart-exact-phone-group,
.whmcs-phone-group{
  direction:ltr!important;
}
.cart-exact-phone-group select,
.whmcs-phone-group select{
  order:1!important;
}
.cart-exact-phone-group input,
.whmcs-phone-group input{
  order:2!important;
}
html[dir="rtl"] .cart-exact-phone-group select{
  border-radius:8px 0 0 8px!important;
  border-inline-end:0!important;
  border-inline-start:1px solid #D0D5DD!important;
}
html[dir="rtl"] .cart-exact-phone-group input{
  border-radius:0 8px 8px 0!important;
}
html[dir="rtl"] .whmcs-phone-group select{
  border-radius:14px 0 0 14px!important;
}
html[dir="rtl"] .whmcs-phone-group input{
  border-radius:0 14px 14px 0!important;
}
@media(max-width:720px){
  .cart-exact-phone-group,
  .whmcs-phone-group{
    direction:rtl!important;
  }
  .cart-exact-phone-group select,
  .cart-exact-phone-group input,
  .whmcs-phone-group select,
  .whmcs-phone-group input{
    order:initial!important;
    border-radius:8px!important;
    border:1px solid #D0D5DD!important;
  }
  .whmcs-phone-group select,
  .whmcs-phone-group input{
    border-radius:14px!important;
  }
}


.phone-code-select-ltr,
.cart-exact-phone-group select[name="phone_country_code"],
.whmcs-phone-group select[name="phone_country_code"]{
  direction:ltr!important;
  text-align:left!important;
  text-align-last:left!important;
  unicode-bidi:isolate!important;
  padding-inline-start:12px!important;
  padding-inline-end:28px!important;
}
.phone-code-select-ltr option,
.cart-exact-phone-group select[name="phone_country_code"] option,
.whmcs-phone-group select[name="phone_country_code"] option{
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:isolate!important;
}
html[dir="rtl"] .phone-code-select-ltr,
html[dir="rtl"] .cart-exact-phone-group select[name="phone_country_code"],
html[dir="rtl"] .whmcs-phone-group select[name="phone_country_code"]{
  direction:ltr!important;
  text-align:left!important;
  text-align-last:left!important;
}


.front-cart-badge{
  box-shadow:none!important;
}
.country-select-ltr,
.cart-exact-field select.country-select-ltr,
.whmcs-reg-field select.country-select-ltr{
  direction:ltr!important;
  text-align:left!important;
  text-align-last:left!important;
  unicode-bidi:isolate!important;
  padding-inline-start:12px!important;
  padding-inline-end:28px!important;
}
.country-select-ltr option,
.cart-exact-field select.country-select-ltr option,
.whmcs-reg-field select.country-select-ltr option{
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:isolate!important;
}
.cart-exact-field-notes textarea{
  min-height:54px!important;
  height:58px!important;
  max-height:92px!important;
  padding-block:10px!important;
}
.cart-exact-phone-group select.phone-code-select-ltr{
  border-radius:8px 0 0 8px!important;
  border-right:0!important;
  border-left:1px solid #D0D5DD!important;
}
.cart-exact-phone-group input[name="phone_number"]{
  border-radius:0 8px 8px 0!important;
}
.whmcs-phone-group select.phone-code-select-ltr{
  border-radius:14px 0 0 14px!important;
  border-right:0!important;
  border-left:1px solid #D0D5DD!important;
}
.whmcs-phone-group input[name="phone_number"]{
  border-radius:0 14px 14px 0!important;
}
body.front-dark .cart-exact-phone-group select.phone-code-select-ltr,
body.front-dark .whmcs-phone-group select.phone-code-select-ltr{
  border-left-color:#344054!important;
}
@media(max-width:720px){
  .cart-exact-phone-group select.phone-code-select-ltr,
  .cart-exact-phone-group input[name="phone_number"],
  .whmcs-phone-group select.phone-code-select-ltr,
  .whmcs-phone-group input[name="phone_number"]{
    border-radius:8px!important;
    border:1px solid #D0D5DD!important;
  }
  .whmcs-phone-group select.phone-code-select-ltr,
  .whmcs-phone-group input[name="phone_number"]{
    border-radius:14px!important;
  }
}


.hp-select.hp-select-ltr,
.hp-select.hp-select-ltr .hp-select-button,
.hp-select.hp-select-ltr .hp-select-label,
.hp-select.hp-select-ltr .hp-select-menu,
.hp-select.hp-select-ltr .hp-select-option,
.hp-select.hp-select-ltr .hp-select-group,
.hp-select[dir="ltr"],
.hp-select[dir="ltr"] .hp-select-button,
.hp-select[dir="ltr"] .hp-select-label,
.hp-select[dir="ltr"] .hp-select-menu,
.hp-select[dir="ltr"] .hp-select-option,
.hp-select[dir="ltr"] .hp-select-group{
  direction:ltr!important;
  text-align:left!important;
  text-align-last:left!important;
  unicode-bidi:plaintext!important;
}
html[dir="rtl"] .hp-select.hp-select-ltr .hp-select-button,
html[dir="rtl"] .hp-select.hp-select-ltr .hp-select-option,
html[dir="rtl"] .hp-select.hp-select-ltr .hp-select-group,
html[dir="rtl"] .hp-select[dir="ltr"] .hp-select-button,
html[dir="rtl"] .hp-select[dir="ltr"] .hp-select-option,
html[dir="rtl"] .hp-select[dir="ltr"] .hp-select-group{
  direction:ltr!important;
  text-align:left!important;
  text-align-last:left!important;
  justify-content:flex-start!important;
}
html[dir="rtl"] .hp-select.hp-select-ltr .hp-select-button,
html[dir="rtl"] .hp-select[dir="ltr"] .hp-select-button{
  justify-content:space-between!important;
}
html[dir="rtl"] .hp-select.hp-select-ltr .hp-select-label,
html[dir="rtl"] .hp-select[dir="ltr"] .hp-select-label{
  direction:ltr!important;
  text-align:left!important;
  text-align-last:left!important;
}
.hp-select.hp-select-ltr .hp-select-menu,
.hp-select[dir="ltr"] .hp-select-menu{
  direction:ltr!important;
  text-align:left!important;
}
.hp-select.hp-select-ltr .hp-select-option,
.hp-select[dir="ltr"] .hp-select-option,
.hp-select-option.hp-select-option-ltr{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  direction:ltr!important;
  text-align:left!important;
  text-align-last:left!important;
  unicode-bidi:plaintext!important;
}
.hp-select.hp-select-ltr .hp-select-option::first-letter,
.hp-select[dir="ltr"] .hp-select-option::first-letter{
  direction:ltr!important;
}
.hp-select.hp-phone-code-select .hp-select-option,
.hp-select.hp-country-select .hp-select-option{
  justify-content:flex-start!important;
  direction:ltr!important;
  text-align:left!important;
}

body.front-site .cart-exact-item-row{
  grid-template-columns:78px minmax(0,1fr)!important;
  column-gap:8px!important;
  row-gap:4px!important;
  min-height:116px!important;
  padding:12px!important;
  align-items:start!important;
}
body.front-site .cart-exact-item-thumb{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:72px!important;
  height:72px!important;
  margin-inline-start:0!important;
  margin-inline-end:0!important;
}
body.front-site .cart-exact-item-info{
  grid-column:2!important;
  grid-row:1!important;
  padding-inline-start:0!important;
  padding-inline-end:0!important;
  min-width:0!important;
}
body.front-site .cart-exact-item-price{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:start!important;
  align-self:end!important;
  margin-top:2px!important;
  color:#101828!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body.front-site .cart-exact-item-info h3{
  margin-bottom:2px!important;
}
body.front-site .cart-exact-item-info p{
  margin-top:2px!important;
}
body.front-site .cart-exact-item-info span{
  margin-top:5px!important;
}
@media(max-width:720px){
  body.front-site .cart-exact-item-row{
    grid-template-columns:70px minmax(0,1fr)!important;
    column-gap:8px!important;
  }
  body.front-site .cart-exact-item-thumb{
    width:66px!important;
    height:66px!important;
  }
}


body.front-site .cart-exact-item-row{
  grid-template-columns:78px minmax(0,1fr)!important;
  column-gap:8px!important;
}
body.front-site .cart-exact-item-info{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:72px!important;
}
body.front-site .cart-exact-item-meta-row{
  margin-top:6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  direction:rtl!important;
}
body.front-site .cart-exact-cycle-pill,
body.front-site .cart-exact-item-info > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px!important;
  padding:4px 12px!important;
  border-radius:999px!important;
  background:#F2F4F7!important;
  color:#475467!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.front-site .cart-exact-item-price{
  position:static!important;
  grid-column:auto!important;
  grid-row:auto!important;
  justify-self:auto!important;
  align-self:center!important;
  margin:0!important;
  color:#101828!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  direction:ltr!important;
  text-align:left!important;
}
body.front-site .cart-exact-item-info h3{
  margin-bottom:2px!important;
}
body.front-site .cart-exact-item-info p{
  margin-top:2px!important;
  margin-bottom:0!important;
}
@media(max-width:720px){
  body.front-site .cart-exact-item-row{
    grid-template-columns:70px minmax(0,1fr)!important;
    column-gap:8px!important;
  }
  body.front-site .cart-exact-item-meta-row{
    gap:8px!important;
  }
}


body.front-site .cart-exact-cycle-pill,
body.front-site .cart-exact-item-info > span{
  min-height:26px!important;
  padding:5px 12px!important;
  border-radius:999px!important;
  background:#EFF6FF!important;
  color:#1D4ED8!important;
  border:1px solid #BFDBFE!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.front-site .cart-exact-item-price{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px!important;
  padding:5px 12px!important;
  border-radius:999px!important;
  background:#ECFDF3!important;
  color:#027A48!important;
  border:1px solid #ABEFC6!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  direction:ltr!important;
  text-align:center!important;
}
body.front-site .cart-exact-item-meta-row{
  align-items:center!important;
}
body.front-dark .cart-exact-cycle-pill,
body.front-dark .cart-exact-item-info > span{
  background:rgba(29,78,216,.16)!important;
  border-color:rgba(147,197,253,.25)!important;
  color:#93C5FD!important;
}
body.front-dark .cart-exact-item-price{
  background:rgba(2,122,72,.18)!important;
  border-color:rgba(171,239,198,.25)!important;
  color:#86EFAC!important;
}


.cart-exact-steps{
  display:none!important;
}
.cart-exact-main{
  padding-top:0!important;
}
.cart-exact-form-card{
  margin-top:0!important;
}


.cart-exact-security-notice{
  margin-top:14px!important;
  border:1px solid #FED7AA!important;
  background:#FFF7ED!important;
  color:#F59E0B!important;
  border-radius:8px!important;
  padding:14px 18px!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.8!important;
  font-weight:700!important;
}
body.front-dark .cart-exact-security-notice{
  background:rgba(251,146,60,.12)!important;
  border-color:rgba(251,146,60,.38)!important;
  color:#FDBA74!important;
}


.cart-exact-pay-btn{
  box-shadow:none!important;
}
.cart-exact-terms-box{
  grid-template-columns:22px minmax(0,1fr)!important;
}
.cart-exact-shield{
  display:none!important;
}
.cart-exact-security-notice{
  font-weight:400!important;
}
.cart-exact-security-notice .cart-security-ip{
  font-weight:900!important;
  color:inherit!important;
}


body.front-site .cart-exact-pay-btn,
body.front-site .cart-exact-pay-btn:hover,
body.front-site .cart-exact-pay-btn:focus,
body.front-site .cart-exact-pay-btn:active{
  box-shadow:none!important;
  filter:none!important;
}
body.front-site .cart-exact-terms-box{
  min-height:auto!important;
  padding:9px 13px!important;
  gap:9px!important;
  align-items:center!important;
  line-height:1.45!important;
  font-size:12.5px!important;
}
body.front-site .cart-exact-terms-box input{
  margin-top:0!important;
}
body.front-site .cart-exact-security-notice{
  font-size:12px!important;
  line-height:1.55!important;
  font-weight:400!important;
  padding:9px 13px!important;
  margin-top:10px!important;
}
body.front-site .cart-exact-security-notice .cart-security-ip{
  font-weight:900!important;
}


.cart-payment-methods{
  grid-column:1/-1!important;
  display:grid!important;
  gap:12px!important;
  margin:2px 0 2px!important;
}
.cart-payment-methods h3{
  margin:0!important;
  color:#101828!important;
  font-size:18px!important;
  font-weight:900!important;
}
.cart-payment-methods p{
  margin:0!important;
  color:#667085!important;
  font-size:12.5px!important;
  line-height:1.7!important;
}
.cart-payment-method-list{
  display:grid!important;
  gap:10px!important;
}
.cart-payment-method-option{
  position:relative!important;
  min-height:56px!important;
  border:1px solid #D0D5DD!important;
  background:#fff!important;
  border-radius:0!important;
  padding:11px 12px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 22px!important;
  gap:12px!important;
  align-items:center!important;
  cursor:pointer!important;
  transition:border-color .16s ease, background-color .16s ease!important;
}
.cart-payment-method-option input[type="radio"]{position:absolute!important;opacity:0!important;pointer-events:none!important;}
.cart-payment-method-option.is-selected,
.cart-payment-method-option:has(input:checked){
  border-color:#7A5AF8!important;
  background:#FBFAFF!important;
}
.cart-payment-method-logo{
  width:50px!important;
  height:32px!important;
  border:1px solid #EAECF0!important;
  background:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#101828!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  direction:ltr!important;
}
.cart-payment-logo-visa{color:#172B85!important;font-style:italic!important;}
.cart-payment-logo-mastercard{color:#EB001B!important;font-size:18px!important;letter-spacing:-8px!important;padding-inline-end:8px!important;}
.cart-payment-logo-paypal{color:#003087!important;font-size:20px!important;}
.cart-payment-logo-apple{color:#111827!important;font-size:15px!important;}
.cart-payment-logo-stripe{color:#635BFF!important;font-size:14px!important;}
.cart-payment-method-copy{display:grid!important;gap:2px!important;min-width:0!important;}
.cart-payment-method-copy strong{color:#101828!important;font-size:14px!important;font-weight:700!important;line-height:1.3!important;}
.cart-payment-method-copy small{color:#667085!important;font-size:11.5px!important;line-height:1.4!important;}
.cart-payment-method-check{
  width:18px!important;
  height:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #D0D5DD!important;
  color:transparent!important;
  background:#fff!important;
  font-size:12px!important;
}
.cart-payment-method-option.is-selected .cart-payment-method-check,
.cart-payment-method-option:has(input:checked) .cart-payment-method-check{
  background:#7A5AF8!important;
  border-color:#7A5AF8!important;
  color:#fff!important;
}
.cart-payment-card-fields{
  grid-column:2 / 4!important;
  display:none!important;
  border-top:1px solid #EAECF0!important;
  padding-top:10px!important;
  margin-top:2px!important;
}
.cart-payment-method-option.is-selected .cart-payment-card-fields,
.cart-payment-method-option:has(input:checked) .cart-payment-card-fields{
  display:grid!important;
  gap:9px!important;
}
.cart-stripe-card-element,
.cart-card-fallback-fields input{
  min-height:42px!important;
  border:1px solid #D0D5DD!important;
  border-radius:8px!important;
  background:#fff!important;
  padding:12px!important;
  color:#101828!important;
  direction:ltr!important;
  text-align:left!important;
}
.cart-card-fallback-fields{display:grid!important;gap:9px!important;}
.cart-card-fallback-fields>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
.cart-stripe-card-errors{color:#B42318!important;font-size:12px!important;min-height:16px!important;}
.cart-exact-pay-btn{box-shadow:none!important;}
body.front-dark .cart-payment-method-option{background:#101828!important;border-color:#344054!important;}
body.front-dark .cart-payment-method-option.is-selected,
body.front-dark .cart-payment-method-option:has(input:checked){background:#182230!important;border-color:#7A5AF8!important;}
body.front-dark .cart-payment-method-copy strong{color:#F2F4F7!important;}
body.front-dark .cart-payment-method-copy small{color:#98A2B3!important;}
body.front-dark .cart-payment-method-logo,
body.front-dark .cart-stripe-card-element,
body.front-dark .cart-card-fallback-fields input{background:#0B1220!important;border-color:#344054!important;color:#EAECF0!important;}
@media(max-width:720px){
  .cart-payment-method-option{grid-template-columns:46px minmax(0,1fr) 22px!important;padding:10px!important;}
  .cart-payment-card-fields{grid-column:1/-1!important;}
}

.cart-checkout-form.has-stripe-elements .cart-card-fallback-fields{
  display:none!important;
}
.cart-checkout-form.has-stripe-elements .cart-stripe-card-element{
  display:block!important;
}
.cart-exact-pay-btn[disabled]{
  opacity:.7!important;
  cursor:wait!important;
}


.cart-payment-empty{
  border:1px solid #FED7AA!important;
  background:#FFF7ED!important;
  color:#B45309!important;
  border-radius:10px!important;
  padding:12px 14px!important;
  font-size:13px!important;
  line-height:1.7!important;
}
.cart-payment-method-logo{
  color:var(--payment-logo-color,#101828)!important;
  overflow:hidden!important;
}
.cart-payment-method-logo img{
  max-width:44px!important;
  max-height:26px!important;
  object-fit:contain!important;
  display:block!important;
}
.cart-payment-logo-stripe-card,
.cart-payment-logo-stripe{
  color:#635BFF!important;
}
.cart-payment-logo-stripe-paypal{
  color:#0070BA!important;
}
.cart-payment-logo-stripe-klarna{
  color:#111827!important;
  background:#FFE4EF!important;
}
.cart-payment-logo-stripe-swish{
  color:#00A3E0!important;
}
.cart-payment-logo-stripe-apple-pay{
  color:#111827!important;
}
.cart-payment-logo-stripe-google-pay{
  color:#4285F4!important;
}
.cart-payment-logo-cash{
  color:#12B76A!important;
}
.cart-payment-logo-usdt{
  color:#26A17B!important;
}
.cart-stripe-payment-element{
  min-height:70px!important;
  border:1px solid #D0D5DD!important;
  border-radius:8px!important;
  background:#fff!important;
  padding:12px!important;
}
.cart-stripe-payment-hint{
  color:#667085!important;
  font-size:12px!important;
  line-height:1.6!important;
  padding:6px 0 0!important;
}
.cart-checkout-form.has-stripe-payment-element .cart-stripe-payment-element{
  display:block!important;
}
body.front-dark .cart-payment-empty{
  background:rgba(251,146,60,.12)!important;
  border-color:rgba(251,146,60,.35)!important;
  color:#FDBA74!important;
}
body.front-dark .cart-stripe-payment-element{
  background:#0B1220!important;
  border-color:#344054!important;
}


.cart-stripe-payment-element:not(.is-mounted){
  display:none!important;
  min-height:0!important;
  height:0!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}
.cart-stripe-payment-element.is-mounted{
  display:block!important;
}
.cart-payment-method-option.is-selected .cart-payment-card-fields,
.cart-payment-method-option:has(input:checked) .cart-payment-card-fields{
  display:grid!important;
  gap:8px!important;
}
.cart-stripe-payment-hint{
  margin:0!important;
}


.order-success-page{
  padding:34px 0 0!important;
  background:
    radial-gradient(circle at 5% 18%, rgba(70,95,255,.07), transparent 28%),
    radial-gradient(circle at 92% 24%, rgba(18,183,106,.06), transparent 30%);
}
.order-success-container{
  display:grid!important;
  gap:32px!important;
}
.order-success-hero-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:420px!important;
  padding:56px 34px 34px!important;
  border:1px solid #DDE7F3!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 18%, rgba(18,183,106,.12), transparent 14%),
    linear-gradient(180deg,#FFFFFF 0%,#FCFEFF 100%)!important;
  box-shadow:0 22px 56px rgba(16,24,40,.055)!important;
  text-align:center!important;
  isolation:isolate!important;
}
.order-success-hero-card::before{
  content:""!important;
  position:absolute!important;
  inset-inline-end:-160px!important;
  top:14px!important;
  width:420px!important;
  height:420px!important;
  border-radius:50%!important;
  border:1px solid rgba(22,163,74,.08)!important;
  box-shadow:
    0 0 0 26px rgba(22,163,74,.025),
    0 0 0 58px rgba(22,163,74,.018),
    0 0 0 94px rgba(70,95,255,.012)!important;
  z-index:-1!important;
}
.order-success-check-wrap{
  width:126px!important;
  height:126px!important;
  margin:0 auto 28px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(18,183,106,.08)!important;
  box-shadow:0 0 0 18px rgba(18,183,106,.05), 0 0 0 34px rgba(18,183,106,.025)!important;
}
.order-success-check{
  width:92px!important;
  height:92px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:linear-gradient(135deg,#22C55E,#039855)!important;
  box-shadow:0 22px 48px rgba(18,183,106,.32)!important;
}
.order-success-confetti span{
  position:absolute!important;
  width:6px!important;
  height:6px!important;
  border:2px solid #22C55E!important;
  transform:rotate(45deg)!important;
  border-radius:2px!important;
  opacity:.9!important;
}
.order-success-confetti span:nth-child(1){top:72px;left:33%;}
.order-success-confetti span:nth-child(2){top:110px;left:39%;width:4px;height:4px;background:#22C55E;border:0;}
.order-success-confetti span:nth-child(3){top:80px;right:36%;width:4px;height:4px;background:#22C55E;border:0;}
.order-success-confetti span:nth-child(4){top:126px;right:32%;}
.order-success-confetti span:nth-child(5){top:150px;left:35%;width:4px;height:4px;background:#22C55E;border:0;}
.order-success-confetti span:nth-child(6){top:154px;right:39%;width:4px;height:4px;background:#22C55E;border:0;}
.order-success-hero-card h1{
  margin:0 0 14px!important;
  color:#0B1B45!important;
  font-size:42px!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.order-success-lead,
.order-success-sub{
  margin:0 auto!important;
  color:#667085!important;
  font-size:16px!important;
  line-height:1.9!important;
}
.order-number-box{
  width:min(100%,330px)!important;
  margin:28px auto 18px!important;
  border:1px solid rgba(18,183,106,.34)!important;
  border-radius:12px!important;
  background:rgba(236,253,243,.34)!important;
  padding:18px 22px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:8px 12px!important;
}
.order-number-box span{
  grid-column:1/-1!important;
  color:#0B1B45!important;
  font-size:14px!important;
  font-weight:800!important;
}
.order-number-box strong{
  color:#039855!important;
  font-size:32px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
.order-copy-btn{
  width:34px!important;
  height:34px!important;
  border:0!important;
  border-radius:9px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#EEF4FF!important;
  color:#465FFF!important;
  cursor:pointer!important;
}
.order-copy-btn.is-copied{
  background:#ECFDF3!important;
  color:#039855!important;
}
.order-success-customer{
  margin:18px auto 0!important;
  color:#667085!important;
  font-size:14px!important;
  line-height:1.9!important;
}
.order-success-customer strong{
  color:#344054!important;
}
.order-success-customer a{
  color:#1D4ED8!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.order-success-summary-card,
.order-success-steps-card,
.order-help-card{
  border:1px solid #DDE7F3!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(16,24,40,.045)!important;
  padding:28px 34px!important;
}
.order-success-summary-card header,
.order-success-steps-card header,
.order-help-card header{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  justify-content:flex-start!important;
  margin-bottom:22px!important;
}
.order-success-summary-card h2,
.order-success-steps-card h2,
.order-help-card h2{
  margin:0!important;
  color:#0B1B45!important;
  font-size:22px!important;
  line-height:1.35!important;
  font-weight:900!important;
}
.order-summary-icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  display:inline-grid!important;
  place-items:center!important;
  color:#2563EB!important;
  background:#EFF6FF!important;
  flex:0 0 34px!important;
}
.order-summary-icon.rocket{
  color:#F97316!important;
  background:#FFF7ED!important;
}
.order-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid #E4E7EC!important;
  padding-top:22px!important;
}
.order-summary-grid>div{
  min-height:76px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  border-inline-start:1px solid #E4E7EC!important;
  padding:0 18px!important;
}
.order-summary-grid>div:first-child{
  border-inline-start:0!important;
}
.order-summary-grid span{
  color:#667085!important;
  font-size:13px!important;
  line-height:1.6!important;
}
.order-summary-grid strong{
  color:#344054!important;
  font-size:15px!important;
  line-height:1.5!important;
  font-weight:800!important;
}
.order-total-amount{
  color:#039855!important;
  font-size:17px!important;
}
.order-summary-actions{
  margin-top:18px!important;
  text-align:center!important;
}
.order-outline-btn{
  min-height:44px!important;
  min-width:210px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
  border:1px solid #2563EB!important;
  color:#2563EB!important;
  background:#fff!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:800!important;
}
.order-success-steps-card{
  background:linear-gradient(180deg,#FFFFFF,#F8FBFF)!important;
}
.order-steps-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:46px!important;
  position:relative!important;
}
.order-steps-grid article{
  min-height:170px!important;
  position:relative!important;
  border:1px solid #DDE7F3!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:24px 18px 18px!important;
  text-align:center!important;
}
.order-steps-grid article:not(:last-child)::after{
  content:"→"!important;
  position:absolute!important;
  top:50%!important;
  inset-inline-end:-32px!important;
  color:#98A2B3!important;
  font-size:28px!important;
  transform:translateY(-50%)!important;
}
html[dir="rtl"] .order-steps-grid article:not(:last-child)::after{
  content:"←"!important;
}
.order-steps-grid b{
  position:absolute!important;
  top:12px!important;
  inset-inline-end:12px!important;
  width:26px!important;
  height:26px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#EEF4FF!important;
  color:#2563EB!important;
  font-size:13px!important;
  box-shadow:0 0 0 3px #fff!important;
}
.order-step-icon{
  width:48px!important;
  height:48px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 14px!important;
  border:2px solid #2563EB!important;
  color:#2563EB!important;
  font-size:22px!important;
  background:#fff!important;
}
.order-steps-grid h3{
  margin:0 0 8px!important;
  color:#1D4ED8!important;
  font-size:15px!important;
  font-weight:900!important;
}
.order-steps-grid p{
  margin:0!important;
  color:#667085!important;
  font-size:12.5px!important;
  line-height:1.8!important;
}
.order-help-card{
  background:linear-gradient(180deg,#FFFDF8,#FFFFFF)!important;
  border-color:#FFE4B5!important;
}
.order-help-card header{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  gap:4px 12px!important;
  align-items:center!important;
}
.order-help-card header p{
  grid-column:2!important;
  margin:0!important;
  color:#667085!important;
  font-size:13px!important;
}
.order-help-icon{
  grid-row:1 / span 2!important;
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#F97316!important;
  background:#FFF7ED!important;
  font-size:22px!important;
}
.order-help-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.order-help-grid a{
  min-height:112px!important;
  border:1px solid #E4E7EC!important;
  border-radius:12px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  gap:4px 12px!important;
  align-items:center!important;
  padding:18px!important;
  text-decoration:none!important;
  background:#fff!important;
}
.order-help-grid a>span{
  grid-row:1 / span 3!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:#EFF6FF!important;
  color:#1D4ED8!important;
  font-size:20px!important;
}
.order-help-grid strong{
  color:#344054!important;
  font-size:15px!important;
  font-weight:900!important;
}
.order-help-grid small{
  color:#667085!important;
  font-size:12px!important;
}
.order-help-grid b{
  color:#2563EB!important;
  font-size:13px!important;
  font-weight:900!important;
}
.order-security-band{
  margin-top:2px!important;
  min-height:130px!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#06224D 0%,#0B3B79 100%)!important;
  color:#fff!important;
  padding:28px 36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
  text-align:center!important;
}
.order-security-band h2{
  margin:0 0 8px!important;
  font-size:22px!important;
  font-weight:900!important;
}
.order-security-band p{
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:13px!important;
}
body.front-dark .order-success-hero-card,
body.front-dark .order-success-summary-card,
body.front-dark .order-success-steps-card,
body.front-dark .order-help-card,
body.front-dark .order-steps-grid article,
body.front-dark .order-help-grid a{
  background:#0B1220!important;
  border-color:#263244!important;
}
body.front-dark .order-success-hero-card h1,
body.front-dark .order-success-summary-card h2,
body.front-dark .order-success-steps-card h2,
body.front-dark .order-help-card h2,
body.front-dark .order-steps-grid h3,
body.front-dark .order-help-grid strong,
body.front-dark .order-summary-grid strong{
  color:#F9FAFB!important;
}
body.front-dark .order-success-lead,
body.front-dark .order-success-sub,
body.front-dark .order-success-customer,
body.front-dark .order-summary-grid span,
body.front-dark .order-steps-grid p,
body.front-dark .order-help-grid small,
body.front-dark .order-help-card header p{
  color:#98A2B3!important;
}
@media(max-width:980px){
  .order-success-hero-card{
    min-height:auto!important;
    padding:42px 22px 30px!important;
  }
  .order-success-hero-card h1{
    font-size:32px!important;
  }
  .order-summary-grid,
  .order-steps-grid,
  .order-help-grid{
    grid-template-columns:1fr!important;
  }
  .order-summary-grid>div{
    border-inline-start:0!important;
    border-top:1px solid #E4E7EC!important;
    padding:16px!important;
  }
  .order-summary-grid>div:first-child{
    border-top:0!important;
  }
  .order-steps-grid{
    gap:16px!important;
  }
  .order-steps-grid article:not(:last-child)::after{
    display:none!important;
  }
  .order-success-summary-card,
  .order-success-steps-card,
  .order-help-card{
    padding:22px!important;
  }
}
@media(max-width:620px){
  .order-success-page{
    padding-top:20px!important;
  }
  .order-success-check-wrap{
    width:104px!important;
    height:104px!important;
  }
  .order-success-check{
    width:78px!important;
    height:78px!important;
  }
  .order-success-hero-card h1{
    font-size:26px!important;
  }
  .order-number-box strong{
    font-size:24px!important;
  }
  .order-security-band{
    flex-direction:column!important;
    padding:24px 18px!important;
  }
}

.client-invoice-modern{
  display:grid!important;
  gap:24px!important;
}
.client-invoice-topline{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  flex-wrap:wrap!important;
}
.client-breadcrumbs{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#667085!important;
  font-size:13px!important;
}
.client-breadcrumbs a{
  color:#475467!important;
  text-decoration:none!important;
}
.client-breadcrumbs strong{
  color:#0B1B45!important;
}
.client-invoice-actions{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.invoice-action-btn{
  min-height:46px!important;
  border:1px solid #BFD0FF!important;
  border-radius:10px!important;
  padding:0 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  background:#fff!important;
  color:#1D4ED8!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:800!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.invoice-action-btn.is-primary{
  background:#1769FF!important;
  border-color:#1769FF!important;
  color:#fff!important;
}
.client-invoice-title{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
}
.client-invoice-title h2{
  margin:0 0 8px!important;
  color:#0B1B45!important;
  font-size:34px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
.client-invoice-title p{
  margin:0!important;
  color:#667085!important;
  line-height:1.8!important;
}
.invoice-hero-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:230px!important;
  border:1px solid #DDE7F3!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(16,24,40,.045)!important;
  padding:26px!important;
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr) 230px!important;
  gap:28px!important;
  align-items:center!important;
}
.invoice-hero-art{
  position:relative!important;
  height:178px!important;
  display:grid!important;
  place-items:center!important;
}
.invoice-hero-art::before{
  content:""!important;
  position:absolute!important;
  width:178px!important;
  height:178px!important;
  border-radius:999px!important;
  background:#F3F8FF!important;
}
.invoice-hero-art i{
  position:absolute!important;
  width:6px!important;
  height:6px!important;
  border-radius:999px!important;
  background:#1769FF!important;
}
.invoice-hero-art i:nth-of-type(1){top:20px;left:44px;}
.invoice-hero-art i:nth-of-type(2){top:64px;right:28px;}
.invoice-hero-art i:nth-of-type(3){bottom:42px;left:24px;}
.invoice-hero-art i:nth-of-type(4){bottom:14px;right:70px;}
.invoice-folder{
  position:relative!important;
  width:138px!important;
  height:104px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#60A5FA,#1769FF)!important;
  box-shadow:0 24px 44px rgba(23,105,255,.22)!important;
  z-index:1!important;
}
.invoice-folder::before{
  content:""!important;
  position:absolute!important;
  top:-22px!important;
  inset-inline-start:24px!important;
  width:92px!important;
  height:58px!important;
  border-radius:16px 16px 10px 10px!important;
  background:#DCEBFF!important;
  box-shadow:0 10px 30px rgba(23,105,255,.10)!important;
}
.invoice-folder span{
  position:absolute!important;
  top:-10px!important;
  inset-inline-start:46px!important;
  width:62px!important;
  height:8px!important;
  border-radius:999px!important;
  background:#96B9FF!important;
  z-index:2!important;
}
.invoice-folder b{
  position:absolute!important;
  bottom:-20px!important;
  inset-inline-end:-20px!important;
  width:58px!important;
  height:58px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:34px!important;
  font-weight:900!important;
  font-style:normal!important;
  box-shadow:0 12px 26px rgba(16,24,40,.18)!important;
}
.invoice-folder b.ok{
  background:#12B76A!important;
}
.invoice-folder b.fail{
  background:#F04438!important;
}
.invoice-hero-meta{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
}
.invoice-hero-meta>div{
  min-height:78px!important;
  border-inline-start:1px solid #E4E7EC!important;
  padding:8px 18px!important;
  display:grid!important;
  align-content:center!important;
  gap:7px!important;
}
.invoice-hero-meta>div:nth-child(4n+1){
  border-inline-start:0!important;
}
.invoice-hero-meta span,
.invoice-side-card span,
.invoice-payment-lines span{
  color:#667085!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}
.invoice-hero-meta strong{
  color:#0B1B45!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.45!important;
  word-break:break-word!important;
}
.invoice-copy-btn{
  width:28px!important;
  height:28px!important;
  border:0!important;
  border-radius:8px!important;
  background:#EEF4FF!important;
  color:#1D4ED8!important;
  cursor:pointer!important;
}
.invoice-copy-btn.is-copied{
  background:#ECFDF3!important;
  color:#039855!important;
}
.invoice-status-pill,
.invoice-payment-state{
  width:max-content!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:900!important;
}
.invoice-status-pill.is-paid,
.invoice-payment-state.success{
  background:#D1FADF!important;
  color:#027A48!important;
}
.invoice-status-pill.is-unpaid,
.invoice-payment-state.danger{
  background:#FEE4E2!important;
  color:#B42318!important;
}
.invoice-status-pill.is-overdue,
.invoice-payment-state.warning{
  background:#FEF0C7!important;
  color:#B54708!important;
}
.invoice-status-pill.is-cancelled{
  background:#F2F4F7!important;
  color:#475467!important;
}
.invoice-total-card{
  min-height:176px!important;
  border-radius:20px!important;
  padding:28px 24px!important;
  color:#fff!important;
  display:grid!important;
  align-content:center!important;
  gap:14px!important;
  text-align:center!important;
  box-shadow:0 22px 48px rgba(23,105,255,.24)!important;
}
.invoice-total-card.is-paid{
  background:linear-gradient(135deg,#1769FF,#0B53D8)!important;
}
.invoice-total-card.is-unpaid{
  background:linear-gradient(135deg,#F04438,#B42318)!important;
}
.invoice-total-card span{
  color:rgba(255,255,255,.85)!important;
  font-size:13px!important;
}
.invoice-total-card strong{
  color:#fff!important;
  font-size:30px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
.invoice-total-card em{
  width:max-content!important;
  margin-inline:auto!important;
  min-height:38px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.18)!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:900!important;
}
.invoice-products-card,
.invoice-side-card,
.invoice-payment-methods-card{
  border:1px solid #DDE7F3!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(16,24,40,.04)!important;
  padding:22px!important;
}
.invoice-products-card header,
.invoice-side-card header,
.invoice-payment-methods-card header{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:18px!important;
}
.invoice-products-card h3,
.invoice-side-card h3,
.invoice-payment-methods-card h3{
  margin:0!important;
  color:#0B1B45!important;
  font-size:18px!important;
  font-weight:900!important;
}
.invoice-payment-methods-card header p{
  margin:5px 0 0!important;
  color:#667085!important;
  font-size:13px!important;
}
.invoice-section-icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#EFF6FF!important;
  color:#1769FF!important;
  font-weight:900!important;
}
.invoice-section-icon.money{
  background:#EEF4FF!important;
}
.invoice-section-icon.card{
  background:#EFF6FF!important;
}
.invoice-section-icon.note{
  background:#FFF7ED!important;
  color:#F97316!important;
}
.invoice-products-table-wrap{
  overflow-x:auto!important;
}
.invoice-products-table{
  width:100%!important;
  min-width:760px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.invoice-products-table th{
  background:#F8FBFF!important;
  color:#475467!important;
  padding:14px 16px!important;
  font-size:13px!important;
  font-weight:900!important;
  text-align:inherit!important;
  white-space:nowrap!important;
}
.invoice-products-table td{
  border-top:1px solid #E4E7EC!important;
  padding:16px!important;
  color:#0B1B45!important;
  vertical-align:middle!important;
}
.invoice-products-table td:first-child{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
.invoice-item-icon{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  display:inline-grid!important;
  place-items:center!important;
  color:#fff!important;
  background:linear-gradient(135deg,#1769FF,#0EA5E9)!important;
  flex:0 0 46px!important;
  font-size:20px!important;
}
.invoice-products-table td strong{
  display:block!important;
  font-weight:900!important;
}
.invoice-products-table td small{
  display:block!important;
  margin-top:5px!important;
  color:#667085!important;
  font-size:12px!important;
}
.invoice-details-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:24px!important;
}
.invoice-money-lines,
.invoice-payment-lines{
  display:grid!important;
  gap:0!important;
}
.invoice-money-lines>div,
.invoice-payment-lines>div,
.invoice-payment-history>div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border-top:1px solid #E4E7EC!important;
  padding:13px 0!important;
}
.invoice-money-lines>div:first-child,
.invoice-payment-lines>div:first-child{
  border-top:0!important;
}
.invoice-money-lines strong,
.invoice-payment-lines strong{
  color:#0B1B45!important;
  font-weight:900!important;
  word-break:break-word!important;
}
.invoice-money-lines .total{
  border-radius:12px!important;
  background:#F8FBFF!important;
  padding:16px!important;
  margin-top:8px!important;
}
.invoice-money-lines .total strong{
  color:#039855!important;
  font-size:22px!important;
}
.invoice-notes-card p{
  margin:0 0 18px!important;
  color:#475467!important;
  font-size:14px!important;
  line-height:1.9!important;
}
.invoice-support-box{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  border-radius:14px!important;
  background:#F8FBFF!important;
  padding:14px!important;
}
.invoice-support-box>span{
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#EFF6FF!important;
  color:#1769FF!important;
  font-size:20px!important;
}
.invoice-support-box strong{
  display:block!important;
  color:#0B1B45!important;
}
.invoice-support-box small{
  color:#667085!important;
}
.invoice-payment-history{
  display:grid!important;
  gap:0!important;
}
.invoice-payment-history strong{
  color:#0B1B45!important;
}
.invoice-payment-history small{
  display:block!important;
  margin-top:4px!important;
  color:#667085!important;
}
.invoice-payment-history b{
  color:#039855!important;
}
.invoice-gateway-list{
  display:grid!important;
  gap:12px!important;
}
.invoice-gateway-list article{
  border:1px solid #E4E7EC!important;
  border-radius:14px!important;
  padding:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.invoice-gateway-info{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  min-width:0!important;
}
.invoice-gateway-info .pg-icon{
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
  flex:0 0 44px!important;
}
.invoice-gateway-info strong{
  display:block!important;
  color:#0B1B45!important;
  font-weight:900!important;
}
.invoice-gateway-info small,
.invoice-gateway-info em{
  display:block!important;
  margin-top:3px!important;
  color:#667085!important;
  font-size:12px!important;
  font-style:normal!important;
}
.invoice-bottom-actions{
  border:1px solid #DDE7F3!important;
  border-radius:18px!important;
  background:#fff!important;
  padding:22px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
body.front-dark .client-invoice-modern .invoice-hero-card,
body.front-dark .client-invoice-modern .invoice-products-card,
body.front-dark .client-invoice-modern .invoice-side-card,
body.front-dark .client-invoice-modern .invoice-payment-methods-card,
body.front-dark .client-invoice-modern .invoice-bottom-actions{
  background:#0B1220!important;
  border-color:#263244!important;
}
body.front-dark .client-invoice-modern h2,
body.front-dark .client-invoice-modern h3,
body.front-dark .client-invoice-modern strong,
body.front-dark .invoice-products-table td,
body.front-dark .invoice-money-lines strong,
body.front-dark .invoice-payment-lines strong{
  color:#F9FAFB!important;
}
body.front-dark .client-invoice-modern p,
body.front-dark .client-invoice-modern span,
body.front-dark .invoice-products-table td small,
body.front-dark .invoice-support-box small{
  color:#98A2B3!important;
}
@media(max-width:1180px){
  .invoice-hero-card{
    grid-template-columns:1fr!important;
  }
  .invoice-hero-meta{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .invoice-total-card{
    min-height:130px!important;
  }
  .invoice-details-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  .client-invoice-title h2{
    font-size:26px!important;
  }
  .invoice-hero-card,
  .invoice-products-card,
  .invoice-side-card,
  .invoice-payment-methods-card{
    padding:18px!important;
  }
  .invoice-hero-meta{
    grid-template-columns:1fr!important;
  }
  .invoice-hero-meta>div{
    border-inline-start:0!important;
    border-top:1px solid #E4E7EC!important;
    padding:14px 0!important;
  }
  .invoice-hero-meta>div:first-child{
    border-top:0!important;
  }
  .invoice-gateway-list article,
  .client-invoice-topline{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .invoice-bottom-actions{
    grid-template-columns:1fr!important;
  }
}
@media print{
  .client-sidebar,
  .client-header,
  .no-print,
  .invoice-payment-methods-card,
  .invoice-bottom-actions{
    display:none!important;
  }
  .client-app{
    display:block!important;
  }
  .client-main{
    padding:0!important;
  }
  .client-invoice-modern{
    gap:12px!important;
  }
  .invoice-hero-card,
  .invoice-products-card,
  .invoice-side-card{
    box-shadow:none!important;
    break-inside:avoid!important;
  }
}


.client-area-shell{
  background:
    radial-gradient(circle at 8% 0%, rgba(70,95,255,.06), transparent 28%),
    radial-gradient(circle at 96% 14%, rgba(18,183,106,.045), transparent 24%),
    #F8FAFC!important;
  color:#344054!important;
}
.client-app{
  grid-template-columns:288px minmax(0,1fr)!important;
}
.client-sidebar{
  background:rgba(255,255,255,.92)!important;
  border-inline-end:1px solid #E4E7EC!important;
  box-shadow:12px 0 36px rgba(16,24,40,.025)!important;
  padding:26px 18px!important;
}
.client-logo{
  min-height:78px!important;
  border:1px solid #E4E7EC!important;
  border-radius:22px!important;
  background:#fff!important;
  padding:12px!important;
  box-shadow:0 10px 28px rgba(16,24,40,.035)!important;
}
.client-logo img{
  max-height:58px!important;
  max-width:220px!important;
  object-fit:contain!important;
}
.client-nav{
  gap:8px!important;
}
.client-nav a{
  min-height:48px!important;
  gap:12px!important;
  border-radius:16px!important;
  padding:0 14px!important;
  color:#475467!important;
  font-weight:700!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
.client-nav a:hover{
  transform:translateX(-2px)!important;
}
html[dir="ltr"] .client-nav a:hover{
  transform:translateX(2px)!important;
}
.client-nav a.is-active{
  background:#EEF4FF!important;
  border-color:#D6E4FF!important;
  color:#1D4ED8!important;
  box-shadow:inset 0 0 0 1px rgba(70,95,255,.06)!important;
}
.client-nav-icon{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 34px!important;
  background:#F2F4F7!important;
  color:#667085!important;
}
.client-nav-icon svg{
  width:19px!important;
  height:19px!important;
}
.client-nav a.is-active .client-nav-icon{
  background:#465FFF!important;
  color:#fff!important;
}
.client-sidebar-footer{
  border-top:1px solid #E4E7EC!important;
}
.client-sidebar-footer a{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  color:#667085!important;
  font-weight:700!important;
}
.client-main{
  padding:30px!important;
}
.client-header{
  min-height:98px!important;
  border:1px solid #E4E7EC!important;
  border-radius:26px!important;
  background:#fff!important;
  padding:22px 24px!important;
  box-shadow:0 14px 40px rgba(16,24,40,.035)!important;
}
.client-header h1{
  margin:5px 0 4px!important;
  font-size:30px!important;
  font-weight:900!important;
  color:#101828!important;
}
.client-page-hint{
  margin:0!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.7!important;
}
.client-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#465FFF!important;
  font-size:12px!important;
  font-weight:900!important;
}
.client-kicker::before{
  content:""!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:#465FFF!important;
  box-shadow:0 0 0 4px rgba(70,95,255,.12)!important;
}
.client-user{
  border-radius:20px!important;
  padding:11px 14px!important;
  box-shadow:none!important;
}
.client-avatar{
  border-radius:16px!important;
  background:#465FFF!important;
  color:#fff!important;
}
.client-welcome-card{
  border-radius:28px!important;
  background:linear-gradient(135deg,#465FFF 0%,#1D4ED8 56%,#12B76A 100%)!important;
  box-shadow:0 22px 54px rgba(70,95,255,.24)!important;
}
.client-welcome-card h2{
  font-size:30px!important;
}
.client-stat-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:16px!important;
}
.client-stat-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:122px!important;
  border:1px solid #E4E7EC!important;
  border-radius:22px!important;
  background:#fff!important;
  padding:18px!important;
  box-shadow:0 14px 34px rgba(16,24,40,.035)!important;
  text-decoration:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.client-stat-card::after{
  content:""!important;
  position:absolute!important;
  width:82px!important;
  height:82px!important;
  border-radius:999px!important;
  inset-inline-end:-22px!important;
  top:-26px!important;
  background:rgba(70,95,255,.08)!important;
}
.client-stat-card:hover{
  transform:translateY(-2px)!important;
  border-color:#C7D7FE!important;
  box-shadow:0 18px 44px rgba(70,95,255,.10)!important;
}
.client-stat-card strong{
  font-size:30px!important;
  color:#101828!important;
}
.client-panel,
.client-item-card,
.client-invoice-box{
  border:1px solid #E4E7EC!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(16,24,40,.035)!important;
}
.client-panel{
  padding:22px!important;
}
.client-panel-head{
  min-height:42px!important;
  align-items:flex-start!important;
  border-bottom:1px solid #F2F4F7!important;
  padding-bottom:15px!important;
  margin-bottom:18px!important;
}
.client-panel-head h2,
.client-panel-head h3{
  margin:0!important;
  color:#101828!important;
  font-weight:900!important;
  font-size:19px!important;
}
.client-panel-head p{
  margin:6px 0 0!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.7!important;
}
.client-panel-head a,
.client-small-link{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #D6E4FF!important;
  border-radius:10px!important;
  background:#F8FBFF!important;
  color:#1D4ED8!important;
  padding:0 12px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.client-list-line,
.client-item-card{
  border-color:#E4E7EC!important;
  box-shadow:none!important;
}
.client-list-line{
  min-height:62px!important;
  border-radius:16px!important;
  background:#fff!important;
}
.client-list-line:hover{
  background:#F8FBFF!important;
  border-color:#D6E4FF!important;
}
.client-badge{
  min-height:28px!important;
  padding:0 11px!important;
  font-weight:900!important;
}
.client-badge.success{background:#ECFDF3!important;color:#027A48!important;}
.client-badge.warning{background:#FFFAEB!important;color:#B54708!important;}
.client-badge.error{background:#FEF3F2!important;color:#B42318!important;}
.client-badge.info{background:#EEF4FF!important;color:#1D4ED8!important;}
.client-card-grid{
  gap:18px!important;
}
.client-item-card{
  padding:18px!important;
  transition:transform .18s ease,border-color .18s ease!important;
}
.client-item-card:hover{
  transform:translateY(-1px)!important;
  border-color:#C7D7FE!important;
}
.client-meta-grid div{
  background:#F8FAFC!important;
  border:1px solid #EEF2F6!important;
}
.client-table-wrap{
  border:1px solid #E4E7EC!important;
  border-radius:18px!important;
  overflow:auto!important;
}
.client-table{
  min-width:860px!important;
}
.client-table th{
  background:#F8FBFF!important;
  color:#475467!important;
  font-weight:900!important;
  padding:14px!important;
}
.client-table td{
  border-top:1px solid #E4E7EC!important;
  padding:15px 14px!important;
}
.client-table tr:hover td{
  background:#FCFDFF!important;
}
.client-empty{
  background:#F8FAFC!important;
  border-color:#D0D5DD!important;
  color:#667085!important;
}
.client-grid-2,
.client-grid-3{
  gap:22px!important;
}
.client-form label,
.client-panel label{
  color:#344054!important;
  font-size:13px!important;
  font-weight:800!important;
}
.client-form input,
.client-form select,
.client-form textarea,
.client-panel input,
.client-panel select,
.client-panel textarea{
  width:100%!important;
  min-height:44px!important;
  border:1px solid #D0D5DD!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:10px 13px!important;
  color:#101828!important;
  box-shadow:none!important;
}
.client-form textarea,
.client-panel textarea{
  min-height:116px!important;
}
.client-primary-btn,
.client-auth-form button{
  min-height:44px!important;
  border-radius:12px!important;
  background:#1769FF!important;
  box-shadow:none!important;
  font-weight:900!important;
}
.client-alert{
  border-radius:16px!important;
  border:1px solid transparent!important;
}
.client-alert.success{background:#ECFDF3!important;color:#027A48!important;border-color:#ABEFC6!important;}
.client-alert.error{background:#FEF3F2!important;color:#B42318!important;border-color:#FECDCA!important;}
.client-alert.warning{background:#FFFAEB!important;color:#B54708!important;border-color:#FEDF89!important;}
.client-alert.info{background:#EFF6FF!important;color:#1D4ED8!important;border-color:#BFDBFE!important;}
.client-notification-card{
  border:1px solid #E4E7EC!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(16,24,40,.025)!important;
}
.client-notification-card.is-unread{
  background:#F8FBFF!important;
  border-color:#BFD0FF!important;
}
.client-license-key,
.client-code{
  border:1px solid #D0D5DD!important;
  background:#F8FAFC!important;
}

.client-invoice-modern{
  max-width:1400px!important;
  margin-inline:auto!important;
}
.client-invoice-topline{
  background:#fff!important;
  border:1px solid #E4E7EC!important;
  border-radius:22px!important;
  padding:18px 20px!important;
  box-shadow:0 14px 34px rgba(16,24,40,.035)!important;
}
.client-invoice-title{
  border:1px solid #E4E7EC!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#FFFFFF,#FBFDFF)!important;
  padding:24px 28px!important;
  box-shadow:0 14px 34px rgba(16,24,40,.035)!important;
}
.invoice-hero-card{
  grid-template-columns:220px minmax(0,1fr) 220px!important;
  border-radius:24px!important;
  padding:28px!important;
}
.invoice-hero-meta{
  background:#FBFDFF!important;
  border:1px solid #EEF2F6!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.invoice-hero-meta>div{
  min-height:82px!important;
}
.invoice-total-card{
  border-radius:24px!important;
}
.invoice-products-card,
.invoice-side-card,
.invoice-payment-methods-card{
  border-radius:22px!important;
}
.invoice-details-grid{
  grid-template-columns:1fr 1fr!important;
}
.invoice-notes-card{
  grid-column:1/-1!important;
}
.invoice-bottom-actions{
  border:1px solid #E4E7EC!important;
  border-radius:22px!important;
  background:#fff!important;
  padding:18px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:12px!important;
  box-shadow:0 14px 34px rgba(16,24,40,.035)!important;
}
@media(max-width:1180px){
  .client-app{grid-template-columns:1fr!important;}
  .client-sidebar{
    position:static!important;
    height:auto!important;
    border-inline-end:0!important;
    border-bottom:1px solid #E4E7EC!important;
  }
  .client-nav{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .client-sidebar-footer{
    display:flex!important;
    flex-wrap:wrap!important;
  }
  .client-stat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .client-grid-3{
    grid-template-columns:1fr!important;
  }
  .invoice-hero-card{
    grid-template-columns:1fr!important;
  }
  .invoice-hero-art{
    display:none!important;
  }
  .invoice-hero-meta{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .client-main{padding:16px!important;}
  .client-header{
    flex-direction:column!important;
    align-items:stretch!important;
    padding:18px!important;
  }
  .client-user{
    width:100%!important;
  }
  .client-nav{
    grid-template-columns:1fr 1fr!important;
  }
  .client-stat-grid,
  .client-card-grid,
  .client-grid-2,
  .invoice-details-grid{
    grid-template-columns:1fr!important;
  }
  .invoice-hero-meta{
    grid-template-columns:1fr!important;
  }
  .client-invoice-actions{
    width:100%!important;
  }
  .invoice-action-btn{
    flex:1 1 auto!important;
  }
}
body.front-dark.client-area-shell,
body.front-dark .client-area-shell{
  background:#0B1220!important;
}
body.client-area-shell.front-dark .client-sidebar,
body.client-area-shell.front-dark .client-header,
body.client-area-shell.front-dark .client-panel,
body.client-area-shell.front-dark .client-item-card,
body.client-area-shell.front-dark .client-stat-card,
body.client-area-shell.front-dark .client-user,
body.client-area-shell.front-dark .client-invoice-topline,
body.client-area-shell.front-dark .client-invoice-title{
  background:#101828!important;
  border-color:#1F2937!important;
}
body.client-area-shell.front-dark .client-header h1,
body.client-area-shell.front-dark .client-panel-head h2,
body.client-area-shell.front-dark .client-panel-head h3,
body.client-area-shell.front-dark .client-stat-card strong,
body.client-area-shell.front-dark .client-item-top strong,
body.client-area-shell.front-dark .client-list-line strong{
  color:#F9FAFB!important;
}
body.client-area-shell.front-dark .client-page-hint,
body.client-area-shell.front-dark .client-panel-head p,
body.client-area-shell.front-dark .client-stat-card small,
body.client-area-shell.front-dark .client-stat-card span{
  color:#98A2B3!important;
}

.client-whmcs-invoices{
  display:grid!important;
  gap:22px!important;
}
.client-whmcs-hero{
  border:1px solid #E4E7EC!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fff 0%,#F8FBFF 100%)!important;
  padding:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  box-shadow:0 14px 34px rgba(16,24,40,.035)!important;
}
.client-whmcs-hero span{
  color:#465FFF!important;
  font-size:13px!important;
  font-weight:900!important;
}
.client-whmcs-hero h2{
  margin:6px 0!important;
  color:#101828!important;
  font-size:28px!important;
  font-weight:900!important;
}
.client-whmcs-hero p{
  margin:0!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.8!important;
  max-width:760px!important;
}
.client-whmcs-hero-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.client-whmcs-hero-actions a{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  border:1px solid #D6E4FF!important;
  background:#fff!important;
  color:#1D4ED8!important;
  padding:0 14px!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.client-whmcs-invoice-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.client-whmcs-invoice-stats article{
  position:relative!important;
  overflow:hidden!important;
  min-height:118px!important;
  border:1px solid #E4E7EC!important;
  border-radius:20px!important;
  background:#fff!important;
  padding:18px!important;
  box-shadow:0 14px 34px rgba(16,24,40,.032)!important;
}
.client-whmcs-invoice-stats article::after{
  content:""!important;
  position:absolute!important;
  inset-inline-end:-24px!important;
  top:-24px!important;
  width:86px!important;
  height:86px!important;
  border-radius:999px!important;
  background:rgba(70,95,255,.08)!important;
}
.client-whmcs-invoice-stats .is-unpaid::after{background:rgba(244,63,94,.10)!important;}
.client-whmcs-invoice-stats .is-overdue::after{background:rgba(245,158,11,.12)!important;}
.client-whmcs-invoice-stats .is-total::after{background:rgba(18,183,106,.12)!important;}
.client-whmcs-invoice-stats span,
.client-whmcs-invoice-stats small{
  display:block!important;
  color:#667085!important;
  font-size:12px!important;
}
.client-whmcs-invoice-stats strong{
  display:block!important;
  margin:10px 0 5px!important;
  color:#101828!important;
  font-size:28px!important;
  line-height:1.1!important;
  font-weight:900!important;
}
.client-whmcs-invoice-stats .is-total strong{color:#039855!important;font-size:23px!important;}
.client-whmcs-card{
  border:1px solid #E4E7EC!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(16,24,40,.035)!important;
  overflow:hidden!important;
}
.client-whmcs-card-head{
  padding:22px!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:18px!important;
  align-items:flex-start!important;
  border-bottom:1px solid #EEF2F6!important;
}
.client-whmcs-card-head h3{
  margin:0 0 6px!important;
  color:#101828!important;
  font-size:20px!important;
  font-weight:900!important;
}
.client-whmcs-card-head p{
  margin:0!important;
  color:#667085!important;
  font-size:13px!important;
}
.client-whmcs-search{
  display:flex!important;
  gap:8px!important;
  min-width:360px!important;
}
.client-whmcs-search input{
  flex:1!important;
  min-height:42px!important;
  border:1px solid #D0D5DD!important;
  border-radius:12px!important;
  padding:0 13px!important;
  outline:none!important;
}
.client-whmcs-search button{
  min-height:42px!important;
  border:0!important;
  border-radius:12px!important;
  padding:0 16px!important;
  background:#1769FF!important;
  color:#fff!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.client-whmcs-tabs{
  display:flex!important;
  gap:0!important;
  padding:0 22px!important;
  border-bottom:1px solid #EEF2F6!important;
  overflow:auto!important;
}
.client-whmcs-tabs a{
  min-height:54px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 16px!important;
  border-bottom:3px solid transparent!important;
  color:#667085!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.client-whmcs-tabs a.is-active{
  color:#1769FF!important;
  border-bottom-color:#1769FF!important;
}
.client-whmcs-tabs b{
  min-width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#F2F4F7!important;
  color:#475467!important;
  font-size:12px!important;
}
.client-whmcs-tabs a.is-active b{background:#EEF4FF!important;color:#1769FF!important;}
.client-whmcs-table-wrap{
  overflow:auto!important;
}
.client-whmcs-table{
  width:100%!important;
  min-width:900px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.client-whmcs-table th{
  background:#F8FBFF!important;
  color:#475467!important;
  text-align:inherit!important;
  font-size:12px!important;
  font-weight:900!important;
  padding:14px 18px!important;
  border-bottom:1px solid #E4E7EC!important;
  white-space:nowrap!important;
}
.client-whmcs-table td{
  padding:16px 18px!important;
  border-bottom:1px solid #EEF2F6!important;
  color:#344054!important;
  vertical-align:middle!important;
  font-size:13px!important;
}
.client-whmcs-table tbody tr:hover td{background:#FCFDFF!important;}
.client-whmcs-invoice-number{
  display:block!important;
  color:#1769FF!important;
  font-weight:900!important;
  text-decoration:none!important;
  direction:ltr!important;
  text-align:inherit!important;
}
.client-whmcs-table td small{
  display:block!important;
  margin-top:4px!important;
  color:#98A2B3!important;
  font-size:11.5px!important;
}
.client-whmcs-row-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.client-whmcs-row-actions a{
  min-height:34px!important;
  border-radius:10px!important;
  border:1px solid #D6E4FF!important;
  color:#1769FF!important;
  background:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:900!important;
}
.client-whmcs-row-actions a.pay{
  background:#1769FF!important;
  border-color:#1769FF!important;
  color:#fff!important;
}
.client-whmcs-empty{
  padding:46px 24px!important;
  text-align:center!important;
}
.client-whmcs-empty div{
  width:58px!important;
  height:58px!important;
  margin:0 auto 14px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:#F2F4F7!important;
  font-size:26px!important;
}
.client-whmcs-empty h3{margin:0 0 8px!important;color:#101828!important;font-weight:900!important;}
.client-whmcs-empty p{margin:0!important;color:#667085!important;font-size:13px!important;}
.client-whmcs-mobile-list{display:none!important;}
@media(max-width:980px){
  .client-whmcs-hero,.client-whmcs-card-head{flex-direction:column!important;align-items:stretch!important;}
  .client-whmcs-search{min-width:0!important;width:100%!important;}
  .client-whmcs-invoice-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  .client-whmcs-invoice-stats{grid-template-columns:1fr!important;}
  .client-whmcs-table-wrap{display:none!important;}
  .client-whmcs-mobile-list{display:grid!important;gap:12px!important;padding:16px!important;}
  .client-whmcs-mobile-list article{
    border:1px solid #E4E7EC!important;
    border-radius:18px!important;
    padding:15px!important;
    background:#fff!important;
  }
  .client-whmcs-mobile-list header,
  .client-whmcs-mobile-list footer{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
  }
  .client-whmcs-mobile-list header strong{display:block!important;color:#101828!important;font-weight:900!important;}
  .client-whmcs-mobile-list header span{display:block!important;color:#667085!important;font-size:12px!important;margin-top:3px!important;}
  .client-whmcs-mobile-list dl{
    display:grid!important;
    gap:8px!important;
    margin:14px 0!important;
  }
  .client-whmcs-mobile-list dl div{
    display:flex!important;
    justify-content:space-between!important;
    gap:10px!important;
    border-top:1px solid #EEF2F6!important;
    padding-top:8px!important;
  }
  .client-whmcs-mobile-list dt{color:#667085!important;font-size:12px!important;}
  .client-whmcs-mobile-list dd{margin:0!important;color:#101828!important;font-size:13px!important;font-weight:800!important;}
  .client-whmcs-mobile-list footer a{
    flex:1!important;
    min-height:38px!important;
    border:1px solid #D6E4FF!important;
    border-radius:11px!important;
    color:#1769FF!important;
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    text-decoration:none!important;
    font-weight:900!important;
    font-size:12px!important;
  }
  .client-whmcs-mobile-list footer a.pay{background:#1769FF!important;color:#fff!important;border-color:#1769FF!important;}
}


.whmcs-invoices-page,
.whmcs-invoice-detail-page{
  max-width:1320px!important;
  margin-inline:auto!important;
}
.whmcs-invoices-layout{
  direction:ltr!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 280px!important;
  gap:28px!important;
  align-items:start!important;
}
.whmcs-invoices-table-card,
.whmcs-invoices-due-card,
.whmcs-invoice-document,
.whmcs-pay-card{
  border:1px solid #E4E7EC!important;
  background:#fff!important;
  border-radius:6px!important;
  box-shadow:0 16px 38px rgba(16,24,40,.055)!important;
}
.whmcs-invoices-table-card{
  direction:rtl!important;
  min-height:445px!important;
  padding:26px 28px!important;
}
.whmcs-invoice-filter{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:26px!important;
  color:#A0A7B4!important;
}
.whmcs-invoice-filter label{
  font-size:14px!important;
  font-weight:700!important;
}
.whmcs-invoice-filter select,
.whmcs-per-page select{
  min-width:82px!important;
  height:38px!important;
  border:1px solid #D9DEE8!important;
  border-radius:4px!important;
  background:#fff!important;
  color:#555!important;
  padding:0 12px!important;
}
.whmcs-table-scroll{
  overflow-x:auto!important;
}
.whmcs-invoices-table{
  width:100%!important;
  min-width:760px!important;
  border-collapse:collapse!important;
  direction:rtl!important;
}
.whmcs-invoices-table th{
  height:66px!important;
  border-top:1px solid #E5E7EC!important;
  border-bottom:1px solid #E5E7EC!important;
  color:#7B8190!important;
  font-size:15px!important;
  font-weight:700!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.whmcs-invoices-table th span{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
}
.whmcs-invoices-table th i{
  width:10px!important;
  height:16px!important;
  display:inline-block!important;
  position:relative!important;
}
.whmcs-invoices-table th i::before,
.whmcs-invoices-table th i::after{
  content:""!important;
  position:absolute!important;
  inset-inline-start:2px!important;
  border-inline:4px solid transparent!important;
}
.whmcs-invoices-table th i::before{
  top:1px!important;
  border-bottom:5px solid #B4BAC4!important;
}
.whmcs-invoices-table th i::after{
  bottom:1px!important;
  border-top:5px solid #B4BAC4!important;
}
.whmcs-invoices-table th:nth-child(3) i::after{
  border-top-color:#1769FF!important;
}
.whmcs-invoices-table td{
  height:92px!important;
  border-bottom:1px solid #EDEFF3!important;
  color:#333842!important;
  font-size:15px!important;
  text-align:center!important;
  vertical-align:middle!important;
  cursor:pointer!important;
}
.whmcs-invoices-table td a{
  color:#333842!important;
  text-decoration:none!important;
  font-weight:500!important;
}
.whmcs-invoices-table tbody tr:hover td{
  background:#F8FBFF!important;
}
.whmcs-invoice-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-weight:800!important;
}
.whmcs-invoice-status.due{
  color:#F04438!important;
}
.whmcs-invoice-status.paid{
  color:#039855!important;
}
.whmcs-invoice-status.cancelled{
  color:#667085!important;
}
.whmcs-invoice-status b{
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:2px solid currentColor!important;
  font-size:14px!important;
  font-style:normal!important;
}
.whmcs-table-footer{
  margin-top:110px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  flex-wrap:wrap!important;
}
.whmcs-pagination{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.whmcs-pagination button,
.whmcs-pagination span{
  min-width:42px!important;
  height:38px!important;
  border:1px solid #DADFE7!important;
  border-radius:4px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#EEF0F4!important;
  color:#9AA1AD!important;
  font-weight:700!important;
}
.whmcs-pagination span{
  background:#D9E7FF!important;
  border-color:#C9DBFA!important;
  color:#1769FF!important;
}
.whmcs-per-page{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#6B7280!important;
  direction:rtl!important;
}
.whmcs-invoices-due-card{
  direction:rtl!important;
  min-height:245px!important;
  border:0!important;
  border-radius:4px!important;
  padding:26px 24px!important;
  color:#fff!important;
  background:linear-gradient(180deg,#1267FF 0%,#08A9F5 100%)!important;
  box-shadow:0 22px 42px rgba(23,105,255,.22)!important;
  display:grid!important;
  align-content:start!important;
  gap:16px!important;
}
.whmcs-invoices-due-card p{
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:15px!important;
  line-height:1.9!important;
  font-weight:700!important;
}
.whmcs-invoices-due-card strong{
  display:block!important;
  text-align:center!important;
  color:#fff!important;
  font-size:32px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
.whmcs-invoices-due-card small{
  text-align:center!important;
  color:rgba(255,255,255,.86)!important;
}
.whmcs-invoices-due-card span{
  height:1px!important;
  background:rgba(255,255,255,.25)!important;
}
.whmcs-invoices-due-card a{
  min-height:52px!important;
  border-radius:4px!important;
  background:#fff!important;
  color:#1769FF!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  text-decoration:none!important;
  font-size:18px!important;
  font-weight:900!important;
}
.whmcs-invoices-due-card a em{
  font-style:normal!important;
}

/* Invoice detail */
.whmcs-invoice-detail-page{
  direction:ltr!important;
}
.whmcs-invoice-layout{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:38px!important;
  align-items:start!important;
}
.whmcs-invoice-sidebar{
  direction:rtl!important;
}
.whmcs-pay-card{
  border:0!important;
  border-radius:4px!important;
  padding:24px!important;
  background:linear-gradient(180deg,#1267FF 0%,#08A9F5 100%)!important;
  color:#fff!important;
  box-shadow:0 22px 42px rgba(23,105,255,.22)!important;
}
.whmcs-pay-card>span{
  display:block!important;
  color:rgba(255,255,255,.78)!important;
  font-size:15px!important;
  font-weight:800!important;
  text-align:center!important;
}
.whmcs-pay-card>strong{
  display:block!important;
  margin-top:8px!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1.2!important;
  text-align:center!important;
  font-weight:900!important;
}
.whmcs-pay-card>i{
  display:block!important;
  height:1px!important;
  background:rgba(255,255,255,.26)!important;
  margin:24px 0!important;
}
.whmcs-pay-card form{
  display:grid!important;
  gap:12px!important;
}
.whmcs-pay-card label{
  color:#fff!important;
  font-weight:800!important;
  font-size:15px!important;
}
.whmcs-pay-card select,
.whmcs-pay-card button{
  width:100%!important;
  height:50px!important;
  border:0!important;
  border-radius:4px!important;
  background:#fff!important;
  color:#344054!important;
  padding:0 14px!important;
  font-size:15px!important;
}
.whmcs-pay-card button{
  color:#1769FF!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.whmcs-pay-card.is-paid{
  background:linear-gradient(180deg,#12B76A,#039855)!important;
}
.whmcs-actions-card{
  margin-top:26px!important;
  direction:rtl!important;
}
.whmcs-actions-card h3{
  margin:0 0 20px!important;
  color:#222!important;
  font-size:22px!important;
  font-weight:800!important;
}
.whmcs-actions-card button{
  border:0!important;
  background:transparent!important;
  color:#1769FF!important;
  font-size:15px!important;
  font-weight:800!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
.whmcs-invoice-document{
  direction:rtl!important;
  min-height:800px!important;
  border:0!important;
  border-radius:4px!important;
  padding:62px 52px!important;
  box-shadow:0 18px 44px rgba(16,24,40,.08)!important;
}
.whmcs-invoice-doc-head{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:28px!important;
  align-items:start!important;
}
.whmcs-invoice-titleline{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:18px!important;
  direction:ltr!important;
}
.whmcs-invoice-titleline h2{
  margin:0!important;
  color:#2A2D33!important;
  font-size:46px!important;
  font-weight:400!important;
  letter-spacing:-.02em!important;
}
.whmcs-status-tag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 13px!important;
  border-radius:3px!important;
  font-size:15px!important;
  font-weight:800!important;
}
.whmcs-status-tag.due{
  background:#FFE6EA!important;
  color:#F04438!important;
}
.whmcs-status-tag.paid{
  background:#D1FADF!important;
  color:#039855!important;
}
.whmcs-invoice-dates{
  display:grid!important;
  justify-content:center!important;
  gap:14px!important;
  color:#7C8391!important;
}
.whmcs-invoice-dates div{
  display:grid!important;
  grid-template-columns:140px 120px!important;
  gap:14px!important;
  align-items:center!important;
}
.whmcs-invoice-dates strong{
  color:#3A3D43!important;
  font-weight:800!important;
}
.whmcs-invoice-dates span{
  direction:ltr!important;
  text-align:left!important;
}
.whmcs-invoice-addresses{
  margin-top:72px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:70px!important;
}
.whmcs-bill-to{
  text-align:center!important;
}
.whmcs-bank-lines{
  text-align:right!important;
}
.whmcs-bill-to h3,
.whmcs-bank-lines h3,
.whmcs-invoice-items h3,
.whmcs-transactions h3{
  margin:0 0 18px!important;
  color:#24272D!important;
  font-size:21px!important;
  font-weight:900!important;
}
.whmcs-bill-to p,
.whmcs-bank-lines p{
  margin:6px 0!important;
  color:#6B7280!important;
  font-size:15px!important;
  line-height:1.5!important;
}
.whmcs-invoice-items{
  margin-top:120px!important;
}
.whmcs-invoice-items table,
.whmcs-transactions table{
  width:100%!important;
  border-collapse:collapse!important;
}
.whmcs-invoice-items th,
.whmcs-transactions th{
  color:#6B7280!important;
  font-size:14px!important;
  font-weight:700!important;
  padding:14px 8px!important;
  border-bottom:1px solid #E5E7EC!important;
}
.whmcs-invoice-items th:first-child,
.whmcs-transactions th:first-child{
  text-align:right!important;
}
.whmcs-invoice-items th:last-child,
.whmcs-transactions th:last-child{
  text-align:left!important;
}
.whmcs-invoice-items td,
.whmcs-transactions td{
  padding:18px 8px!important;
  border-bottom:1px solid #EDEFF3!important;
  color:#24272D!important;
  font-size:15px!important;
}
.whmcs-invoice-items td:last-child,
.whmcs-transactions td:last-child{
  direction:ltr!important;
  text-align:left!important;
}
.whmcs-invoice-totals{
  margin-top:18px!important;
}
.whmcs-invoice-totals div,
.whmcs-total-due{
  display:grid!important;
  grid-template-columns:1fr 180px!important;
  gap:18px!important;
  align-items:center!important;
  padding:14px 8px!important;
  color:#6B7280!important;
}
.whmcs-invoice-totals strong,
.whmcs-total-due strong{
  direction:ltr!important;
  text-align:left!important;
  color:#24272D!important;
  font-weight:800!important;
}
.whmcs-invoice-totals .grand,
.whmcs-total-due{
  background:#F4F4F6!important;
  color:#24272D!important;
  font-weight:900!important;
  padding:18px 8px!important;
}
.whmcs-invoice-totals .grand span,
.whmcs-total-due span{
  color:#24272D!important;
  font-size:20px!important;
  font-weight:900!important;
}
.whmcs-transactions{
  margin-top:62px!important;
}
.whmcs-transactions td{
  color:#6B7280!important;
}
.whmcs-total-due{
  margin-top:22px!important;
}
@media(max-width:1100px){
  .whmcs-invoices-layout,
  .whmcs-invoice-layout{
    grid-template-columns:1fr!important;
  }
  .whmcs-invoices-due-card,
  .whmcs-invoice-sidebar{
    order:-1!important;
  }
  .whmcs-invoice-document{
    padding:34px 24px!important;
  }
  .whmcs-invoice-doc-head,
  .whmcs-invoice-addresses{
    grid-template-columns:1fr!important;
  }
  .whmcs-invoice-titleline{
    justify-content:flex-end!important;
  }
}
@media(max-width:720px){
  .whmcs-invoices-table-card{
    padding:18px!important;
  }
  .whmcs-table-footer{
    margin-top:32px!important;
  }
  .whmcs-invoice-titleline h2{
    font-size:34px!important;
  }
  .whmcs-invoice-dates div,
  .whmcs-invoice-totals div,
  .whmcs-total-due{
    grid-template-columns:1fr!important;
  }
}
@media print{
  .client-sidebar,
  .client-header,
  .whmcs-invoice-sidebar,
  .no-print{
    display:none!important;
  }
  .client-app{
    display:block!important;
  }
  .client-main{
    padding:0!important;
  }
  .whmcs-invoice-layout{
    display:block!important;
  }
  .whmcs-invoice-document{
    box-shadow:none!important;
    border:0!important;
    padding:0!important;
  }
}


.client-front-area{
  padding-top:30px!important;
  padding-bottom:42px!important;
}
.client-front-container{
  display:grid!important;
  gap:26px!important;
}
.client-front-page-head{
  min-height:112px!important;
  border:1px solid #E4E7EC!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#FFFFFF,#FBFDFF)!important;
  padding:24px 26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  box-shadow:0 16px 42px rgba(16,24,40,.045)!important;
}
.client-front-page-head h1{
  margin:5px 0 5px!important;
  color:#101828!important;
  font-size:32px!important;
  font-weight:900!important;
  line-height:1.25!important;
}
.client-front-user-card{
  min-width:250px!important;
  border:1px solid #E4E7EC!important;
  background:#fff!important;
  border-radius:18px!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.client-front-user-card strong{
  display:block!important;
  color:#101828!important;
  font-size:14px!important;
  font-weight:900!important;
}
.client-front-user-card small{
  display:block!important;
  color:#667085!important;
  font-size:12px!important;
  margin-top:2px!important;
}
.front-main-account-menu{
  height:auto!important;
  position:relative!important;
}
.front-main-account-button{
  min-width:132px!important;
  height:44px!important;
  color:#fff!important;
  background:#0B5CFF!important;
  border-color:#0B5CFF!important;
  padding:0 17px!important;
  gap:9px!important;
}
.front-main-account-button .front-account-arrow{
  color:#fff!important;
}
.front-main-account-menu .front-account-dropdown{
  top:calc(100% + 12px)!important;
  inset-inline-end:0!important;
  inset-inline-start:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:120!important;
}
html[dir="ltr"] .front-main-account-menu .front-account-dropdown{
  right:0!important;
  left:auto!important;
}
html[dir="rtl"] .front-main-account-menu .front-account-dropdown{
  left:0!important;
  right:auto!important;
}
.front-register-main-btn{
  min-width:106px!important;
  background:#fff!important;
  color:#0B5CFF!important;
  border-color:#BFD0FF!important;
}
.front-register-main-btn:hover{
  background:#F3F7FF!important;
  color:#064DD8!important;
}
.client-front-area .whmcs-invoices-page,
.client-front-area .whmcs-invoice-detail-page{
  max-width:1320px!important;
}
.client-front-area .whmcs-invoices-layout,
.client-front-area .whmcs-invoice-layout{
  align-items:start!important;
}
@media(max-width:880px){
  .client-front-page-head{
    flex-direction:column!important;
    align-items:stretch!important;
    padding:20px!important;
  }
  .client-front-user-card{
    min-width:0!important;
    width:100%!important;
  }
}
@media print{
  .front-topbar,
  .front-header,
  .front-footer,
  .client-front-page-head{
    display:none!important;
  }
  .client-front-area{
    padding:0!important;
  }
}


.whmcs-pdf-reference-page{
  max-width:1280px!important;
  margin-inline:auto!important;
}
.whmcs-pdf-layout{
  direction:ltr!important;
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:38px!important;
  align-items:start!important;
}
.whmcs-pdf-reference-page .whmcs-invoice-sidebar{
  direction:rtl!important;
}
.whmcs-pdf-reference-page .whmcs-pay-card{
  border:0!important;
  border-radius:5px!important;
  padding:24px!important;
  background:linear-gradient(180deg,#1267FF 0%,#08A9F5 100%)!important;
  color:#fff!important;
  box-shadow:0 22px 42px rgba(23,105,255,.22)!important;
}
.whmcs-pdf-reference-page .whmcs-pay-card>span{
  display:block!important;
  color:rgba(255,255,255,.78)!important;
  font-size:15px!important;
  font-weight:800!important;
  text-align:center!important;
}
.whmcs-pdf-reference-page .whmcs-pay-card>strong{
  display:block!important;
  margin-top:8px!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1.2!important;
  text-align:center!important;
  font-weight:900!important;
}
.whmcs-pdf-reference-page .whmcs-pay-card>i{
  display:block!important;
  height:1px!important;
  background:rgba(255,255,255,.26)!important;
  margin:24px 0!important;
}
.whmcs-pdf-reference-page .whmcs-pay-card form{
  display:grid!important;
  gap:12px!important;
}
.whmcs-pdf-reference-page .whmcs-pay-card label{
  color:#fff!important;
  font-weight:800!important;
  font-size:15px!important;
}
.whmcs-pdf-reference-page .whmcs-pay-card select,
.whmcs-pdf-reference-page .whmcs-pay-card button{
  width:100%!important;
  height:50px!important;
  border:0!important;
  border-radius:4px!important;
  background:#fff!important;
  color:#344054!important;
  padding:0 14px!important;
  font-size:15px!important;
  box-shadow:none!important;
}
.whmcs-pdf-reference-page .whmcs-pay-card button{
  color:#1769FF!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.whmcs-pdf-reference-page .whmcs-pay-card.is-paid{
  background:linear-gradient(180deg,#12B76A,#039855)!important;
}
.whmcs-pdf-reference-page .whmcs-actions-card{
  margin-top:26px!important;
  direction:rtl!important;
}
.whmcs-pdf-reference-page .whmcs-actions-card h3{
  margin:0 0 18px!important;
  color:#222!important;
  font-size:22px!important;
  font-weight:800!important;
}
.whmcs-pdf-reference-page .whmcs-actions-card button{
  width:100%!important;
  min-height:42px!important;
  border:0!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#1769FF!important;
  font-size:15px!important;
  font-weight:800!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin-bottom:10px!important;
  box-shadow:none!important;
}
.whmcs-pdf-sheet{
  direction:ltr!important;
  width:794px!important;
  min-height:1123px!important;
  max-width:100%!important;
  position:relative!important;
  overflow:hidden!important;
  margin:0 auto!important;
  padding:92px 56px 44px!important;
  background:#fff!important;
  color:#000!important;
  border:0!important;
  border-radius:4px!important;
  box-shadow:0 18px 44px rgba(16,24,40,.10)!important;
  font-family:Arial, Helvetica, sans-serif!important;
}
.whmcs-pdf-sheet *{
  box-sizing:border-box!important;
}
.whmcs-pdf-ribbon{
  position:absolute!important;
  z-index:3!important;
  top:28px!important;
  right:-78px!important;
  width:305px!important;
  height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:rotate(45deg)!important;
  background:#D9534F!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  box-shadow:0 2px 3px rgba(0,0,0,.15)!important;
}
.whmcs-pdf-ribbon.paid{
  background:#12B76A!important;
}
.whmcs-pdf-ribbon.cancelled{
  background:#667085!important;
}
.whmcs-pdf-header{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:30px!important;
  align-items:start!important;
}
.whmcs-pdf-logo{
  min-height:74px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.whmcs-pdf-logo img{
  width:245px!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:left top!important;
}
.whmcs-pdf-company{
  text-align:right!important;
  padding-top:48px!important;
}
.whmcs-pdf-company h2{
  margin:0 0 4px!important;
  color:#111!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}
.whmcs-pdf-company p{
  margin:1px 0!important;
  color:#111!important;
  font-size:11px!important;
  line-height:1.28!important;
  font-weight:700!important;
}
.whmcs-pdf-titlebar{
  margin-top:64px!important;
  background:#EEEEEE!important;
  padding:7px 8px!important;
  min-height:66px!important;
}
.whmcs-pdf-titlebar h1{
  margin:0 0 4px!important;
  color:#000!important;
  font-size:21px!important;
  line-height:1.15!important;
  font-weight:900!important;
}
.whmcs-pdf-titlebar p{
  margin:2px 0!important;
  color:#000!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.whmcs-pdf-invoiced{
  margin-top:38px!important;
  padding-left:4px!important;
  text-align:left!important;
}
.whmcs-pdf-invoiced h3{
  margin:0 0 4px!important;
  color:#000!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
.whmcs-pdf-invoiced p{
  margin:0!important;
  color:#000!important;
  font-size:11.5px!important;
  line-height:1.25!important;
}
.whmcs-pdf-items{
  margin-top:36px!important;
}
.whmcs-pdf-items table,
.whmcs-pdf-transactions table{
  width:100%!important;
  border-collapse:collapse!important;
  table-layout:fixed!important;
  direction:ltr!important;
}
.whmcs-pdf-items th,
.whmcs-pdf-items td,
.whmcs-pdf-transactions th,
.whmcs-pdf-transactions td{
  border:1px solid #C9C9C9!important;
  padding:5px 6px!important;
  color:#000!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  vertical-align:middle!important;
}
.whmcs-pdf-items th,
.whmcs-pdf-transactions th{
  background:#EEEEEE!important;
  text-align:center!important;
  font-weight:900!important;
}
.whmcs-pdf-items th:first-child,
.whmcs-pdf-items td:first-child{
  width:80%!important;
}
.whmcs-pdf-items th:last-child,
.whmcs-pdf-items td:last-child{
  width:20%!important;
  text-align:center!important;
  font-weight:700!important;
}
.whmcs-pdf-items td:first-child{
  text-align:left!important;
}
.whmcs-pdf-total-row td:first-child{
  background:#EEEEEE!important;
  text-align:right!important;
  font-weight:900!important;
}
.whmcs-pdf-total-row td:last-child{
  background:#EEEEEE!important;
  font-weight:900!important;
}
.whmcs-pdf-grand-row td{
  font-weight:900!important;
}
.whmcs-pdf-transactions{
  margin-top:34px!important;
}
.whmcs-pdf-transactions h3{
  margin:0 0 20px!important;
  color:#000!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
.whmcs-pdf-transactions th{
  font-size:11px!important;
}
.whmcs-pdf-transactions td{
  text-align:center!important;
}
.whmcs-pdf-transactions .whmcs-pdf-total-row td:first-child{
  text-align:right!important;
}
.whmcs-pdf-footer{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:44px!important;
  text-align:center!important;
}
.whmcs-pdf-footer p{
  margin:0 0 6px!important;
  color:#111!important;
  font-size:10.5px!important;
  line-height:1.3!important;
}
.whmcs-pdf-footer small{
  display:block!important;
  color:#111!important;
  font-size:9px!important;
}
@media(max-width:1180px){
  .whmcs-pdf-layout{
    grid-template-columns:1fr!important;
  }
  .whmcs-pdf-reference-page .whmcs-invoice-sidebar{
    order:-1!important;
  }
  .whmcs-pdf-reference-page .whmcs-pay-card,
  .whmcs-pdf-reference-page .whmcs-actions-card{
    max-width:520px!important;
  }
}
@media(max-width:860px){
  .whmcs-pdf-sheet{
    width:100%!important;
    min-height:900px!important;
    padding:70px 26px 42px!important;
  }
  .whmcs-pdf-header{
    grid-template-columns:1fr!important;
  }
  .whmcs-pdf-company{
    padding-top:10px!important;
    text-align:left!important;
  }
  .whmcs-pdf-ribbon{
    width:260px!important;
    right:-86px!important;
    top:22px!important;
    font-size:24px!important;
  }
}
@media print{
  @page{
    size:A4 portrait;
    margin:0;
  }
  html,
  body{
    width:210mm!important;
    min-height:297mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }
  body *{
    visibility:hidden!important;
  }
  .whmcs-pdf-sheet,
  .whmcs-pdf-sheet *{
    visibility:visible!important;
  }
  .front-topbar,
  .front-header,
  .front-footer,
  .client-front-page-head,
  .whmcs-invoice-sidebar,
  .no-print{
    display:none!important;
    visibility:hidden!important;
  }
  .client-front-area,
  .client-front-container,
  .whmcs-pdf-reference-page,
  .whmcs-pdf-layout{
    display:block!important;
    margin:0!important;
    padding:0!important;
    max-width:none!important;
    width:210mm!important;
  }
  .whmcs-pdf-sheet{
    position:absolute!important;
    top:0!important;
    left:0!important;
    width:210mm!important;
    min-height:297mm!important;
    max-width:none!important;
    margin:0!important;
    padding:25mm 14mm 12mm!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .whmcs-pdf-logo img{
    width:64mm!important;
  }
  .whmcs-pdf-company{
    padding-top:16mm!important;
  }
  .whmcs-pdf-titlebar{
    margin-top:17mm!important;
  }
  .whmcs-pdf-invoiced{
    margin-top:10mm!important;
  }
  .whmcs-pdf-items{
    margin-top:11mm!important;
  }
  .whmcs-pdf-transactions{
    margin-top:11mm!important;
  }
  .whmcs-pdf-footer{
    bottom:12mm!important;
  }
}


.client-area-shell{background:linear-gradient(180deg,#f4f7fb 0%,#f8fafc 100%)!important;padding:26px 0 54px!important;min-height:60vh!important;color:#0f172a!important;}
.client-front-container{max-width:1240px!important;margin-inline:auto!important;}
.client-horizontal-nav{position:sticky!important;top:var(--front-header-height-desktop,78px)!important;z-index:40!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 10px 28px rgba(15,23,42,.04)!important;}
.client-horizontal-nav-inner{display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;padding-top:12px!important;padding-bottom:12px!important;scrollbar-width:thin!important;}
.client-nav-pill{white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid transparent!important;background:#f8fafc!important;color:#334155!important;padding:10px 14px!important;border-radius:999px!important;font-weight:800!important;font-size:14px!important;text-decoration:none!important;transition:.18s ease!important;min-height:44px!important;}
.client-nav-pill:hover,.client-nav-pill.is-active{background:#eef4ff!important;color:#1d4ed8!important;border-color:#c7d2fe!important;box-shadow:0 8px 18px rgba(43,92,255,.08)!important;transform:translateY(-1px)!important;}
.client-nav-pill .client-nav-icon{width:26px!important;height:26px!important;border-radius:10px!important;display:inline-grid!important;place-items:center!important;flex:0 0 26px!important;background:#eef2ff!important;color:#1d4ed8!important;}
.client-nav-pill.is-active .client-nav-icon{background:#2b5cff!important;color:#fff!important;}
.client-nav-pill .client-nav-icon svg{width:16px!important;height:16px!important;}
.client-front-page-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:18px!important;margin-bottom:22px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
.client-front-page-head h1{margin:0!important;font-size:30px!important;line-height:1.25!important;font-weight:900!important;color:#0f172a!important;}
.client-kicker{display:block!important;color:#2b5cff!important;font-weight:900!important;font-size:13px!important;margin-bottom:4px!important;}
.client-kicker:before{display:none!important;}
.client-page-hint{color:#64748b!important;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important;}
.client-front-user-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:0 14px 38px rgba(15,23,42,.08)!important;padding:10px 13px!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:230px!important;}
.client-front-user-card small{display:block!important;color:#64748b!important;font-size:12px!important;margin-top:1px!important;}
.client-avatar{width:40px!important;height:40px!important;border-radius:999px!important;background:#e0e7ff!important;color:#3730a3!important;display:grid!important;place-items:center!important;font-weight:900!important;}
.client-welcome-card{background:linear-gradient(135deg,#0f172a,#1e3a8a)!important;color:#fff!important;border-radius:24px!important;padding:26px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;box-shadow:0 14px 38px rgba(15,23,42,.12)!important;margin-bottom:18px!important;}
.client-welcome-card span{color:#cbd5e1!important;font-weight:800!important;}
.client-welcome-card h2{font-size:28px!important;margin:6px 0!important;font-weight:900!important;color:#fff!important;}
.client-welcome-card p{color:#cbd5e1!important;margin:0!important;}
.client-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin:18px 0!important;}
.client-stat-card{position:relative!important;overflow:hidden!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:0 14px 38px rgba(15,23,42,.08)!important;padding:22px!important;min-height:128px!important;text-decoration:none!important;transition:.18s ease!important;}
.client-stat-card:after{content:""!important;position:absolute!important;inset:auto -30px -45px auto!important;width:110px!important;height:110px!important;background:linear-gradient(135deg,rgba(43,92,255,.13),rgba(124,58,237,.13))!important;border-radius:999px!important;}
.client-stat-card:hover{transform:translateY(-2px)!important;border-color:#c7d2fe!important;box-shadow:0 18px 44px rgba(43,92,255,.10)!important;}
.client-stat-card span{color:#64748b!important;font-size:13px!important;font-weight:800!important;display:block!important;}
.client-stat-card strong{font-size:30px!important;font-weight:900!important;color:#0f172a!important;display:block!important;margin-top:5px!important;}
.client-stat-card small{font-size:13px!important;color:#64748b!important;display:block!important;margin-top:4px!important;}
.client-grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
.client-grid-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
.client-panel,.client-item-card,.client-invoice-box,.client-card-surface{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:0 14px 38px rgba(15,23,42,.08)!important;padding:22px!important;}
.client-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important;border-bottom:0!important;padding-bottom:0!important;}
.client-panel-head h2,.client-panel-head h3{font-size:19px!important;margin:0!important;font-weight:900!important;color:#0f172a!important;}
.client-panel-head a,.client-small-link{border:1px solid #e2e8f0!important;background:#fff!important;border-radius:12px!important;padding:8px 12px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;color:#1d4ed8!important;text-decoration:none!important;font-weight:800!important;transition:.18s ease!important;}
.client-panel-head a:hover,.client-small-link:hover{box-shadow:0 8px 20px rgba(15,23,42,.08)!important;transform:translateY(-1px)!important;}
.client-list-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border:1px solid #e2e8f0!important;border-radius:15px!important;padding:13px 14px!important;margin-bottom:10px!important;text-decoration:none!important;background:#fff!important;transition:.18s ease!important;}
.client-list-line:hover{background:#f8fafc!important;border-color:#c7d2fe!important;}
.client-list-line strong{display:block!important;color:#0f172a!important;}
.client-list-line small{display:block!important;color:#64748b!important;margin-top:2px!important;}
.client-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
.client-item-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:16px!important;}
.client-item-top strong{display:block!important;color:#0f172a!important;font-size:17px!important;}
.client-item-top small{display:block!important;color:#64748b!important;margin-top:3px!important;}
.client-meta-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important;}
.client-meta-grid div{background:#f8fafc!important;border:1px solid #eef2f6!important;border-radius:14px!important;padding:11px 12px!important;}
.client-meta-grid dt{font-size:12px!important;color:#64748b!important;font-weight:800!important;}
.client-meta-grid dd{margin:3px 0 0!important;color:#0f172a!important;font-weight:800!important;}
.client-table-wrap,.whmcs-table-scroll{overflow-x:auto!important;border:1px solid #e2e8f0!important;border-radius:18px!important;background:#fff!important;}
.client-table,.whmcs-invoices-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;min-width:760px!important;}
.client-table th,.client-table td,.whmcs-invoices-table th,.whmcs-invoices-table td{padding:14px 12px!important;border-bottom:1px solid #e2e8f0!important;text-align:start!important;vertical-align:middle!important;}
.client-table th,.whmcs-invoices-table th{font-size:13px!important;color:#475569!important;background:#f8fafc!important;font-weight:900!important;}
.client-table tr:last-child td,.whmcs-invoices-table tr:last-child td{border-bottom:0!important;}
.client-badge,.whmcs-invoice-status{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:5px 10px!important;font-size:12px!important;font-weight:900!important;min-height:auto!important;}
.client-badge.success,.whmcs-invoice-status.paid{background:#dcfce7!important;color:#166534!important;}
.client-badge.warning,.whmcs-invoice-status.due{background:#fef3c7!important;color:#92400e!important;}
.client-badge.error{background:#fee2e2!important;color:#991b1b!important;}
.client-badge.info,.whmcs-invoice-status.cancelled{background:#dbeafe!important;color:#1e40af!important;}
.client-alert{border-radius:16px!important;padding:14px 16px!important;margin-bottom:18px!important;border:1px solid #bfdbfe!important;background:#eff6ff!important;color:#1e3a8a!important;}
.client-alert.warning{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important;}
.client-alert.success{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#166534!important;}
.client-alert.error{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important;}
.client-empty{padding:32px!important;text-align:center!important;color:#64748b!important;background:#f8fafc!important;border:1px dashed #cbd5e1!important;border-radius:18px!important;}
.client-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;}
.client-form,.ta-form-layout{display:grid!important;gap:15px!important;}
.client-form label,.client-panel label{display:block!important;font-weight:900!important;margin-bottom:6px!important;font-size:14px!important;color:#334155!important;}
.client-form input,.client-form select,.client-form textarea,.client-panel input,.client-panel select,.client-panel textarea{width:100%!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;padding:12px 13px!important;outline:none!important;min-height:46px!important;box-shadow:none!important;color:#0f172a!important;}
.client-form textarea,.client-panel textarea{min-height:130px!important;resize:vertical!important;}
.client-primary-btn{border:1px solid #2b5cff!important;background:#2b5cff!important;color:#fff!important;border-radius:12px!important;padding:10px 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;font-weight:900!important;text-decoration:none!important;box-shadow:none!important;min-height:44px!important;}
.client-primary-btn:hover{filter:brightness(.96)!important;}
.whmcs-invoices-page,.whmcs-invoice-detail-page{max-width:1240px!important;margin-inline:auto!important;}
.whmcs-invoices-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:18px!important;align-items:start!important;}
.whmcs-invoices-table-card,.whmcs-invoices-due-card,.whmcs-invoice-document,.whmcs-pay-card,.whmcs-actions-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;box-shadow:0 14px 38px rgba(15,23,42,.08)!important;}
.whmcs-invoices-table-card{padding:20px!important;}
.whmcs-invoice-filter{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:16px!important;}
.whmcs-invoice-filter select,.whmcs-per-page select,.whmcs-pay-card select{border:1px solid #e2e8f0!important;border-radius:12px!important;padding:10px 13px!important;background:#fff!important;}
.whmcs-invoices-due-card{padding:24px!important;background:linear-gradient(135deg,#0f172a,#1e3a8a)!important;color:#fff!important;}
.whmcs-invoices-due-card p,.whmcs-invoices-due-card small{color:#cbd5e1!important;}
.whmcs-invoices-due-card strong{display:block!important;font-size:30px!important;margin:10px 0!important;color:#fff!important;}
.whmcs-invoices-due-card a{display:inline-flex!important;margin-top:16px!important;background:#fff!important;color:#1d4ed8!important;border-radius:12px!important;padding:10px 14px!important;font-weight:900!important;text-decoration:none!important;}
.whmcs-invoice-layout{display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:18px!important;align-items:start!important;}
.whmcs-invoice-sidebar{position:sticky!important;top:150px!important;display:grid!important;gap:14px!important;}
.whmcs-pay-card,.whmcs-actions-card{padding:20px!important;}
.whmcs-pay-card span{display:block!important;color:#64748b!important;font-weight:800!important;}
.whmcs-pay-card strong{display:block!important;font-size:28px!important;color:#0f172a!important;margin:8px 0 15px!important;}
.whmcs-pay-card button,.whmcs-actions-card button{width:100%!important;border:1px solid #2b5cff!important;background:#2b5cff!important;color:#fff!important;border-radius:12px!important;padding:11px 14px!important;font-weight:900!important;margin-top:10px!important;cursor:pointer!important;}
.whmcs-actions-card button:nth-of-type(2){background:#111827!important;border-color:#111827!important;}
.whmcs-invoice-document,.whmcs-pdf-sheet{padding:34px!important;border-radius:24px!important;position:relative!important;overflow:hidden!important;background:#fff!important;}
.whmcs-pdf-header{display:flex!important;justify-content:space-between!important;gap:22px!important;border-bottom:1px solid #e2e8f0!important;padding-bottom:22px!important;margin-bottom:22px!important;}
.whmcs-pdf-logo img{max-width:190px!important;max-height:78px!important;object-fit:contain!important;}
.whmcs-pdf-titlebar{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:18px!important;padding:18px!important;margin-bottom:20px!important;}
.whmcs-pdf-titlebar h1{margin:0 0 6px!important;font-size:28px!important;color:#0f172a!important;font-weight:900!important;}
.whmcs-pdf-items table,.whmcs-pdf-transactions table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid #e2e8f0!important;border-radius:16px!important;overflow:hidden!important;}
.whmcs-pdf-items th,.whmcs-pdf-items td,.whmcs-pdf-transactions th,.whmcs-pdf-transactions td{padding:13px 14px!important;border-bottom:1px solid #e2e8f0!important;text-align:start!important;}
.whmcs-pdf-items th,.whmcs-pdf-transactions th{background:#0f172a!important;color:#fff!important;font-weight:900!important;}
.whmcs-pdf-total-row td{background:#f8fafc!important;font-weight:800!important;}
.whmcs-pdf-grand-row td{font-size:18px!important;font-weight:900!important;color:#0f172a!important;}
.whmcs-pdf-ribbon{position:absolute!important;inset-inline-end:24px!important;top:24px!important;border-radius:999px!important;padding:8px 13px!important;font-weight:900!important;background:#fef3c7!important;color:#92400e!important;}
.whmcs-pdf-ribbon.paid{background:#dcfce7!important;color:#166534!important;}
.whmcs-pdf-ribbon.cancelled{background:#fee2e2!important;color:#991b1b!important;}
@media(max-width:1180px){.client-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.client-card-grid,.client-grid-3{grid-template-columns:1fr!important}.whmcs-invoices-layout,.whmcs-invoice-layout{grid-template-columns:1fr!important}.whmcs-invoice-sidebar{position:static!important;order:2!important}.whmcs-invoice-document{order:1!important}}
@media(max-width:760px){.client-horizontal-nav{top:var(--front-header-height-mobile,64px)!important}.client-area-shell{padding:18px 0 38px!important}.client-front-page-head,.client-welcome-card,.whmcs-pdf-header{flex-direction:column!important;align-items:stretch!important}.client-front-user-card{min-width:0!important;width:100%!important}.client-front-page-head h1{font-size:24px!important}.client-stat-grid,.client-grid-2,.client-form-grid,.client-meta-grid{grid-template-columns:1fr!important}.client-card-grid{grid-template-columns:1fr!important}.client-panel,.client-item-card,.whmcs-invoice-document,.whmcs-pdf-sheet{padding:18px!important}.whmcs-invoices-due-card strong{font-size:24px!important}}
@media print{.front-topbar,.front-header,.front-main-nav,.front-footer,.client-horizontal-nav,.client-front-page-head,.whmcs-invoice-sidebar,.no-print{display:none!important}.client-area-shell{padding:0!important;background:#fff!important}.client-front-container{max-width:none!important}.whmcs-invoice-layout{display:block!important}.whmcs-invoice-document,.whmcs-pdf-sheet{box-shadow:none!important;border:0!important;padding:0!important}.whmcs-pdf-ribbon{top:0!important;inset-inline-end:0!important}}


.client-horizontal-nav{display:none!important;}
.client-area-shell{padding:28px 0 56px!important;}
.client-dashboard-layout{
  display:grid!important;
  grid-template-columns:286px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}
html[dir="ltr"] .client-dashboard-layout{
  grid-template-columns:286px minmax(0,1fr)!important;
}
.client-dashboard-content{
  min-width:0!important;
}
.client-side-nav{
  position:sticky!important;
  top:22px!important;
  z-index:5!important;
  align-self:start!important;
}
.client-side-nav-card{
  background:#fff!important;
  border:1px solid #E4E7EC!important;
  border-radius:24px!important;
  box-shadow:0 14px 36px rgba(16,24,40,.05)!important;
  padding:16px!important;
  overflow:hidden!important;
}
.client-side-nav-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 12px 16px!important;
  border-bottom:1px solid #EEF2F6!important;
  margin-bottom:10px!important;
}
.client-side-nav-head strong{
  display:block!important;
  color:#101828!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.5!important;
}
.client-side-nav-head small{
  display:block!important;
  color:#667085!important;
  font-size:12px!important;
  margin-top:1px!important;
  max-width:176px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.client-side-nav-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}
.client-side-nav-link{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:46px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  color:#344054!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:900!important;
  border:1px solid transparent!important;
  background:transparent!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
}
.client-side-nav-link:hover{
  background:#F8FBFF!important;
  border-color:#D6E4FF!important;
  color:#1D4ED8!important;
  transform:translateX(-2px)!important;
}
html[dir="ltr"] .client-side-nav-link:hover{
  transform:translateX(2px)!important;
}
.client-side-nav-link.is-active{
  background:#EEF4FF!important;
  color:#1D4ED8!important;
  border-color:#C7D7FE!important;
  box-shadow:inset 4px 0 0 #465FFF!important;
}
html[dir="ltr"] .client-side-nav-link.is-active{
  box-shadow:inset -4px 0 0 #465FFF!important;
}
.client-side-nav-link .client-nav-icon{
  width:30px!important;
  height:30px!important;
  border-radius:11px!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  background:#F2F4F7!important;
  color:#475467!important;
}
.client-side-nav-link .client-nav-icon svg{
  width:17px!important;
  height:17px!important;
}
.client-side-nav-link.is-active .client-nav-icon,
.client-side-nav-link:hover .client-nav-icon{
  background:#465FFF!important;
  color:#fff!important;
}
.client-side-nav-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  border-top:1px solid #EEF2F6!important;
  margin-top:12px!important;
  padding-top:12px!important;
}
.client-side-nav-actions a{
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #E4E7EC!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#1D4ED8!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.client-side-nav-actions a:hover{
  background:#F8FBFF!important;
  border-color:#C7D7FE!important;
}
.client-front-page-head{
  background:#fff!important;
  border:1px solid #E4E7EC!important;
  border-radius:24px!important;
  box-shadow:0 14px 36px rgba(16,24,40,.035)!important;
  padding:22px 24px!important;
  margin-bottom:22px!important;
}
body.front-dark .client-side-nav-card,
body.front-dark .client-front-page-head,
body.front-dark .client-side-nav-actions a{
  background:#101828!important;
  border-color:#1F2937!important;
}
body.front-dark .client-side-nav-head strong,
body.front-dark .client-front-page-head h1{
  color:#F9FAFB!important;
}
body.front-dark .client-side-nav-head small,
body.front-dark .client-page-hint{
  color:#98A2B3!important;
}
body.front-dark .client-side-nav-link{
  color:#D0D5DD!important;
}
body.front-dark .client-side-nav-link:hover,
body.front-dark .client-side-nav-link.is-active{
  background:#172554!important;
  border-color:#1D4ED8!important;
  color:#fff!important;
}
@media(max-width:1180px){
  .client-dashboard-layout{
    grid-template-columns:1fr!important;
  }
  .client-side-nav{
    position:relative!important;
    top:auto!important;
  }
  .client-side-nav-card{
    border-radius:20px!important;
  }
  .client-side-nav-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .client-side-nav-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .client-area-shell{padding:18px 0 38px!important;}
  .client-dashboard-layout{gap:16px!important;}
  .client-side-nav-card{padding:12px!important;border-radius:18px!important;}
  .client-side-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .client-side-nav-link{font-size:13px!important;padding:9px 10px!important;min-height:44px!important;}
  .client-side-nav-head{padding:10px 8px 12px!important;}
  .client-front-page-head{padding:18px!important;border-radius:18px!important;}
  .client-front-page-head h1{font-size:24px!important;}
}
@media(max-width:460px){
  .client-side-nav-list,
  .client-side-nav-actions{grid-template-columns:1fr!important;}
}
@media print{
  .client-side-nav{display:none!important;visibility:hidden!important;}
  .client-dashboard-layout,.client-dashboard-content{display:block!important;width:100%!important;margin:0!important;padding:0!important;}
}


body.front-layout-full{
  max-width:none!important;
  width:100%!important;
}
body.front-layout-full .front-container,
body.front-layout-full .client-front-container{
  width:calc(100% - clamp(24px,4vw,80px))!important;
  max-width:none!important;
  margin-inline:auto!important;
}
body.front-layout-full .front-header,
body.front-layout-full .front-topbar,
body.front-layout-full .front-footer{
  width:100%!important;
  max-width:none!important;
}
body.front-layout-full .front-nav{
  width:calc(100% - clamp(24px,4vw,80px))!important;
  max-width:none!important;
}
body.front-layout-full .front-menu{
  flex:1 1 auto!important;
  justify-content:center!important;
}
body.front-layout-full .front-section .front-container,
body.front-layout-full .front-service-offers-section .front-container,
body.front-layout-full .digital-product-head .front-container,
body.front-layout-full .digital-product-page .front-container,
body.front-layout-full .digital-market-section .front-container{
  width:calc(100% - clamp(24px,4vw,80px))!important;
  max-width:none!important;
}
@media(max-width:860px){
  body.front-layout-full .front-container,
  body.front-layout-full .client-front-container,
  body.front-layout-full .front-nav,
  body.front-layout-full .front-section .front-container,
  body.front-layout-full .front-service-offers-section .front-container,
  body.front-layout-full .digital-product-head .front-container,
  body.front-layout-full .digital-product-page .front-container,
  body.front-layout-full .digital-market-section .front-container{
    width:calc(100% - 24px)!important;
  }
}
@media(max-width:640px){
  body.front-layout-full .front-container,
  body.front-layout-full .client-front-container,
  body.front-layout-full .front-nav,
  body.front-layout-full .front-section .front-container,
  body.front-layout-full .front-service-offers-section .front-container,
  body.front-layout-full .digital-product-head .front-container,
  body.front-layout-full .digital-product-page .front-container,
  body.front-layout-full .digital-market-section .front-container{
    width:calc(100% - 18px)!important;
  }
}

.admin-client-preview-bar{
  position:sticky;
  top:0;
  z-index:999999;
  width:100%;
  background:linear-gradient(90deg,#0F172A,#1E293B);
  color:#FFFFFF;
  box-shadow:0 16px 40px rgba(15,23,42,.18);
}
.admin-client-preview-inner{
  width:min(var(--front-layout-max-width,1280px),calc(100% - 32px));
  margin:0 auto;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
}
.admin-client-preview-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  border-radius:999px;
  padding:0 12px;
  background:#F59E0B;
  color:#111827;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.admin-client-preview-inner strong{
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
.admin-client-preview-note{
  flex:1;
  min-width:120px;
  color:#CBD5E1;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.admin-client-preview-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.admin-client-preview-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  padding:0 11px;
  color:#FFFFFF;
  background:rgba(255,255,255,.08);
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.admin-client-preview-actions a:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.32);
  transform:translateY(-1px);
}
.admin-client-preview-actions a.is-danger{
  background:#DC2626;
  border-color:#DC2626;
}
.admin-client-preview-actions a.is-danger:hover{
  background:#B91C1C;
  border-color:#B91C1C;
}
.front-layout-full .admin-client-preview-inner{
  width:calc(100% - 32px);
  max-width:none;
}
body.client-auth-shell .admin-client-preview-bar{
  position:relative;
}
@media (max-width:860px){
  .admin-client-preview-inner{
    align-items:flex-start;
    flex-direction:column;
    padding:10px 0;
  }
  .admin-client-preview-note,
  .admin-client-preview-inner strong{
    white-space:normal;
  }
  .admin-client-preview-actions{
    width:100%;
    justify-content:flex-start;
  }
}
@media print{
  .admin-client-preview-bar{display:none!important}
}

body.front-layout-full{
  --front-layout-gutter:clamp(24px,4vw,64px);
  --front-layout-content-width:var(--front-layout-max-width,1296px);
  --front-layout-wide-width:calc(var(--front-layout-content-width,1296px) + 200px);
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  box-shadow:none!important;
}
body.front-layout-full .front-topbar,
body.front-layout-full .front-header,
body.front-layout-full main,
body.front-layout-full .front-page-hero,
body.front-layout-full .front-section,
body.front-layout-full .front-service-offers-section,
body.front-layout-full .digital-market-section,
body.front-layout-full .digital-product-head,
body.front-layout-full .digital-product-page,
body.front-layout-full .client-area-shell,
body.front-layout-full .front-footer{
  width:100%!important;
  max-width:none!important;
}
body.front-layout-full .front-container,
body.front-layout-full .front-topbar .front-container,
body.front-layout-full .front-header .front-container,
body.front-layout-full .front-footer .front-container,
body.front-layout-full .front-nav,
body.front-layout-full .front-mobile-nav,
body.front-layout-full .admin-client-preview-inner{
  width:min(var(--front-layout-content-width,1296px),calc(100% - var(--front-layout-gutter,32px)))!important;
  max-width:none!important;
  margin-inline:auto!important;
}
body.front-layout-full .front-section .front-container,
body.front-layout-full .front-page-hero .front-container{
  width:min(var(--front-layout-content-width,1296px),calc(100% - var(--front-layout-gutter,32px)))!important;
  max-width:none!important;
  margin-inline:auto!important;
}
body.front-layout-full .client-front-container,
body.front-layout-full .front-service-offers-section .front-container,
body.front-layout-full .front-section:has(.front-hosting-price-grid) .front-container,
body.front-layout-full .digital-product-head .front-container,
body.front-layout-full .digital-product-page .front-container,
body.front-layout-full .digital-market-section .front-container{
  width:min(var(--front-layout-wide-width,1480px),1480px,calc(100% - var(--front-layout-gutter,32px)))!important;
  max-width:none!important;
  margin-inline:auto!important;
}
body.front-layout-full .front-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
body.front-layout-full .front-menu{
  flex:1 1 auto!important;
  justify-content:center!important;
}
body.front-layout-full .front-actions,
body.front-layout-full .front-logo{
  flex:0 0 auto!important;
}
body.front-layout-full .client-dashboard-layout{
  width:100%!important;
}
@media(max-width:860px){
  body.front-layout-full{--front-layout-gutter:24px;}
}
@media(max-width:640px){
  body.front-layout-full{--front-layout-gutter:18px;}
}
@media(max-width:420px){
  body.front-layout-full{--front-layout-gutter:12px;}
}

.whmcs-invoice-detail-page .whmcs-actions-card button[data-whmcs-save],
.whmcs-invoice-detail-page .whmcs-actions-card button[data-whmcs-print],
.whmcs-pdf-reference-page .whmcs-actions-card button[data-whmcs-save],
.whmcs-pdf-reference-page .whmcs-actions-card button[data-whmcs-print]{
  width:100%!important;
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid #1769FF!important;
  border-radius:12px!important;
  background:#1769FF!important;
  color:#FFFFFF!important;
  padding:12px 18px!important;
  margin-top:10px!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.3!important;
  text-decoration:none!important;
  box-shadow:0 12px 24px rgba(23,105,255,.20)!important;
  cursor:pointer!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.whmcs-invoice-detail-page .whmcs-actions-card button[data-whmcs-save]:hover,
.whmcs-invoice-detail-page .whmcs-actions-card button[data-whmcs-print]:hover,
.whmcs-pdf-reference-page .whmcs-actions-card button[data-whmcs-save]:hover,
.whmcs-pdf-reference-page .whmcs-actions-card button[data-whmcs-print]:hover{
  background:#0F5BFF!important;
  border-color:#0F5BFF!important;
  color:#FFFFFF!important;
  transform:translateY(-1px)!important;
  box-shadow:0 16px 30px rgba(23,105,255,.26)!important;
}
.whmcs-invoice-detail-page .whmcs-actions-card button[data-whmcs-save] span,
.whmcs-invoice-detail-page .whmcs-actions-card button[data-whmcs-print] span,
.whmcs-pdf-reference-page .whmcs-actions-card button[data-whmcs-save] span,
.whmcs-pdf-reference-page .whmcs-actions-card button[data-whmcs-print] span{
  color:#FFFFFF!important;
}

.front-topbar-inner{
  direction:ltr!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
.front-topbar-tools,
.front-topbar-user-cluster{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}
.front-topbar-tools{
  order:2!important;
  direction:ltr!important;
}
.front-topbar .front-socials-header{
  order:1!important;
  flex:0 0 auto!important;
}
.front-topbar-user-cluster{
  order:3!important;
  margin-left:auto!important;
  margin-right:0!important;
  direction:rtl!important;
  justify-content:flex-start!important;
  min-width:max-content!important;
}
.front-topbar-user-cluster .front-account-menu,
.front-topbar-user-cluster .front-notification-menu,
.front-topbar-user-cluster .front-cart-top-button,
.front-topbar-user-cluster .front-bell-button{
  flex:0 0 auto!important;
}
.front-topbar-user-cluster .front-account-button,
.front-topbar-user-cluster .front-account-power,
.front-topbar-user-cluster .front-cart-top-button,
.front-topbar-user-cluster .front-bell-button{
  direction:rtl!important;
}
.front-topbar-user-cluster .front-account-dropdown{
  right:0!important;
  left:auto!important;
  inset-inline-end:0!important;
  inset-inline-start:auto!important;
  text-align:right!important;
}
.front-topbar-user-cluster .front-notification-dropdown{
  right:0!important;
  left:auto!important;
  inset-inline-end:0!important;
  inset-inline-start:auto!important;
  direction:rtl!important;
  text-align:right!important;
}
.front-topbar-user-cluster .front-cart-top-button{
  width:38px!important;
  min-width:38px!important;
  height:34px!important;
  padding:0!important;
  border-color:#D8E2FF!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F5F8FF 100%)!important;
  color:#0B5CFF!important;
  box-shadow:0 6px 16px rgba(11,92,255,.08)!important;
}
.front-topbar-user-cluster .front-cart-top-button:hover{
  background:#0B5CFF!important;
  border-color:#0B5CFF!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(11,92,255,.18)!important;
}
.front-topbar-user-cluster .front-notification-button,
.front-topbar-user-cluster .front-support-top-button{
  width:38px!important;
  height:34px!important;
  min-width:38px!important;
  border:1px solid #D8E2FF!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F5F8FF 100%)!important;
  color:#0B5CFF!important;
  box-shadow:0 6px 16px rgba(11,92,255,.08)!important;
  transition:background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease!important;
}
.front-topbar-user-cluster .front-notification-button:hover,
.front-topbar-user-cluster .front-support-top-button:hover,
.front-topbar-user-cluster .front-notification-menu.is-open .front-notification-button{
  border-color:#0B5CFF!important;
  background:linear-gradient(135deg,#0B5CFF 0%,#4F7BFF 100%)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(11,92,255,.22)!important;
  transform:translateY(-1px)!important;
}
.front-bell-icon{
  width:20px!important;
  height:20px!important;
  display:block!important;
  filter:drop-shadow(0 3px 6px rgba(11,92,255,.12));
}
.front-notification-badge{
  top:-6px!important;
  inset-inline-end:-6px!important;
  min-width:18px!important;
  height:18px!important;
  line-height:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#F04438!important;
  border:2px solid #fff!important;
  box-shadow:0 5px 12px rgba(240,68,56,.28)!important;
}
.front-notification-dropdown{
  border-radius:20px!important;
  border-color:#E5EAFE!important;
  box-shadow:0 22px 54px rgba(15,23,42,.18)!important;
}
.front-notification-head{
  background:linear-gradient(180deg,#F8FAFF 0%,#FFFFFF 100%)!important;
  border-radius:14px!important;
  border-bottom:1px solid #EEF2FF!important;
  margin-bottom:8px!important;
}
.front-notification-item{
  border:1px solid transparent!important;
}
.front-notification-item:hover,
.front-notification-item.is-unread{
  border-color:#DDE7FF!important;
  background:#F5F8FF!important;
}
.front-currency-flag-svg{
  width:24px!important;
  height:17px!important;
  flex:0 0 24px!important;
  display:inline-block!important;
  border-radius:4px!important;
  overflow:hidden!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  box-shadow:0 0 0 1px rgba(16,24,40,.12),0 2px 5px rgba(16,24,40,.06)!important;
  font-size:0!important;
  line-height:0!important;
}
.front-currency-option .front-currency-flag-svg{
  width:24px!important;
  height:17px!important;
  flex-basis:24px!important;
}
.front-currency-flag-eu{background-image:url("flags/eu.svg")!important;}
.front-currency-flag-us{background-image:url("flags/us.svg")!important;}
.front-currency-flag-ae{background-image:url("flags/ae.svg")!important;}
.front-currency-flag-sa{background-image:url("flags/sa.svg")!important;}
.front-currency-flag-gb{background-image:url("flags/gb.svg")!important;}
.front-currency-flag-se{background-image:url("flags/se.svg")!important;}
.front-currency-flag-dk{background-image:url("flags/dk.svg")!important;}
.front-currency-flag-no{background-image:url("flags/no.svg")!important;}
.front-currency-flag-tr{background-image:url("flags/tr.svg")!important;}
body.front-dark .front-topbar-user-cluster .front-cart-top-button,
body.front-dark .front-topbar-user-cluster .front-notification-button,
body.front-dark .front-topbar-user-cluster .front-support-top-button{
  background:#0E1728!important;
  border-color:#1F2A44!important;
  color:#8FB5FF!important;
  box-shadow:none!important;
}
body.front-dark .front-topbar-user-cluster .front-cart-top-button:hover,
body.front-dark .front-topbar-user-cluster .front-notification-button:hover,
body.front-dark .front-topbar-user-cluster .front-notification-menu.is-open .front-notification-button,
body.front-dark .front-topbar-user-cluster .front-support-top-button:hover{
  background:#0B5CFF!important;
  border-color:#0B5CFF!important;
  color:#fff!important;
}
body.front-dark .front-notification-dropdown{
  border-color:#1F2A44!important;
}
body.front-dark .front-notification-head{
  background:#111D31!important;
  border-color:#1F2A44!important;
}
@media(max-width:760px){
  .front-topbar-inner{
    overflow-x:auto!important;
    scrollbar-width:none;
  }
  .front-topbar-inner::-webkit-scrollbar{display:none;}
  .front-topbar-tools{
    gap:6px!important;
  }
  .front-topbar-user-cluster{
    gap:6px!important;
    margin-left:auto!important;
  }
}

body.front-layout-full .front-hero-slider-section,
body.front-layout-full .front-band,
body.front-layout-full .front-support{
  width:100%!important;
  max-width:none!important;
}
body.front-layout-full .front-band{
  background:transparent!important;
  border-block:0!important;
  padding-block:clamp(34px,4vw,56px)!important;
}
body.front-layout-full .front-band > .front-container.front-feature-layout{
  width:min(var(--front-layout-content-width,1296px),calc(100% - var(--front-layout-gutter,32px)))!important;
  max-width:none!important;
  margin-inline:auto!important;
  background:var(--white)!important;
  border:1px solid var(--gray-200)!important;
  border-radius:30px!important;
  padding:clamp(22px,3vw,38px)!important;
  box-shadow:0 18px 46px rgba(16,24,40,.04)!important;
}
body.front-layout-full .front-support{
  background:transparent!important;
  padding-block:clamp(34px,5vw,62px)!important;
  color:inherit!important;
}
body.front-layout-full .front-support > .front-container.front-support-grid{
  width:min(var(--front-layout-content-width,1296px),calc(100% - var(--front-layout-gutter,32px)))!important;
  max-width:none!important;
  margin-inline:auto!important;
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#101828,#1D2939)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:32px!important;
  padding:clamp(26px,4vw,54px)!important;
  box-shadow:0 24px 70px rgba(16,24,40,.18)!important;
}
body.front-layout-full .front-support > .front-container.front-support-grid::before{
  content:"";
  position:absolute;
  inset:auto -12% -46% auto;
  width:420px;
  height:420px;
  border-radius:999px;
  background:rgba(70,95,255,.18);
  filter:blur(12px);
  pointer-events:none;
}
body.front-layout-full .front-support > .front-container.front-support-grid > *{
  position:relative;
  z-index:1;
}
body.front-layout-full.front-dark .front-band,
body.front-layout-full.front-dark .front-support{
  background:transparent!important;
}
body.front-layout-full.front-dark .front-band > .front-container.front-feature-layout{
  background:#0E1728!important;
  border-color:#1E2A3D!important;
  box-shadow:0 18px 46px rgba(0,0,0,.18)!important;
}
body.front-layout-full.front-dark .front-support > .front-container.front-support-grid{
  background:linear-gradient(135deg,#0B1220,#111D31)!important;
  border-color:#1E2A3D!important;
  box-shadow:0 24px 70px rgba(0,0,0,.26)!important;
}
@media(max-width:860px){
  body.front-layout-full .front-band > .front-container.front-feature-layout,
  body.front-layout-full .front-support > .front-container.front-support-grid{
    border-radius:24px!important;
  }
}
@media(max-width:640px){
  body.front-layout-full .front-band,
  body.front-layout-full .front-support{
    padding-block:24px!important;
  }
  body.front-layout-full .front-band > .front-container.front-feature-layout,
  body.front-layout-full .front-support > .front-container.front-support-grid{
    border-radius:20px!important;
    padding:20px!important;
  }
}

.front-topbar-user-cluster .front-cart-top-button,
.front-topbar-user-cluster .front-cart-top-button:hover,
.front-topbar-user-cluster .front-cart-top-button:focus,
.front-topbar-user-cluster .front-cart-top-button:active,
.front-topbar-user-cluster .front-notification-button,
.front-topbar-user-cluster .front-notification-button:hover,
.front-topbar-user-cluster .front-notification-button:focus,
.front-topbar-user-cluster .front-notification-button:active,
.front-topbar-user-cluster .front-notification-menu.is-open .front-notification-button,
.front-topbar-user-cluster .front-support-top-button,
.front-topbar-user-cluster .front-support-top-button:hover,
.front-topbar-user-cluster .front-support-top-button:focus,
.front-topbar-user-cluster .front-support-top-button:active,
.front-topbar-user-cluster .front-account-power,
.front-topbar-user-cluster .front-account-power:hover,
.front-topbar-user-cluster .front-account-power:focus,
.front-topbar-user-cluster .front-account-power:active,
.front-topbar-user-cluster .front-account-button,
.front-topbar-user-cluster .front-account-button:hover,
.front-topbar-user-cluster .front-account-button:focus,
.front-topbar-user-cluster .front-account-button:active{
  box-shadow:none!important;
  text-shadow:none!important;
}
.front-topbar-user-cluster .front-cart-badge,
.front-topbar-user-cluster .front-notification-badge,
.front-cart-badge,
.front-notification-badge{
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
.front-topbar-user-cluster .front-bell-icon,
.front-topbar-user-cluster .front-cart-top-button svg,
.front-topbar-user-cluster .front-notification-button svg,
.front-topbar-user-cluster .front-support-top-button svg,
.front-topbar-user-cluster .front-account-power svg,
.front-topbar-user-cluster .front-account-arrow{
  filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body.front-dark .front-topbar-user-cluster .front-cart-top-button,
body.front-dark .front-topbar-user-cluster .front-cart-top-button:hover,
body.front-dark .front-topbar-user-cluster .front-notification-button,
body.front-dark .front-topbar-user-cluster .front-notification-button:hover,
body.front-dark .front-topbar-user-cluster .front-notification-menu.is-open .front-notification-button,
body.front-dark .front-topbar-user-cluster .front-support-top-button,
body.front-dark .front-topbar-user-cluster .front-support-top-button:hover,
body.front-dark .front-topbar-user-cluster .front-account-power,
body.front-dark .front-topbar-user-cluster .front-account-power:hover,
body.front-dark .front-topbar-user-cluster .front-cart-badge,
body.front-dark .front-topbar-user-cluster .front-notification-badge{
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}

.whmcs-pdf-sheet,
.whmcs-pdf-sheet *{
  font-family:Tahoma, Arial, Helvetica, sans-serif!important;
}
.whmcs-pdf-sheet{
  font-size:12px!important;
  line-height:1.5!important;
}
html[dir="rtl"] .whmcs-pdf-sheet,
body.front-dir-rtl .whmcs-pdf-sheet{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="ltr"] .whmcs-pdf-sheet,
body.front-dir-ltr .whmcs-pdf-sheet{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="rtl"] .whmcs-pdf-sheet .whmcs-pdf-company,
html[dir="rtl"] .whmcs-pdf-sheet .whmcs-pdf-titlebar,
html[dir="rtl"] .whmcs-pdf-sheet .whmcs-pdf-invoiced,
html[dir="rtl"] .whmcs-pdf-sheet .whmcs-pdf-transactions h3,
body.front-dir-rtl .whmcs-pdf-sheet .whmcs-pdf-company,
body.front-dir-rtl .whmcs-pdf-sheet .whmcs-pdf-titlebar,
body.front-dir-rtl .whmcs-pdf-sheet .whmcs-pdf-invoiced,
body.front-dir-rtl .whmcs-pdf-sheet .whmcs-pdf-transactions h3{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="ltr"] .whmcs-pdf-sheet .whmcs-pdf-company,
html[dir="ltr"] .whmcs-pdf-sheet .whmcs-pdf-titlebar,
html[dir="ltr"] .whmcs-pdf-sheet .whmcs-pdf-invoiced,
html[dir="ltr"] .whmcs-pdf-sheet .whmcs-pdf-transactions h3,
body.front-dir-ltr .whmcs-pdf-sheet .whmcs-pdf-company,
body.front-dir-ltr .whmcs-pdf-sheet .whmcs-pdf-titlebar,
body.front-dir-ltr .whmcs-pdf-sheet .whmcs-pdf-invoiced,
body.front-dir-ltr .whmcs-pdf-sheet .whmcs-pdf-transactions h3{
  direction:ltr!important;
  text-align:left!important;
}
.whmcs-pdf-sheet .whmcs-pdf-company h2{
  font-size:16px!important;
  line-height:1.35!important;
}
.whmcs-pdf-sheet .whmcs-pdf-company p,
.whmcs-pdf-sheet .whmcs-pdf-invoiced p,
.whmcs-pdf-sheet .whmcs-pdf-titlebar p,
.whmcs-pdf-sheet .whmcs-pdf-footer p{
  font-size:12px!important;
  line-height:1.45!important;
}
.whmcs-pdf-sheet .whmcs-pdf-titlebar h1{
  font-size:22px!important;
  line-height:1.3!important;
}
.whmcs-pdf-sheet .whmcs-pdf-invoiced h3,
.whmcs-pdf-sheet .whmcs-pdf-transactions h3{
  font-size:15px!important;
  line-height:1.4!important;
}
.whmcs-pdf-sheet .whmcs-pdf-items table,
.whmcs-pdf-sheet .whmcs-pdf-transactions table{
  direction:inherit!important;
}
.whmcs-pdf-sheet .whmcs-pdf-items th,
.whmcs-pdf-sheet .whmcs-pdf-items td,
.whmcs-pdf-sheet .whmcs-pdf-transactions th,
.whmcs-pdf-sheet .whmcs-pdf-transactions td{
  font-size:12px!important;
  line-height:1.45!important;
  text-align:start!important;
}
.whmcs-pdf-sheet .whmcs-pdf-items th:last-child,
.whmcs-pdf-sheet .whmcs-pdf-items td:last-child,
.whmcs-pdf-sheet .whmcs-pdf-transactions th:last-child,
.whmcs-pdf-sheet .whmcs-pdf-transactions td:last-child{
  text-align:end!important;
}
.whmcs-pdf-sheet .whmcs-pdf-total-row td:first-child,
.whmcs-pdf-sheet .whmcs-pdf-transactions .whmcs-pdf-total-row td:first-child{
  text-align:end!important;
}
.whmcs-pdf-sheet .whmcs-pdf-invoiced{
  padding-left:0!important;
  padding-inline-start:4px!important;
}
@media print{
  .whmcs-pdf-sheet,
  .whmcs-pdf-sheet *{
    font-family:Tahoma, Arial, Helvetica, sans-serif!important;
  }
}

.whmcs-pdf-sheet,
.whmcs-pdf-sheet *{
  font-family:Tahoma, Arial, Helvetica, sans-serif!important;
}
.whmcs-pdf-sheet{
  font-size:12px!important;
  line-height:1.5!important;
}
.whmcs-pdf-sheet.is-rtl{
  direction:rtl!important;
  text-align:right!important;
}
.whmcs-pdf-sheet.is-ltr{
  direction:ltr!important;
  text-align:left!important;
}
.whmcs-pdf-sheet .whmcs-pdf-header,
.whmcs-pdf-sheet .whmcs-pdf-company,
.whmcs-pdf-sheet .whmcs-pdf-titlebar,
.whmcs-pdf-sheet .whmcs-pdf-invoiced,
.whmcs-pdf-sheet .whmcs-pdf-items,
.whmcs-pdf-sheet .whmcs-pdf-transactions,
.whmcs-pdf-sheet .whmcs-pdf-transactions h3{
  direction:inherit!important;
  text-align:inherit!important;
}
.whmcs-pdf-sheet .whmcs-pdf-titlebar h1,
.whmcs-pdf-sheet .whmcs-pdf-titlebar p,
.whmcs-pdf-sheet .whmcs-pdf-invoiced h3,
.whmcs-pdf-sheet .whmcs-pdf-invoiced p,
.whmcs-pdf-sheet .whmcs-pdf-company h2,
.whmcs-pdf-sheet .whmcs-pdf-company p{
  text-align:inherit!important;
}
.whmcs-pdf-sheet .whmcs-auto-text[dir="auto"]{
  unicode-bidi:plaintext!important;
  text-align:start!important;
}
.whmcs-pdf-sheet h2.whmcs-auto-text[dir="auto"],
.whmcs-pdf-sheet p.whmcs-auto-text[dir="auto"],
.whmcs-pdf-sheet td.whmcs-auto-text[dir="auto"]{
  text-align:start!important;
}
.whmcs-pdf-sheet .whmcs-ltr-value,
.whmcs-pdf-sheet .whmcs-money{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
.whmcs-pdf-sheet span.whmcs-ltr-value{
  display:inline-block!important;
}
.whmcs-pdf-sheet td.whmcs-money{
  display:table-cell!important;
  white-space:nowrap!important;
}
.whmcs-pdf-sheet.is-ltr td.whmcs-money,
.whmcs-pdf-sheet.is-ltr .whmcs-pdf-items th:last-child,
.whmcs-pdf-sheet.is-ltr .whmcs-pdf-transactions th:last-child{
  text-align:right!important;
}
.whmcs-pdf-sheet.is-rtl td.whmcs-money,
.whmcs-pdf-sheet.is-rtl .whmcs-pdf-items th:last-child,
.whmcs-pdf-sheet.is-rtl .whmcs-pdf-transactions th:last-child{
  text-align:left!important;
}
.whmcs-pdf-sheet .whmcs-pdf-items table,
.whmcs-pdf-sheet .whmcs-pdf-transactions table{
  direction:inherit!important;
}
.whmcs-pdf-sheet .whmcs-pdf-items th,
.whmcs-pdf-sheet .whmcs-pdf-items td,
.whmcs-pdf-sheet .whmcs-pdf-transactions th,
.whmcs-pdf-sheet .whmcs-pdf-transactions td{
  font-size:12px!important;
  line-height:1.45!important;
  text-align:start!important;
}
.whmcs-pdf-sheet .whmcs-pdf-total-row td:first-child,
.whmcs-pdf-sheet .whmcs-pdf-transactions .whmcs-pdf-total-row td:first-child{
  text-align:end!important;
}
.whmcs-pdf-sheet.is-rtl .whmcs-pdf-logo img{
  object-position:right top!important;
}
.whmcs-pdf-sheet.is-ltr .whmcs-pdf-logo img{
  object-position:left top!important;
}
.whmcs-pdf-sheet .whmcs-pdf-footer{
  text-align:center!important;
}
@media print{
  .whmcs-pdf-sheet,
  .whmcs-pdf-sheet *{
    font-family:Tahoma, Arial, Helvetica, sans-serif!important;
  }
  .whmcs-pdf-sheet.is-rtl{
    direction:rtl!important;
    text-align:right!important;
  }
  .whmcs-pdf-sheet.is-ltr{
    direction:ltr!important;
    text-align:left!important;
  }
}
.whmcs-pdf-sheet .whmcs-pdf-footer{
  direction:inherit!important;
  text-align:inherit!important;
}
.whmcs-pdf-sheet .whmcs-pdf-footer small.whmcs-auto-text[dir="auto"]{
  display:block!important;
  unicode-bidi:plaintext!important;
  text-align:start!important;
}


.whmcs-pdf-sheet.is-bidi-aware,
.whmcs-pdf-sheet.is-bidi-aware *{
  font-family:Tahoma, Arial, Helvetica, sans-serif!important;
}
.whmcs-pdf-sheet.is-bidi-aware{
  direction:ltr!important;
  text-align:left!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-header,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-titlebar,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-invoiced,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-items,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-transactions,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-transactions h3,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-footer{
  direction:ltr!important;
  text-align:left!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-bidi-text{
  unicode-bidi:plaintext!important;
  text-align:start!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-bidi-text[dir="rtl"]{
  direction:rtl!important;
  text-align:right!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-bidi-text[dir="ltr"]{
  direction:ltr!important;
  text-align:left!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-ltr-value{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.whmcs-pdf-sheet.is-bidi-aware span.whmcs-ltr-value{
  display:inline-block!important;
}
.whmcs-pdf-sheet.is-bidi-aware table{
  direction:ltr!important;
}
.whmcs-pdf-sheet.is-bidi-aware th,
.whmcs-pdf-sheet.is-bidi-aware td{
  font-size:12px!important;
  line-height:1.45!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-money,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-money-col{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:right!important;
  white-space:nowrap!important;
}
.whmcs-pdf-sheet.is-bidi-aware td.whmcs-ltr-value{
  display:table-cell!important;
}
.whmcs-pdf-sheet.is-bidi-aware td.whmcs-bidi-text[dir="rtl"]{
  text-align:right!important;
}
.whmcs-pdf-sheet.is-bidi-aware td.whmcs-bidi-text[dir="ltr"]{
  text-align:left!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-total-row td:first-child,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-transactions .whmcs-pdf-total-row td:first-child{
  text-align:left!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-footer{
  text-align:left!important;
}
@media print{
  .whmcs-pdf-sheet.is-bidi-aware,
  .whmcs-pdf-sheet.is-bidi-aware *{
    font-family:Tahoma, Arial, Helvetica, sans-serif!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware{
    direction:ltr!important;
    text-align:left!important;
  }
}


.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-header{
  direction:ltr!important;
  text-align:left!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  column-gap:56px!important;
  align-items:start!important;
  padding-inline-end:54px!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-logo{
  width:190px!important;
  min-height:78px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-logo img{
  width:185px!important;
  max-width:185px!important;
  max-height:78px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left top!important;
  display:block!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company{
  min-width:0!important;
  max-width:420px!important;
  padding-top:34px!important;
  padding-inline-start:0!important;
  margin-inline-start:0!important;
  text-align:left!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company h2,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company p{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company h2{
  font-size:13px!important;
  line-height:1.28!important;
  margin-bottom:5px!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company p{
  font-size:10.8px!important;
  line-height:1.32!important;
}
@media(max-width:860px){
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-header{
    grid-template-columns:1fr!important;
    row-gap:16px!important;
    padding-inline-end:0!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company{
    max-width:100%!important;
    padding-top:0!important;
  }
}
@media print{
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-header{
    grid-template-columns:50mm minmax(0,1fr)!important;
    column-gap:13mm!important;
    padding-inline-end:16mm!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-logo,
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-logo img{
    width:50mm!important;
    max-width:50mm!important;
    max-height:21mm!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company{
    max-width:100%!important;
    padding-top:9mm!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company h2{
    font-size:10pt!important;
    line-height:1.25!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company p{
    font-size:8pt!important;
    line-height:1.25!important;
  }
}

.whmcs-pdf-sheet.is-bidi-aware,
body.front-dark .whmcs-pdf-sheet.is-bidi-aware,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware{
  background:#fff!important;
  color:#000!important;
  border-color:#e2e8f0!important;
  color-scheme:light!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-header{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:13px!important;
  padding-inline-end:0!important;
  padding-bottom:22px!important;
  margin-bottom:22px!important;
  border-bottom:1px solid #e2e8f0!important;
  direction:ltr!important;
  text-align:left!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-logo{
  width:190px!important;
  min-height:auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-logo img{
  width:185px!important;
  max-width:185px!important;
  max-height:78px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left top!important;
  display:block!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company{
  width:100%!important;
  max-width:470px!important;
  min-width:0!important;
  padding-top:0!important;
  padding-inline-start:0!important;
  padding-inline-end:0!important;
  margin:0!important;
  text-align:left!important;
  direction:ltr!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company h2,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company p{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  color:#000!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company .whmcs-bidi-text[dir="rtl"]{
  direction:rtl!important;
  text-align:right!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company .whmcs-bidi-text[dir="ltr"]{
  direction:ltr!important;
  text-align:left!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-titlebar{
  margin-top:38px!important;
}
body.front-dark .whmcs-pdf-sheet.is-bidi-aware h1,
body.front-dark .whmcs-pdf-sheet.is-bidi-aware h2,
body.front-dark .whmcs-pdf-sheet.is-bidi-aware h3,
body.front-dark .whmcs-pdf-sheet.is-bidi-aware p,
body.front-dark .whmcs-pdf-sheet.is-bidi-aware td,
body.front-dark .whmcs-pdf-sheet.is-bidi-aware span,
body.front-dark .whmcs-pdf-sheet.is-bidi-aware strong,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware h1,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware h2,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware h3,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware p,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware td,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware span,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware strong{
  color:#000!important;
}
body.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-titlebar,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-titlebar{
  background:#f8fafc!important;
  border-color:#e2e8f0!important;
}
body.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-items table,
body.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-transactions table,
body.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-items td,
body.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-transactions td,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-items table,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-transactions table,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-items td,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-transactions td{
  background:#fff!important;
  border-color:#cbd5e1!important;
  color:#000!important;
}
body.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-items th,
body.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-transactions th,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-items th,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-transactions th{
  background:#0f172a!important;
  color:#fff!important;
  border-color:#cbd5e1!important;
}
body.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-total-row td,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-total-row td{
  background:#f8fafc!important;
  color:#000!important;
}
body.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-ribbon,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-ribbon{
  color:#fff!important;
}
@media(max-width:860px){
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-header{
    gap:12px!important;
    padding-inline-end:0!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company{
    max-width:100%!important;
  }
}
@media print{
  .whmcs-pdf-sheet.is-bidi-aware,
  body.front-dark .whmcs-pdf-sheet.is-bidi-aware,
  body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware{
    background:#fff!important;
    color:#000!important;
    color-scheme:light!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-header{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:4mm!important;
    padding-inline-end:0!important;
    padding-bottom:6mm!important;
    margin-bottom:8mm!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-logo,
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-logo img{
    width:50mm!important;
    max-width:50mm!important;
    max-height:21mm!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-company{
    width:100%!important;
    max-width:124mm!important;
    padding-top:0!important;
    margin:0!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-titlebar{
    margin-top:10mm!important;
  }
}

.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-header{
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
  align-items:start!important;
  column-gap:44px!important;
  row-gap:0!important;
  padding-inline-end:0!important;
  padding-bottom:24px!important;
  margin-bottom:24px!important;
  border-bottom:1px solid #e2e8f0!important;
  direction:ltr!important;
  text-align:left!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller-block{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:13px!important;
  direction:ltr!important;
  text-align:left!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller .whmcs-pdf-logo,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller-block .whmcs-pdf-logo{
  width:190px!important;
  min-height:auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller .whmcs-pdf-logo img,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller-block .whmcs-pdf-logo img{
  width:185px!important;
  max-width:185px!important;
  max-height:78px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left top!important;
  display:block!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller .whmcs-pdf-company,
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller-block .whmcs-pdf-company{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  text-align:left!important;
  direction:ltr!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-invoiced-header{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:91px 0 0 0!important;
  align-self:start!important;
  direction:ltr!important;
  text-align:left!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-invoiced-header h3{
  margin:0 0 8px!important;
  color:#000!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:900!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-invoiced-header p{
  margin:0 0 2px!important;
  color:#000!important;
  font-size:11.2px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-invoiced-header .whmcs-bidi-text[dir="rtl"]{
  direction:rtl!important;
  text-align:right!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-invoiced-header .whmcs-bidi-text[dir="ltr"]{
  direction:ltr!important;
  text-align:left!important;
}
.whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-titlebar{
  margin-top:28px!important;
}
body.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-header,
body.client-area-shell.front-dark .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-header{
  border-bottom-color:#e2e8f0!important;
}
@media(max-width:860px){
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-header{
    grid-template-columns:1fr!important;
    row-gap:18px!important;
    padding-bottom:20px!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-invoiced-header{
    padding-top:0!important;
  }
}
@media print{
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-header{
    display:grid!important;
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
    column-gap:14mm!important;
    row-gap:0!important;
    padding-inline-end:0!important;
    padding-bottom:7mm!important;
    margin-bottom:8mm!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller,
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller-block{
    gap:4mm!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller .whmcs-pdf-logo,
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller .whmcs-pdf-logo img,
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller-block .whmcs-pdf-logo,
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller-block .whmcs-pdf-logo img{
    width:50mm!important;
    max-width:50mm!important;
    max-height:21mm!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller .whmcs-pdf-company,
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-seller-block .whmcs-pdf-company{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-invoiced-header{
    padding-top:25mm!important;
  }
  .whmcs-pdf-sheet.is-bidi-aware .whmcs-pdf-titlebar{
    margin-top:8mm!important;
  }
}

@media print{
  @page{
    size:A4 portrait;
    margin:12mm;
  }
  html,
  body{
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    overflow:visible!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
    color-scheme:light!important;
  }
  body *{
    visibility:hidden!important;
  }
  #invoiceDocument,
  #invoiceDocument *{
    visibility:visible!important;
  }
  .front-topbar,
  .front-header,
  .front-main-nav,
  .front-footer,
  .client-side-nav,
  .client-horizontal-nav,
  .client-front-page-head,
  .whmcs-invoice-sidebar,
  .no-print,
  script{
    display:none!important;
    visibility:hidden!important;
  }
  .client-area-shell,
  .front-container,
  .client-front-container,
  .client-dashboard-layout,
  .client-dashboard-content,
  .whmcs-invoice-detail-page,
  .whmcs-invoice-layout,
  .whmcs-pdf-layout{
    display:block!important;
    position:static!important;
    inset:auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:none!important;
    grid-template-columns:none!important;
  }
  #invoiceDocument.whmcs-pdf-sheet,
  #invoiceDocument.whmcs-invoice-document{
    display:block!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    background:#fff!important;
    color:#000!important;
    font-family:Tahoma, Arial, Helvetica, sans-serif!important;
    font-size:9pt!important;
    line-height:1.35!important;
    direction:ltr!important;
    text-align:left!important;
    page-break-after:auto!important;
    break-after:auto!important;
  }
  #invoiceDocument.whmcs-pdf-sheet *,
  #invoiceDocument.whmcs-invoice-document *{
    box-shadow:none!important;
    text-shadow:none!important;
    filter:none!important;
    font-family:Tahoma, Arial, Helvetica, sans-serif!important;
    color-scheme:light!important;
  }
  #invoiceDocument .whmcs-pdf-ribbon{
    position:absolute!important;
    top:-5mm!important;
    right:-17mm!important;
    width:58mm!important;
    height:11mm!important;
    min-height:0!important;
    border-radius:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:rotate(45deg)!important;
    font-size:15pt!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
    background:#fff3bf!important;
    color:#8a4b00!important;
    border:0!important;
    z-index:5!important;
  }
  #invoiceDocument .whmcs-pdf-ribbon.paid{
    background:#dcfce7!important;
    color:#166534!important;
  }
  #invoiceDocument .whmcs-pdf-ribbon.cancelled{
    background:#e5e7eb!important;
    color:#111827!important;
  }
  #invoiceDocument .whmcs-pdf-header{
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
    gap:14mm!important;
    align-items:start!important;
    width:100%!important;
    margin:0 0 8mm!important;
    padding:0 18mm 7mm 0!important;
    border:0!important;
    border-bottom:1px solid #d8dde7!important;
    background:#fff!important;
    direction:ltr!important;
    text-align:left!important;
    overflow:visible!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  #invoiceDocument .whmcs-pdf-seller{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:4mm!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    direction:ltr!important;
    text-align:left!important;
    overflow:visible!important;
  }
  #invoiceDocument .whmcs-pdf-logo{
    display:block!important;
    width:42mm!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  #invoiceDocument .whmcs-pdf-logo img{
    display:block!important;
    width:42mm!important;
    max-width:42mm!important;
    max-height:18mm!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left top!important;
    margin:0!important;
    padding:0!important;
  }
  #invoiceDocument .whmcs-pdf-company{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    direction:ltr!important;
    text-align:left!important;
    overflow:visible!important;
  }
  #invoiceDocument .whmcs-pdf-company h2{
    margin:0 0 2mm!important;
    padding:0!important;
    color:#000!important;
    font-size:8.4pt!important;
    line-height:1.2!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    max-width:100%!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  #invoiceDocument .whmcs-pdf-company p{
    margin:0 0 .45mm!important;
    padding:0!important;
    color:#000!important;
    font-size:7.6pt!important;
    line-height:1.22!important;
    font-weight:700!important;
    max-width:100%!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  #invoiceDocument .whmcs-pdf-company br{
    display:block!important;
    content:""!important;
    margin:1.6mm 0!important;
  }
  #invoiceDocument .whmcs-pdf-invoiced-header{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:22mm 0 0 0!important;
    direction:ltr!important;
    text-align:left!important;
    overflow:visible!important;
  }
  #invoiceDocument .whmcs-pdf-invoiced-header h3{
    margin:0 0 2mm!important;
    color:#000!important;
    font-size:8.6pt!important;
    line-height:1.25!important;
    font-weight:900!important;
  }
  #invoiceDocument .whmcs-pdf-invoiced-header p{
    margin:0 0 .7mm!important;
    color:#000!important;
    font-size:7.8pt!important;
    line-height:1.25!important;
    font-weight:700!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }
  #invoiceDocument .whmcs-bidi-text[dir="rtl"]{
    direction:rtl!important;
    text-align:right!important;
    unicode-bidi:plaintext!important;
  }
  #invoiceDocument .whmcs-bidi-text[dir="ltr"]{
    direction:ltr!important;
    text-align:left!important;
    unicode-bidi:plaintext!important;
  }
  #invoiceDocument .whmcs-pdf-titlebar{
    display:block!important;
    width:100%!important;
    margin:0 0 8mm!important;
    padding:5mm!important;
    min-height:0!important;
    background:#f8fafc!important;
    border:1px solid #d8dde7!important;
    border-radius:4mm!important;
    direction:ltr!important;
    text-align:left!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  #invoiceDocument .whmcs-pdf-titlebar h1{
    margin:0 0 1mm!important;
    color:#000!important;
    font-size:15pt!important;
    line-height:1.2!important;
    font-weight:900!important;
  }
  #invoiceDocument .whmcs-pdf-titlebar p{
    margin:.5mm 0!important;
    color:#000!important;
    font-size:7.8pt!important;
    line-height:1.25!important;
    font-weight:700!important;
  }
  #invoiceDocument .whmcs-pdf-items,
  #invoiceDocument .whmcs-pdf-transactions{
    width:100%!important;
    margin:0 0 8mm!important;
    padding:0!important;
    overflow:visible!important;
  }
  #invoiceDocument .whmcs-pdf-items table,
  #invoiceDocument .whmcs-pdf-transactions table{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    border-collapse:collapse!important;
    border-spacing:0!important;
    table-layout:fixed!important;
    border:1px solid #cfd5df!important;
    border-radius:0!important;
    overflow:visible!important;
    direction:ltr!important;
    background:#fff!important;
  }
  #invoiceDocument .whmcs-pdf-items th,
  #invoiceDocument .whmcs-pdf-items td,
  #invoiceDocument .whmcs-pdf-transactions th,
  #invoiceDocument .whmcs-pdf-transactions td{
    padding:3.1mm 3mm!important;
    border:1px solid #cfd5df!important;
    color:#000!important;
    font-size:7.7pt!important;
    line-height:1.3!important;
    vertical-align:top!important;
    background:#fff!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  #invoiceDocument .whmcs-pdf-items th,
  #invoiceDocument .whmcs-pdf-transactions th{
    background:#111827!important;
    color:#fff!important;
    font-weight:900!important;
    text-align:left!important;
  }
  #invoiceDocument .whmcs-pdf-items th:last-child,
  #invoiceDocument .whmcs-pdf-items td:last-child{
    width:26mm!important;
  }
  #invoiceDocument .whmcs-pdf-items th:first-child,
  #invoiceDocument .whmcs-pdf-items td:first-child{
    width:auto!important;
  }
  #invoiceDocument .whmcs-money,
  #invoiceDocument .whmcs-money-col,
  #invoiceDocument .whmcs-ltr-value{
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  #invoiceDocument td.whmcs-money,
  #invoiceDocument td.whmcs-ltr-value{
    display:table-cell!important;
  }
  #invoiceDocument .whmcs-pdf-total-row td{
    background:#f2f4f7!important;
    font-weight:900!important;
  }
  #invoiceDocument .whmcs-pdf-total-row td:first-child,
  #invoiceDocument .whmcs-pdf-transactions .whmcs-pdf-total-row td:first-child{
    text-align:left!important;
  }
  #invoiceDocument .whmcs-pdf-grand-row td{
    font-size:8.2pt!important;
    font-weight:900!important;
    color:#000!important;
  }
  #invoiceDocument .whmcs-pdf-transactions h3{
    margin:0 0 4mm!important;
    color:#000!important;
    font-size:9.2pt!important;
    line-height:1.25!important;
    font-weight:900!important;
    direction:ltr!important;
    text-align:left!important;
  }
  #invoiceDocument .whmcs-pdf-footer{
    display:none!important;
  }
}


@media print{
  @page{
    size:A4 portrait;
    margin:10mm 12mm;
  }
  html,
  body{
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
    color:#000!important;
    color-scheme:light!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  body,
  body.invoice-print-mode,
  body.front-dark.invoice-print-mode,
  body.client-area-shell.front-dark.invoice-print-mode{
    background:#fff!important;
    color:#000!important;
  }
  body *{
    visibility:hidden!important;
    box-shadow:none!important;
    text-shadow:none!important;
    filter:none!important;
  }
  body::before,
  body::after,
  .client-area-shell::before,
  .client-area-shell::after,
  .front-main::before,
  .front-main::after,
  .whmcs-invoice-detail-page::before,
  .whmcs-invoice-detail-page::after,
  .whmcs-invoice-layout::before,
  .whmcs-invoice-layout::after{
    content:none!important;
    display:none!important;
  }
  #invoiceDocument,
  #invoiceDocument *{
    visibility:visible!important;
  }
  .front-topbar,
  .front-header,
  .front-main-nav,
  .front-footer,
  .client-side-nav,
  .client-horizontal-nav,
  .client-front-page-head,
  .whmcs-invoice-sidebar,
  .no-print,
  script{
    display:none!important;
    visibility:hidden!important;
  }
  .client-area-shell,
  .front-main,
  .front-container,
  .client-front-container,
  .client-dashboard-layout,
  .client-dashboard-content,
  .whmcs-invoice-detail-page,
  .whmcs-invoice-layout,
  .whmcs-pdf-layout{
    display:block!important;
    position:static!important;
    inset:auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:none!important;
    grid-template-columns:none!important;
  }
  #invoiceDocument.whmcs-pdf-sheet,
  #invoiceDocument.whmcs-invoice-document{
    display:block!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:277mm!important;
    height:auto!important;
    margin:0!important;
    padding:0 2mm!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    background:#fff!important;
    color:#000!important;
    font-family:Tahoma, Arial, Helvetica, sans-serif!important;
    font-size:10pt!important;
    line-height:1.38!important;
    direction:ltr!important;
    text-align:left!important;
    transform:none!important;
    page-break-after:auto!important;
    break-after:auto!important;
  }
  #invoiceDocument.whmcs-pdf-sheet::before,
  #invoiceDocument.whmcs-pdf-sheet::after,
  #invoiceDocument.whmcs-invoice-document::before,
  #invoiceDocument.whmcs-invoice-document::after{
    display:none!important;
    content:none!important;
  }
  #invoiceDocument.whmcs-pdf-sheet *,
  #invoiceDocument.whmcs-invoice-document *{
    box-shadow:none!important;
    text-shadow:none!important;
    filter:none!important;
    font-family:Tahoma, Arial, Helvetica, sans-serif!important;
    color-scheme:light!important;
    box-sizing:border-box!important;
  }
  #invoiceDocument .whmcs-pdf-ribbon{
    position:absolute!important;
    top:-6mm!important;
    right:-16mm!important;
    width:60mm!important;
    height:12mm!important;
    min-height:0!important;
    border-radius:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:rotate(45deg)!important;
    font-size:16pt!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
    background:#fff3bf!important;
    color:#8a4b00!important;
    border:0!important;
    z-index:5!important;
  }
  #invoiceDocument .whmcs-pdf-ribbon.paid{
    background:#dcfce7!important;
    color:#166534!important;
  }
  #invoiceDocument .whmcs-pdf-ribbon.cancelled{
    background:#e5e7eb!important;
    color:#111827!important;
  }
  #invoiceDocument .whmcs-pdf-header{
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
    gap:12mm!important;
    align-items:start!important;
    width:100%!important;
    margin:0 0 8mm!important;
    padding:0 13mm 6mm 0!important;
    border:0!important;
    border-bottom:1px solid #d8dde7!important;
    background:#fff!important;
    direction:ltr!important;
    text-align:left!important;
    overflow:visible!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  #invoiceDocument .whmcs-pdf-seller{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:4mm!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    direction:ltr!important;
    text-align:left!important;
    overflow:visible!important;
  }
  #invoiceDocument .whmcs-pdf-logo{
    display:block!important;
    width:60mm!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  #invoiceDocument .whmcs-pdf-logo img{
    display:block!important;
    width:60mm!important;
    max-width:60mm!important;
    max-height:25mm!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left top!important;
    margin:0!important;
    padding:0!important;
  }
  #invoiceDocument .whmcs-pdf-company{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    direction:ltr!important;
    text-align:left!important;
    overflow:visible!important;
  }
  #invoiceDocument .whmcs-pdf-company h2{
    margin:0 0 2.2mm!important;
    padding:0!important;
    color:#000!important;
    font-size:10pt!important;
    line-height:1.22!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    max-width:100%!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  #invoiceDocument .whmcs-pdf-company p{
    margin:0 0 .55mm!important;
    padding:0!important;
    color:#000!important;
    font-size:9pt!important;
    line-height:1.25!important;
    font-weight:700!important;
    max-width:100%!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  #invoiceDocument .whmcs-pdf-company br{
    display:block!important;
    content:""!important;
    margin:1.8mm 0!important;
  }
  #invoiceDocument .whmcs-pdf-invoiced-header{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:29mm 0 0 0!important;
    direction:ltr!important;
    text-align:left!important;
    overflow:visible!important;
  }
  #invoiceDocument .whmcs-pdf-invoiced-header h3{
    margin:0 0 2mm!important;
    color:#000!important;
    font-size:10pt!important;
    line-height:1.25!important;
    font-weight:900!important;
  }
  #invoiceDocument .whmcs-pdf-invoiced-header p{
    margin:0 0 .85mm!important;
    color:#000!important;
    font-size:9pt!important;
    line-height:1.25!important;
    font-weight:700!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }
  #invoiceDocument .whmcs-bidi-text[dir="rtl"]{
    direction:rtl!important;
    text-align:right!important;
    unicode-bidi:plaintext!important;
  }
  #invoiceDocument .whmcs-bidi-text[dir="ltr"]{
    direction:ltr!important;
    text-align:left!important;
    unicode-bidi:plaintext!important;
  }
  #invoiceDocument .whmcs-pdf-titlebar{
    display:block!important;
    width:100%!important;
    margin:0 0 7mm!important;
    padding:4.2mm!important;
    min-height:0!important;
    background:#f8fafc!important;
    border:1px solid #d8dde7!important;
    border-radius:4mm!important;
    direction:ltr!important;
    text-align:left!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  #invoiceDocument .whmcs-pdf-titlebar h1{
    margin:0 0 1mm!important;
    color:#000!important;
    font-size:17pt!important;
    line-height:1.18!important;
    font-weight:900!important;
  }
  #invoiceDocument .whmcs-pdf-titlebar p{
    margin:.45mm 0!important;
    color:#000!important;
    font-size:9pt!important;
    line-height:1.25!important;
    font-weight:700!important;
  }
  #invoiceDocument .whmcs-pdf-items,
  #invoiceDocument .whmcs-pdf-transactions{
    width:100%!important;
    margin:0 0 7mm!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
  }
  #invoiceDocument .whmcs-pdf-transactions h3{
    margin:0 0 3mm!important;
    color:#000!important;
    font-size:10.5pt!important;
    line-height:1.25!important;
    font-weight:900!important;
    direction:ltr!important;
    text-align:left!important;
  }
  #invoiceDocument .whmcs-pdf-items table,
  #invoiceDocument .whmcs-pdf-transactions table{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    border-collapse:collapse!important;
    border-spacing:0!important;
    table-layout:fixed!important;
    border:1px solid #cfd5df!important;
    border-radius:0!important;
    overflow:visible!important;
    direction:ltr!important;
    background:#fff!important;
  }
  #invoiceDocument .whmcs-pdf-items th,
  #invoiceDocument .whmcs-pdf-items td,
  #invoiceDocument .whmcs-pdf-transactions th,
  #invoiceDocument .whmcs-pdf-transactions td{
    padding:2.6mm 2.8mm!important;
    border:1px solid #cfd5df!important;
    color:#000!important;
    font-size:9pt!important;
    line-height:1.28!important;
    vertical-align:top!important;
    background:#fff!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  #invoiceDocument .whmcs-pdf-items th,
  #invoiceDocument .whmcs-pdf-transactions th{
    background:#111827!important;
    color:#fff!important;
    font-weight:900!important;
    text-align:left!important;
  }
  #invoiceDocument .whmcs-pdf-items th:last-child,
  #invoiceDocument .whmcs-pdf-items td:last-child{
    width:30mm!important;
  }
  #invoiceDocument .whmcs-pdf-items th:first-child,
  #invoiceDocument .whmcs-pdf-items td:first-child{
    width:auto!important;
  }
  #invoiceDocument .whmcs-money,
  #invoiceDocument .whmcs-money-col,
  #invoiceDocument .whmcs-ltr-value{
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  #invoiceDocument td.whmcs-money,
  #invoiceDocument td.whmcs-ltr-value{
    display:table-cell!important;
  }
  #invoiceDocument .whmcs-pdf-total-row td{
    background:#f2f4f7!important;
    font-weight:900!important;
  }
  #invoiceDocument .whmcs-pdf-total-row td:first-child,
  #invoiceDocument .whmcs-pdf-transactions .whmcs-pdf-total-row td:first-child{
    text-align:left!important;
  }
  #invoiceDocument .whmcs-pdf-grand-row td{
    font-size:9.2pt!important;
    font-weight:900!important;
    color:#000!important;
  }
  #invoiceDocument .whmcs-pdf-footer{
    display:none!important;
  }
}


.whmcs-pdf-ribbon.unpaid{
  background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)!important;
  color:#991b1b!important;
  border:1px solid rgba(153,27,27,.32)!important;
}
@media print{
  #invoiceDocument .whmcs-pdf-ribbon{
    position:absolute!important;
    top:13.5mm!important;
    right:-1mm!important;
    width:42mm!important;
    height:10.5mm!important;
    min-height:10.5mm!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:rotate(45deg)!important;
    transform-origin:center center!important;
    border-radius:0!important;
    overflow:visible!important;
    white-space:nowrap!important;
    font-size:15.5pt!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    background:#b91c1c!important;
    color:#ffffff!important;
    border:.35mm solid #7f1d1d!important;
    box-shadow:none!important;
    text-shadow:none!important;
    opacity:1!important;
    z-index:50!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
    color-adjust:exact!important;
  }
  #invoiceDocument .whmcs-pdf-ribbon.unpaid{
    background:#b91c1c!important;
    color:#ffffff!important;
    border-color:#7f1d1d!important;
  }
  #invoiceDocument .whmcs-pdf-ribbon.paid{
    background:#15803d!important;
    color:#ffffff!important;
    border-color:#14532d!important;
  }
  #invoiceDocument .whmcs-pdf-ribbon.cancelled{
    background:#374151!important;
    color:#ffffff!important;
    border-color:#111827!important;
  }
}


.whmcs-invoices-page{
  max-width:1240px!important;
  margin-inline:auto!important;
}
.whmcs-invoices-page .whmcs-invoices-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
  direction:rtl!important;
}
.whmcs-invoices-page .whmcs-invoices-table-card{
  order:2!important;
  grid-column:1 / -1!important;
}
.whmcs-invoices-page .whmcs-invoices-due-card--wide{
  order:1!important;
  grid-column:1 / -1!important;
  width:100%!important;
  min-height:0!important;
  direction:rtl!important;
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) minmax(190px,auto) minmax(180px,auto)!important;
  align-items:center!important;
  gap:22px!important;
  padding:20px 24px!important;
  border:1px solid rgba(59,130,246,.22)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 64%,#2563eb 100%)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.13)!important;
  color:#fff!important;
  overflow:hidden!important;
  position:relative!important;
}
.whmcs-invoices-page .whmcs-invoices-due-card--wide::before{
  content:""!important;
  position:absolute!important;
  inset-inline-start:-80px!important;
  top:-110px!important;
  width:260px!important;
  height:260px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.09)!important;
  pointer-events:none!important;
}
.whmcs-invoices-page .whmcs-invoices-due-card--wide .whmcs-due-copy{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
  position:relative!important;
  z-index:1!important;
}
.whmcs-invoices-page .whmcs-invoices-due-card--wide p{
  margin:0!important;
  color:rgba(255,255,255,.9)!important;
  font-size:16px!important;
  line-height:1.7!important;
  font-weight:900!important;
  text-align:start!important;
}
.whmcs-invoices-page .whmcs-invoices-due-card--wide small{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin:0!important;
  color:rgba(255,255,255,.8)!important;
  font-size:13px!important;
  line-height:1.4!important;
  text-align:start!important;
}
.whmcs-invoices-page .whmcs-invoices-due-card--wide small span{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px 10px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
}
.whmcs-invoices-page .whmcs-invoices-due-card--wide strong{
  margin:0!important;
  min-width:190px!important;
  display:block!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  text-align:center!important;
  white-space:nowrap!important;
  padding-inline:22px!important;
  border-inline:1px solid rgba(255,255,255,.2)!important;
  position:relative!important;
  z-index:1!important;
}
.whmcs-invoices-page .whmcs-invoices-due-card--wide > a{
  min-width:180px!important;
  min-height:52px!important;
  margin:0!important;
  padding:12px 22px!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#1d4ed8!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  text-decoration:none!important;
  font-size:18px!important;
  font-weight:950!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:1!important;
}
.whmcs-invoices-page .whmcs-invoices-due-card--wide > a:hover{
  transform:translateY(-1px)!important;
  filter:brightness(.98)!important;
  color:#1d4ed8!important;
}
.whmcs-invoices-page .whmcs-invoices-due-card--wide > a em{
  font-style:normal!important;
}
@media(max-width:900px){
  .whmcs-invoices-page .whmcs-invoices-due-card--wide{
    grid-template-columns:1fr!important;
    text-align:center!important;
    justify-items:stretch!important;
    gap:14px!important;
    padding:20px!important;
  }
  .whmcs-invoices-page .whmcs-invoices-due-card--wide p,
  .whmcs-invoices-page .whmcs-invoices-due-card--wide small{
    text-align:center!important;
    justify-content:center!important;
  }
  .whmcs-invoices-page .whmcs-invoices-due-card--wide strong{
    min-width:0!important;
    font-size:28px!important;
    padding:14px 0!important;
    border-inline:0!important;
    border-block:1px solid rgba(255,255,255,.18)!important;
  }
  .whmcs-invoices-page .whmcs-invoices-due-card--wide > a{
    width:100%!important;
    min-width:0!important;
  }
}


.whmcs-invoices-table{
  min-width:980px!important;
}
.whmcs-invoices-table th.whmcs-invoice-actions-head,
.whmcs-invoices-table td.whmcs-invoice-actions-cell{
  min-width:230px!important;
  width:230px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.whmcs-invoices-table td.whmcs-invoice-actions-cell{
  cursor:default!important;
}
.whmcs-invoice-row-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.whmcs-invoice-row-actions .whmcs-invoice-action{
  min-height:34px!important;
  min-width:96px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  text-decoration:none!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:transform .18s ease, filter .18s ease, border-color .18s ease, background .18s ease!important;
}
.whmcs-invoice-row-actions .whmcs-invoice-action:hover{
  transform:translateY(-1px)!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.whmcs-invoice-row-actions .whmcs-invoice-action--pay{
  background:#dcfce7!important;
  color:#15803d!important;
  border-color:#86efac!important;
}
.whmcs-invoice-row-actions .whmcs-invoice-action--pay:hover{
  background:#bbf7d0!important;
  color:#166534!important;
  border-color:#4ade80!important;
}
.whmcs-invoice-row-actions .whmcs-invoice-action--view{
  background:#dbeafe!important;
  color:#1d4ed8!important;
  border-color:#93c5fd!important;
}
.whmcs-invoice-row-actions .whmcs-invoice-action--view:hover{
  background:#bfdbfe!important;
  color:#1e40af!important;
  border-color:#60a5fa!important;
}
.whmcs-invoice-row-actions .whmcs-invoice-action.is-disabled,
.whmcs-invoice-row-actions .whmcs-invoice-action.is-disabled:hover{
  background:#f1f5f9!important;
  color:#94a3b8!important;
  border-color:#e2e8f0!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
  transform:none!important;
}
@media(max-width:760px){
  .whmcs-invoices-table{
    min-width:1040px!important;
  }
  .whmcs-invoice-row-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .whmcs-invoice-row-actions .whmcs-invoice-action{
    width:100%!important;
    min-width:132px!important;
  }
}

.client-support-page,
.client-open-ticket-page{display:grid!important;gap:24px!important;}
.client-support-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:2px!important;}
.client-support-breadcrumbs{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;color:#64748b!important;font-size:14px!important;font-weight:800!important;}
.client-support-breadcrumbs a{color:#2563eb!important;text-decoration:none!important;}
.client-support-breadcrumbs strong{color:#334155!important;}
.client-support-ghost-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:44px!important;border:1px solid #d9e2f1!important;background:#fff!important;color:#1e40af!important;border-radius:14px!important;padding:10px 16px!important;text-decoration:none!important;font-weight:900!important;box-shadow:none!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important;white-space:nowrap!important;}
.client-support-ghost-btn svg{width:18px!important;height:18px!important;}
.client-support-ghost-btn:hover{transform:translateY(-1px)!important;border-color:#b8c7df!important;background:#f8fbff!important;}
.client-support-hero{text-align:center!important;padding:10px 0 16px!important;}
.client-support-hero span{display:block!important;color:#2563eb!important;font-weight:900!important;font-size:14px!important;margin-bottom:8px!important;}
.client-support-hero h1{margin:0!important;color:#0f172a!important;font-size:clamp(30px,4vw,48px)!important;line-height:1.22!important;font-weight:950!important;letter-spacing:-.03em!important;}
.client-support-hero p{margin:12px auto 0!important;color:#64748b!important;font-size:17px!important;line-height:1.9!important;max-width:760px!important;font-weight:700!important;}
.client-support-departments-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;}
.client-support-department-card{--support-accent:#2563eb;--support-soft:#eaf1ff;--support-border:#dbe6f8;position:relative!important;background:#fff!important;border:1px solid var(--support-border)!important;border-radius:20px!important;box-shadow:0 16px 38px rgba(15,23,42,.06)!important;overflow:hidden!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;}
.client-support-department-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 54px rgba(15,23,42,.11)!important;border-color:color-mix(in srgb,var(--support-accent) 38%,#dbe6f8)!important;}
.client-support-department-link{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;min-height:270px!important;padding:30px 26px 26px!important;text-decoration:none!important;color:inherit!important;}
.client-support-icon-badge{display:inline-grid!important;place-items:center!important;width:82px!important;height:82px!important;border-radius:999px!important;background:var(--support-soft)!important;color:var(--support-accent)!important;margin-bottom:20px!important;}
.client-support-icon-badge svg{width:42px!important;height:42px!important;}
.client-support-department-card h2{margin:0!important;color:#0f172a!important;font-size:21px!important;line-height:1.4!important;font-weight:950!important;}
.client-support-department-card p{margin:11px auto 22px!important;color:#64748b!important;font-size:15px!important;line-height:1.85!important;font-weight:700!important;max-width:285px!important;min-height:58px!important;}
.client-support-open-btn{margin-top:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:148px!important;min-height:44px!important;border-radius:11px!important;background:linear-gradient(180deg,#2f72ff,#1f58dd)!important;color:#fff!important;font-size:15px!important;font-weight:950!important;box-shadow:0 12px 26px rgba(37,99,235,.22)!important;}
.client-support-theme-blue{--support-accent:#2563eb;--support-soft:#e8f0ff;--support-border:#d7e5ff;}
.client-support-theme-green{--support-accent:#16a34a;--support-soft:#e8f8ee;--support-border:#d5f2df;}
.client-support-theme-amber{--support-accent:#d97706;--support-soft:#fff4dc;--support-border:#fee7b7;}
.client-support-theme-emerald{--support-accent:#16a34a;--support-soft:#e3f8eb;--support-border:#cef0dc;}
.client-support-theme-violet{--support-accent:#7c3aed;--support-soft:#f1e8ff;--support-border:#e5d6ff;}
.client-support-theme-orange{--support-accent:#ea580c;--support-soft:#fff0e8;--support-border:#fedccc;}
.client-current-tickets-panel{margin-top:4px!important;}
.client-ticket-list-modern{display:grid!important;gap:10px!important;}
.client-ticket-modern-row{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:14px!important;padding:14px!important;border:1px solid #e2e8f0!important;border-radius:16px!important;background:#fff!important;text-decoration:none!important;color:inherit!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important;}
.client-ticket-modern-row:hover{background:#f8fbff!important;border-color:#cbdaf5!important;transform:translateY(-1px)!important;}
.client-ticket-modern-icon{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#edf4ff!important;color:#2563eb!important;}
.client-ticket-modern-icon svg{width:22px!important;height:22px!important;}
.client-ticket-modern-info{display:grid!important;gap:4px!important;min-width:0!important;}
.client-ticket-modern-info strong{color:#0f172a!important;font-size:15px!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.client-ticket-modern-info small{color:#64748b!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.client-ticket-modern-badges{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
.client-open-ticket-layout{display:grid!important;grid-template-columns:minmax(260px,340px) minmax(0,1fr)!important;gap:22px!important;align-items:start!important;}
.client-open-ticket-aside{position:sticky!important;top:110px!important;}
.client-support-selected-card{padding:30px 26px!important;text-align:center!important;}
.client-support-selected-card .client-support-icon-badge{margin-inline:auto!important;}
.client-support-change-link{display:inline-flex!important;margin-top:2px!important;color:#1d4ed8!important;font-weight:900!important;text-decoration:none!important;}
.client-support-help-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;padding:24px!important;box-shadow:0 16px 38px rgba(15,23,42,.06)!important;}
.client-support-help-card h3{margin:0 0 8px!important;font-weight:950!important;color:#0f172a!important;font-size:20px!important;}
.client-support-help-card p{margin:0 0 16px!important;color:#64748b!important;line-height:1.8!important;font-weight:700!important;}
.client-open-ticket-form-panel{padding:26px!important;}
.client-open-ticket-form{display:grid!important;gap:16px!important;}
.client-open-ticket-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:4px!important;}
body.client-area-shell.front-dark .client-support-hero h1,
body.client-area-shell.front-dark .client-support-department-card h2,
body.client-area-shell.front-dark .client-ticket-modern-info strong,
body.client-area-shell.front-dark .client-support-help-card h3{color:#f8fafc!important;}
body.client-area-shell.front-dark .client-support-hero p,
body.client-area-shell.front-dark .client-support-breadcrumbs,
body.client-area-shell.front-dark .client-support-department-card p,
body.client-area-shell.front-dark .client-ticket-modern-info small,
body.client-area-shell.front-dark .client-support-help-card p{color:#b6c3d6!important;}
body.client-area-shell.front-dark .client-support-department-card,
body.client-area-shell.front-dark .client-ticket-modern-row,
body.client-area-shell.front-dark .client-support-ghost-btn,
body.client-area-shell.front-dark .client-support-help-card{background:#0f172a!important;border-color:#26344a!important;color:#e2e8f0!important;}
body.client-area-shell.front-dark .client-ticket-modern-row:hover,
body.client-area-shell.front-dark .client-support-ghost-btn:hover{background:#152033!important;}
@media(max-width:1180px){.client-support-departments-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.client-open-ticket-layout{grid-template-columns:1fr!important}.client-open-ticket-aside{position:static!important}.client-support-selected-card{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;text-align:start!important;gap:14px!important}.client-support-selected-card .client-support-icon-badge{margin:0!important}.client-support-selected-card p{margin:4px 0 0!important;min-height:0!important}.client-support-change-link{margin:0!important}}
@media(max-width:760px){.client-support-topbar{align-items:stretch!important;flex-direction:column!important}.client-support-ghost-btn{width:100%!important}.client-support-hero{text-align:start!important}.client-support-hero p{margin-inline:0!important}.client-support-departments-grid{grid-template-columns:1fr!important}.client-support-department-link{min-height:0!important}.client-ticket-modern-row{grid-template-columns:auto 1fr!important}.client-ticket-modern-badges{grid-column:1/-1!important;justify-content:flex-start!important}.client-support-selected-card{grid-template-columns:1fr!important;text-align:center!important}.client-support-selected-card .client-support-icon-badge{margin-inline:auto!important}.client-open-ticket-actions>.client-primary-btn,.client-open-ticket-actions>.client-support-ghost-btn{width:100%!important}}
body.front-dark .client-support-hero h1,
body.front-dark .client-support-department-card h2,
body.front-dark .client-ticket-modern-info strong,
body.front-dark .client-support-help-card h3{color:#f8fafc!important;}
body.front-dark .client-support-hero p,
body.front-dark .client-support-breadcrumbs,
body.front-dark .client-support-department-card p,
body.front-dark .client-ticket-modern-info small,
body.front-dark .client-support-help-card p{color:#b6c3d6!important;}
body.front-dark .client-support-department-card,
body.front-dark .client-ticket-modern-row,
body.front-dark .client-support-ghost-btn,
body.front-dark .client-support-help-card{background:#0f172a!important;border-color:#26344a!important;color:#e2e8f0!important;}
body.front-dark .client-ticket-modern-row:hover,
body.front-dark .client-support-ghost-btn:hover{background:#152033!important;}


.client-support-page,
.client-open-ticket-page{
  display:grid!important;
  gap:24px!important;
}
.client-support-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin-bottom:2px!important;
}
.client-support-title{
  max-width:760px!important;
}
.client-support-breadcrumb{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-bottom:10px!important;
  color:#64748B!important;
  font-size:13px!important;
  font-weight:800!important;
}
.client-support-breadcrumb span{
  color:#CBD5E1!important;
}
.client-support-title h2{
  margin:0!important;
  font-size:clamp(32px,4.2vw,52px)!important;
  line-height:1.18!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  color:#0B1740!important;
}
.client-support-title p{
  margin:12px 0 0!important;
  color:#64748B!important;
  font-size:17px!important;
  line-height:1.9!important;
  font-weight:700!important;
}
.client-support-current-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:52px!important;
  padding:13px 20px!important;
  border:1px solid #CBD5E1!important;
  background:#fff!important;
  color:#334155!important;
  border-radius:14px!important;
  text-decoration:none!important;
  font-weight:900!important;
  white-space:nowrap!important;
  box-shadow:0 14px 34px rgba(15,23,42,.04)!important;
  transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease!important;
}
.client-support-current-btn svg{
  width:20px!important;
  height:20px!important;
  color:#2563EB!important;
}
.client-support-current-btn:hover{
  transform:translateY(-2px)!important;
  border-color:#93C5FD!important;
  color:#1D4ED8!important;
  background:#F8FBFF!important;
}
.client-support-departments-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
}
.client-support-department-card{
  position:relative!important;
  min-height:296px!important;
  border:1px solid #E2E8F0!important;
  background:#fff!important;
  border-radius:20px!important;
  box-shadow:0 14px 38px rgba(15,23,42,.045)!important;
  overflow:hidden!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.client-support-department-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 50% -18%, color-mix(in srgb, var(--dept-soft) 70%, transparent), transparent 42%)!important;
  opacity:.75!important;
  pointer-events:none!important;
}
.client-support-department-card:hover{
  transform:translateY(-4px)!important;
  border-color:color-mix(in srgb, var(--dept-accent) 42%, #E2E8F0)!important;
  box-shadow:0 22px 54px rgba(37,99,235,.10)!important;
}
.client-support-department-card > a{
  position:relative!important;
  z-index:1!important;
  min-height:296px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  padding:30px 26px 28px!important;
  color:inherit!important;
  text-decoration:none!important;
}
.client-support-dept-icon{
  width:76px!important;
  height:76px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--dept-soft)!important;
  color:var(--dept-accent)!important;
  margin-bottom:18px!important;
}
.client-support-dept-icon svg{
  width:38px!important;
  height:38px!important;
}
.client-support-department-card strong,
.client-open-ticket-selected strong{
  display:block!important;
  color:#0B1740!important;
  font-size:22px!important;
  font-weight:950!important;
  line-height:1.4!important;
  margin-bottom:9px!important;
}
.client-support-department-card small,
.client-open-ticket-selected small{
  display:block!important;
  color:#667085!important;
  font-size:15px!important;
  line-height:1.8!important;
  font-weight:700!important;
  max-width:310px!important;
  margin-inline:auto!important;
}
.client-support-card-btn{
  margin-top:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:160px!important;
  min-height:45px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#2F6BFF,#1D4ED8)!important;
  color:#fff!important;
  font-weight:950!important;
  font-size:15px!important;
  box-shadow:0 10px 20px rgba(37,99,235,.22)!important;
}
.client-current-tickets-panel .client-panel-head p,
.client-ticket-form-panel .client-panel-head p{
  margin:5px 0 0!important;
  color:#64748B!important;
  font-size:14px!important;
  line-height:1.7!important;
  font-weight:700!important;
}
.client-ticket-list-badges{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.client-open-ticket-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:22px!important;
  align-items:start!important;
}
.client-open-ticket-summary{
  display:grid!important;
  gap:14px!important;
  position:sticky!important;
  top:22px!important;
}
.client-open-ticket-selected,
.client-open-ticket-note{
  border:1px solid #E2E8F0!important;
  background:#fff!important;
  border-radius:20px!important;
  box-shadow:0 14px 38px rgba(15,23,42,.045)!important;
  padding:24px!important;
}
.client-open-ticket-selected{
  text-align:center!important;
}
.client-open-ticket-selected .client-support-dept-icon{
  margin-inline:auto!important;
}
.client-open-ticket-note strong{
  display:block!important;
  color:#0B1740!important;
  font-size:17px!important;
  font-weight:950!important;
  margin-bottom:10px!important;
}
.client-open-ticket-note ul{
  margin:0!important;
  padding-inline-start:20px!important;
  color:#64748B!important;
  font-size:14px!important;
  line-height:1.9!important;
  font-weight:700!important;
}
.client-form-wide{
  grid-column:1/-1!important;
}
.client-open-ticket-submit{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:2px!important;
}
.client-open-ticket-submit .client-primary-btn{
  min-width:180px!important;
}
body.front-dark .client-support-title h2,
body.front-dark .client-support-department-card strong,
body.front-dark .client-open-ticket-selected strong,
body.front-dark .client-open-ticket-note strong{
  color:#F9FAFB!important;
}
body.front-dark .client-support-title p,
body.front-dark .client-support-breadcrumb,
body.front-dark .client-support-department-card small,
body.front-dark .client-open-ticket-selected small,
body.front-dark .client-open-ticket-note ul,
body.front-dark .client-current-tickets-panel .client-panel-head p,
body.front-dark .client-ticket-form-panel .client-panel-head p{
  color:#98A2B3!important;
}
body.front-dark .client-support-current-btn,
body.front-dark .client-support-department-card,
body.front-dark .client-open-ticket-selected,
body.front-dark .client-open-ticket-note{
  background:#101828!important;
  border-color:#1F2937!important;
}
body.front-dark .client-support-current-btn:hover{
  background:#172554!important;
  border-color:#1D4ED8!important;
  color:#fff!important;
}
@media(max-width:1180px){
  .client-support-departments-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
  .client-open-ticket-layout{grid-template-columns:1fr!important;}
  .client-open-ticket-summary{position:static!important;order:-1!important;}
}
@media(max-width:760px){
  .client-support-header{flex-direction:column!important;align-items:stretch!important;}
  .client-support-title h2{font-size:28px!important;}
  .client-support-title p{font-size:15px!important;}
  .client-support-departments-grid{grid-template-columns:1fr!important;}
  .client-support-department-card,
  .client-support-department-card > a{min-height:auto!important;}
  .client-support-department-card > a{padding:24px 18px!important;}
  .client-support-current-btn{width:100%!important;}
  .client-open-ticket-selected,
  .client-open-ticket-note{padding:18px!important;}
}

.client-support-breadcrumb a{
  color:#2563EB!important;
  text-decoration:none!important;
}
.client-support-breadcrumb strong{
  color:#334155!important;
}
.client-support-current-btn em{
  min-width:24px!important;
  height:24px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#2563EB!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:950!important;
}
.client-support-department-card > a:focus-visible,
.client-support-current-btn:focus-visible{
  outline:3px solid rgba(37,99,235,.24)!important;
  outline-offset:3px!important;
}
body.front-dark .client-support-breadcrumb a{
  color:#93C5FD!important;
}
body.front-dark .client-support-breadcrumb strong{
  color:#E5E7EB!important;
}

.client-support-page,
.client-open-ticket-page{
  font-size:15px!important;
  font-weight:400!important;
}
.client-support-header{
  gap:18px!important;
  margin-bottom:0!important;
}
.client-support-title{
  max-width:700px!important;
}
.client-support-breadcrumb{
  font-size:12.5px!important;
  line-height:1.7!important;
  font-weight:500!important;
  margin-bottom:8px!important;
}
.client-kicker{
  font-size:12.5px!important;
  font-weight:600!important;
}
.client-support-title h2{
  font-size:clamp(27px,2.75vw,38px)!important;
  line-height:1.28!important;
  font-weight:800!important;
  letter-spacing:-.012em!important;
}
.client-support-title p{
  margin-top:8px!important;
  font-size:15px!important;
  line-height:1.75!important;
  font-weight:400!important;
}
.client-support-current-btn{
  min-height:44px!important;
  padding:10px 16px!important;
  border-radius:12px!important;
  font-size:14px!important;
  font-weight:600!important;
}
.client-support-current-btn svg{
  width:18px!important;
  height:18px!important;
}
.client-support-current-btn em{
  font-weight:600!important;
}
.client-support-departments-grid{
  gap:18px!important;
}
.client-support-department-card{
  min-height:250px!important;
  border-radius:18px!important;
}
.client-support-department-card > a{
  min-height:250px!important;
  padding:24px 22px 22px!important;
}
.client-support-dept-icon{
  width:64px!important;
  height:64px!important;
  margin-bottom:14px!important;
}
.client-support-dept-icon svg{
  width:30px!important;
  height:30px!important;
}
.client-support-department-card strong,
.client-open-ticket-selected strong{
  font-size:18px!important;
  line-height:1.45!important;
  font-weight:800!important;
  margin-bottom:7px!important;
}
.client-support-department-card small,
.client-open-ticket-selected small{
  font-size:14px!important;
  line-height:1.72!important;
  font-weight:400!important;
  max-width:288px!important;
}
.client-support-card-btn{
  min-width:136px!important;
  min-height:40px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:600!important;
  box-shadow:0 8px 16px rgba(37,99,235,.17)!important;
}
.client-open-ticket-layout{
  gap:18px!important;
}
.client-open-ticket-page .client-panel-head h2,
.client-open-ticket-page .client-panel-head h3,
.client-current-tickets-panel .client-panel-head h2,
.client-current-tickets-panel .client-panel-head h3{
  font-size:18px!important;
  line-height:1.45!important;
  font-weight:800!important;
}
.client-open-ticket-page .client-panel-head p,
.client-current-tickets-panel .client-panel-head p,
.client-ticket-form-panel .client-panel-head p{
  font-size:14px!important;
  line-height:1.7!important;
  font-weight:400!important;
}
.client-open-ticket-page .client-form label,
.client-open-ticket-page .client-panel label,
.client-open-ticket-page .ta-form-layout label{
  font-size:13.5px!important;
  line-height:1.55!important;
  font-weight:500!important;
  color:#475569!important;
}
.client-open-ticket-page .client-form input,
.client-open-ticket-page .client-form select,
.client-open-ticket-page .client-form textarea,
.client-open-ticket-page .client-panel input,
.client-open-ticket-page .client-panel select,
.client-open-ticket-page .client-panel textarea,
.client-open-ticket-page .ta-form-layout input,
.client-open-ticket-page .ta-form-layout select,
.client-open-ticket-page .ta-form-layout textarea{
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:400!important;
}
.client-open-ticket-page .client-primary-btn,
.client-open-ticket-page .client-small-link{
  font-size:14px!important;
  font-weight:600!important;
}
.client-open-ticket-selected,
.client-open-ticket-note{
  padding:20px!important;
  border-radius:18px!important;
}
.client-open-ticket-note strong{
  font-size:16px!important;
  line-height:1.5!important;
  font-weight:700!important;
}
.client-open-ticket-note ul,
.client-open-ticket-note li{
  font-size:13.5px!important;
  line-height:1.85!important;
  font-weight:400!important;
}
.client-ticket-list-badges,
.client-ticket-list-badges *{
  font-weight:500!important;
}
@media(max-width:760px){
  .client-support-title h2{font-size:25px!important;}
  .client-support-title p{font-size:14px!important;}
  .client-support-department-card > a{padding:22px 18px!important;}
  .client-support-dept-icon{width:58px!important;height:58px!important;}
  .client-support-dept-icon svg{width:28px!important;height:28px!important;}
}


body.client-area-shell .client-support-page,
body.client-area-shell .client-open-ticket-page{
  font-size:14px!important;
  font-weight:400!important;
}
body.client-area-shell .client-support-page :where(p,small,span,em,a,li,label,input,select,textarea),
body.client-area-shell .client-open-ticket-page :where(p,small,span,em,a,li,label,input,select,textarea){
  font-weight:400!important;
}
body.client-area-shell .client-support-breadcrumb,
body.client-area-shell .client-support-breadcrumb a,
body.client-area-shell .client-support-breadcrumb span,
body.client-area-shell .client-support-breadcrumb strong{
  font-size:12px!important;
  line-height:1.65!important;
  font-weight:400!important;
}
body.client-area-shell .client-kicker{
  font-size:12px!important;
  line-height:1.5!important;
  font-weight:600!important;
}
body.client-area-shell .client-support-title h2{
  font-size:clamp(24px,2.15vw,32px)!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
body.client-area-shell .client-support-title p{
  font-size:14px!important;
  line-height:1.75!important;
  font-weight:400!important;
  color:#5f6f86!important;
}
body.client-area-shell .client-support-current-btn{
  min-height:40px!important;
  padding:8px 14px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:600!important;
}
body.client-area-shell .client-support-current-btn span,
body.client-area-shell .client-support-current-btn em{
  font-size:13px!important;
  font-weight:600!important;
}
body.client-area-shell .client-support-departments-grid{
  gap:16px!important;
}
body.client-area-shell .client-support-department-card{
  min-height:224px!important;
  border-radius:18px!important;
}
body.client-area-shell .client-support-department-card > a,
body.client-area-shell .client-support-department-card .client-support-department-link{
  min-height:224px!important;
  padding:21px 20px 20px!important;
}
body.client-area-shell .client-support-dept-icon{
  width:56px!important;
  height:56px!important;
  margin-bottom:12px!important;
}
body.client-area-shell .client-support-dept-icon svg{
  width:26px!important;
  height:26px!important;
}
body.client-area-shell .client-support-department-card strong,
body.client-area-shell .client-open-ticket-selected strong{
  display:block!important;
  font-size:16.5px!important;
  line-height:1.45!important;
  font-weight:700!important;
  margin:0 0 6px!important;
  color:#0f172a!important;
}
body.client-area-shell .client-support-department-card small,
body.client-area-shell .client-open-ticket-selected small{
  display:block!important;
  font-size:13.25px!important;
  line-height:1.7!important;
  font-weight:400!important;
  color:#64748b!important;
  max-width:280px!important;
  min-height:0!important;
  margin:0 auto 14px!important;
}
body.client-area-shell .client-support-card-btn{
  min-width:124px!important;
  min-height:36px!important;
  border-radius:10px!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:600!important;
  margin-top:auto!important;
}
body.client-area-shell .client-open-ticket-layout{
  gap:18px!important;
}
body.client-area-shell .client-open-ticket-page .client-panel-head h2,
body.client-area-shell .client-open-ticket-page .client-panel-head h3,
body.client-area-shell .client-current-tickets-panel .client-panel-head h2,
body.client-area-shell .client-current-tickets-panel .client-panel-head h3{
  font-size:17px!important;
  line-height:1.45!important;
  font-weight:700!important;
}
body.client-area-shell .client-open-ticket-page .client-panel-head p,
body.client-area-shell .client-current-tickets-panel .client-panel-head p,
body.client-area-shell .client-ticket-form-panel .client-panel-head p{
  font-size:13.5px!important;
  line-height:1.7!important;
  font-weight:400!important;
}
body.client-area-shell .client-open-ticket-page .client-form label,
body.client-area-shell .client-open-ticket-page .client-panel label,
body.client-area-shell .client-open-ticket-page .ta-form-layout label{
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:400!important;
  color:#52627a!important;
}
body.client-area-shell .client-open-ticket-page .client-form input,
body.client-area-shell .client-open-ticket-page .client-form select,
body.client-area-shell .client-open-ticket-page .client-form textarea,
body.client-area-shell .client-open-ticket-page .client-panel input,
body.client-area-shell .client-open-ticket-page .client-panel select,
body.client-area-shell .client-open-ticket-page .client-panel textarea,
body.client-area-shell .client-open-ticket-page .ta-form-layout input,
body.client-area-shell .client-open-ticket-page .ta-form-layout select,
body.client-area-shell .client-open-ticket-page .ta-form-layout textarea{
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:400!important;
}
body.client-area-shell .client-open-ticket-page .client-primary-btn,
body.client-area-shell .client-open-ticket-page .client-small-link{
  font-size:13.5px!important;
  font-weight:600!important;
}
body.client-area-shell .client-open-ticket-note strong{
  font-size:15px!important;
  line-height:1.5!important;
  font-weight:700!important;
}
body.client-area-shell .client-open-ticket-note ul,
body.client-area-shell .client-open-ticket-note li{
  font-size:13px!important;
  line-height:1.8!important;
  font-weight:400!important;
}
@media(max-width:760px){
  body.client-area-shell .client-support-title h2{font-size:23px!important;}
  body.client-area-shell .client-support-title p{font-size:13.5px!important;}
  body.client-area-shell .client-support-department-card > a{padding:20px 16px!important;}
  body.client-area-shell .client-support-dept-icon{width:52px!important;height:52px!important;}
  body.client-area-shell .client-support-dept-icon svg{width:24px!important;height:24px!important;}
  body.client-area-shell .client-support-department-card strong{font-size:16px!important;}
  body.client-area-shell .client-support-department-card small{font-size:13px!important;}
}


body.client-area-shell .client-support-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  border:1px solid #dbe4f0!important;
  border-radius:22px!important;
  padding:22px 24px!important;
  margin:0 0 24px!important;
  box-shadow:0 16px 36px rgba(15,23,42,.04)!important;
}
body.client-area-shell .client-support-title{
  flex:1 1 auto!important;
  max-width:none!important;
}
body.client-area-shell .client-support-breadcrumb{
  margin:0 0 6px!important;
}
body.client-area-shell .client-support-title h2{
  margin:0!important;
}
body.client-area-shell .client-support-title p{
  margin:6px 0 0!important;
}
body.client-area-shell .client-support-current-btn{
  flex:0 0 auto!important;
  min-width:196px!important;
  justify-content:center!important;
  align-self:center!important;
  white-space:nowrap!important;
}
body.client-area-shell.front-dark .client-support-header,
body.front-dark .client-support-header{
  background:linear-gradient(180deg,#0f172a 0%,#111c33 100%)!important;
  border-color:#22314a!important;
  box-shadow:none!important;
}
@media(max-width:760px){
  body.client-area-shell .client-support-header{
    flex-direction:column!important;
    align-items:stretch!important;
    padding:18px!important;
    gap:14px!important;
  }
  body.client-area-shell .client-support-current-btn{
    min-width:0!important;
    width:100%!important;
  }
}


.client-area-shell .client-support-page > .client-support-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  width:100%!important;
  position:relative!important;
  overflow:hidden!important;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(249,252,255,.98) 100%),
    radial-gradient(circle at 14% 24%,rgba(37,99,235,.12) 0,rgba(37,99,235,0) 26%),
    radial-gradient(circle at 88% 18%,rgba(59,130,246,.10) 0,rgba(59,130,246,0) 22%),
    radial-gradient(circle at 72% 86%,rgba(14,165,233,.08) 0,rgba(14,165,233,0) 20%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='160' viewBox='0 0 320 160'%3E%3Cg fill='none' stroke='%23dbeafe' stroke-width='1.2' opacity='.85'%3E%3Cpath d='M14 133C48 105 91 102 128 119s74 20 108 0 56-25 70-17'/%3E%3Cpath d='M28 100c22-14 54-13 78 0s51 13 78 0 59-14 92 0'/%3E%3Ccircle cx='255' cy='42' r='20'/%3E%3Ccircle cx='281' cy='48' r='8'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-position:center center,left top,right top,right bottom,left center!important;
  background-size:100% 100%,420px 220px,360px 200px,300px 180px,340px auto!important;
  border:1px solid #dbe4f0!important;
  border-radius:22px!important;
  padding:24px 24px!important;
  margin:0 0 24px!important;
  box-shadow:0 16px 36px rgba(15,23,42,.055)!important;
}
.client-area-shell .client-support-page > .client-support-header::after{
  content:""!important;
  position:absolute!important;
  inset-inline-start:18px!important;
  inset-block-start:14px!important;
  width:140px!important;
  height:140px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(37,99,235,.12) 0%,rgba(37,99,235,0) 70%)!important;
  pointer-events:none!important;
}
.client-area-shell .client-support-page > .client-support-header .client-support-title{
  position:relative!important;
  z-index:1!important;
  flex:1 1 auto!important;
  max-width:none!important;
}
.client-area-shell .client-support-page > .client-support-header .client-support-title h2{
  margin:0!important;
}
.client-area-shell .client-support-page > .client-support-header .client-support-title p{
  margin:8px 0 0!important;
}
.client-area-shell .client-support-page > .client-support-header .client-support-current-btn{
  position:relative!important;
  z-index:1!important;
  flex:0 0 auto!important;
  min-width:196px!important;
  justify-content:center!important;
  align-self:center!important;
  white-space:nowrap!important;
  background:#fff!important;
}
body.front-dark .client-area-shell .client-support-page > .client-support-header{
  background-image:
    linear-gradient(180deg,rgba(15,23,42,.96) 0%,rgba(17,28,51,.98) 100%),
    radial-gradient(circle at 14% 24%,rgba(96,165,250,.14) 0,rgba(96,165,250,0) 26%),
    radial-gradient(circle at 88% 18%,rgba(59,130,246,.12) 0,rgba(59,130,246,0) 22%),
    radial-gradient(circle at 72% 86%,rgba(14,165,233,.10) 0,rgba(14,165,233,0) 20%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='160' viewBox='0 0 320 160'%3E%3Cg fill='none' stroke='%231e3a5f' stroke-width='1.2' opacity='.9'%3E%3Cpath d='M14 133C48 105 91 102 128 119s74 20 108 0 56-25 70-17'/%3E%3Cpath d='M28 100c22-14 54-13 78 0s51 13 78 0 59-14 92 0'/%3E%3Ccircle cx='255' cy='42' r='20'/%3E%3Ccircle cx='281' cy='48' r='8'/%3E%3C/g%3E%3C/svg%3E")!important;
  border-color:#22314a!important;
  box-shadow:none!important;
}
@media(max-width:760px){
  .client-area-shell .client-support-page > .client-support-header{
    flex-direction:column!important;
    align-items:stretch!important;
    padding:18px!important;
    gap:14px!important;
    background-size:100% 100%,260px 160px,220px 140px,180px 130px,220px auto!important;
  }
  .client-area-shell .client-support-page > .client-support-header .client-support-current-btn{
    min-width:0!important;
    width:100%!important;
  }
}


.client-area-shell .client-support-primary-btn,
.client-area-shell .client-current-tickets-panel .client-panel-head .client-support-panel-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:42px!important;
  padding:10px 18px!important;
  border-radius:12px!important;
  border:1px solid #2563eb!important;
  background:linear-gradient(180deg,#2f6bff,#1d4ed8)!important;
  color:#ffffff!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.client-area-shell .client-support-primary-btn:hover,
.client-area-shell .client-current-tickets-panel .client-panel-head .client-support-panel-btn:hover{
  background:linear-gradient(180deg,#2563eb,#1e40af)!important;
  border-color:#1d4ed8!important;
  color:#ffffff!important;
}
.client-area-shell .client-support-primary-btn svg{
  color:#ffffff!important;
}
body.front-dark .client-area-shell .client-support-primary-btn,
body.front-dark .client-area-shell .client-current-tickets-panel .client-panel-head .client-support-panel-btn{
  background:linear-gradient(180deg,#2f6bff,#1d4ed8)!important;
  border-color:#3b82f6!important;
  color:#fff!important;
}


.client-area-shell .client-support-page > .client-support-header a.client-support-current-btn.client-support-primary-btn,
.client-area-shell .client-support-page > .client-support-header .client-support-current-btn.client-support-primary-btn{
  background:linear-gradient(180deg,#2f6bff,#1d4ed8)!important;
  border-color:#2563eb!important;
  color:#ffffff!important;
  box-shadow:0 10px 22px rgba(37,99,235,.18)!important;
}
.client-area-shell .client-support-page > .client-support-header a.client-support-current-btn.client-support-primary-btn span,
.client-area-shell .client-support-page > .client-support-header a.client-support-current-btn.client-support-primary-btn svg,
.client-area-shell .client-support-page > .client-support-header .client-support-current-btn.client-support-primary-btn span,
.client-area-shell .client-support-page > .client-support-header .client-support-current-btn.client-support-primary-btn svg{
  color:#ffffff!important;
}
.client-area-shell .client-support-page > .client-support-header a.client-support-current-btn.client-support-primary-btn:hover,
.client-area-shell .client-support-page > .client-support-header .client-support-current-btn.client-support-primary-btn:hover{
  background:linear-gradient(180deg,#2563eb,#1e40af)!important;
  border-color:#1d4ed8!important;
  color:#ffffff!important;
}
.client-area-shell .client-current-tickets-panel .client-panel-head a.client-support-panel-btn{
  background:linear-gradient(180deg,#2f6bff,#1d4ed8)!important;
  border-color:#2563eb!important;
  color:#ffffff!important;
}
.client-area-shell .client-current-tickets-panel .client-panel-head a.client-support-panel-btn:hover{
  background:linear-gradient(180deg,#2563eb,#1e40af)!important;
  border-color:#1d4ed8!important;
  color:#ffffff!important;
}


.client-area-shell .client-support-page > .client-support-header .client-support-current-btn.client-support-primary-btn,
.client-area-shell .client-support-page > .client-support-header a.client-support-current-btn.client-support-primary-btn{
  background:linear-gradient(180deg,#2f6bff,#1d4ed8)!important;
  border-color:#2563eb!important;
  color:#ffffff!important;
  box-shadow:none!important;
}
.client-area-shell .client-support-page > .client-support-header .client-support-current-btn.client-support-primary-btn span,
.client-area-shell .client-support-page > .client-support-header .client-support-current-btn.client-support-primary-btn svg{
  color:#ffffff!important;
  fill:none!important;
}
.client-area-shell .client-support-page > .client-support-header .client-support-current-btn.client-support-primary-btn:hover{
  background:linear-gradient(180deg,#2563eb,#1e40af)!important;
  border-color:#1d4ed8!important;
  color:#ffffff!important;
}
.client-area-shell .client-current-tickets-panel .client-panel-head a.client-support-panel-btn{
  background:linear-gradient(180deg,#2f6bff,#1d4ed8)!important;
  border:1px solid #2563eb!important;
  color:#ffffff!important;
  box-shadow:none!important;
}
.client-area-shell .client-current-tickets-panel .client-panel-head a.client-support-panel-btn:hover{
  background:linear-gradient(180deg,#2563eb,#1e40af)!important;
  color:#ffffff!important;
}


.client-area-shell .client-open-ticket-page > .client-support-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  width:100%!important;
  position:relative!important;
  overflow:hidden!important;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(249,252,255,.98) 100%),
    radial-gradient(circle at 14% 24%,rgba(37,99,235,.12) 0,rgba(37,99,235,0) 26%),
    radial-gradient(circle at 88% 18%,rgba(59,130,246,.10) 0,rgba(59,130,246,0) 22%),
    radial-gradient(circle at 72% 86%,rgba(14,165,233,.08) 0,rgba(14,165,233,0) 20%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='160' viewBox='0 0 320 160'%3E%3Cg fill='none' stroke='%23dbeafe' stroke-width='1.2' opacity='.85'%3E%3Cpath d='M14 133C48 105 91 102 128 119s74 20 108 0 56-25 70-17'/%3E%3Cpath d='M28 100c22-14 54-13 78 0s51 13 78 0 59-14 92 0'/%3E%3Ccircle cx='255' cy='42' r='20'/%3E%3Ccircle cx='281' cy='48' r='8'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-position:center center,left top,right top,right bottom,left center!important;
  background-size:100% 100%,420px 220px,360px 200px,300px 180px,340px auto!important;
  border:1px solid #dbe4f0!important;
  border-radius:22px!important;
  padding:24px 24px!important;
  margin:0 0 24px!important;
  box-shadow:0 16px 36px rgba(15,23,42,.055)!important;
}
.client-area-shell .client-open-ticket-page > .client-support-header::after{
  content:""!important;
  position:absolute!important;
  inset-inline-start:18px!important;
  inset-block-start:14px!important;
  width:140px!important;
  height:140px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(37,99,235,.12) 0%,rgba(37,99,235,0) 70%)!important;
  pointer-events:none!important;
}
.client-area-shell .client-open-ticket-page > .client-support-header .client-support-title{
  position:relative!important;
  z-index:1!important;
  flex:1 1 auto!important;
  max-width:none!important;
}
.client-area-shell .client-open-ticket-page > .client-support-header .client-support-title h2{
  margin:0!important;
}
.client-area-shell .client-open-ticket-page > .client-support-header .client-support-title p{
  margin:8px 0 0!important;
}
.client-area-shell .client-open-ticket-page > .client-support-header .client-support-current-btn{
  position:relative!important;
  z-index:1!important;
  flex:0 0 auto!important;
  min-width:196px!important;
  justify-content:center!important;
  align-self:center!important;
  white-space:nowrap!important;
  background:#fff!important;
}
body.front-dark .client-area-shell .client-open-ticket-page > .client-support-header{
  background-image:
    linear-gradient(180deg,rgba(15,23,42,.96) 0%,rgba(17,28,51,.98) 100%),
    radial-gradient(circle at 14% 24%,rgba(96,165,250,.14) 0,rgba(96,165,250,0) 26%),
    radial-gradient(circle at 88% 18%,rgba(59,130,246,.12) 0,rgba(59,130,246,0) 22%),
    radial-gradient(circle at 72% 86%,rgba(14,165,233,.10) 0,rgba(14,165,233,0) 20%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='160' viewBox='0 0 320 160'%3E%3Cg fill='none' stroke='%231e3a5f' stroke-width='1.2' opacity='.9'%3E%3Cpath d='M14 133C48 105 91 102 128 119s74 20 108 0 56-25 70-17'/%3E%3Cpath d='M28 100c22-14 54-13 78 0s51 13 78 0 59-14 92 0'/%3E%3Ccircle cx='255' cy='42' r='20'/%3E%3Ccircle cx='281' cy='48' r='8'/%3E%3C/g%3E%3C/svg%3E")!important;
  border-color:#22314a!important;
  box-shadow:none!important;
}
@media(max-width:760px){
  .client-area-shell .client-open-ticket-page > .client-support-header{
    flex-direction:column!important;
    align-items:stretch!important;
    padding:18px!important;
    gap:14px!important;
    background-size:100% 100%,260px 160px,220px 140px,180px 130px,220px auto!important;
  }
  .client-area-shell .client-open-ticket-page > .client-support-header .client-support-current-btn{
    min-width:0!important;
    width:100%!important;
  }
}


.client-area-shell .client-ticket-view-page{
  background:#fff!important;
  border:1px solid #dce5f2!important;
  border-radius:28px!important;
  padding:28px!important;
  box-shadow:0 18px 40px rgba(15,23,42,.06)!important;
}
.client-area-shell .client-ticket-view-header{
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:18px!important;
  padding-bottom:18px!important;
  border-bottom:1px solid #e8eef7!important;
}
.client-area-shell .client-ticket-view-icon{
  width:66px!important;height:66px!important;border-radius:18px!important;
  display:grid!important;place-items:center!important;background:#eef4ff!important;color:#2f6bff!important;
  border:1px solid #dbe7ff!important;flex:0 0 auto!important;
}
.client-area-shell .client-ticket-view-icon svg{width:31px!important;height:31px!important;}
.client-area-shell .client-ticket-view-heading{min-width:0!important;}
.client-area-shell .client-ticket-view-kicker,
.client-area-shell .client-ticket-view-submeta{font-size:14px!important;color:#64748b!important;font-weight:500!important;}
.client-area-shell .client-ticket-view-heading h2{margin:6px 0!important;color:#0f172a!important;font-size:clamp(30px,4vw,38px)!important;line-height:1.15!important;font-weight:900!important;}
.client-area-shell .client-ticket-view-badges{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-start!important;}
.client-area-shell .client-ticket-view-thread{display:grid!important;gap:24px!important;padding-top:26px!important;}
.client-area-shell .client-ticket-message{display:flex!important;align-items:flex-start!important;gap:18px!important;}
.client-area-shell .client-ticket-message.is-client{flex-direction:row-reverse!important;}
.client-area-shell .client-ticket-message-side{display:flex!important;align-items:center!important;gap:14px!important;flex:0 0 auto!important;}
.client-area-shell .client-ticket-message.is-client .client-ticket-message-side{flex-direction:column!important;align-items:center!important;min-width:112px!important;}
.client-area-shell .client-ticket-message.is-support .client-ticket-message-side{flex-direction:column!important;align-items:center!important;min-width:112px!important;}
.client-area-shell .client-ticket-message-date{display:grid!important;gap:3px!important;font-size:13px!important;color:#64748b!important;font-weight:500!important;text-align:center!important;}
.client-area-shell .client-ticket-message-avatar{width:52px!important;height:52px!important;border-radius:999px!important;display:grid!important;place-items:center!important;}
.client-area-shell .client-ticket-message-avatar svg{width:24px!important;height:24px!important;}
.client-area-shell .client-ticket-message-avatar.client{background:#2f6bff!important;color:#fff!important;box-shadow:0 10px 22px rgba(47,107,255,.22)!important;}
.client-area-shell .client-ticket-message-avatar.support{background:#15254a!important;color:#fff!important;box-shadow:0 10px 22px rgba(15,23,42,.18)!important;}
.client-area-shell .client-ticket-message-bubble{position:relative!important;flex:1 1 auto!important;background:#fff!important;border:1px solid #dfe8f5!important;border-radius:24px!important;padding:22px 24px!important;box-shadow:0 12px 28px rgba(15,23,42,.03)!important;max-width:calc(100% - 130px)!important;}
.client-area-shell .client-ticket-message.is-client .client-ticket-message-bubble{background:linear-gradient(180deg,#f8fbff 0%,#f4f8ff 100%)!important;border-color:#cfe0ff!important;text-align:right!important;}
.client-area-shell .client-ticket-message.is-support .client-ticket-message-bubble{text-align:left!important;}
.client-area-shell .client-ticket-message.is-client .client-ticket-message-bubble::after,
.client-area-shell .client-ticket-message.is-support .client-ticket-message-bubble::after{content:""!important;position:absolute!important;top:32px!important;width:18px!important;height:18px!important;background:inherit!important;border-top:1px solid inherit!important;border-inline-start:1px solid inherit!important;transform:rotate(45deg)!important;}
.client-area-shell .client-ticket-message.is-client .client-ticket-message-bubble::after{inset-inline-end:-10px!important;border-inline-start:none!important;border-inline-end:1px solid #cfe0ff!important;border-top:1px solid #cfe0ff!important;transform:rotate(45deg)!important;}
.client-area-shell .client-ticket-message.is-support .client-ticket-message-bubble::after{inset-inline-start:-10px!important;}
.client-area-shell .client-ticket-message-head{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:12px!important;}
.client-area-shell .client-ticket-message.is-client .client-ticket-message-head{justify-content:flex-end!important;}
.client-area-shell .client-ticket-message.is-support .client-ticket-message-head{justify-content:flex-start!important;}
.client-area-shell .client-ticket-message-head strong{font-size:17px!important;line-height:1.3!important;color:#0f172a!important;font-weight:800!important;}
.client-area-shell .client-ticket-message-role{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:4px 12px!important;border-radius:999px!important;font-size:13px!important;font-weight:700!important;}
.client-area-shell .client-ticket-message-role.client{background:#e8f0ff!important;color:#2563eb!important;}
.client-area-shell .client-ticket-message-role.support{background:#eef2f7!important;color:#334155!important;}
.client-area-shell .client-ticket-message-text{font-size:15px!important;line-height:2!important;color:#334155!important;font-weight:400!important;white-space:pre-line!important;}
.client-area-shell .client-ticket-reply-shell{margin-top:28px!important;border:1px solid #dfe8f5!important;border-radius:24px!important;background:#fcfdff!important;overflow:hidden!important;}
.client-area-shell .client-ticket-reply-title{display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:20px 22px 0!important;font-size:20px!important;color:#0f172a!important;font-weight:900!important;}
.client-area-shell .client-ticket-reply-form-modern{padding:16px 22px 22px!important;display:grid!important;gap:16px!important;}
.client-area-shell .client-ticket-reply-form-modern textarea{width:100%!important;min-height:180px!important;border:1px solid #d8e1ef!important;border-radius:18px!important;background:#fff!important;padding:18px 18px!important;font-size:15px!important;font-weight:400!important;line-height:1.9!important;color:#0f172a!important;resize:vertical!important;box-shadow:none!important;}
.client-area-shell .client-ticket-reply-form-modern textarea::placeholder{color:#94a3b8!important;}
.client-area-shell .client-ticket-reply-actions{display:flex!important;justify-content:flex-start!important;}
.client-area-shell .client-ticket-send-btn{display:inline-flex!important;align-items:center!important;gap:10px!important;border-radius:14px!important;padding:14px 24px!important;min-width:210px!important;justify-content:center!important;}
.client-area-shell .client-ticket-send-btn svg{width:18px!important;height:18px!important;}
.client-area-shell .client-ticket-close-form{padding:0 22px 22px!important;display:flex!important;justify-content:flex-start!important;}
.client-area-shell .client-ticket-close-btn{display:inline-flex!important;align-items:center!important;gap:10px!important;min-height:54px!important;padding:12px 20px!important;border-radius:14px!important;border:1px solid #fecaca!important;background:#fff5f5!important;color:#dc2626!important;font-size:15px!important;font-weight:700!important;box-shadow:none!important;}
.client-area-shell .client-ticket-close-btn svg{width:18px!important;height:18px!important;}
.client-area-shell .client-ticket-closed-note{margin-top:24px!important;background:#f8fafc!important;border:1px dashed #cbd5e1!important;border-radius:18px!important;padding:18px 20px!important;color:#475569!important;font-size:15px!important;font-weight:500!important;}
body.front-dark .client-area-shell .client-ticket-view-page{background:#0f172a!important;border-color:#26344a!important;box-shadow:none!important;}
body.front-dark .client-area-shell .client-ticket-view-header{border-bottom-color:#26344a!important;}
body.front-dark .client-area-shell .client-ticket-view-heading h2,
body.front-dark .client-area-shell .client-ticket-message-head strong,
body.front-dark .client-area-shell .client-ticket-reply-title{color:#f8fafc!important;}
body.front-dark .client-area-shell .client-ticket-view-kicker,
body.front-dark .client-area-shell .client-ticket-view-submeta,
body.front-dark .client-area-shell .client-ticket-message-date,
body.front-dark .client-area-shell .client-ticket-message-text,
body.front-dark .client-area-shell .client-ticket-closed-note{color:#cbd5e1!important;}
body.front-dark .client-area-shell .client-ticket-message-bubble,
body.front-dark .client-area-shell .client-ticket-reply-shell,
body.front-dark .client-area-shell .client-ticket-reply-form-modern textarea{background:#111c33!important;border-color:#26344a!important;color:#f8fafc!important;}
body.front-dark .client-area-shell .client-ticket-message.is-client .client-ticket-message-bubble{background:linear-gradient(180deg,#13284f 0%,#102445 100%)!important;border-color:#2d4f88!important;}
body.front-dark .client-area-shell .client-ticket-message-role.support{background:#1e293b!important;color:#e2e8f0!important;}
body.front-dark .client-area-shell .client-ticket-message-role.client{background:#1d4ed8!important;color:#fff!important;}
body.front-dark .client-area-shell .client-ticket-close-btn{background:rgba(220,38,38,.08)!important;border-color:#7f1d1d!important;color:#fecaca!important;}
@media (max-width: 980px){
  .client-area-shell .client-ticket-view-header{grid-template-columns:1fr!important;justify-items:start!important;}
  .client-area-shell .client-ticket-view-icon{order:0!important;}
  .client-area-shell .client-ticket-view-badges{order:3!important;justify-content:flex-start!important;}
  .client-area-shell .client-ticket-message,
  .client-area-shell .client-ticket-message.is-client{flex-direction:column!important;align-items:stretch!important;}
  .client-area-shell .client-ticket-message-side,
  .client-area-shell .client-ticket-message.is-client .client-ticket-message-side,
  .client-area-shell .client-ticket-message.is-support .client-ticket-message-side{flex-direction:row!important;justify-content:flex-start!important;min-width:0!important;}
  .client-area-shell .client-ticket-message-bubble{max-width:100%!important;}
  .client-area-shell .client-ticket-message.is-client .client-ticket-message-head,
  .client-area-shell .client-ticket-message.is-support .client-ticket-message-head{justify-content:flex-start!important;}
  .client-area-shell .client-ticket-message.is-client .client-ticket-message-bubble{text-align:start!important;}
  .client-area-shell .client-ticket-message.is-client .client-ticket-message-bubble::after,
  .client-area-shell .client-ticket-message.is-support .client-ticket-message-bubble::after{display:none!important;}
}
@media (max-width: 640px){
  .client-area-shell .client-ticket-view-page{padding:18px!important;border-radius:20px!important;}
  .client-area-shell .client-ticket-view-heading h2{font-size:28px!important;}
  .client-area-shell .client-ticket-reply-title{padding:18px 18px 0!important;font-size:18px!important;}
  .client-area-shell .client-ticket-reply-form-modern{padding:14px 18px 18px!important;}
  .client-area-shell .client-ticket-reply-form-modern textarea{min-height:150px!important;}
  .client-area-shell .client-ticket-send-btn,
  .client-area-shell .client-ticket-close-btn{width:100%!important;}
  .client-area-shell .client-ticket-close-form{padding:0 18px 18px!important;}
}


.client-area-shell .client-ticket-view-page{
  padding:22px!important;
  border-radius:22px!important;
}
.client-area-shell .client-ticket-view-header{
  gap:14px!important;
  padding-bottom:16px!important;
}
.client-area-shell .client-ticket-view-icon{
  width:52px!important;
  height:52px!important;
  border-radius:15px!important;
}
.client-area-shell .client-ticket-view-icon svg{
  width:24px!important;
  height:24px!important;
}
.client-area-shell .client-ticket-view-kicker,
.client-area-shell .client-ticket-view-submeta{
  font-size:12.5px!important;
  line-height:1.55!important;
  font-weight:400!important;
}
.client-area-shell .client-ticket-view-heading h2{
  font-size:clamp(24px,2.6vw,30px)!important;
  line-height:1.25!important;
  font-weight:800!important;
  margin:4px 0!important;
  letter-spacing:0!important;
}
.client-area-shell .client-ticket-view-badges .client-badge{
  font-size:12px!important;
  min-height:28px!important;
  padding:4px 10px!important;
  font-weight:600!important;
}
.client-area-shell .client-ticket-view-thread{
  gap:18px!important;
  padding-top:20px!important;
}
.client-area-shell .client-ticket-message{
  gap:14px!important;
}
.client-area-shell .client-ticket-message.is-client .client-ticket-message-side,
.client-area-shell .client-ticket-message.is-support .client-ticket-message-side{
  min-width:92px!important;
}
.client-area-shell .client-ticket-message-avatar{
  width:42px!important;
  height:42px!important;
}
.client-area-shell .client-ticket-message-avatar svg{
  width:19px!important;
  height:19px!important;
}
.client-area-shell .client-ticket-message-date{
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
}
.client-area-shell .client-ticket-message-bubble{
  max-width:calc(100% - 106px)!important;
  border-radius:18px!important;
  padding:17px 19px!important;
}
.client-area-shell .client-ticket-message-head{
  gap:8px!important;
  margin-bottom:8px!important;
}
.client-area-shell .client-ticket-message-head strong{
  font-size:14.5px!important;
  font-weight:700!important;
}
.client-area-shell .client-ticket-message-role{
  min-height:24px!important;
  padding:3px 9px!important;
  font-size:11.5px!important;
  font-weight:600!important;
}
.client-area-shell .client-ticket-message-text{
  font-size:14px!important;
  line-height:1.85!important;
  font-weight:400!important;
}
.client-area-shell .client-ticket-reply-shell{
  margin-top:22px!important;
  border-radius:18px!important;
}
.client-area-shell .client-ticket-reply-title{
  padding:16px 18px 0!important;
  font-size:16px!important;
  font-weight:700!important;
}
.client-area-shell .client-ticket-reply-form-modern{
  padding:12px 18px 12px!important;
  gap:12px!important;
}
.client-area-shell .client-ticket-reply-form-modern textarea{
  min-height:135px!important;
  border-radius:14px!important;
  padding:14px 16px!important;
  font-size:14px!important;
  line-height:1.75!important;
}
.client-area-shell .client-ticket-actions-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  padding:0 18px 18px!important;
}
.client-area-shell .client-ticket-actions-row .client-ticket-close-form{
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
}
.client-area-shell .client-ticket-send-btn,
.client-area-shell .client-ticket-close-btn{
  min-width:138px!important;
  min-height:40px!important;
  width:auto!important;
  border-radius:11px!important;
  padding:9px 15px!important;
  font-size:13.5px!important;
  line-height:1.35!important;
  font-weight:600!important;
  gap:8px!important;
  box-shadow:none!important;
}
.client-area-shell .client-ticket-send-btn svg,
.client-area-shell .client-ticket-close-btn svg{
  width:16px!important;
  height:16px!important;
}
@media (max-width: 980px){
  .client-area-shell .client-ticket-view-heading h2{font-size:24px!important;}
  .client-area-shell .client-ticket-message-bubble{max-width:100%!important;}
}
@media (max-width: 640px){
  .client-area-shell .client-ticket-view-page{padding:16px!important;}
  .client-area-shell .client-ticket-actions-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:0 16px 16px!important;
  }
  .client-area-shell .client-ticket-send-btn,
  .client-area-shell .client-ticket-close-btn,
  .client-area-shell .client-ticket-actions-row .client-ticket-close-form{
    width:100%!important;
  }
  .client-area-shell .client-ticket-reply-form-modern{padding:12px 16px!important;}
}

.client-area-shell .client-ticket-file-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.client-area-shell .client-ticket-attach-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:138px!important;
  min-height:40px!important;
  border-radius:11px!important;
  padding:9px 15px!important;
  border:1px dashed #93c5fd!important;
  background:#f8fbff!important;
  color:#2563eb!important;
  font-size:13.5px!important;
  line-height:1.35!important;
  font-weight:600!important;
  cursor:pointer!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
  box-shadow:none!important;
}
.client-area-shell .client-ticket-attach-btn svg{
  width:16px!important;
  height:16px!important;
}
.client-area-shell .client-ticket-attach-btn:hover{
  transform:translateY(-1px)!important;
  background:#eff6ff!important;
  border-color:#2563eb!important;
  color:#1d4ed8!important;
}
.client-area-shell .client-ticket-selected-files{
  display:inline-flex!important;
  align-items:center!important;
  min-height:40px!important;
  color:#64748b!important;
  font-size:12.5px!important;
  font-weight:400!important;
  padding:0 4px!important;
}
.client-area-shell .client-ticket-close-btn{
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
.client-area-shell .client-ticket-close-btn:hover{
  transform:translateY(-1px)!important;
  background:#fee2e2!important;
  border-color:#f87171!important;
  color:#b91c1c!important;
}
.client-area-shell .client-ticket-close-btn:active,
.client-area-shell .client-ticket-attach-btn:active,
.client-area-shell .client-ticket-send-btn:active{
  transform:translateY(0)!important;
}
.client-area-shell .client-ticket-attachments{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:14px!important;
}
.client-area-shell .client-ticket-message.is-client .client-ticket-attachments{
  justify-content:flex-end!important;
}
.client-area-shell .client-ticket-message.is-support .client-ticket-attachments{
  justify-content:flex-start!important;
}
.client-area-shell .client-ticket-attachment-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  max-width:100%!important;
  min-height:34px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  border:1px solid #bfdbfe!important;
  background:#eff6ff!important;
  color:#1d4ed8!important;
  text-decoration:none!important;
  font-size:12.5px!important;
  font-weight:500!important;
}
.client-area-shell .client-ticket-attachment-chip:hover{
  background:#dbeafe!important;
  border-color:#93c5fd!important;
  color:#1e40af!important;
}
.client-area-shell .client-ticket-attachment-chip svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 auto!important;
}
.client-area-shell .client-ticket-attachment-chip span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:220px!important;
}
.client-area-shell .client-ticket-attachment-chip small{
  color:#64748b!important;
  font-size:11.5px!important;
  font-weight:400!important;
}
body.front-dark .client-area-shell .client-ticket-attach-btn{
  background:#0f172a!important;
  border-color:#2f5fbd!important;
  color:#93c5fd!important;
}
body.front-dark .client-area-shell .client-ticket-attach-btn:hover{
  background:#172554!important;
  border-color:#60a5fa!important;
  color:#dbeafe!important;
}
body.front-dark .client-area-shell .client-ticket-selected-files{
  color:#94a3b8!important;
}
body.front-dark .client-area-shell .client-ticket-close-btn:hover{
  background:rgba(239,68,68,.16)!important;
  border-color:#ef4444!important;
  color:#fecaca!important;
}
body.front-dark .client-area-shell .client-ticket-attachment-chip{
  background:#13284f!important;
  border-color:#2d4f88!important;
  color:#bfdbfe!important;
}
body.front-dark .client-area-shell .client-ticket-attachment-chip:hover{
  background:#172554!important;
  border-color:#3b82f6!important;
}
@media (max-width:640px){
  .client-area-shell .client-ticket-attach-btn,
  .client-area-shell .client-ticket-selected-files{
    width:100%!important;
    justify-content:center!important;
  }
  .client-area-shell .client-ticket-selected-files{
    min-height:auto!important;
    padding:2px 0!important;
  }
}

.client-support-stats-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 20px!important;
}
.client-support-stats-grid article{
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  border-radius:18px!important;
  padding:18px!important;
  box-shadow:none!important;
  min-width:0!important;
}
.client-support-stats-grid article span{
  display:block!important;
  color:#64748b!important;
  font-size:13px!important;
  line-height:1.5!important;
  font-weight:700!important;
  margin-bottom:8px!important;
}
.client-support-stats-grid article strong{
  display:block!important;
  color:#0f172a!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:900!important;
}
.client-support-stats-grid article small{
  display:block!important;
  color:#94a3b8!important;
  font-size:12px!important;
  line-height:1.6!important;
  margin-top:8px!important;
}
.support-ticket-list-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.support-ticket-card{
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  border-radius:18px!important;
  padding:18px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  box-shadow:none!important;
  transition:border-color .18s ease,transform .18s ease,background .18s ease!important;
}
.support-ticket-card:hover{
  transform:translateY(-1px)!important;
  border-color:#bfdbfe!important;
  background:#fbfdff!important;
}
.support-ticket-card-main{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
.support-ticket-card-icon{
  width:52px!important;
  height:52px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef4ff!important;
  color:#2563eb!important;
  flex:0 0 auto!important;
}
.support-ticket-card-icon svg{
  width:26px!important;
  height:26px!important;
}
.support-ticket-card-main strong{
  display:block!important;
  color:#0f172a!important;
  font-size:16px!important;
  line-height:1.55!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:100%!important;
}
.support-ticket-card-main small,
.support-ticket-card-meta{
  color:#64748b!important;
  font-size:12.5px!important;
  line-height:1.7!important;
  font-weight:500!important;
}
.support-ticket-card-meta{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.support-ticket-card-meta span{
  border:1px solid #edf2f7!important;
  background:#f8fafc!important;
  border-radius:12px!important;
  padding:10px 12px!important;
  min-width:0!important;
}
.support-ticket-card-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  padding-top:2px!important;
}
.support-ticket-card-badges{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.support-ticket-open-btn,
.client-support-primary-btn,
.client-support-panel-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:8px 15px!important;
  border-radius:12px!important;
  border:1px solid #2563eb!important;
  background:#2563eb!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:none!important;
  transition:background .18s ease,transform .18s ease!important;
}
.support-ticket-open-btn:hover,
.client-support-primary-btn:hover,
.client-support-panel-btn:hover{
  background:#1d4ed8!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:none!important;
}
.client-support-current-btn,
.client-support-card-btn,
.client-open-ticket-page .client-primary-btn,
.client-open-ticket-page .client-small-link,
.client-ticket-view-page .client-primary-btn,
.client-ticket-view-page .client-ticket-attach-btn,
.client-ticket-view-page .client-ticket-close-btn,
.whmcs-actions-card button,
.whmcs-pay-card button{
  box-shadow:none!important;
}
.client-support-page .client-empty,
.client-open-ticket-page .client-empty{
  border:1px dashed #cbd5e1!important;
  background:#f8fafc!important;
  border-radius:18px!important;
  padding:26px 18px!important;
  color:#64748b!important;
  font-weight:700!important;
}
.client-open-ticket-page .client-ticket-form-panel,
.client-current-tickets-panel{
  box-shadow:none!important;
  border-radius:22px!important;
}
.client-open-ticket-page .client-form input,
.client-open-ticket-page .client-form select,
.client-open-ticket-page .client-form textarea{
  border-radius:14px!important;
  border-color:#dbe4f0!important;
  background:#fff!important;
}
.client-open-ticket-page .client-primary-btn{
  background:#2563eb!important;
  color:#fff!important;
  border:1px solid #2563eb!important;
}
.client-open-ticket-page .client-small-link{
  background:#eef4ff!important;
  color:#2563eb!important;
  border-color:#bfd3ff!important;
}
.client-ticket-view-page{
  box-shadow:none!important;
}
.client-ticket-view-page .client-ticket-message-bubble,
.client-ticket-view-page .client-ticket-reply-shell{
  box-shadow:none!important;
}
.whmcs-invoice-sidebar .whmcs-pay-card,
.whmcs-invoice-sidebar .whmcs-actions-card{
  box-shadow:none!important;
  border-color:#e2e8f0!important;
}
.whmcs-pay-card button,
.whmcs-actions-card button{
  border-radius:12px!important;
  font-weight:800!important;
}
body.front-dark .client-support-stats-grid article,
body.front-dark .support-ticket-card,
body.front-dark .client-open-ticket-page .client-ticket-form-panel,
body.front-dark .client-current-tickets-panel{
  background:#0f172a!important;
  border-color:#26344a!important;
}
body.front-dark .support-ticket-card-main strong,
body.front-dark .client-support-stats-grid article strong{
  color:#f8fafc!important;
}
body.front-dark .support-ticket-card-main small,
body.front-dark .support-ticket-card-meta,
body.front-dark .client-support-stats-grid article span,
body.front-dark .client-support-stats-grid article small{
  color:#cbd5e1!important;
}
body.front-dark .support-ticket-card-meta span{
  background:#111c33!important;
  border-color:#26344a!important;
}
@media(max-width:1180px){
  .client-support-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .support-ticket-list-grid{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  .client-support-stats-grid{grid-template-columns:1fr!important;}
  .support-ticket-card-meta{grid-template-columns:1fr!important;}
  .support-ticket-card-footer{align-items:stretch!important;}
  .support-ticket-open-btn{width:100%!important;}
}


.client-area-shell .front-container.client-front-container,
.client-area-shell .client-front-container{
  width:100%!important;
  max-width:1300px!important;
  margin-inline:auto!important;
}
.client-area-shell .client-dashboard-layout{
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.client-area-shell .client-dashboard-content{
  min-width:0!important;
  width:100%!important;
}
.client-area-shell .client-panel,
.client-area-shell .client-item-card,
.client-area-shell .client-card-surface{
  max-width:100%!important;
  box-sizing:border-box!important;
}
.client-area-shell :where(h1,h2){
  font-size:clamp(22px,2.2vw,28px)!important;
  line-height:1.35!important;
  font-weight:850!important;
  letter-spacing:0!important;
}
.client-area-shell :where(h3){
  font-size:clamp(18px,1.65vw,22px)!important;
  line-height:1.4!important;
  font-weight:850!important;
}
.client-area-shell :where(h4){
  font-size:clamp(16px,1.35vw,19px)!important;
  line-height:1.45!important;
  font-weight:800!important;
}
.client-area-shell :where(p,li,td,th,label,input,select,textarea,button,a,small,span,dd,dt){
  font-size:inherit;
}
.client-area-shell .client-panel-head h2,
.client-area-shell .client-panel-head h3{
  font-size:20px!important;
}
.client-area-shell .client-panel-head p,
.client-area-shell .client-muted,
.client-area-shell .client-note{
  font-size:13px!important;
  line-height:1.8!important;
}
.client-side-nav-head .client-avatar,
.client-avatar{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
}
.client-avatar.has-image img,
.client-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.client-area-shell :where(.client-primary-btn,.client-small-link,.front-btn,.dp-btn,.svc-btn,.sd-btn,.acc-btn,.notif-btn,.invoice-action-btn,button){
  box-shadow:none!important;
}
@media(max-width:1180px){
  .client-area-shell .client-dashboard-layout{grid-template-columns:1fr!important;}
  .client-area-shell .front-container.client-front-container,
  .client-area-shell .client-front-container{max-width:100%!important;}
}
@media(max-width:760px){
  .client-area-shell :where(h1,h2){font-size:23px!important;}
  .client-area-shell :where(h3){font-size:19px!important;}
}

.client-area-shell .client-front-container{
  max-width:1300px!important;
  width:100%!important;
  margin-inline:auto!important;
}
.client-area-shell .client-dashboard-layout{
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:24px!important;
}
.client-area-shell .client-dashboard-content,
.client-area-shell .client-panel,
.client-area-shell .client-item-card,
.client-area-shell .client-card-surface{
  min-width:0!important;
}
.client-area-shell .client-dashboard-content :where(p,small,span,li,td,dt,dd,label,input,select,textarea,.client-muted,.client-note,.meta,.hint,.description){
  font-weight:400!important;
}
.client-area-shell .client-dashboard-content :where(strong,b){
  font-weight:500!important;
}
.client-area-shell .client-dashboard-content :where(h1,h2,h3,h4,h5,h6,.client-panel-head h2,.client-panel-head h3,.dash-card-head h3,.svc-section-head h3,.dp-section-head h3,.nt-section-head h3,.invoice-title,.acc-card-title){
  font-weight:800!important;
}
.client-area-shell .client-dashboard-content :where(button,.client-primary-btn,.client-small-link,.front-btn,.dash-btn,.svc-btn,.dp-btn,.nt-btn,.acc-btn,.client-invoice-btn,.pay-result-btn,.usdt-btn,.client-badge,.dp-status,.svc-pill,.nt-pill){
  font-weight:700!important;
  box-shadow:none!important;
}
.client-side-nav-head .client-avatar.has-image,
.client-side-nav-head .client-avatar.has-image img,
.client-avatar.has-image,
.client-avatar.has-image img{
  background:transparent!important;
}
.client-side-nav-head .client-avatar img,
.client-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.client-side-nav-head strong{
  font-weight:700!important;
}
.client-side-nav-head small,
.client-side-nav-link span{
  font-weight:500!important;
}
@media(max-width:1180px){
  .client-area-shell .client-dashboard-layout{grid-template-columns:1fr!important;}
}

/* DATA PLANET homepage content */
.front-home-intro{
  padding-top:18px;
}
.front-home-intro-box{
  border:1px solid var(--gray-200);
  background:rgba(255,255,255,.84);
  border-radius:28px;
  padding:34px;
  box-shadow:var(--shadow-sm);
  text-align:center;
}
.front-home-intro-box h2{
  margin:0;
  font-size:clamp(28px, 4vw, 46px);
  line-height:1.2;
  color:var(--gray-900);
}
.front-home-intro-box p{
  width:min(920px,100%);
  margin:14px auto 0;
  color:var(--gray-500);
  line-height:1.95;
}
.front-home-intro-actions,
.front-home-cta-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}
.front-home-service-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.front-home-service-card p{
  flex:1;
  line-height:1.8;
}
.front-home-service-icon span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:8px;
  font-size:14px;
  font-weight:800;
  color:var(--brand);
}
.front-home-price{
  align-items:baseline;
  flex-wrap:wrap;
}
.front-home-price > span:first-child{
  width:100%;
  color:var(--gray-500);
  font-size:12px;
  margin-bottom:2px;
}
.front-home-image-split{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:38px;
  align-items:center;
}
.front-home-image-split-reverse{
  grid-template-columns:.98fr 1.02fr;
}
.front-home-visual{
  border:1px solid var(--gray-200);
  border-radius:28px;
  background:linear-gradient(135deg,#fff,var(--gray-50));
  padding:18px;
  min-height:320px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:var(--shadow-md);
  overflow:hidden;
}
.front-home-visual img{
  display:block;
  width:100%;
  height:100%;
  max-height:430px;
  object-fit:contain;
}
.front-home-visual-large img{
  max-height:520px;
}
.front-home-visual-contain{
  background:#fff;
}
.front-home-design p,
.front-home-client-panel p,
.front-home-cpanel p,
.front-home-migration p{
  color:var(--gray-500);
  line-height:1.9;
  margin:12px 0 0;
}
.front-home-section-button{
  margin-top:24px;
}
.front-home-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:34px;
}
.front-home-mini-card{
  min-height:auto;
}
.front-home-mini-card h3{
  margin:0 0 8px;
  font-size:18px;
  color:var(--gray-900);
}
.front-home-mini-card p{
  margin:0;
  color:var(--gray-500);
  line-height:1.8;
}
.front-home-premium-grid{
  gap:18px;
}
.front-home-premium-card p{
  line-height:1.85;
}
.front-home-support-grid{
  align-items:center;
}
.front-home-support-panel{
  padding:0;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.front-home-support-panel img{
  display:block;
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:contain;
  padding:18px;
}
.front-home-migration-box{
  border:1px solid var(--brand-border);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(70,95,255,.08),rgba(122,90,248,.08));
  padding:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.front-home-migration-box h2{
  margin:0;
  font-size:32px;
  color:var(--gray-900);
}
.front-home-cpanel-tools{
  margin-top:22px;
}
.front-home-final-cta{
  align-items:center;
}
.front-home-cta-actions{
  margin-top:0;
  justify-content:flex-end;
  flex:0 0 auto;
}
.front-home-cta-secondary{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
}
body.front-dark .front-home-intro-box,
body.front-dark .front-home-visual,
body.front-dark .front-home-mini-card,
body.front-dark .front-home-migration-box{
  background:rgba(16,24,40,.78);
  border-color:rgba(255,255,255,.10);
}
body.front-dark .front-home-intro-box h2,
body.front-dark .front-home-mini-card h3,
body.front-dark .front-home-migration-box h2{
  color:#fff;
}
body.front-dark .front-home-visual-contain{
  background:rgba(255,255,255,.92);
}
@media(max-width:1040px){
  .front-home-image-split,
  .front-home-image-split-reverse{
    grid-template-columns:1fr;
  }
  .front-home-mini-grid{
    grid-template-columns:1fr;
  }
  .front-home-migration-box,
  .front-home-final-cta{
    align-items:flex-start;
    flex-direction:column;
  }
  .front-home-cta-actions{
    justify-content:flex-start;
  }
}
@media(max-width:680px){
  .front-home-intro-box,
  .front-home-migration-box{
    padding:24px;
    border-radius:22px;
  }
  .front-home-intro-actions .front-btn,
  .front-home-cta-actions .front-btn{
    width:100%;
  }
  .front-home-visual{
    min-height:240px;
    border-radius:22px;
  }
  .front-home-support-panel img{
    min-height:240px;
  }
}

/* Domain availability and TLD pricing cards */
.cart-domain-supported{
  margin:18px 0 16px;
  border:1px solid #E4E7EC;
  background:linear-gradient(180deg,#FFFFFF,#F8FAFC);
  border-radius:20px;
  padding:16px;
}
.cart-domain-supported-head{
  display:grid;
  gap:4px;
  margin-bottom:12px;
}
.cart-domain-supported-head strong{
  color:#101828;
  font-size:15px;
  font-weight:900;
}
.cart-domain-supported-head span{
  color:#667085;
  font-size:12px;
  line-height:1.7;
}
.cart-domain-tld-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.cart-domain-tld-card{
  border:1px solid #D0D5DD;
  background:#fff;
  border-radius:16px;
  padding:12px;
  display:grid;
  gap:5px;
}
.cart-domain-tld-card b{
  color:#175CD3;
  font-size:18px;
  font-weight:900;
  direction:ltr;
  text-align:start;
}
.cart-domain-tld-card small{
  color:#475467;
  font-size:12px;
  line-height:1.5;
}
.cart-domain-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
}
.cart-domain-search-btn{
  min-height:54px;
  border:0;
  border-radius:16px;
  padding:0 20px;
  background:#101828;
  color:#fff;
  font-weight:800;
  cursor:pointer;
  transition:.18s ease;
  white-space:nowrap;
}
.cart-domain-search-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(16,24,40,.16);
}
.cart-domain-search-btn:disabled,
.cart-checkout-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none!important;
  box-shadow:none!important;
}
.cart-domain-lookup-message{
  margin-top:12px;
  border-radius:16px;
  padding:13px 15px;
  font-size:13px;
  font-weight:700;
  line-height:1.7;
  border:1px solid #E4E7EC;
  background:#F9FAFB;
  color:#475467;
}
.cart-domain-lookup-message.is-loading{
  border-color:#B2CCFF;
  background:#EEF4FF;
  color:#175CD3;
}
.cart-domain-lookup-message.is-success{
  border-color:#ABEFC6;
  background:#ECFDF3;
  color:#067647;
}
.cart-domain-lookup-message.is-error{
  border-color:#FECDCA;
  background:#FEF3F2;
  color:#B42318;
}
body.front-dark .cart-domain-supported,
body.front-dark .cart-domain-tld-card{
  background:#0B1220;
  border-color:#344054;
}
body.front-dark .cart-domain-supported-head strong,
body.front-dark .cart-domain-tld-card b{
  color:#F2F4F7;
}
body.front-dark .cart-domain-supported-head span,
body.front-dark .cart-domain-tld-card small{
  color:#98A2B3;
}
body.front-dark .cart-domain-search-btn{
  background:#2563EB;
}
body.front-dark .cart-domain-lookup-message{
  background:#0B1220;
  border-color:#344054;
  color:#D0D5DD;
}
body.front-dark .cart-domain-lookup-message.is-loading{
  background:#172554;
  border-color:#1D4ED8;
  color:#BFDBFE;
}
body.front-dark .cart-domain-lookup-message.is-success{
  background:#052E1A;
  border-color:#15803D;
  color:#BBF7D0;
}
body.front-dark .cart-domain-lookup-message.is-error{
  background:#450A0A;
  border-color:#B91C1C;
  color:#FECACA;
}
@media(max-width:760px){
  .cart-domain-tld-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cart-domain-search-row{grid-template-columns:1fr;}
  .cart-domain-search-btn{width:100%;}
}

/* DATA PLANET v1.0.9 - frontend background placement
   Site background images are displayed on the outer gutters only.
   Public content is wrapped in a solid centered surface controlled by front_layout_max_width. */
html.front-html,
html:has(body.front-site){
  min-height:100%!important;
  background-color:#EEF2F6!important;
  background-image:var(--front-background-image, none)!important;
  background-repeat:repeat!important;
  background-size:auto!important;
  background-position:left top!important;
  background-attachment:fixed!important;
}
body.front-site{
  min-height:100vh!important;
  background:transparent!important;
  background-image:none!important;
}
body.front-site.front-layout-full{
  position:relative!important;
  isolation:isolate!important;
  max-width:none!important;
  background:transparent!important;
  background-image:none!important;
}
body.front-site.front-layout-full::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  z-index:-1!important;
  pointer-events:none!important;
  top:0!important;
  bottom:0!important;
  left:50%!important;
  width:min(var(--front-layout-max-width,1280px), 100%)!important;
  max-width:100%!important;
  transform:translateX(-50%)!important;
  background:#F9FAFB!important;
  box-shadow:0 0 0 1px rgba(208,213,221,.50)!important;
}
body.front-layout-full > .front-topbar,
body.front-layout-full > .front-header,
body.front-layout-full > .front-footer,
body.front-layout-full .front-main-surface{
  width:min(var(--front-layout-max-width,1280px), 100%)!important;
  max-width:min(var(--front-layout-max-width,1280px), 100%)!important;
  margin-inline:auto!important;
}
body.front-layout-full > main{
  background:transparent!important;
  background-image:none!important;
}
body.front-layout-full .front-main-surface{
  position:relative!important;
  z-index:0!important;
  display:block!important;
  min-height:40vh!important;
  padding-bottom:56px!important;
  background:#F9FAFB!important;
  background-image:none!important;
  border-inline:1px solid rgba(208,213,221,.50)!important;
  box-shadow:0 18px 48px rgba(16,24,40,.035)!important;
  overflow:hidden!important;
}
body.front-layout-full .front-main-surface > :last-child{
  margin-bottom:0!important;
}
body.front-layout-full .front-footer{
  margin-top:0!important;
}
body.front-layout-boxed,
body.front-layout-framed,
body.front-layout-bordered{
  background-color:#F9FAFB!important;
  background-image:none!important;
}
body.front-layout-boxed .front-main-surface,
body.front-layout-framed .front-main-surface,
body.front-layout-bordered .front-main-surface{
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  background:#F9FAFB!important;
  background-image:none!important;
}
body.front-dark.front-layout-full::before,
body.front-dark.front-layout-full .front-main-surface,
body.front-dark.front-layout-boxed,
body.front-dark.front-layout-framed,
body.front-dark.front-layout-bordered,
body.front-dark.front-layout-boxed .front-main-surface,
body.front-dark.front-layout-framed .front-main-surface,
body.front-dark.front-layout-bordered .front-main-surface{
  background-color:#071120!important;
  background:#071120!important;
  background-image:none!important;
}
body.front-dark.front-layout-full::before,
body.front-dark.front-layout-full .front-main-surface{
  border-inline-color:rgba(31,41,55,.70)!important;
  box-shadow:0 0 0 1px rgba(31,41,55,.70)!important;
}
@media(max-width:900px){
  html.front-html,
  html:has(body.front-site){
    background-attachment:scroll!important;
  }
  body.front-site.front-layout-full::before,
  body.front-layout-full > .front-topbar,
  body.front-layout-full > .front-header,
  body.front-layout-full > .front-footer,
  body.front-layout-full .front-main-surface{
    width:100%!important;
    max-width:100%!important;
  }
  body.front-site.front-layout-full::before,
  body.front-layout-full .front-main-surface{
    border-inline:0!important;
    box-shadow:none!important;
  }
  body.front-layout-full .front-main-surface{
    padding-bottom:34px!important;
  }
}


/* DATA PLANET v1.0.11 - social icons visibility fix.
   Enabled social icons are displayed when enabled, even before their URLs are configured. */
.front-socials .front-social-item,
.front-socials a.front-social-item,
.front-socials span.front-social-item{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:0!important;
  line-height:1!important;
  padding:0!important;
  border:0!important;
  flex:0 0 auto!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
}
.front-socials-header .front-social-item,
.front-socials-header a.front-social-item,
.front-socials-header span.front-social-item{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
}
.front-socials .front-social-item:hover,
.front-socials .front-social-item:focus,
.front-socials .front-social-item:active{
  color:#fff!important;
  opacity:.92!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
}
.front-socials .front-social-placeholder{
  cursor:default!important;
  pointer-events:none!important;
  opacity:.92!important;
}
.front-socials .front-social-whatsapp{background:#25D366!important;}
.front-socials .front-social-youtube{background:#FF0000!important;}
.front-socials .front-social-facebook{background:#1877F2!important;}
.front-socials .front-social-instagram{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4)!important;}
.front-socials .front-social-tiktok{background:#111827!important;}
.front-socials .front-social-item svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  fill:currentColor!important;
  color:#fff!important;
}
.front-socials-header .front-social-item svg{
  width:14px!important;
  height:14px!important;
}

/* DATA PLANET v1.0.13 - optional social icons below company headquarters in footer. */
.front-company-block .front-socials-footer_company,
.front-company-block .front-socials-footer-company{
  margin-top:14px!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
.front-company-block .front-socials-footer_company .front-social-item,
.front-company-block .front-socials-footer_company a.front-social-item,
.front-company-block .front-socials-footer_company span.front-social-item,
.front-company-block .front-socials-footer-company .front-social-item,
.front-company-block .front-socials-footer-company a.front-social-item,
.front-company-block .front-socials-footer-company span.front-social-item{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  direction:initial!important;
  unicode-bidi:normal!important;
}
.front-company-block .front-socials-footer_company .front-social-item svg,
.front-company-block .front-socials-footer-company .front-social-item svg{
  width:15px!important;
  height:15px!important;
}
html[dir="rtl"] .front-company-block .front-socials-footer_company,
html[dir="rtl"] .front-company-block .front-socials-footer-company{
  justify-content:flex-start!important;
}
@media(max-width:760px){
  .front-company-block .front-socials-footer_company,
  .front-company-block .front-socials-footer-company{
    justify-content:center!important;
  }
}

/* DATA PLANET v1.0.16 - footer headquarters contact alignment and single-line social icons. */
.front-footer .front-company-block .front-company-contact-list{
  display:grid!important;
  gap:8px!important;
  justify-items:start!important;
  align-items:start!important;
  text-align:left!important;
  direction:ltr!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.front-footer .front-company-block .front-company-contact-list li{
  width:100%!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  text-align:left!important;
  direction:ltr!important;
  line-height:1.7!important;
}
.front-footer .front-company-block .front-company-contact-row,
.front-footer .front-company-block a.front-company-contact-row,
.front-footer .front-company-block span.front-company-contact-row{
  width:auto!important;
  max-width:100%!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  text-align:left!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  white-space:normal!important;
}
.front-footer .front-company-block .front-company-contact-icon{
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  font-size:14px!important;
  direction:ltr!important;
  unicode-bidi:normal!important;
}
.front-footer .front-company-block .front-company-contact-value{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-align:left!important;
  unicode-bidi:plaintext!important;
}
.front-footer .front-company-block .front-socials-footer_company,
.front-footer .front-company-block .front-socials-footer-company{
  width:max-content!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  margin-top:12px!important;
  margin-left:0!important;
  margin-right:auto!important;
  padding:0!important;
  direction:ltr!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.front-footer .front-company-block .front-socials-footer_company .front-social-item,
.front-footer .front-company-block .front-socials-footer_company a.front-social-item,
.front-footer .front-company-block .front-socials-footer_company span.front-social-item,
.front-footer .front-company-block .front-socials-footer-company .front-social-item,
.front-footer .front-company-block .front-socials-footer-company a.front-social-item,
.front-footer .front-company-block .front-socials-footer-company span.front-social-item{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  flex:0 0 28px!important;
}
.front-footer .front-company-block .front-socials-footer_company .front-social-item svg,
.front-footer .front-company-block .front-socials-footer-company .front-social-item svg{
  width:14px!important;
  height:14px!important;
}
html[dir="rtl"] .front-footer .front-company-block .front-company-contact-list,
html[dir="rtl"] .front-footer .front-company-block .front-company-contact-list li,
html[dir="rtl"] .front-footer .front-company-block .front-company-contact-row,
html[dir="rtl"] .front-footer .front-company-block .front-socials-footer_company,
html[dir="rtl"] .front-footer .front-company-block .front-socials-footer-company{
  text-align:left!important;
  justify-content:flex-start!important;
  justify-items:start!important;
  direction:ltr!important;
}
@media(max-width:760px){
  .front-footer .front-company-block .front-company-contact-list{
    justify-items:start!important;
    text-align:left!important;
  }
  .front-footer .front-company-block .front-socials-footer_company,
  .front-footer .front-company-block .front-socials-footer-company{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
}
@media(max-width:380px){
  .front-footer .front-company-block .front-socials-footer_company,
  .front-footer .front-company-block .front-socials-footer-company{
    gap:5px!important;
  }
  .front-footer .front-company-block .front-socials-footer_company .front-social-item,
  .front-footer .front-company-block .front-socials-footer_company a.front-social-item,
  .front-footer .front-company-block .front-socials-footer_company span.front-social-item,
  .front-footer .front-company-block .front-socials-footer-company .front-social-item,
  .front-footer .front-company-block .front-socials-footer-company a.front-social-item,
  .front-footer .front-company-block .front-socials-footer-company span.front-social-item{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    flex-basis:26px!important;
  }
}

/* DATA PLANET v1.0.17 - wider footer headquarters contact column and no email wrapping. */
@media(min-width:1041px){
  .front-footer .front-footer-grid{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:26px!important;
  }
  .front-footer .front-footer-grid > div{
    flex:1 1 145px!important;
    min-width:135px!important;
  }
  .front-footer .front-footer-grid > div:first-child{
    flex:1.45 1 240px!important;
    min-width:230px!important;
  }
  .front-footer .front-footer-grid > .front-company-block{
    flex:0 0 268px!important;
    width:268px!important;
    min-width:268px!important;
    max-width:300px!important;
    justify-self:start!important;
  }
}
.front-footer .front-company-block a.front-company-contact-row[href^="mailto:"],
.front-footer .front-company-block a.front-company-contact-row[href^="tel:"]{
  white-space:nowrap!important;
  width:max-content!important;
  max-width:100%!important;
}
.front-footer .front-company-block a.front-company-contact-row[href^="mailto:"] .front-company-contact-value,
.front-footer .front-company-block a.front-company-contact-row[href^="tel:"] .front-company-contact-value{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  max-width:none!important;
}
.front-footer .front-company-block .front-company-contact-row[href^="mailto:"] .front-company-contact-icon,
.front-footer .front-company-block .front-company-contact-row[href^="tel:"] .front-company-contact-icon{
  flex:0 0 18px!important;
}
@media(max-width:1040px){
  .front-footer .front-company-block{
    min-width:0!important;
    max-width:100%!important;
  }
  .front-footer .front-company-block a.front-company-contact-row[href^="mailto:"],
  .front-footer .front-company-block a.front-company-contact-row[href^="tel:"]{
    max-width:100%!important;
  }
}


/* DATA PLANET v1.0.18 - center headquarters details under the title while preserving left/LTR contact readability. */
.front-footer .front-company-block{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
.front-footer .front-company-block h3{
  width:100%!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.front-footer .front-company-block .front-company-contact-list{
  width:max-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-items:start!important;
  align-self:center!important;
  text-align:left!important;
}
.front-footer .front-company-block .front-company-contact-list li{
  justify-content:flex-start!important;
  text-align:left!important;
}
.front-footer .front-company-block .front-company-contact-row,
.front-footer .front-company-block a.front-company-contact-row,
.front-footer .front-company-block span.front-company-contact-row{
  justify-content:flex-start!important;
  text-align:left!important;
}
.front-footer .front-company-block .front-socials-footer_company,
.front-footer .front-company-block .front-socials-footer-company{
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center!important;
}
html[dir="rtl"] .front-footer .front-company-block,
html[dir="rtl"] .front-footer .front-company-block h3{
  text-align:center!important;
}
html[dir="rtl"] .front-footer .front-company-block .front-company-contact-list,
html[dir="rtl"] .front-footer .front-company-block .front-company-contact-list li,
html[dir="rtl"] .front-footer .front-company-block .front-company-contact-row{
  text-align:left!important;
  justify-content:flex-start!important;
  justify-items:start!important;
  direction:ltr!important;
}
@media(max-width:760px){
  .front-footer .front-company-block{
    align-items:center!important;
  }
  .front-footer .front-company-block .front-company-contact-list{
    margin-left:auto!important;
    margin-right:auto!important;
    justify-items:start!important;
    text-align:left!important;
  }
  .front-footer .front-company-block .front-socials-footer_company,
  .front-footer .front-company-block .front-socials-footer-company{
    margin-left:auto!important;
    margin-right:auto!important;
    justify-content:center!important;
  }
}

/* Country and phone-code flags for custom selects. */
.hp-country-select .hp-select-label,.hp-phone-code-select .hp-select-label{display:flex!important;align-items:center!important;gap:8px!important;direction:ltr!important;text-align:left!important;min-width:0!important;}
.hp-select-option .front-flag-icon,.hp-select-label .front-flag-icon{width:22px!important;height:15px!important;flex:0 0 22px!important;margin:0!important;}
.hp-select-label-text{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.hp-country-select .hp-select-option,.hp-phone-code-select .hp-select-option{gap:8px!important;align-items:center!important;white-space:nowrap!important;}
.front-flag-se{background-image:url("flags/se.svg")!important;background-color:transparent!important;}
.front-flag-sa{background-image:url("flags/sa.svg")!important;background-color:transparent!important;}
.front-flag-ae{background-image:url("flags/ae.svg")!important;background-color:transparent!important;}
.front-flag-us{background-image:url("flags/us.svg")!important;background-color:transparent!important;}
.front-flag-gb{background-image:url("flags/gb.svg")!important;background-color:transparent!important;}
.front-flag-de{background-image:url("flags/de.svg")!important;background-color:transparent!important;}
.front-flag-fr{background-image:url("flags/fr.svg")!important;background-color:transparent!important;}
.front-flag-tr{background-image:url("flags/tr.svg")!important;background-color:transparent!important;}
.front-flag-no{background-image:url("flags/no.svg")!important;background-color:transparent!important;}
.front-flag-dk{background-image:url("flags/dk.svg")!important;background-color:transparent!important;}
.front-flag-fi{background-image:url("flags/fi.svg")!important;background-color:transparent!important;}
.front-flag-nl{background-image:url("flags/nl.svg")!important;background-color:transparent!important;}
.front-flag-be{background-image:url("flags/be.svg")!important;background-color:transparent!important;}
.front-flag-ch{background-image:url("flags/ch.svg")!important;background-color:transparent!important;}
.front-flag-it{background-image:url("flags/it.svg")!important;background-color:transparent!important;}
.front-flag-es{background-image:url("flags/es.svg")!important;background-color:transparent!important;}
.front-flag-at{background-image:url("flags/at.svg")!important;background-color:transparent!important;}
.front-flag-ie{background-image:url("flags/ie.svg")!important;background-color:transparent!important;}
.front-flag-ca{background-image:url("flags/ca.svg")!important;background-color:transparent!important;}
.front-flag-au{background-image:url("flags/au.svg")!important;background-color:transparent!important;}
.front-flag-nz{background-image:url("flags/nz.svg")!important;background-color:transparent!important;}
.front-flag-qa{background-image:url("flags/qa.svg")!important;background-color:transparent!important;}
.front-flag-kw{background-image:url("flags/kw.svg")!important;background-color:transparent!important;}
.front-flag-bh{background-image:url("flags/bh.svg")!important;background-color:transparent!important;}
.front-flag-om{background-image:url("flags/om.svg")!important;background-color:transparent!important;}
.front-flag-jo{background-image:url("flags/jo.svg")!important;background-color:transparent!important;}
.front-flag-eg{background-image:url("flags/eg.svg")!important;background-color:transparent!important;}
.front-flag-ma{background-image:url("flags/ma.svg")!important;background-color:transparent!important;}
.front-flag-dz{background-image:url("flags/dz.svg")!important;background-color:transparent!important;}
.front-flag-tn{background-image:url("flags/tn.svg")!important;background-color:transparent!important;}
.front-flag-in{background-image:url("flags/in.svg")!important;background-color:transparent!important;}
.front-flag-pk{background-image:url("flags/pk.svg")!important;background-color:transparent!important;}
.front-flag-cn{background-image:url("flags/cn.svg")!important;background-color:transparent!important;}
.front-flag-jp{background-image:url("flags/jp.svg")!important;background-color:transparent!important;}
.front-flag-br{background-image:url("flags/br.svg")!important;background-color:transparent!important;}
.front-flag-mx{background-image:url("flags/mx.svg")!important;background-color:transparent!important;}
.front-flag-za{background-image:url("flags/za.svg")!important;background-color:transparent!important;}

/* Project image gallery */
.project-gallery{position:relative;display:grid;gap:12px;border:1px solid #dbe7ee;border-radius:24px;background:#f4f8fb;padding:12px;overflow:hidden;}
.project-gallery-stage{position:relative;border-radius:18px;overflow:hidden;background:#fff;min-height:320px;display:flex;align-items:center;justify-content:center;}
.project-gallery-slide{display:none;width:100%;height:100%;min-height:320px;border:0;background:transparent;padding:0;cursor:zoom-in;}
.project-gallery-slide.is-active{display:block;}
.project-gallery-slide img{display:block;width:100%;height:100%;min-height:320px;max-height:520px;object-fit:cover;}
.project-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(15,23,42,.72);color:#fff;font-size:34px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease;}
.project-gallery-nav:hover{background:#0f172a;}
.project-gallery-prev{right:14px;}
.project-gallery-next{left:14px;}
.project-gallery-zoom-hint{position:absolute;right:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(15,23,42,.68);color:#fff;font-size:12px;font-weight:800;}
.project-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:2px;}
.project-gallery-thumb{width:74px;height:58px;border-radius:13px;border:2px solid transparent;background:#fff;padding:2px;overflow:hidden;flex:0 0 auto;cursor:pointer;opacity:.72;transition:.18s ease;}
.project-gallery-thumb.is-active{border-color:#2563eb;opacity:1;}
.project-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px;}
.project-lightbox{position:fixed;inset:0;z-index:999999;background:rgba(2,6,23,.88);display:none;align-items:center;justify-content:center;padding:24px;}
.project-lightbox.is-open{display:flex;}
.project-lightbox-image{max-width:min(1100px,92vw);max-height:86vh;object-fit:contain;border-radius:18px;background:#fff;}
.project-lightbox-close,.project-lightbox-prev,.project-lightbox-next{position:absolute;border:1px solid rgba(255,255,255,.25);background:rgba(15,23,42,.75);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.project-lightbox-close{top:20px;left:20px;width:44px;height:44px;border-radius:999px;font-size:26px;}
.project-lightbox-prev,.project-lightbox-next{top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:999px;font-size:38px;line-height:1;}
.project-lightbox-prev{right:22px;}
.project-lightbox-next{left:22px;}
.project-lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);min-height:34px;padding:0 14px;border-radius:999px;background:rgba(15,23,42,.75);color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;}
body.front-dark .project-gallery{background:#0e1728!important;border-color:#1e2a3d!important;}
body.front-dark .project-gallery-stage,body.front-dark .project-gallery-thumb{background:#111827!important;}
@media(max-width:720px){.project-gallery-stage,.project-gallery-slide,.project-gallery-slide img{min-height:240px;}.project-gallery-nav{width:38px;height:38px;font-size:28px}.project-gallery-thumb{width:62px;height:50px}.project-lightbox{padding:14px}.project-lightbox-prev,.project-lightbox-next{width:42px;height:42px;font-size:30px}.project-lightbox-close{top:14px;left:14px}}
html.project-lightbox-open,html.project-lightbox-open body{overflow:hidden;}

/* DATA PLANET v1.0.76 - make frontend domain selection panel full page width */
.cart-domain-section .front-container{
  width:min(1320px, calc(100% - 32px))!important;
  max-width:none!important;
}
.cart-domain-section .cart-domain-layout{
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  display:block!important;
}
.cart-domain-section .cart-domain-form{
  width:100%!important;
  max-width:none!important;
}
.cart-domain-section .cart-domain-options{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.cart-domain-section .cart-domain-tld-grid{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
}
@media(max-width:760px){
  .cart-domain-section .front-container{width:min(100% - 24px, 100%)!important;}
  .cart-domain-section .cart-domain-options{grid-template-columns:1fr!important;}
}