/* ==========================================================================
   Garwan Soft - Antler Phase 1
   Identity: 80% graphite/grey + 20% red
   Safe override layer for WHMCS / Antler
   ========================================================================== */

:root {
  --gs-graphite-950: #181a1d;
  --gs-graphite-900: #202327;
  --gs-graphite-850: #282b30;
  --gs-graphite-800: #30343a;
  --gs-graphite-700: #42474f;
  --gs-graphite-600: #5c626b;
  --gs-graphite-500: #747b85;
  --gs-graphite-300: #c8cbd0;
  --gs-graphite-200: #dfe1e4;
  --gs-graphite-100: #eef0f2;
  --gs-graphite-050: #f7f8f9;

  --gs-red-700: #9e151b;
  --gs-red-600: #b51c23;
  --gs-red-500: #cf2029;
  --gs-red-400: #e03a42;
  --gs-red-100: #fdebed;

  --gs-white: #ffffff;
  --gs-text: #2a2d31;
  --gs-muted: #737981;
  --gs-border: #e1e3e6;
  --gs-shadow: 0 10px 30px rgba(24, 26, 29, .08);
  --gs-shadow-hover: 0 16px 38px rgba(24, 26, 29, .13);
  --gs-radius: 14px;
  --gs-radius-sm: 9px;
  --gs-transition: .22s ease;
}

/* Base */
html { scroll-behavior: smooth; }
body.gs-antler-theme {
  font-family: "Cairo", "Open Sans", Arial, sans-serif !important;
  color: var(--gs-text);
  background: var(--gs-graphite-050);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.gs-antler-theme a {
  color: var(--gs-graphite-800);
  transition: color var(--gs-transition), background var(--gs-transition),
              border-color var(--gs-transition), box-shadow var(--gs-transition),
              transform var(--gs-transition);
}
body.gs-antler-theme a:hover,
body.gs-antler-theme a:focus {
  color: var(--gs-red-500);
  text-decoration: none;
}

::selection {
  background: var(--gs-red-500);
  color: var(--gs-white);
}

/* Remove legacy yellow / purple / pink accents from Antler */
body.gs-antler-theme .c-yellow,
body.gs-antler-theme .c-pink,
body.gs-antler-theme .c-purple,
body.gs-antler-theme .text-warning {
  color: var(--gs-red-500) !important;
}
body.gs-antler-theme .bg-yellow,
body.gs-antler-theme .bg-pink,
body.gs-antler-theme .bg-purple,
body.gs-antler-theme .bg-warning {
  background-color: var(--gs-red-500) !important;
  color: var(--gs-white) !important;
}

/* Frame */
body.gs-antler-theme .box-container,
body.gs-antler-theme .bg-colorstyle,
body.gs-antler-theme .content.bg-colorstyle {
  background: var(--gs-graphite-050) !important;
}
body.gs-antler-theme .body-borders > div {
  background: var(--gs-graphite-100) !important;
}

/* Info top bar */
body.gs-antler-theme .infonews {
  background: var(--gs-graphite-950) !important;
  color: #dfe2e6;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
body.gs-antler-theme .infonews,
body.gs-antler-theme .infonews a,
body.gs-antler-theme .infonews .iconews,
body.gs-antler-theme .infonews .tabphone {
  color: #e8eaed !important;
}
body.gs-antler-theme .infonews a:hover,
body.gs-antler-theme .infonews .iconews:hover {
  color: var(--gs-red-400) !important;
}
body.gs-antler-theme .infonews .badge {
  border-radius: 999px;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .02em;
}

/* Main navbar */
body.gs-antler-theme #header.header,
body.gs-antler-theme .menu-wrap,
body.gs-antler-theme .nav-menu {
  background: rgba(255,255,255,.96) !important;
}
body.gs-antler-theme #header.header {
  box-shadow: 0 6px 24px rgba(24,26,29,.07);
  border-bottom: 1px solid var(--gs-border);
  position: relative;
  z-index: 1200;
}
body.gs-antler-theme .nav-menu .container {
  max-width: 1240px;
}
body.gs-antler-theme .logo-menu {
  max-height: 52px;
  max-width: 185px;
  width: auto;
}
body.gs-antler-theme .main-menu > .menu-item > a {
  color: var(--gs-graphite-800) !important;
  font-weight: 700;
  border-radius: 8px;
}
body.gs-antler-theme .main-menu > .menu-item > a:hover,
body.gs-antler-theme .main-menu > .menu-item.active > a {
  color: var(--gs-red-500) !important;
}
body.gs-antler-theme .main-menu > .menu-item > a:after,
body.gs-antler-theme .v-stroke:after {
  background: var(--gs-red-500) !important;
}

body.gs-antler-theme .sub-menu,
body.gs-antler-theme .megamenu-list,
body.gs-antler-theme .megamenu {
  background: var(--gs-white) !important;
  border: 1px solid var(--gs-border) !important;
  box-shadow: var(--gs-shadow-hover) !important;
  border-radius: 0 0 var(--gs-radius) var(--gs-radius);
}
body.gs-antler-theme .sub-menu .menu-item a,
body.gs-antler-theme .megamenu-list .menu-item a,
body.gs-antler-theme .megamenu .menu-item a {
  color: var(--gs-graphite-700) !important;
}
body.gs-antler-theme .sub-menu .menu-item a:hover,
body.gs-antler-theme .megamenu-list .menu-item a:hover,
body.gs-antler-theme .megamenu .menu-item a:hover {
  color: var(--gs-red-500) !important;
}
body.gs-antler-theme .start-offer,
body.gs-antler-theme .start-offer .inner {
  background: var(--gs-graphite-100) !important;
  color: var(--gs-graphite-800);
}
body.gs-antler-theme .tech-box {
  filter: grayscale(1);
}

/* Mobile menu */
body.gs-antler-theme .menu-toggle {
  background: var(--gs-graphite-900) !important;
  border: 0 !important;
  border-radius: 10px;
  width: 44px;
  height: 42px;
  padding: 10px;
}
body.gs-antler-theme .menu-toggle .icon {
  background: var(--gs-white) !important;
}
body.gs-antler-theme .menu-toggle:hover {
  background: var(--gs-red-500) !important;
}

/* Hero / banner */
body.gs-antler-theme .top-header {
  background-color: var(--gs-graphite-900) !important;
}
body.gs-antler-theme .top-header:before,
body.gs-antler-theme .top-header.overlay:before {
  background: linear-gradient(90deg, rgba(24,26,29,.86), rgba(48,52,58,.58)) !important;
}
body.gs-antler-theme .top-header h1,
body.gs-antler-theme .top-header .display-4,
body.gs-antler-theme .top-header .subheading {
  text-shadow: 0 2px 10px rgba(0,0,0,.28);
}
body.gs-antler-theme #typed3 {
  color: var(--gs-red-400) !important;
}

/* Buttons - red reserved for primary actions (~20% identity) */
body.gs-antler-theme .btn,
body.gs-antler-theme button,
body.gs-antler-theme input[type="submit"] {
  border-radius: var(--gs-radius-sm);
  font-weight: 700;
  transition: transform var(--gs-transition), box-shadow var(--gs-transition),
              background var(--gs-transition), border-color var(--gs-transition);
}
body.gs-antler-theme .btn-primary,
body.gs-antler-theme .btn-success,
body.gs-antler-theme .btn-default-yellow-fill,
body.gs-antler-theme .btn-default-pink-fill,
body.gs-antler-theme .btn-subscribe {
  background: var(--gs-red-500) !important;
  border-color: var(--gs-red-500) !important;
  color: var(--gs-white) !important;
}
body.gs-antler-theme .btn-primary:hover,
body.gs-antler-theme .btn-success:hover,
body.gs-antler-theme .btn-default-yellow-fill:hover,
body.gs-antler-theme .btn-default-pink-fill:hover,
body.gs-antler-theme .btn-subscribe:hover {
  background: var(--gs-red-600) !important;
  border-color: var(--gs-red-600) !important;
  color: var(--gs-white) !important;
  box-shadow: 0 8px 20px rgba(207,32,41,.20);
  transform: translateY(-1px);
}
body.gs-antler-theme .btn-default,
body.gs-antler-theme .btn-default-fill,
body.gs-antler-theme .btn-secondary {
  background: var(--gs-graphite-800) !important;
  border-color: var(--gs-graphite-800) !important;
  color: var(--gs-white) !important;
}
body.gs-antler-theme .btn-default:hover,
body.gs-antler-theme .btn-default-fill:hover,
body.gs-antler-theme .btn-secondary:hover {
  background: var(--gs-graphite-950) !important;
  border-color: var(--gs-graphite-950) !important;
}

/* Panels, cards, dashboard tiles */
body.gs-antler-theme .panel,
body.gs-antler-theme .card,
body.gs-antler-theme .tile,
body.gs-antler-theme .product,
body.gs-antler-theme .service,
body.gs-antler-theme .pricing,
body.gs-antler-theme .well {
  border-color: var(--gs-border) !important;
  border-radius: var(--gs-radius);
}
body.gs-antler-theme .panel,
body.gs-antler-theme .card,
body.gs-antler-theme .well {
  background: var(--gs-white);
  box-shadow: 0 5px 18px rgba(24,26,29,.05);
}
body.gs-antler-theme .panel:hover,
body.gs-antler-theme .card:hover {
  box-shadow: var(--gs-shadow);
}
body.gs-antler-theme .panel-heading,
body.gs-antler-theme .card-header {
  background: var(--gs-graphite-100) !important;
  border-color: var(--gs-border) !important;
  color: var(--gs-graphite-900) !important;
  font-weight: 800;
}
body.gs-antler-theme .panel-primary > .panel-heading {
  background: var(--gs-graphite-900) !important;
  color: var(--gs-white) !important;
  border-color: var(--gs-graphite-900) !important;
}

/* Sidebar / list groups */
body.gs-antler-theme .list-group-item {
  border-color: var(--gs-border);
  color: var(--gs-graphite-700);
}
body.gs-antler-theme .list-group-item.active,
body.gs-antler-theme .list-group-item.active:hover,
body.gs-antler-theme .list-group-item.active:focus {
  background: var(--gs-graphite-900) !important;
  border-color: var(--gs-graphite-900) !important;
  color: var(--gs-white) !important;
}
body.gs-antler-theme .list-group-item:hover {
  background: var(--gs-graphite-050);
  color: var(--gs-red-500);
}

/* Forms */
body.gs-antler-theme .form-control,
body.gs-antler-theme input[type="text"],
body.gs-antler-theme input[type="email"],
body.gs-antler-theme input[type="password"],
body.gs-antler-theme input[type="tel"],
body.gs-antler-theme input[type="number"],
body.gs-antler-theme select,
body.gs-antler-theme textarea {
  min-height: 42px;
  border: 1px solid var(--gs-graphite-300) !important;
  border-radius: 9px !important;
  background: var(--gs-white) !important;
  color: var(--gs-text) !important;
  box-shadow: none !important;
}
body.gs-antler-theme .form-control:focus,
body.gs-antler-theme input:focus,
body.gs-antler-theme select:focus,
body.gs-antler-theme textarea:focus {
  border-color: var(--gs-red-500) !important;
  box-shadow: 0 0 0 3px rgba(207,32,41,.10) !important;
  outline: none;
}
body.gs-antler-theme label {
  color: var(--gs-graphite-700);
  font-weight: 700;
}

/* Tables */
body.gs-antler-theme .table {
  background: var(--gs-white);
}
body.gs-antler-theme .table > thead > tr > th {
  background: var(--gs-graphite-900) !important;
  color: var(--gs-white) !important;
  border-color: var(--gs-graphite-800) !important;
  font-weight: 700;
}
body.gs-antler-theme .table > tbody > tr > td {
  border-color: var(--gs-border);
  vertical-align: middle;
}
body.gs-antler-theme .table-striped > tbody > tr:nth-of-type(odd) {
  background: var(--gs-graphite-050);
}
body.gs-antler-theme .table-hover > tbody > tr:hover {
  background: var(--gs-red-100);
}

/* Badges / labels */
body.gs-antler-theme .label-primary,
body.gs-antler-theme .label-success,
body.gs-antler-theme .badge-primary,
body.gs-antler-theme .badge-success {
  background: var(--gs-graphite-800) !important;
}
body.gs-antler-theme .label-danger,
body.gs-antler-theme .badge-danger,
body.gs-antler-theme .label-warning,
body.gs-antler-theme .badge-warning {
  background: var(--gs-red-500) !important;
}

/* Pagination */
body.gs-antler-theme .pagination > li > a,
body.gs-antler-theme .pagination > li > span {
  color: var(--gs-graphite-700);
  border-color: var(--gs-border);
}
body.gs-antler-theme .pagination > .active > a,
body.gs-antler-theme .pagination > .active > span,
body.gs-antler-theme .pagination > li > a:hover {
  background: var(--gs-red-500) !important;
  border-color: var(--gs-red-500) !important;
  color: var(--gs-white) !important;
}

/* Modal */
body.gs-antler-theme .modal-content {
  border: 0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 25px 70px rgba(24,26,29,.22);
}
body.gs-antler-theme .modal-header {
  background: var(--gs-graphite-900) !important;
  color: var(--gs-white) !important;
  border: 0 !important;
}
body.gs-antler-theme .modal-header .close {
  color: var(--gs-white) !important;
  opacity: .85;
}
body.gs-antler-theme .modal-footer {
  background: var(--gs-graphite-050);
  border-top: 1px solid var(--gs-border);
}

/* Alerts */
body.gs-antler-theme .alert {
  border-radius: 10px;
  border-width: 1px;
}
body.gs-antler-theme .alert-danger {
  background: var(--gs-red-100);
  border-color: rgba(207,32,41,.25);
  color: var(--gs-red-700);
}
body.gs-antler-theme .alert-info,
body.gs-antler-theme .alert-success {
  background: var(--gs-graphite-100);
  border-color: var(--gs-graphite-300);
  color: var(--gs-graphite-800);
}

/* Footer */
body.gs-antler-theme .gs-footer,
body.gs-antler-theme #footer.footer {
  background: var(--gs-graphite-950) !important;
  color: #cfd3d8;
  border-top: 4px solid var(--gs-red-500);
}
body.gs-antler-theme .footer .heading {
  color: var(--gs-white) !important;
  font-weight: 800;
  position: relative;
  padding-bottom: 12px;
}
body.gs-antler-theme .footer .heading:after {
  content: "";
  position: absolute;
  width: 34px;
  height: 3px;
  background: var(--gs-red-500);
  bottom: 0;
  inset-inline-start: 0;
  border-radius: 2px;
}
body.gs-antler-theme .footer a {
  color: #c6cbd1 !important;
}
body.gs-antler-theme .footer a:hover {
  color: var(--gs-red-400) !important;
}
body.gs-antler-theme .footer .subcribe,
body.gs-antler-theme .footer .news,
body.gs-antler-theme .footer-bottom {
  background: var(--gs-graphite-900) !important;
  border-color: rgba(255,255,255,.07) !important;
}
body.gs-antler-theme .footer .fill-input {
  background: var(--gs-white) !important;
}
body.gs-antler-theme .footer .soc-icons a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--gs-graphite-800);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 3px;
}
body.gs-antler-theme .footer .soc-icons a:hover {
  background: var(--gs-red-500);
  color: var(--gs-white) !important;
}
body.gs-antler-theme .gs-footer-dot {
  color: var(--gs-red-500);
  font-weight: 900;
}

/* Scrollbar */
body.gs-antler-theme::-webkit-scrollbar { width: 10px; }
body.gs-antler-theme::-webkit-scrollbar-track { background: var(--gs-graphite-100); }
body.gs-antler-theme::-webkit-scrollbar-thumb {
  background: var(--gs-graphite-600);
  border-radius: 10px;
  border: 2px solid var(--gs-graphite-100);
}
body.gs-antler-theme::-webkit-scrollbar-thumb:hover { background: var(--gs-red-500); }

/* RTL */
html[dir="rtl"] body.gs-antler-theme,
body.gs-antler-theme.gs-rtl {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] body.gs-antler-theme .float-right,
body.gs-antler-theme.gs-rtl .float-right {
  float: left !important;
}
html[dir="rtl"] body.gs-antler-theme .float-left,
body.gs-antler-theme.gs-rtl .float-left {
  float: right !important;
}
html[dir="rtl"] body.gs-antler-theme .main-menu,
body.gs-antler-theme.gs-rtl .main-menu {
  direction: rtl;
}
html[dir="rtl"] body.gs-antler-theme .dropdown-menu,
body.gs-antler-theme.gs-rtl .dropdown-menu {
  text-align: right;
}
html[dir="rtl"] body.gs-antler-theme .input-group-addon:first-child,
body.gs-antler-theme.gs-rtl .input-group-addon:first-child {
  border-right: 1px solid var(--gs-graphite-300);
}

/* Responsive */
@media (max-width: 991px) {
  body.gs-antler-theme .body-borders { display: none !important; }
  body.gs-antler-theme .box-container.limit-width { width: 100% !important; max-width: none !important; }
  body.gs-antler-theme .nav-menu .container { width: 100%; }
  body.gs-antler-theme .logo-menu { max-height: 44px; max-width: 155px; }
  body.gs-antler-theme .main-menu {
    background: var(--gs-white) !important;
    border-radius: 12px;
    box-shadow: var(--gs-shadow);
    padding: 8px;
  }
  body.gs-antler-theme .main-menu > .menu-item > a {
    padding: 12px 14px !important;
    border-bottom: 1px solid var(--gs-graphite-100);
  }
  body.gs-antler-theme .sub-menu,
  body.gs-antler-theme .megamenu,
  body.gs-antler-theme .megamenu-list {
    border-radius: 10px !important;
    box-shadow: none !important;
    border: 1px solid var(--gs-border) !important;
  }
  body.gs-antler-theme .top-header {
    min-height: 320px;
  }
  body.gs-antler-theme .top-header .display-4 {
    font-size: 34px !important;
  }
}

@media (max-width: 767px) {
  body.gs-antler-theme .infonews .news {
    display: none;
  }
  body.gs-antler-theme .infonews .link {
    width: 100%;
    text-align: center;
  }
  body.gs-antler-theme .infonews-nav {
    float: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
  }
  body.gs-antler-theme .tabphone {
    display: none !important;
  }
  body.gs-antler-theme .page-wrapper,
  body.gs-antler-theme .wrapper.sec-normal {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.gs-antler-theme .container {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
  body.gs-antler-theme .panel,
  body.gs-antler-theme .card,
  body.gs-antler-theme .well {
    border-radius: 11px;
  }
  body.gs-antler-theme .table-responsive {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(24,26,29,.05);
  }
  body.gs-antler-theme .btn {
    min-height: 40px;
  }
  body.gs-antler-theme .footer .footer-top {
    text-align: center;
  }
  body.gs-antler-theme .footer .heading:after {
    inset-inline-start: 50%;
    transform: translateX(-50%);
  }
  body.gs-antler-theme .payment-list,
  body.gs-antler-theme .footer-menu {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  body.gs-antler-theme .top-header .display-4 {
    font-size: 28px !important;
  }
  body.gs-antler-theme .top-header .subheading {
    font-size: 16px !important;
  }
  body.gs-antler-theme .btn {
    font-size: 13px;
    padding-left: 14px;
    padding-right: 14px;
  }
}

body.gs-antler-theme #header.gs-header-scrolled {
  position: sticky;
  top: 0;
  box-shadow: 0 10px 30px rgba(24,26,29,.12);
  animation: gsHeaderIn .2s ease;
}
@keyframes gsHeaderIn {
  from { transform: translateY(-6px); opacity: .96; }
  to { transform: translateY(0); opacity: 1; }
}


/* Garwan Soft - compact legal footer */
body.gs-antler-theme .gs-simple-footer {
  background: var(--gs-graphite-950) !important;
  color: #cfd3d8;
  border-top: 3px solid var(--gs-red-500);
  padding: 24px 0 20px;
  margin-top: 35px;
}
body.gs-antler-theme .gs-simple-footer .footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
body.gs-antler-theme .gs-simple-footer .footer-links li {
  display: inline-flex;
  align-items: center;
}
body.gs-antler-theme .gs-simple-footer .footer-links li:not(:last-child)::after {
  content: "—";
  color: var(--gs-graphite-500);
  margin: 0 12px;
}
body.gs-antler-theme .gs-simple-footer .footer-btn {
  color: #e5e7ea !important;
  font-weight: 600;
  font-size: 14px;
  padding: 5px 0;
}
body.gs-antler-theme .gs-simple-footer .footer-btn:hover,
body.gs-antler-theme .gs-simple-footer .footer-btn:focus {
  color: var(--gs-red-400) !important;
}
body.gs-antler-theme .gs-simple-footer #footer-copy {
  color: #9298a1;
  font-size: 13px;
  margin: 10px 0 0;
}
@media (max-width: 767px) {
  body.gs-antler-theme .gs-simple-footer {
    padding: 20px 12px 17px;
  }
  body.gs-antler-theme .gs-simple-footer .footer-links {
    gap: 7px 14px;
  }
  body.gs-antler-theme .gs-simple-footer .footer-links li:not(:last-child)::after {
    display: none;
  }
  body.gs-antler-theme .gs-simple-footer .footer-btn {
    font-size: 13px;
  }
}


/* ==========================================================================
   Garwan Soft Professional Legal Footer v2
   Self-contained reset to prevent Antler legacy footer/list rules interfering.
   ========================================================================== */
html body.gs-antler-theme footer#footer.gs-legal-footer {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 36px 0 0 !important;
  padding: 0 !important;
  background: #202327 !important;
  border: 0 !important;
  border-top: 3px solid #cf2029 !important;
  box-shadow: none !important;
  color: #d8dadd !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}

html body.gs-antler-theme footer#footer.gs-legal-footer::before {
  content: none !important;
}

html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 1180px !important;
  min-height: 116px !important;
  margin: 0 auto !important;
  padding: 25px 24px 21px !important;
  box-sizing: border-box !important;
}

html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  float: none !important;
  text-align: center !important;
  direction: rtl !important;
  list-style: none !important;
}

html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 4px 5px !important;
  float: none !important;
  position: static !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #e5e7ea !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__link::before,
html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__link::after {
  content: none !important;
  display: none !important;
}

html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__link:hover,
html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__link:focus {
  background: rgba(255,255,255,.055) !important;
  color: #e03a42 !important;
  outline: none !important;
}

html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__sep {
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 4px !important;
  height: 4px !important;
  margin: 0 12px !important;
  padding: 0 !important;
  background: #cf2029 !important;
  border: 0 !important;
  border-radius: 50% !important;
  opacity: .9 !important;
}

html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__copy {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  width: 100% !important;
  margin: 11px 0 0 !important;
  padding: 13px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  color: #8f959d !important;
  background: transparent !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  text-align: center !important;
  direction: rtl !important;
}

html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__rights {
  color: #8f959d !important;
}

/* LTR languages keep the same centered visual balance. */
html[dir="ltr"] body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__nav,
html[dir="ltr"] body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__copy {
  direction: ltr !important;
}

@media (max-width: 767px) {
  html body.gs-antler-theme footer#footer.gs-legal-footer {
    margin-top: 26px !important;
  }

  html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__inner {
    min-height: 0 !important;
    padding: 20px 16px 17px !important;
  }

  html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__nav {
    row-gap: 4px !important;
  }

  html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__link {
    font-size: 13px !important;
    min-height: 30px !important;
  }

  html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__sep {
    width: 3px !important;
    height: 3px !important;
    margin: 0 7px !important;
  }

  html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__copy {
    margin-top: 8px !important;
    padding-top: 11px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 480px) {
  html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 360px !important;
    column-gap: 8px !important;
    row-gap: 3px !important;
  }

  html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__sep {
    display: none !important;
  }

  html body.gs-antler-theme footer#footer.gs-legal-footer .gs-legal-footer__link {
    width: 100% !important;
    white-space: normal !important;
    padding: 6px 4px !important;
  }
}


/* ==========================================================================
   Garwan Soft Premium Footer v3
   80% Graphite / 20% Red — modern, premium, responsive
   ========================================================================== */

html body.gs-antler-theme footer#footer.gs-premium-footer {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 44px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    linear-gradient(145deg, #181a1d 0%, #22252a 50%, #1b1e22 100%) !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
  color: #f1f2f4 !important;
  isolation: isolate;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03),
              0 -10px 40px rgba(0,0,0,.06) !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  display: block !important;
  background: linear-gradient(90deg, transparent 0%, #cf2029 22%, #e13b43 50%, #cf2029 78%, transparent 100%) !important;
  opacity: .95 !important;
  z-index: 2 !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background-image:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px) !important;
  background-size: 34px 34px !important;
  opacity: .45 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__glow {
  position: absolute !important;
  width: 320px !important;
  height: 320px !important;
  border-radius: 50% !important;
  filter: blur(70px) !important;
  opacity: .10 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__glow--one {
  top: -170px !important;
  inset-inline-start: -80px !important;
  background: #cf2029 !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__glow--two {
  bottom: -210px !important;
  inset-inline-end: -70px !important;
  background: #737981 !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__container {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 34px 28px 22px !important;
  box-sizing: border-box !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__top {
  display: grid !important;
  grid-template-columns: minmax(220px, .8fr) minmax(480px, 1.2fr) !important;
  align-items: center !important;
  gap: 34px !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__mark {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  flex: 0 0 52px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 26px rgba(0,0,0,.18) !important;
  overflow: hidden !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__mark::before {
  content: "" !important;
  position: absolute !important;
  inset: auto 7px 6px 7px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #a6161c, #cf2029, #e03a42) !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__mark span {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__brandcopy {
  min-width: 0 !important;
  text-align: start !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__brandname {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__tagline {
  margin-top: 1px !important;
  color: #8f959d !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__links {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  direction: rtl !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  float: none !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
  color: #d9dce0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition:
    transform .22s ease,
    color .22s ease,
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link::before,
html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link::after {
  content: none !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__linkdot {
  display: inline-block !important;
  width: 5px !important;
  height: 5px !important;
  flex: 0 0 5px !important;
  border-radius: 50% !important;
  background: #70767e !important;
  transition: background .22s ease, transform .22s ease !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link:hover,
html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link:focus {
  color: #ffffff !important;
  background: rgba(255,255,255,.065) !important;
  border-color: rgba(224,58,66,.45) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.13) !important;
  transform: translateY(-2px) !important;
  outline: none !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link:hover .gs-premium-footer__linkdot,
html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link:focus .gs-premium-footer__linkdot {
  background: #e03a42 !important;
  transform: scale(1.2) !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link--support {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b51c23, #cf2029) !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: 0 8px 20px rgba(207,32,41,.16) !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link--support:hover,
html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link--support:focus {
  background: linear-gradient(135deg, #9f171d, #b91e25) !important;
  border-color: rgba(255,255,255,.13) !important;
  box-shadow: 0 10px 24px rgba(207,32,41,.23) !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__support-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__divider {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  margin: 27px 0 16px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent) !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__divider span {
  position: absolute !important;
  top: -1px !important;
  inset-inline-start: 50% !important;
  width: 54px !important;
  height: 2px !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, #cf2029, transparent) !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__copy {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #858b93 !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  direction: rtl !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__bullet {
  display: inline-block !important;
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  background: #cf2029 !important;
  opacity: .85 !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__signature {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #757b83 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__signature-dot {
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #cf2029 !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.08) !important;
}

html[dir="ltr"] body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__links,
html[dir="ltr"] body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__copy {
  direction: ltr !important;
}

html[dir="ltr"] body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__links {
  justify-content: flex-end !important;
}

@media (max-width: 991px) {
  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__container {
    padding: 30px 22px 20px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__top {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__brand {
    justify-content: center !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__brandcopy {
    text-align: center !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__links {
    justify-content: center !important;
  }
}

@media (max-width: 767px) {
  html body.gs-antler-theme footer#footer.gs-premium-footer {
    margin-top: 32px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__container {
    padding: 27px 16px 18px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__mark {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
    border-radius: 14px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__brandname {
    font-size: 17px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link {
    width: 100% !important;
    min-height: 42px !important;
    white-space: normal !important;
    padding: 8px 10px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__divider {
    margin: 22px 0 14px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__bottom {
    flex-direction: column !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__copy {
    justify-content: center !important;
    text-align: center !important;
    font-size: 12px !important;
  }
}

@media (max-width: 420px) {
  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__links {
    grid-template-columns: 1fr !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__brand {
    flex-direction: column !important;
    gap: 10px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link {
    min-height: 40px !important;
  }
}



/* ==========================================================================
   GARWAN SOFT FULL UI SYSTEM v1
   Premium Graphite 80% / Red 20%
   Applied to all WHMCS client-area pages
   ========================================================================== */

:root {
  --gs-bg: #f3f4f6;
  --gs-surface: #ffffff;
  --gs-surface-2: #f7f8f9;
  --gs-dark: #181a1d;
  --gs-dark-2: #202327;
  --gs-dark-3: #2b2f34;
  --gs-gray-900: #25282d;
  --gs-gray-800: #34383e;
  --gs-gray-700: #4b5159;
  --gs-gray-600: #676e77;
  --gs-gray-500: #838a93;
  --gs-gray-400: #a8adb4;
  --gs-gray-300: #cdd1d5;
  --gs-gray-200: #e3e5e8;
  --gs-gray-100: #f0f1f3;
  --gs-red: #cf2029;
  --gs-red-dark: #a91820;
  --gs-red-soft: #fdecee;
  --gs-radius-xl: 22px;
  --gs-radius-lg: 16px;
  --gs-radius-md: 12px;
  --gs-radius-sm: 9px;
  --gs-shadow-sm: 0 6px 18px rgba(21,24,28,.06);
  --gs-shadow: 0 16px 42px rgba(21,24,28,.09);
  --gs-shadow-lg: 0 28px 70px rgba(21,24,28,.14);
}

/* ---------- Global canvas ---------- */
html body.gs-antler-theme {
  background: var(--gs-bg) !important;
  color: var(--gs-gray-900) !important;
  font-family: "Cairo","Open Sans",Arial,sans-serif !important;
}

html body.gs-antler-theme .box-container,
html body.gs-antler-theme .bg-colorstyle,
html body.gs-antler-theme .sec-bg1,
html body.gs-antler-theme .sec-bg2,
html body.gs-antler-theme .sec-bg3 {
  background-color: transparent !important;
}

html body.gs-antler-theme .box-container.limit-width {
  max-width: none !important;
  width: 100% !important;
  overflow: visible !important;
}

html body.gs-antler-theme .body-borders {
  display: none !important;
}

html body.gs-antler-theme .container {
  max-width: 1240px;
}

html body.gs-antler-theme h1,
html body.gs-antler-theme h2,
html body.gs-antler-theme h3,
html body.gs-antler-theme h4,
html body.gs-antler-theme h5,
html body.gs-antler-theme h6 {
  color: var(--gs-dark-2);
  font-weight: 800;
  letter-spacing: -.01em;
}

html body.gs-antler-theme .section-heading {
  font-weight: 900 !important;
  color: var(--gs-dark-2) !important;
}

html body.gs-antler-theme .section-subheading,
html body.gs-antler-theme .seccolor,
html body.gs-antler-theme .text-muted {
  color: var(--gs-gray-600) !important;
}

/* ---------- Premium page banner ---------- */
html body.gs-antler-theme .top-header {
  min-height: 275px !important;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 12% 12%, rgba(207,32,41,.18), transparent 28%),
    linear-gradient(135deg, #17191c 0%, #24272c 55%, #30343a 100%) !important;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

html body.gs-antler-theme .top-header::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size: 34px 34px;
  pointer-events: none;
}

html body.gs-antler-theme .top-header .wrapper {
  position: relative;
  z-index: 3;
}

html body.gs-antler-theme .top-header h1,
html body.gs-antler-theme .top-header h2,
html body.gs-antler-theme .top-header .display-4,
html body.gs-antler-theme .top-header .section-heading {
  color: #fff !important;
}

html body.gs-antler-theme .top-header .subheading,
html body.gs-antler-theme .top-header p {
  color: #c4c9cf !important;
}

html body.gs-antler-theme .top-header img.custom-element-right {
  opacity: .10 !important;
  filter: grayscale(1) brightness(2);
}

/* ---------- Main content surfaces ---------- */
html body.gs-antler-theme .sec-normal,
html body.gs-antler-theme .services,
html body.gs-antler-theme .main-content {
  position: relative;
}

html body.gs-antler-theme .service-section,
html body.gs-antler-theme .panel,
html body.gs-antler-theme .well,
html body.gs-antler-theme .card,
html body.gs-antler-theme .box,
html body.gs-antler-theme .login-form-container,
html body.gs-antler-theme .store-order-container > .bg-seccolorstyle {
  background: var(--gs-surface) !important;
  border: 1px solid var(--gs-gray-200) !important;
  border-radius: var(--gs-radius-lg) !important;
  box-shadow: var(--gs-shadow-sm) !important;
}

html body.gs-antler-theme .service-section {
  min-height: 100%;
  padding: 26px !important;
  transition: .24s ease;
}

html body.gs-antler-theme .service-section:hover {
  transform: translateY(-4px);
  box-shadow: var(--gs-shadow) !important;
  border-color: #d5d8dc !important;
}

html body.gs-antler-theme .service-section .svg {
  filter: grayscale(1) contrast(.8);
  opacity: .88;
}

html body.gs-antler-theme .service-section .title {
  color: var(--gs-dark-2) !important;
  font-weight: 800 !important;
}

/* ---------- Badges and status ---------- */
html body.gs-antler-theme .badge,
html body.gs-antler-theme .label {
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html body.gs-antler-theme .badge.feat,
html body.gs-antler-theme .plans.badge {
  background: var(--gs-gray-900) !important;
  color: #fff !important;
  border: 0 !important;
}

html body.gs-antler-theme .status-active,
html body.gs-antler-theme .status-paid,
html body.gs-antler-theme .label-success {
  background: #e9f6ee !important;
  color: #237346 !important;
  border: 1px solid #cce8d7 !important;
}

html body.gs-antler-theme .status-pending,
html body.gs-antler-theme .status-unpaid,
html body.gs-antler-theme .status-suspended,
html body.gs-antler-theme .label-warning,
html body.gs-antler-theme .label-danger {
  background: var(--gs-red-soft) !important;
  color: var(--gs-red-dark) !important;
  border: 1px solid #f4c7cb !important;
}

html body.gs-antler-theme .status-cancelled,
html body.gs-antler-theme .status-terminated,
html body.gs-antler-theme .status-expired {
  background: var(--gs-gray-100) !important;
  color: var(--gs-gray-700) !important;
  border: 1px solid var(--gs-gray-300) !important;
}

/* ---------- Buttons ---------- */
html body.gs-antler-theme .btn {
  border-radius: 10px !important;
  min-height: 40px;
  padding: 9px 16px !important;
  font-weight: 750 !important;
  box-shadow: none;
}

html body.gs-antler-theme .btn-primary,
html body.gs-antler-theme .btn-success,
html body.gs-antler-theme .btn-info,
html body.gs-antler-theme .btn-default-yellow-fill,
html body.gs-antler-theme .btn-default-pink-fill,
html body.gs-antler-theme .btn-subscribe {
  background: linear-gradient(135deg,#b91d25,#cf2029) !important;
  border: 1px solid #bd1c24 !important;
  color: #fff !important;
}

html body.gs-antler-theme .btn-primary:hover,
html body.gs-antler-theme .btn-success:hover,
html body.gs-antler-theme .btn-info:hover,
html body.gs-antler-theme .btn-default-yellow-fill:hover,
html body.gs-antler-theme .btn-default-pink-fill:hover,
html body.gs-antler-theme .btn-subscribe:hover {
  background: linear-gradient(135deg,#98161d,#b81c23) !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(207,32,41,.18) !important;
}

html body.gs-antler-theme .btn-default,
html body.gs-antler-theme .btn-secondary,
html body.gs-antler-theme .btn-default-fill {
  background: #fff !important;
  color: var(--gs-gray-800) !important;
  border: 1px solid var(--gs-gray-300) !important;
}

html body.gs-antler-theme .btn-default:hover,
html body.gs-antler-theme .btn-secondary:hover,
html body.gs-antler-theme .btn-default-fill:hover {
  border-color: var(--gs-gray-800) !important;
  color: var(--gs-dark) !important;
  background: var(--gs-gray-100) !important;
}

/* ---------- Form system ---------- */
html body.gs-antler-theme .form-group {
  margin-bottom: 18px;
}

html body.gs-antler-theme label,
html body.gs-antler-theme .control-label {
  display: inline-block;
  margin-bottom: 7px;
  color: var(--gs-gray-700) !important;
  font-size: 13px;
  font-weight: 750 !important;
}

html body.gs-antler-theme .form-control,
html body.gs-antler-theme input[type="text"],
html body.gs-antler-theme input[type="email"],
html body.gs-antler-theme input[type="password"],
html body.gs-antler-theme input[type="tel"],
html body.gs-antler-theme input[type="number"],
html body.gs-antler-theme input[type="url"],
html body.gs-antler-theme select,
html body.gs-antler-theme textarea {
  min-height: 44px !important;
  padding: 10px 13px !important;
  background: #fff !important;
  color: var(--gs-gray-900) !important;
  border: 1px solid var(--gs-gray-300) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 2px rgba(21,24,28,.02) !important;
}

html body.gs-antler-theme textarea {
  min-height: 120px !important;
}

html body.gs-antler-theme .form-control:focus,
html body.gs-antler-theme input:focus,
html body.gs-antler-theme select:focus,
html body.gs-antler-theme textarea:focus {
  border-color: var(--gs-red) !important;
  box-shadow: 0 0 0 3px rgba(207,32,41,.10) !important;
}

/* ---------- Input groups ---------- */
html body.gs-antler-theme .input-group-addon,
html body.gs-antler-theme .input-group-btn .btn {
  background: var(--gs-gray-100) !important;
  color: var(--gs-gray-700) !important;
  border-color: var(--gs-gray-300) !important;
}

/* ---------- Tables / DataTables ---------- */
html body.gs-antler-theme .table-container,
html body.gs-antler-theme .dataTables_wrapper {
  background: var(--gs-surface) !important;
  border: 1px solid var(--gs-gray-200);
  border-radius: var(--gs-radius-lg);
  box-shadow: var(--gs-shadow-sm);
  overflow: hidden;
}

html body.gs-antler-theme .table {
  margin-bottom: 0 !important;
  background: #fff !important;
}

html body.gs-antler-theme .table > thead > tr > th {
  background: #24272c !important;
  color: #f5f6f7 !important;
  border: 0 !important;
  padding: 14px 13px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  white-space: nowrap;
}

html body.gs-antler-theme .table > tbody > tr > td {
  padding: 13px !important;
  border-color: var(--gs-gray-200) !important;
  color: var(--gs-gray-800);
}

html body.gs-antler-theme .table > tbody > tr {
  transition: background .18s ease;
}

html body.gs-antler-theme .table > tbody > tr:hover {
  background: #fafafb !important;
}

html body.gs-antler-theme .dataTables_filter,
html body.gs-antler-theme .dataTables_length {
  padding: 14px 14px 8px;
}

html body.gs-antler-theme .dataTables_info,
html body.gs-antler-theme .dataTables_paginate {
  padding: 12px 14px 14px !important;
}

html body.gs-antler-theme .pagination > li > a,
html body.gs-antler-theme .pagination > li > span {
  border-radius: 8px !important;
  margin: 0 2px;
  border: 1px solid var(--gs-gray-200) !important;
  color: var(--gs-gray-700) !important;
}

html body.gs-antler-theme .pagination > .active > a,
html body.gs-antler-theme .pagination > .active > span {
  background: var(--gs-red) !important;
  color: #fff !important;
  border-color: var(--gs-red) !important;
}

/* ---------- Alerts ---------- */
html body.gs-antler-theme .alert {
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  padding: 13px 16px !important;
  box-shadow: none !important;
}

html body.gs-antler-theme .alert-info,
html body.gs-antler-theme .alert-success {
  background: #eef1f3 !important;
  color: var(--gs-gray-800) !important;
  border-color: #dde1e4 !important;
}

html body.gs-antler-theme .alert-warning,
html body.gs-antler-theme .alert-danger {
  background: var(--gs-red-soft) !important;
  color: var(--gs-red-dark) !important;
  border-color: #f2c7ca !important;
}

/* ---------- Tabs ---------- */
html body.gs-antler-theme .nav-tabs {
  border-bottom: 1px solid var(--gs-gray-200) !important;
}

html body.gs-antler-theme .nav-tabs > li > a {
  border: 0 !important;
  color: var(--gs-gray-600) !important;
  font-weight: 700;
  border-radius: 9px 9px 0 0 !important;
}

html body.gs-antler-theme .nav-tabs > li.active > a,
html body.gs-antler-theme .nav-tabs > li.active > a:hover,
html body.gs-antler-theme .nav-tabs > li > a:hover {
  color: var(--gs-red) !important;
  background: var(--gs-red-soft) !important;
  border: 0 !important;
}

/* ---------- Client dashboard ---------- */
html body.gs-antler-theme .gs-dashboard-hero {
  max-width: 1240px;
  margin: -48px auto 26px !important;
  padding: 0 15px;
  position: relative;
  z-index: 10;
}

html body.gs-antler-theme .clientarea-new-header {
  background:
    radial-gradient(circle at 85% 10%, rgba(207,32,41,.12), transparent 28%),
    linear-gradient(145deg,#1d2024,#2b2f34) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 20px !important;
  padding: 24px 26px !important;
  box-shadow: var(--gs-shadow-lg) !important;
}

html body.gs-antler-theme .clientarea-new-header .username,
html body.gs-antler-theme .clientarea-new-header .adress,
html body.gs-antler-theme .clientarea-new-header h5,
html body.gs-antler-theme .clientarea-new-header a {
  color: #fff !important;
}

html body.gs-antler-theme .clientarea-new-header .adress {
  color: #abb1b8 !important;
}

html body.gs-antler-theme .profile-photo img {
  width: 58px !important;
  height: 58px !important;
  object-fit: contain;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 6px;
}

html body.gs-antler-theme .header-features-icons {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

html body.gs-antler-theme .header-features-icons .badge {
  min-width: 42px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

html body.gs-antler-theme .header-features-icons .badge:hover {
  background: var(--gs-red) !important;
}

/* ---------- Authentication pages ---------- */
html body.gs-antler-theme .gs-auth-page,
html body.gs-antler-theme .loginpage {
  min-height: 100vh !important;
  background: transparent !important;
}

html body.gs-antler-theme .gs-auth-card,
html body.gs-antler-theme .login-form-container {
  max-width: 520px;
  margin: 0 auto;
  background: rgba(255,255,255,.97) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(10px);
  padding: 32px !important;
}

html body.gs-antler-theme .login-form-container .section-heading,
html body.gs-antler-theme .login-form-container .section-subheading {
  color: var(--gs-dark-2) !important;
}

html body.gs-antler-theme .login-page-header {
  padding-top: 25px;
}

/* ---------- Product / domain details ---------- */
html body.gs-antler-theme .product-details,
html body.gs-antler-theme .domain-details,
html body.gs-antler-theme .clientareaproductdetails {
  background: #fff;
  border-radius: var(--gs-radius-lg);
}

html body.gs-antler-theme .list-group-item {
  border-color: var(--gs-gray-200) !important;
  color: var(--gs-gray-700) !important;
}

html body.gs-antler-theme .list-group-item.active,
html body.gs-antler-theme .list-group-item.active:hover {
  background: var(--gs-dark-2) !important;
  color: #fff !important;
  border-color: var(--gs-dark-2) !important;
}

/* ---------- Store / cart ---------- */
html body.gs-antler-theme .gs-store-order,
html body.gs-antler-theme .store-order-container {
  max-width: 1120px;
  margin: 0 auto;
}

html body.gs-antler-theme .store-order-container .bg-pratalight,
html body.gs-antler-theme .store-order-container .bg-seccolorstyle {
  background: #fff !important;
}

html body.gs-antler-theme .store-order-container .nav-tabs {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  border: 0 !important;
  margin-bottom: 18px;
}

html body.gs-antler-theme .store-order-container .nav-tabs > li {
  margin: 0 !important;
}

html body.gs-antler-theme .store-order-container .nav-tabs > li > a {
  border-radius: 10px !important;
  background: var(--gs-gray-100) !important;
  color: var(--gs-gray-700) !important;
  padding: 10px 14px !important;
}

html body.gs-antler-theme .store-order-container .nav-tabs > li.active > a {
  background: var(--gs-dark-2) !important;
  color: #fff !important;
}

/* ---------- Tickets ---------- */
html body.gs-antler-theme .ticket-reply,
html body.gs-antler-theme .ticket-reply.staff,
html body.gs-antler-theme .ticket-reply.client {
  background: #fff !important;
  border: 1px solid var(--gs-gray-200) !important;
  border-radius: 14px !important;
  box-shadow: var(--gs-shadow-sm);
  overflow: hidden;
  margin-bottom: 14px !important;
}

html body.gs-antler-theme .ticket-reply .date,
html body.gs-antler-theme .ticket-reply .user {
  color: var(--gs-gray-600) !important;
}

html body.gs-antler-theme .ticket-reply.staff {
  border-inline-start: 4px solid var(--gs-dark-3) !important;
}

html body.gs-antler-theme .ticket-reply.client {
  border-inline-start: 4px solid var(--gs-red) !important;
}

/* ---------- Invoices ---------- */
html body.gs-antler-theme .invoice-container,
html body.gs-antler-theme .gs-view-invoice {
  background: #fff !important;
  border: 1px solid var(--gs-gray-200) !important;
  border-radius: 20px !important;
  box-shadow: var(--gs-shadow) !important;
}

html body.gs-antler-theme .invoice-container .invoice-status {
  border-radius: 999px !important;
}

html body.gs-antler-theme .invoice-container .total-due {
  background: var(--gs-gray-100) !important;
  color: var(--gs-dark-2) !important;
  border-radius: 12px !important;
}

/* ---------- Knowledgebase / downloads ---------- */
html body.gs-antler-theme .kb-article,
html body.gs-antler-theme .knowledgebase,
html body.gs-antler-theme .gs-kb-page {
  color: var(--gs-gray-800);
}

html body.gs-antler-theme .kb-article a,
html body.gs-antler-theme .knowledgebase a {
  color: var(--gs-gray-800);
}

html body.gs-antler-theme .kb-article a:hover,
html body.gs-antler-theme .knowledgebase a:hover {
  color: var(--gs-red);
}

/* ---------- Modal ---------- */
html body.gs-antler-theme .modal-dialog {
  max-width: 620px;
}

html body.gs-antler-theme .modal-content {
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 26px 80px rgba(16,18,21,.25) !important;
  overflow: hidden;
}

html body.gs-antler-theme .modal-header {
  background: var(--gs-dark-2) !important;
  color: #fff !important;
  border-bottom: 0 !important;
  padding: 18px 20px !important;
}

html body.gs-antler-theme .modal-title {
  color: #fff !important;
}

html body.gs-antler-theme .modal-footer {
  background: var(--gs-gray-100) !important;
  border-top: 1px solid var(--gs-gray-200) !important;
}

/* ---------- Dropdowns ---------- */
html body.gs-antler-theme .dropdown-menu {
  border: 1px solid var(--gs-gray-200) !important;
  border-radius: 12px !important;
  box-shadow: var(--gs-shadow) !important;
  padding: 7px !important;
  background: #fff !important;
}

html body.gs-antler-theme .dropdown-menu > li > a {
  border-radius: 8px;
  padding: 9px 11px !important;
  color: var(--gs-gray-700) !important;
}

html body.gs-antler-theme .dropdown-menu > li > a:hover {
  background: var(--gs-red-soft) !important;
  color: var(--gs-red-dark) !important;
}

/* ---------- Breadcrumb ---------- */
html body.gs-antler-theme .breadcrumb {
  background: transparent !important;
  color: var(--gs-gray-500) !important;
  padding-inline: 0 !important;
}

html body.gs-antler-theme .breadcrumb > li > a {
  color: var(--gs-gray-600) !important;
}

html body.gs-antler-theme .breadcrumb > li.active {
  color: var(--gs-red) !important;
}

/* ---------- Homepage premium sections ---------- */
html body.gs-antler-theme .services {
  padding-top: 62px !important;
  padding-bottom: 62px !important;
}

html body.gs-antler-theme .service-wrap > .row {
  row-gap: 22px;
}

html body.gs-antler-theme .service-section {
  position: relative;
  overflow: hidden;
}

html body.gs-antler-theme .service-section::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 0;
  height: 3px;
  background: var(--gs-red);
  transition: width .24s ease;
}

html body.gs-antler-theme .service-section:hover::after {
  width: 100%;
}

/* ---------- Common spacing ---------- */
html body.gs-antler-theme .mt-50 { margin-top: 32px !important; }
html body.gs-antler-theme .p-80 { padding: 30px !important; }
html body.gs-antler-theme .br-12 { border-radius: var(--gs-radius-lg) !important; }

/* ---------- RTL refinements ---------- */
html[dir="rtl"] body.gs-antler-theme .dataTables_filter,
html[dir="rtl"] body.gs-antler-theme .dataTables_length,
html[dir="rtl"] body.gs-antler-theme .table,
html[dir="rtl"] body.gs-antler-theme .modal-content,
html[dir="rtl"] body.gs-antler-theme .dropdown-menu {
  text-align: right !important;
}

html[dir="rtl"] body.gs-antler-theme .input-group .form-control:first-child {
  border-radius: 0 10px 10px 0 !important;
}

html[dir="rtl"] body.gs-antler-theme .input-group-btn:last-child > .btn {
  border-radius: 10px 0 0 10px !important;
}

/* ---------- Responsive system ---------- */
@media (max-width: 991px) {
  html body.gs-antler-theme .container {
    width: 100% !important;
    padding-inline: 18px !important;
  }

  html body.gs-antler-theme .top-header {
    min-height: 230px !important;
  }

  html body.gs-antler-theme .gs-dashboard-hero {
    margin-top: -30px !important;
  }

  html body.gs-antler-theme .clientarea-new-header {
    padding: 21px !important;
  }

  html body.gs-antler-theme .header-features-icons {
    justify-content: center !important;
    margin-top: 16px;
  }

  html body.gs-antler-theme .table-container,
  html body.gs-antler-theme .dataTables_wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 767px) {
  html body.gs-antler-theme {
    font-size: 14px;
  }

  html body.gs-antler-theme .top-header {
    min-height: 195px !important;
  }

  html body.gs-antler-theme .top-header h1,
  html body.gs-antler-theme .top-header .display-4 {
    font-size: 28px !important;
  }

  html body.gs-antler-theme .service-section {
    padding: 21px !important;
  }

  html body.gs-antler-theme .clientarea-new-header {
    text-align: center;
    border-radius: 16px !important;
  }

  html body.gs-antler-theme .clientarea-new-header .aitems-center {
    flex-direction: column;
    justify-content: center;
  }

  html body.gs-antler-theme .profile-photo {
    margin: 0 auto 10px;
  }

  html body.gs-antler-theme .gs-auth-card,
  html body.gs-antler-theme .login-form-container {
    padding: 24px 18px !important;
    border-radius: 17px !important;
  }

  html body.gs-antler-theme .table > thead > tr > th,
  html body.gs-antler-theme .table > tbody > tr > td {
    padding: 11px 10px !important;
  }

  html body.gs-antler-theme .modal-dialog {
    margin: 12px !important;
  }
}

@media (max-width: 480px) {
  html body.gs-antler-theme .container {
    padding-inline: 13px !important;
  }

  html body.gs-antler-theme .btn {
    width: auto;
    min-height: 39px;
  }

  html body.gs-antler-theme .top-header {
    min-height: 175px !important;
  }

  html body.gs-antler-theme .top-header h1,
  html body.gs-antler-theme .top-header .display-4 {
    font-size: 24px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT CUSTOM HOMEPAGE
   Based on supplied home.html
   Scoped under .gs-homepage-html to protect Antler/WHMCS pages.
   ========================================================================== */

.gs-homepage-html {
  --gs-home-bg: #f4f6f8;
  --gs-home-card: #ffffff;
  --gs-home-subcard: #e9ecef;
  --gs-home-text: #212529;
  --gs-home-muted: #6c757d;
  --gs-home-red: #cf2029;
  --gs-home-red-hover: #a91820;
  --gs-home-border: #dee2e6;
  direction: inherit;
  color: var(--gs-home-text);
  background: var(--gs-home-bg);
  overflow: hidden;
}

.gs-homepage-html *,
.gs-homepage-html *::before,
.gs-homepage-html *::after {
  box-sizing: border-box;
}

.gs-homepage-html .container-fluid {
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
}

/* Bootstrap 5 utility compatibility inside this page only */
.gs-homepage-html .d-flex { display: flex !important; }
.gs-homepage-html .flex-column { flex-direction: column !important; }
.gs-homepage-html .justify-content-between { justify-content: space-between !important; }
.gs-homepage-html .justify-content-center { justify-content: center !important; }
.gs-homepage-html .align-items-center { align-items: center !important; }
.gs-homepage-html .text-center { text-align: center !important; }
.gs-homepage-html .text-end { text-align: end !important; }
.gs-homepage-html .text-start { text-align: start !important; }
.gs-homepage-html .w-50 { width: 50% !important; }
.gs-homepage-html .w-100 { width: 100% !important; }
.gs-homepage-html .h-100 { height: 100% !important; }
.gs-homepage-html .small { font-size: 85% !important; }
.gs-homepage-html .fw-bold { font-weight: 700 !important; }
.gs-homepage-html .rounded { border-radius: 8px !important; }
.gs-homepage-html .rounded-4 { border-radius: 16px !important; }
.gs-homepage-html .shadow-sm { box-shadow: 0 5px 18px rgba(24,26,29,.07) !important; }
.gs-homepage-html .border { border: 1px solid var(--gs-home-border) !important; }
.gs-homepage-html .border-top { border-top: 1px solid var(--gs-home-border) !important; }
.gs-homepage-html .border-bottom { border-bottom: 1px solid var(--gs-home-border) !important; }
.gs-homepage-html .border-danger { border-color: var(--gs-home-red) !important; }
.gs-homepage-html .bg-dark { background: #212529 !important; }
.gs-homepage-html .bg-light { background: #f8f9fa !important; }
.gs-homepage-html .bg-success { background: #343a40 !important; }
.gs-homepage-html .text-white { color: #fff !important; }
.gs-homepage-html .text-danger { color: var(--gs-home-red) !important; }
.gs-homepage-html .text-muted { color: var(--gs-home-muted) !important; }
.gs-homepage-html .text-warning { color: #fff !important; }
.gs-homepage-html .p-0 { padding: 0 !important; }
.gs-homepage-html .p-2 { padding: 8px !important; }
.gs-homepage-html .p-3 { padding: 16px !important; }
.gs-homepage-html .p-4 { padding: 24px !important; }
.gs-homepage-html .pt-1 { padding-top: 4px !important; }
.gs-homepage-html .pt-2 { padding-top: 8px !important; }
.gs-homepage-html .pb-2 { padding-bottom: 8px !important; }
.gs-homepage-html .mb-0 { margin-bottom: 0 !important; }
.gs-homepage-html .mb-1 { margin-bottom: 4px !important; }
.gs-homepage-html .mb-2 { margin-bottom: 8px !important; }
.gs-homepage-html .mb-3 { margin-bottom: 16px !important; }
.gs-homepage-html .mb-4 { margin-bottom: 24px !important; }
.gs-homepage-html .mb-5 { margin-bottom: 38px !important; }
.gs-homepage-html .mt-1 { margin-top: 4px !important; }
.gs-homepage-html .mt-2 { margin-top: 8px !important; }
.gs-homepage-html .mt-3 { margin-top: 16px !important; }
.gs-homepage-html .mt-4 { margin-top: 24px !important; }
.gs-homepage-html .my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
.gs-homepage-html .my-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
.gs-homepage-html .me-1 { margin-inline-end: 4px !important; }
.gs-homepage-html .me-2 { margin-inline-end: 8px !important; }
.gs-homepage-html .ms-2 { margin-inline-start: 8px !important; }
.gs-homepage-html .gap-1 { gap: 4px !important; }
.gs-homepage-html .gap-2 { gap: 8px !important; }
.gs-homepage-html .g-2 { margin-left: -4px; margin-right: -4px; }
.gs-homepage-html .g-2 > [class*="col-"] { padding-left: 4px; padding-right: 4px; margin-bottom: 8px; }
.gs-homepage-html .g-3 { margin-left: -8px; margin-right: -8px; }
.gs-homepage-html .g-3 > [class*="col-"] { padding-left: 8px; padding-right: 8px; margin-bottom: 16px; }
.gs-homepage-html .g-4 { margin-left: -12px; margin-right: -12px; }
.gs-homepage-html .g-4 > [class*="col-"] { padding-left: 12px; padding-right: 12px; margin-bottom: 24px; }

/* Hero */
.gs-homepage-html .hero {
  padding: 76px 0 68px !important;
  background:
    radial-gradient(circle at 85% 20%, rgba(207,32,41,.09), transparent 25%),
    linear-gradient(180deg,#ffffff 0%,#f4f6f8 100%) !important;
  border-bottom: 1px solid var(--gs-home-border);
}

.gs-homepage-html .hero-title {
  margin: 0;
  font-weight: 900;
  font-size: 38px;
  line-height: 1.35;
  color: var(--gs-home-text) !important;
}

.gs-homepage-html .hero-title span,
.gs-homepage-html h2 span {
  color: var(--gs-home-red) !important;
}

.gs-homepage-html .hero-sub {
  color: var(--gs-home-muted) !important;
  font-size: 15px;
  line-height: 2;
  margin-top: 16px;
}

.gs-homepage-html .zatca-badge {
  background: #fff;
  border: 1px solid rgba(207,32,41,.28);
  color: #4b5159;
  padding: 9px 16px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 20px;
  box-shadow: 0 5px 16px rgba(24,26,29,.04);
}

.gs-homepage-html .zatca-badge i {
  color: var(--gs-home-red);
}

.gs-homepage-html .hero .col-lg-6:last-child > div {
  background:
    linear-gradient(145deg,#1b1e22,#292d32) !important;
  border: 1px solid #30343a !important;
  color: #fff;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 20px 55px rgba(24,26,29,.13) !important;
}

.gs-homepage-html .hero .col-lg-6:last-child h4 {
  color: #fff !important;
}

.gs-homepage-html .hero .col-lg-6:last-child .text-muted {
  color: #aeb4bb !important;
}

.gs-homepage-html .hero .display-3 {
  font-size: 58px;
}

/* Buttons */
.gs-homepage-html .btn-red {
  display: inline-block;
  background: linear-gradient(135deg,#b51c23,#cf2029) !important;
  color: #fff !important;
  font-weight: 800;
  border-radius: 10px;
  padding: 11px 22px;
  border: 1px solid #b51c23 !important;
  text-decoration: none;
  transition: .22s ease;
}

.gs-homepage-html .btn-red:hover {
  background: linear-gradient(135deg,#94151b,#ad1920) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.gs-homepage-html .btn-outline-custom {
  display: inline-block;
  border: 1px solid #cfd3d7 !important;
  color: var(--gs-home-text) !important;
  font-weight: 700;
  border-radius: 10px;
  padding: 10px 20px;
  background: #fff !important;
  text-decoration: none;
  transition: .22s ease;
}

.gs-homepage-html .btn-outline-custom:hover {
  border-color: var(--gs-home-red) !important;
  color: var(--gs-home-red) !important;
}

/* Sections */
.gs-homepage-html .pos-section,
.gs-homepage-html .receipt-section {
  padding: 68px 0 !important;
  background: #fff !important;
  border-top: 1px solid var(--gs-home-border);
  border-bottom: 1px solid var(--gs-home-border);
}

.gs-homepage-html .analytics-section,
.gs-homepage-html .pricing-section {
  padding: 68px 0 !important;
  background: var(--gs-home-bg) !important;
}

.gs-homepage-html h2.h3 {
  margin-top: 0;
  color: var(--gs-home-text) !important;
  font-size: 29px;
  font-weight: 900 !important;
}

/* POS mockup */
.gs-homepage-html .gs-pos-window {
  background: #f1f3f5;
  border-radius: 18px;
  border: 1px solid #ced4da;
  overflow: hidden;
  box-shadow: 0 18px 55px rgba(24,26,29,.12);
}

.gs-homepage-html .gs-pos-topbar {
  background: linear-gradient(90deg,#1b1e22,#2b2f34) !important;
  color: #fff;
  padding: 10px 15px;
  font-size: 12px;
}

.gs-homepage-html .gs-pos-topbar .top-btn {
  background: #3a3e44;
  color: #fff;
  border: 0;
  border-radius: 6px;
  padding: 5px 8px;
  margin-inline-start: 4px;
}

.gs-homepage-html .gs-pos-topbar .top-btn-red { background: var(--gs-home-red); }

.gs-homepage-html .gs-pos-card {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 12px;
  padding: 13px;
  height: 100%;
  box-shadow: 0 4px 15px rgba(24,26,29,.035);
}

.gs-homepage-html .gs-item-card {
  border: 1px solid #dee2e6;
  border-radius: 10px;
  padding: 9px;
  text-align: center;
  background: #fff;
  cursor: default;
  transition: .2s ease;
}

.gs-homepage-html .gs-item-card:hover {
  border-color: var(--gs-home-red);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(24,26,29,.07);
}

.gs-homepage-html .gs-item-icon-box {
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f5f6;
  border-radius: 7px;
  margin-bottom: 7px;
}

.gs-homepage-html .form-control,
.gs-homepage-html .form-select {
  height: 34px !important;
  min-height: 34px !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
  border-radius: 7px !important;
  border: 1px solid #ced4da !important;
  background: #fff !important;
}

.gs-homepage-html .input-group {
  display: flex;
  width: 100%;
}

.gs-homepage-html .input-group > .form-control,
.gs-homepage-html .input-group > .form-select {
  flex: 1 1 auto;
  width: 1%;
}

.gs-homepage-html .btn-sm {
  min-height: 34px !important;
  padding: 6px 9px !important;
  font-size: 11px !important;
  border-radius: 7px !important;
}

.gs-homepage-html .btn-dark {
  background: #202327 !important;
  border-color: #202327 !important;
  color: #fff !important;
}

.gs-homepage-html .btn-danger {
  background: var(--gs-home-red) !important;
  border-color: var(--gs-home-red) !important;
  color: #fff !important;
}

.gs-homepage-html .btn-success {
  background: #454b52 !important;
  border-color: #454b52 !important;
  color: #fff !important;
}

/* Charts */
.gs-homepage-html .chart-card {
  background: #fff;
  border: 1px solid var(--gs-home-border);
  border-radius: 16px;
  padding: 22px;
  box-shadow: 0 9px 28px rgba(24,26,29,.055);
  height: 100%;
}

.gs-homepage-html .chart-card h5 {
  margin-top: 0;
  color: #2b2f34 !important;
}

/* Receipt */
.gs-homepage-html .thermal-receipt {
  font-family: "Inconsolata","Cairo",monospace;
  background: #fff;
  border: 1px dashed #8d949c;
  border-radius: 10px;
  padding: 22px;
  max-width: 390px;
  margin: auto;
  box-shadow: 0 14px 36px rgba(24,26,29,.09);
  color: #111;
}

.gs-homepage-html .thermal-receipt .table {
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}

.gs-homepage-html .thermal-receipt .table th,
.gs-homepage-html .thermal-receipt .table td {
  background: transparent !important;
  color: #111 !important;
  border: 0 !important;
  padding: 5px !important;
  font-size: 12px !important;
}

/* Pricing */
.gs-homepage-html .pricing-card {
  background: #fff;
  border: 1px solid var(--gs-home-border);
  border-radius: 16px;
  padding: 30px;
  text-align: center;
  transition: .22s ease;
  height: 100%;
  position: relative;
  box-shadow: 0 8px 24px rgba(24,26,29,.045);
}

.gs-homepage-html .pricing-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(24,26,29,.09);
}

.gs-homepage-html .pricing-card.featured {
  border-color: var(--gs-home-red);
  box-shadow: 0 18px 42px rgba(207,32,41,.10);
}

.gs-homepage-html .pricing-card.featured::before {
  content: "الأكثر طلباً";
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--gs-home-red);
  color: #fff;
  padding: 5px 16px;
  font-size: 11px;
  font-weight: 800;
  border-radius: 999px;
  white-space: nowrap;
}

html[dir="ltr"] .gs-homepage-html .pricing-card.featured::before {
  content: "Most Popular";
}

.gs-homepage-html .pricing-card h3,
.gs-homepage-html .pricing-card h4 {
  color: #25282d !important;
}

.gs-homepage-html .pricing-card .text-success {
  color: #3d434a !important;
}

/* Keep Antler's Premium footer visually separated from homepage */
.gs-homepage-html + script + script + .gs-premium-footer,
.gs-homepage-html ~ .gs-premium-footer {
  margin-top: 0 !important;
}

/* Responsive */
@media (max-width: 991px) {
  .gs-homepage-html .hero {
    padding: 58px 0 52px !important;
  }

  .gs-homepage-html .hero-title {
    font-size: 32px;
  }

  .gs-homepage-html .hero .col-lg-6 {
    margin-bottom: 24px;
  }

  .gs-homepage-html .container-fluid {
    padding-left: 18px;
    padding-right: 18px;
  }

  .gs-homepage-html .gs-pos-topbar {
    overflow-x: auto;
    white-space: nowrap;
  }

  .gs-homepage-html .col-lg-4,
  .gs-homepage-html .col-lg-5,
  .gs-homepage-html .col-lg-3,
  .gs-homepage-html .col-lg-6 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .gs-homepage-html .hero,
  .gs-homepage-html .pos-section,
  .gs-homepage-html .receipt-section,
  .gs-homepage-html .analytics-section,
  .gs-homepage-html .pricing-section {
    padding: 46px 0 !important;
  }

  .gs-homepage-html .hero-title {
    font-size: 27px;
    line-height: 1.45;
  }

  .gs-homepage-html .hero-sub {
    font-size: 14px;
  }

  .gs-homepage-html .hero-btns .btn-red,
  .gs-homepage-html .hero-btns .btn-outline-custom {
    display: block;
    width: 100%;
    margin: 8px 0 0 !important;
    text-align: center;
  }

  .gs-homepage-html .zatca-badge {
    border-radius: 12px;
    line-height: 1.7;
  }

  .gs-homepage-html h2.h3 {
    font-size: 24px;
  }

  .gs-homepage-html .gs-pos-window {
    border-radius: 12px;
  }

  .gs-homepage-html .gs-pos-window > .p-3 {
    padding: 9px !important;
  }

  .gs-homepage-html .col-3 {
    width: 50%;
    float: right;
  }

  .gs-homepage-html .pricing-card {
    padding: 25px 20px;
  }
}

@media (max-width: 480px) {
  .gs-homepage-html .hero-title {
    font-size: 24px;
  }

  .gs-homepage-html .hero .col-lg-6:last-child > div {
    min-height: 210px;
  }

  .gs-homepage-html .thermal-receipt {
    padding: 16px;
  }

  .gs-homepage-html .gs-pos-topbar span {
    font-size: 10px;
  }
}


/* ==========================================================================
   GARWAN SOFT - Fixed Header & Fixed Premium Footer
   Uses JS-calculated heights to prevent page content from being covered.
   ========================================================================== */

:root {
  --gs-fixed-header-height: 0px;
  --gs-fixed-footer-height: 0px;
}

/* Keep the whole Antler top header/menu visible while scrolling */
html body.gs-antler-theme #header.header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9997 !important;
  margin: 0 !important;
  transform: none !important;
  box-shadow: 0 8px 26px rgba(24,26,29,.10) !important;
}

/* Prevent the first section from hiding behind the fixed header */
html body.gs-antler-theme {
  padding-top: var(--gs-fixed-header-height) !important;
  padding-bottom: var(--gs-fixed-footer-height) !important;
}

/* The theme wrapper must leave room for the fixed footer */
html body.gs-antler-theme .box-container {
  min-height: calc(100vh - var(--gs-fixed-header-height) - var(--gs-fixed-footer-height)) !important;
}

/* Fixed Premium Footer */
html body.gs-antler-theme footer#footer.gs-premium-footer {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  z-index: 9996 !important;
  box-shadow: 0 -12px 34px rgba(16,18,21,.14) !important;
}

/* Compact the premium footer while fixed so it does not consume the screen */
html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__container {
  max-width: 1320px !important;
  padding: 10px 22px 8px !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__brand {
  flex: 0 0 auto !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__mark {
  width: 38px !important;
  height: 38px !important;
  flex-basis: 38px !important;
  border-radius: 11px !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__mark span {
  font-size: 13px !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__brandname {
  font-size: 14px !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__tagline {
  font-size: 9px !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__links {
  flex: 1 1 auto !important;
  justify-content: center !important;
  gap: 5px !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link {
  min-height: 31px !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
  border-radius: 8px !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__linkdot {
  width: 4px !important;
  height: 4px !important;
  flex-basis: 4px !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__support-icon svg {
  width: 13px !important;
  height: 13px !important;
}

/* Bottom info becomes a compact secondary row */
html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__divider {
  margin: 6px 0 5px !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__bottom {
  min-height: 18px !important;
  gap: 12px !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__copy {
  font-size: 10px !important;
  line-height: 1.25 !important;
}

html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__signature {
  font-size: 9px !important;
}

/* Fixed elements should never be affected by the old scrolling animation */
html body.gs-antler-theme #header.gs-header-scrolled {
  position: fixed !important;
  top: 0 !important;
  animation: none !important;
  transform: none !important;
}

/* Modal/chat layers remain above header/footer */
html body.gs-antler-theme .modal {
  z-index: 10020 !important;
}

html body.gs-antler-theme .modal-backdrop {
  z-index: 10010 !important;
}

/* Tablet */
@media (max-width: 991px) {
  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__container {
    padding: 9px 14px 7px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__top {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    gap: 9px 12px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__brand {
    justify-content: flex-start !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__links {
    display: flex !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__divider {
    margin: 5px 0 4px !important;
  }
}

/* Mobile: keep footer fixed but make it short and usable */
@media (max-width: 767px) {
  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__container {
    padding: 7px 10px 6px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__top {
    display: block !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__brand {
    display: none !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__links {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__link {
    min-height: 30px !important;
    width: 100% !important;
    padding: 4px 3px !important;
    font-size: 9.5px !important;
    white-space: normal !important;
    text-align: center !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__linkdot {
    display: none !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__divider {
    display: none !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__bottom {
    justify-content: center !important;
    margin-top: 4px !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__signature {
    display: none !important;
  }

  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__copy {
    justify-content: center !important;
    text-align: center !important;
    font-size: 9px !important;
  }
}

@media (max-width: 480px) {
  html body.gs-antler-theme footer#footer.gs-premium-footer .gs-premium-footer__links {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}


/* ==========================================================================
   GARWAN SOFT - SAFE FIXED HEADER v3
   No MutationObserver. No per-scroll style writes.
   ========================================================================== */
html body.gs-antler-theme #header.header,
html body.gs-antler-theme #header.header.nav-up,
html body.gs-antler-theme #header.header.nav-down,
html body.gs-antler-theme #header.header.sticky,
html body.gs-antler-theme #header.header.fixed,
html body.gs-antler-theme #header.header.header-hidden,
html body.gs-antler-theme #header.header.hidden-header,
html body.gs-antler-theme #header.header.is-hidden,
html body.gs-antler-theme #header.header.gs-header-scrolled {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    animation: none !important;
    z-index: 9999 !important;
}

/* Antler may animate the header itself on scroll; disable only that animation. */
html body.gs-antler-theme #header.header {
    transition: box-shadow .20s ease, background-color .20s ease !important;
    will-change: auto !important;
}


/* ==========================================================================
   GARWAN SOFT - Main Navbar Only + Language Selector v4
   Old NEWS/INFO bar removed from menu.tpl.
   The white main navigation is the only fixed top bar.
   ========================================================================== */

/* Main navigation is the only fixed header content now */
html body.gs-antler-theme #header.header {
  background: #ffffff !important;
  border-bottom: 1px solid #e1e3e6 !important;
  box-shadow: 0 8px 26px rgba(24,26,29,.09) !important;
}

html body.gs-antler-theme #header.header .menu-wrap:not(.mobile) {
  background: #ffffff !important;
}

html body.gs-antler-theme #header.header .nav-menu {
  background: #ffffff !important;
}

/* Keep desktop menu vertically compact and premium */
@media (min-width: 992px) {
  html body.gs-antler-theme #header.header .nav-menu > .container {
    min-height: 76px !important;
    display: flex !important;
    align-items: center !important;
  }

  html body.gs-antler-theme #header.header .nav-menu > .container > .row {
    width: 100% !important;
    align-items: center !important;
  }

  html body.gs-antler-theme #header.header .main-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    margin: 0 !important;
  }

  html body.gs-antler-theme #header.header .main-menu > .menu-item > a {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 9px 11px !important;
  }
}

/* Language button inside main navbar */
html body.gs-antler-theme .gs-main-language {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-inline: 4px !important;
}

html body.gs-antler-theme .gs-main-language .lang-drop {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

html body.gs-antler-theme .gs-main-language .lang-drop > a.iconews {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #f4f5f6 !important;
  border: 1px solid #dde0e3 !important;
  border-radius: 10px !important;
  color: #34383e !important;
  transition: .2s ease !important;
}

html body.gs-antler-theme .gs-main-language .lang-drop > a.iconews:hover,
html body.gs-antler-theme .gs-main-language .lang-drop.open > a.iconews {
  background: #fff !important;
  border-color: #cf2029 !important;
  box-shadow: 0 5px 15px rgba(207,32,41,.10) !important;
}

html body.gs-antler-theme .gs-main-language .lang-drop img {
  width: 22px !important;
  height: 22px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

/* Language dropdown menu */
html body.gs-antler-theme .gs-main-language .lang-container {
  min-width: 225px !important;
  margin-top: 10px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #e0e3e6 !important;
  border-radius: 13px !important;
  box-shadow: 0 18px 45px rgba(24,26,29,.14) !important;
}

html body.gs-antler-theme .gs-main-language .lang-container .notify-header {
  padding: 13px 14px !important;
  background: #202327 !important;
  color: #fff !important;
  border: 0 !important;
}

html body.gs-antler-theme .gs-main-language .lang-container .notify-header h6 {
  color: #fff !important;
  margin: 0 0 4px !important;
  font-size: 12px !important;
}

html body.gs-antler-theme .gs-main-language .lang-container .notify-header a {
  color: #c7ccd1 !important;
  background: transparent !important;
  font-size: 11px !important;
}

html body.gs-antler-theme .gs-main-language .lang-container ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 7px !important;
  background: #fff !important;
}

html body.gs-antler-theme .gs-main-language .lang-container ul li {
  margin: 0 !important;
  padding: 0 !important;
}

html body.gs-antler-theme .gs-main-language .lang-container ul li a {
  display: block !important;
  padding: 9px 11px !important;
  border-radius: 8px !important;
  color: #454b52 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body.gs-antler-theme .gs-main-language .lang-container ul li a:hover {
  background: #fdecee !important;
  color: #cf2029 !important;
}

/* Mobile language button next to menu icon */
html body.gs-antler-theme .gs-mobile-language {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 3px 8px 0 0 !important;
}

html[dir="rtl"] body.gs-antler-theme .gs-mobile-language {
  margin: 3px 0 0 8px !important;
}

html body.gs-antler-theme .gs-mobile-language .lang-drop > a.iconews {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 1px solid #dde0e3 !important;
  border-radius: 9px !important;
  background: #f5f6f7 !important;
}

html body.gs-antler-theme .gs-mobile-language .lang-drop img {
  width: 21px !important;
  height: 21px !important;
  border-radius: 50% !important;
}

html body.gs-antler-theme .gs-mobile-language .lang-container {
  min-width: 210px !important;
  top: 46px !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 40px rgba(24,26,29,.16) !important;
}

/* We no longer need styling or space for the removed top news bar */
html body.gs-antler-theme .infonews {
  display: none !important;
}

/* Ensure no phantom top gap remains */
html body.gs-antler-theme #header.header > .menu-wrap:first-child,
html body.gs-antler-theme #header.header > .menu-wrap:not(.mobile) {
  margin-top: 0 !important;
}

/* Main client login button follows red identity */
html body.gs-antler-theme #header.header .question {
  background: linear-gradient(135deg,#b51c23,#cf2029) !important;
  border-color: #b51c23 !important;
  color: #fff !important;
  border-radius: 999px !important;
  min-height: 42px !important;
  padding: 9px 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Mobile */
@media (max-width: 991px) {
  html body.gs-antler-theme #header.header .menu-wrap.mobile {
    background: #fff !important;
    border-bottom: 1px solid #e1e3e6 !important;
    box-shadow: 0 7px 22px rgba(24,26,29,.08) !important;
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
  }

  html body.gs-antler-theme #header.header .menu-wrap:not(.mobile) {
    display: none !important;
  }
}

/* Desktop: keep mobile bar hidden */
@media (min-width: 992px) {
  html body.gs-antler-theme #header.header .menu-wrap.mobile {
    display: none !important;
  }
}


/* ==========================================================================
   GARWAN SOFT - Professional Language Selector v5
   ========================================================================== */

html body.gs-antler-theme .gs-main-language,
html body.gs-antler-theme .gs-mobile-language {
  position: relative !important;
}

html body.gs-antler-theme .gs-language-dropdown {
  position: relative !important;
}

html body.gs-antler-theme .gs-language-trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 42px !important;
  padding: 6px 10px 6px 8px !important;
  background: #f7f8f9 !important;
  border: 1px solid #e0e3e6 !important;
  border-radius: 11px !important;
  color: #34383e !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
  transition: .2s ease !important;
}

html[dir="rtl"] body.gs-antler-theme .gs-language-trigger {
  padding: 6px 8px 6px 10px !important;
}

html body.gs-antler-theme .gs-language-trigger:hover,
html body.gs-antler-theme .gs-language-dropdown.open .gs-language-trigger {
  background: #ffffff !important;
  border-color: rgba(207,32,41,.55) !important;
  color: #202327 !important;
  box-shadow: 0 7px 18px rgba(24,26,29,.08) !important;
}

html body.gs-antler-theme .gs-language-trigger__icon {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: #202327 !important;
  color: #fff !important;
  font-size: 13px !important;
}

html body.gs-antler-theme .gs-language-trigger__text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-width: 72px !important;
  line-height: 1.1 !important;
}

html[dir="rtl"] body.gs-antler-theme .gs-language-trigger__text {
  align-items: flex-end !important;
}

html body.gs-antler-theme .gs-language-trigger__label {
  color: #8a9098 !important;
  font-size: 8.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

html body.gs-antler-theme .gs-language-trigger__current {
  margin-top: 2px !important;
  color: #30343a !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

html body.gs-antler-theme .gs-language-trigger__chevron {
  color: #858b93 !important;
  font-size: 9px !important;
  transition: transform .2s ease !important;
}

html body.gs-antler-theme .gs-language-dropdown.open .gs-language-trigger__chevron {
  transform: rotate(180deg) !important;
}

/* Premium dropdown */
html body.gs-antler-theme .gs-language-menu {
  width: 260px !important;
  min-width: 260px !important;
  padding: 0 !important;
  margin-top: 9px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #e1e4e7 !important;
  border-radius: 14px !important;
  box-shadow: 0 22px 54px rgba(24,26,29,.16) !important;
}

html body.gs-antler-theme .gs-language-menu__head {
  padding: 14px 15px 12px !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(207,32,41,.13), transparent 34%),
    linear-gradient(145deg,#1c1f23,#292d32) !important;
  color: #fff !important;
}

html body.gs-antler-theme .gs-language-menu__title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-language-menu__title i {
  color: #e03a42 !important;
}

html body.gs-antler-theme .gs-language-menu__active {
  margin-top: 6px !important;
  color: #9ea5ad !important;
  font-size: 10px !important;
}

html body.gs-antler-theme .gs-language-menu__active strong {
  color: #fff !important;
  font-weight: 700 !important;
}

html body.gs-antler-theme .gs-language-menu__list {
  max-height: 310px !important;
  overflow-y: auto !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 7px !important;
  background: #fff !important;
}

html body.gs-antler-theme .gs-language-menu__list li {
  margin: 0 !important;
  padding: 0 !important;
}

html body.gs-antler-theme .gs-language-option {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 7px 9px !important;
  margin: 1px 0 !important;
  border-radius: 9px !important;
  color: #4b5159 !important;
  text-decoration: none !important;
  transition: .16s ease !important;
}

html body.gs-antler-theme .gs-language-option:hover {
  background: #f5f6f7 !important;
  color: #202327 !important;
}

html body.gs-antler-theme .gs-language-menu__list li.is-active .gs-language-option {
  background: #fdecee !important;
  color: #a91820 !important;
}

html body.gs-antler-theme .gs-language-option__flag {
  width: 29px !important;
  height: 29px !important;
  flex: 0 0 29px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: 1px solid #e1e3e6 !important;
  border-radius: 50% !important;
  background: #fff !important;
}

html body.gs-antler-theme .gs-language-option__flag img {
  width: 22px !important;
  height: 22px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

html body.gs-antler-theme .gs-language-option__name {
  flex: 1 1 auto !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body.gs-antler-theme .gs-language-option__check {
  width: 23px !important;
  height: 23px !important;
  flex: 0 0 23px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #cf2029 !important;
  color: #fff !important;
  font-size: 9px !important;
}

/* Mobile: compact globe-only trigger, same premium dropdown */
@media (max-width: 991px) {
  html body.gs-antler-theme .gs-mobile-language .gs-language-trigger {
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  html body.gs-antler-theme .gs-mobile-language .gs-language-trigger__icon {
    background: transparent !important;
    color: #30343a !important;
    font-size: 17px !important;
  }

  html body.gs-antler-theme .gs-mobile-language .gs-language-trigger__text,
  html body.gs-antler-theme .gs-mobile-language .gs-language-trigger__chevron {
    display: none !important;
  }

  html body.gs-antler-theme .gs-mobile-language .gs-language-menu {
    position: absolute !important;
    top: 47px !important;
    right: 0 !important;
    left: auto !important;
  }

  html[dir="rtl"] body.gs-antler-theme .gs-mobile-language .gs-language-menu {
    right: auto !important;
    left: 0 !important;
  }
}


/* ==========================================================================
   GARWAN SOFT - Compact Language Dropdown v6
   Removes inherited Antler spacing/floats inside the language menu.
   ========================================================================== */

html body.gs-antler-theme .gs-language-menu {
  width: 230px !important;
  min-width: 230px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.gs-antler-theme .gs-language-menu__head {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 11px 13px 9px !important;
}

html body.gs-antler-theme .gs-language-menu__title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}

html body.gs-antler-theme .gs-language-menu__active {
  margin: 4px 0 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}

/* Critical reset: Antler's legacy language/dropdown CSS can float list items */
html body.gs-antler-theme .gs-language-menu__list {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 240px !important;
  margin: 0 !important;
  padding: 5px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  list-style: none !important;
  float: none !important;
  clear: both !important;
}

html body.gs-antler-theme .gs-language-menu__list > li {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
}

html body.gs-antler-theme .gs-language-option {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 38px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
}

html body.gs-antler-theme .gs-language-option__flag {
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
}

html body.gs-antler-theme .gs-language-option__flag img {
  width: 20px !important;
  height: 20px !important;
}

html body.gs-antler-theme .gs-language-option__name {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  font-size: 11.5px !important;
  line-height: 1.3 !important;
}

html body.gs-antler-theme .gs-language-option__check {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  margin-inline-start: 7px !important;
  position: static !important;
  float: none !important;
}

/* Remove any pseudo arrows/legacy spacing from Antler notification dropdown */
html body.gs-antler-theme .gs-language-menu::before,
html body.gs-antler-theme .gs-language-menu::after,
html body.gs-antler-theme .gs-language-menu__list::before,
html body.gs-antler-theme .gs-language-menu__list::after {
  content: none !important;
  display: none !important;
}

/* Arabic menu aligns naturally right; English left */
html[dir="rtl"] body.gs-antler-theme .gs-language-option {
  text-align: right !important;
}

html[dir="ltr"] body.gs-antler-theme .gs-language-option {
  text-align: left !important;
}

/* Mobile remains compact with no empty frame area */
@media (max-width: 991px) {
  html body.gs-antler-theme .gs-mobile-language .gs-language-menu {
    width: 220px !important;
    min-width: 220px !important;
    height: auto !important;
    min-height: 0 !important;
  }
}


/* ==========================================================================
   GARWAN SOFT PREMIUM HEADER v8
   Graphite 80% / Red 20%
   ========================================================================== */

/* Header canvas */
html body.gs-antler-theme #header.header {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.gs-antler-theme .gs-premium-header-shell {
  padding: 12px 18px !important;
  background:
    linear-gradient(180deg, rgba(244,246,248,.98), rgba(244,246,248,.90)) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

html body.gs-antler-theme .gs-premium-navbar {
  max-width: 1460px !important;
  margin: 0 auto !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(249,250,251,.96)) !important;
  border: 1px solid rgba(32,35,39,.08) !important;
  border-radius: 20px !important;
  box-shadow:
    0 18px 48px rgba(24,26,29,.10),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
  overflow: visible !important;
  position: relative !important;
}

html body.gs-antler-theme .gs-premium-navbar::before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 26px !important;
  inset-inline-end: 26px !important;
  top: 0 !important;
  height: 3px !important;
  border-radius: 0 0 999px 999px !important;
  background: linear-gradient(90deg, transparent 0%, #cf2029 18%, #e13a43 50%, #cf2029 82%, transparent 100%) !important;
  opacity: .92 !important;
}

html body.gs-antler-theme .gs-premium-navbar > .container {
  width: 100% !important;
  max-width: 100% !important;
  padding-inline: 22px !important;
}

html body.gs-antler-theme .gs-premium-navbar__row {
  min-height: 76px !important;
  display: flex !important;
  align-items: center !important;
}

/* Brand */
html body.gs-antler-theme .gs-premium-navbar__brand-col {
  display: flex !important;
  align-items: center !important;
}

html body.gs-antler-theme .gs-premium-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 13px !important;
  text-decoration: none !important;
  min-width: 0 !important;
}

html body.gs-antler-theme .gs-premium-brand__logo {
  width: 62px !important;
  height: 52px !important;
  flex: 0 0 62px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 6px !important;
  border-radius: 15px !important;
  background:
    linear-gradient(145deg, #ffffff 0%, #f1f3f5 100%) !important;
  border: 1px solid #e2e4e7 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 8px 20px rgba(24,26,29,.08) !important;
  position: relative !important;
}

html body.gs-antler-theme .gs-premium-brand__logo::after {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 10px !important;
  inset-inline-end: 10px !important;
  bottom: 4px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #cf2029 !important;
}

html body.gs-antler-theme .gs-premium-brand__logo img {
  max-width: 100% !important;
  max-height: 38px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}

html body.gs-antler-theme .gs-premium-brand__meta {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  line-height: 1.15 !important;
}

html body.gs-antler-theme .gs-premium-brand__name {
  color: #202327 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html body.gs-antler-theme .gs-premium-brand__tagline {
  margin-top: 5px !important;
  color: #858b93 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}

/* Main nav */
html body.gs-antler-theme .gs-premium-navbar__nav-col {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

html body.gs-antler-theme .gs-premium-navigation {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
}

html body.gs-antler-theme .gs-premium-navlist {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.gs-antler-theme .gs-premium-navitem {
  margin: 0 !important;
}

html body.gs-antler-theme .gs-premium-navlink {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 8px 13px !important;
  border-radius: 11px !important;
  color: #4b5159 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: .2s ease !important;
  position: relative !important;
}

html body.gs-antler-theme .gs-premium-navlink:hover {
  color: #202327 !important;
  background: #f5f6f7 !important;
  border-color: #e5e7e9 !important;
  transform: translateY(-1px) !important;
}

html body.gs-antler-theme .gs-premium-navlink__icon {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: #eef0f2 !important;
  color: #5f666f !important;
  font-size: 11px !important;
  transition: .2s ease !important;
}

html body.gs-antler-theme .gs-premium-navlink:hover .gs-premium-navlink__icon {
  background: #fdecee !important;
  color: #cf2029 !important;
}

html body.gs-antler-theme .gs-premium-nav-separator {
  width: 1px !important;
  height: 30px !important;
  background: linear-gradient(180deg, transparent, #dfe2e5, transparent) !important;
  margin: 0 3px !important;
}

/* Language blends naturally into header */
html body.gs-antler-theme .gs-premium-language {
  margin: 0 !important;
}

html body.gs-antler-theme .gs-premium-language .gs-language-trigger {
  min-height: 44px !important;
  border-radius: 11px !important;
  background: #f7f8f9 !important;
  border-color: #e1e4e7 !important;
}

/* Account button */
html body.gs-antler-theme .gs-premium-account-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 46px !important;
  padding: 8px 16px !important;
  border-radius: 13px !important;
  background:
    linear-gradient(135deg,#ae181f 0%,#cf2029 55%,#dc3038 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(156,18,25,.55) !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow:
    0 10px 24px rgba(207,32,41,.20),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
  transition: .22s ease !important;
}

html body.gs-antler-theme .gs-premium-account-btn:hover {
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow:
    0 14px 30px rgba(207,32,41,.28),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

html body.gs-antler-theme .gs-premium-account-btn__icon {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px !important;
  font-size: 11px !important;
}

/* subtle scrolled effect */
html body.gs-antler-theme #header.header.gs-header-scrolled .gs-premium-header-shell {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  background: rgba(244,246,248,.94) !important;
}

html body.gs-antler-theme #header.header.gs-header-scrolled .gs-premium-navbar {
  box-shadow:
    0 14px 38px rgba(24,26,29,.14),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

/* RTL / LTR */
html[dir="rtl"] body.gs-antler-theme .gs-premium-navlist {
  direction: rtl !important;
}

html[dir="ltr"] body.gs-antler-theme .gs-premium-navlist {
  direction: ltr !important;
}

/* Premium mobile header */
html body.gs-antler-theme .gs-premium-mobilebar {
  padding: 8px 10px !important;
  background: rgba(244,246,248,.96) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.gs-antler-theme .gs-premium-mobilebar > .container {
  background: #fff !important;
  border: 1px solid #e1e4e7 !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(24,26,29,.10) !important;
  padding: 7px 10px !important;
}

html body.gs-antler-theme .gs-premium-mobilebar__row {
  display: flex !important;
  align-items: center !important;
  min-height: 52px !important;
}

html body.gs-antler-theme .gs-premium-mobile-brand {
  display: inline-flex !important;
  align-items: center !important;
}

html body.gs-antler-theme .gs-premium-mobile-brand__logo {
  width: 112px !important;
  display: inline-flex !important;
  align-items: center !important;
}

html body.gs-antler-theme .gs-premium-mobile-brand__logo img {
  max-width: 100% !important;
  max-height: 40px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}

html body.gs-antler-theme .gs-premium-mobile-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

html body.gs-antler-theme .gs-premium-mobile-login {
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: #cf2029 !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(207,32,41,.20) !important;
}

html body.gs-antler-theme .gs-premium-menu-toggle {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #202327 !important;
}

html body.gs-antler-theme .gs-premium-mobile-menu {
  position: absolute !important;
  top: 56px !important;
  right: 0 !important;
  min-width: 230px !important;
  padding: 8px !important;
  background: #fff !important;
  border: 1px solid #e1e4e7 !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 45px rgba(24,26,29,.16) !important;
}

html[dir="rtl"] body.gs-antler-theme .gs-premium-mobile-menu {
  right: auto !important;
  left: 0 !important;
}

html body.gs-antler-theme .gs-premium-mobile-menu__link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 9px 10px !important;
  border-radius: 9px !important;
  color: #454b52 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

html body.gs-antler-theme .gs-premium-mobile-menu__link:hover {
  background: #fdecee !important;
  color: #cf2029 !important;
}

/* desktop / mobile visibility */
@media (min-width: 992px) {
  html body.gs-antler-theme .gs-premium-mobilebar {
    display: none !important;
  }
}

@media (max-width: 991px) {
  html body.gs-antler-theme .gs-premium-header-shell {
    display: none !important;
  }

  html body.gs-antler-theme .gs-premium-mobilebar {
    display: block !important;
  }
}

/* Smaller desktop screens */
@media (min-width: 992px) and (max-width: 1180px) {
  html body.gs-antler-theme .gs-premium-brand__meta {
    display: none !important;
  }

  html body.gs-antler-theme .gs-premium-navbar__brand-col {
    width: 18% !important;
  }

  html body.gs-antler-theme .gs-premium-navbar__nav-col {
    width: 82% !important;
  }

  html body.gs-antler-theme .gs-premium-navlink {
    padding-inline: 9px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT PREMIUM CLIENT LOGIN v9
   Matches Premium Header + Premium Footer
   ========================================================================== */

html body.gs-antler-theme .gs-login-premium {
  position: relative !important;
  min-height: calc(100vh - var(--gs-fixed-header-height) - var(--gs-fixed-footer-height)) !important;
  padding: 42px 18px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(207,32,41,.08), transparent 27%),
    radial-gradient(circle at 88% 80%, rgba(32,35,39,.08), transparent 26%),
    linear-gradient(145deg,#f5f6f7 0%,#eef0f2 55%,#f7f8f9 100%) !important;
}

html body.gs-antler-theme .gs-login-premium::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(32,35,39,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(32,35,39,.025) 1px, transparent 1px) !important;
  background-size: 36px 36px !important;
  opacity: .38 !important;
}

html body.gs-antler-theme .gs-login-premium__ambient {
  position: absolute !important;
  width: 360px !important;
  height: 360px !important;
  border-radius: 50% !important;
  filter: blur(90px) !important;
  pointer-events: none !important;
  opacity: .13 !important;
}

html body.gs-antler-theme .gs-login-premium__ambient--one {
  top: -190px !important;
  inset-inline-start: -120px !important;
  background: #cf2029 !important;
}

html body.gs-antler-theme .gs-login-premium__ambient--two {
  bottom: -210px !important;
  inset-inline-end: -110px !important;
  background: #5f666f !important;
}

html body.gs-antler-theme .gs-login-premium__container {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1120px !important;
}

html body.gs-antler-theme .gs-login-premium__shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(430px, .82fr) !important;
  min-height: 610px !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(32,35,39,.09) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  box-shadow:
    0 32px 85px rgba(24,26,29,.14),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

/* Left brand panel */
html body.gs-antler-theme .gs-login-premium__brand-panel {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 34px 38px 30px !important;
  color: #fff !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(207,32,41,.23), transparent 30%),
    radial-gradient(circle at 82% 80%, rgba(255,255,255,.055), transparent 28%),
    linear-gradient(145deg,#17191c 0%,#23262b 52%,#2d3137 100%) !important;
}

html body.gs-antler-theme .gs-login-premium__brand-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) !important;
  background-size: 32px 32px !important;
  opacity: .55 !important;
  pointer-events: none !important;
}

html body.gs-antler-theme .gs-login-premium__brand-panel::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  inset-inline-start: 38px !important;
  width: 120px !important;
  height: 3px !important;
  background: linear-gradient(90deg,#cf2029,#e13a43,transparent) !important;
  border-radius: 0 0 999px 999px !important;
}

html body.gs-antler-theme .gs-login-premium__brand-top,
html body.gs-antler-theme .gs-login-premium__brand-content,
html body.gs-antler-theme .gs-login-premium__brand-footer {
  position: relative !important;
  z-index: 2 !important;
}

html body.gs-antler-theme .gs-login-premium__brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 13px !important;
  color: #fff !important;
  text-decoration: none !important;
}

html body.gs-antler-theme .gs-login-premium__logo-box {
  width: 56px !important;
  height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body.gs-antler-theme .gs-login-premium__logo-box img {
  max-width: 100% !important;
  max-height: 40px !important;
  width: auto !important;
  height: auto !important;
}

html body.gs-antler-theme .gs-login-premium__brand-copy {
  display: flex !important;
  flex-direction: column !important;
}

html body.gs-antler-theme .gs-login-premium__brand-copy strong {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-login-premium__brand-copy small {
  margin-top: 3px !important;
  color: #989fa8 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

html body.gs-antler-theme .gs-login-premium__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
  color: #b7bdc5 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html body.gs-antler-theme .gs-login-premium__eyebrow-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #cf2029 !important;
  box-shadow: 0 0 0 5px rgba(207,32,41,.12) !important;
}

html body.gs-antler-theme .gs-login-premium__brand-content h1 {
  margin: 0 !important;
  max-width: 470px !important;
  color: #fff !important;
  font-size: 35px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  letter-spacing: -.02em !important;
}

html body.gs-antler-theme .gs-login-premium__brand-content h1 span {
  color: #e13a43 !important;
}

html body.gs-antler-theme .gs-login-premium__brand-content > p {
  max-width: 500px !important;
  margin: 17px 0 27px !important;
  color: #aeb4bc !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
}

html body.gs-antler-theme .gs-login-premium__features {
  display: grid !important;
  gap: 10px !important;
}

html body.gs-antler-theme .gs-login-premium__feature {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.035) !important;
  backdrop-filter: blur(7px) !important;
}

html body.gs-antler-theme .gs-login-premium__feature-icon {
  width: 37px !important;
  height: 37px !important;
  flex: 0 0 37px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(207,32,41,.13) !important;
  color: #e13a43 !important;
  font-size: 13px !important;
}

html body.gs-antler-theme .gs-login-premium__feature > span:last-child {
  display: flex !important;
  flex-direction: column !important;
}

html body.gs-antler-theme .gs-login-premium__feature strong {
  color: #f5f6f7 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-login-premium__feature small {
  margin-top: 2px !important;
  color: #858c95 !important;
  font-size: 9.5px !important;
}

html body.gs-antler-theme .gs-login-premium__brand-footer {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 26px !important;
  color: #858c95 !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
}

html body.gs-antler-theme .gs-login-premium__status-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #cf2029 !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.10) !important;
}

/* Right form panel */
html body.gs-antler-theme .gs-login-premium__form-panel {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 38px 42px !important;
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfbfc 100%) !important;
}

html body.gs-antler-theme .gs-login-premium__form-wrap {
  width: 100% !important;
  max-width: 390px !important;
}

html body.gs-antler-theme .gs-login-premium__form-head {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  margin-bottom: 28px !important;
}

html body.gs-antler-theme .gs-login-premium__form-icon {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 13px !important;
  background: #202327 !important;
  color: #fff !important;
  font-size: 16px !important;
  box-shadow: 0 9px 22px rgba(32,35,39,.16) !important;
}

html body.gs-antler-theme .gs-login-premium__form-head h2 {
  margin: 0 !important;
  color: #202327 !important;
  font-size: 21px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-login-premium__form-head p {
  margin: 4px 0 0 !important;
  color: #868d95 !important;
  font-size: 10.5px !important;
}

/* Linked accounts */
html body.gs-antler-theme .gs-login-premium__providers {
  margin-bottom: 20px !important;
}

html body.gs-antler-theme .gs-login-premium__divider {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 16px 0 !important;
}

html body.gs-antler-theme .gs-login-premium__divider span {
  height: 1px !important;
  background: #e5e7ea !important;
}

html body.gs-antler-theme .gs-login-premium__divider em {
  color: #9aa0a7 !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

/* Fields */
html body.gs-antler-theme .gs-login-premium__field {
  margin-bottom: 17px !important;
}

html body.gs-antler-theme .gs-login-premium__field label,
html body.gs-antler-theme .gs-login-premium__label-row label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 0 7px !important;
  color: #4b5159 !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-login-premium__field label i {
  color: #cf2029 !important;
  font-size: 10px !important;
}

html body.gs-antler-theme .gs-login-premium__label-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html body.gs-antler-theme .gs-login-premium__forgot {
  color: #858b93 !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

html body.gs-antler-theme .gs-login-premium__forgot:hover {
  color: #cf2029 !important;
}

html body.gs-antler-theme .gs-login-premium__input-wrap {
  position: relative !important;
}

html body.gs-antler-theme .gs-login-premium__input-wrap .form-control {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  background: #f7f8f9 !important;
  border: 1px solid #e0e3e6 !important;
  border-radius: 12px !important;
  color: #25282d !important;
  font-size: 12px !important;
  box-shadow: inset 0 1px 2px rgba(24,26,29,.025) !important;
  transition: .2s ease !important;
}

html body.gs-antler-theme .gs-login-premium__password-wrap .form-control {
  padding-inline-end: 48px !important;
}

html body.gs-antler-theme .gs-login-premium__input-wrap .form-control:focus {
  background: #fff !important;
  border-color: rgba(207,32,41,.65) !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.08) !important;
  outline: none !important;
}

html body.gs-antler-theme .gs-login-premium__password-toggle {
  position: absolute !important;
  top: 50% !important;
  inset-inline-end: 8px !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #90969d !important;
  border-radius: 8px !important;
}

html body.gs-antler-theme .gs-login-premium__password-toggle:hover {
  background: #eef0f2 !important;
  color: #cf2029 !important;
}

/* Remember */
html body.gs-antler-theme .gs-login-premium__options {
  display: flex !important;
  align-items: center !important;
  margin: 3px 0 20px !important;
}

html body.gs-antler-theme .gs-login-premium__remember {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  cursor: pointer !important;
  color: #666d75 !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

html body.gs-antler-theme .gs-login-premium__remember input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body.gs-antler-theme .gs-login-premium__checkmark {
  width: 19px !important;
  height: 19px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  background: #fff !important;
  border: 1px solid #d7dade !important;
  color: transparent !important;
  font-size: 8px !important;
  transition: .18s ease !important;
}

html body.gs-antler-theme .gs-login-premium__remember input:checked + .gs-login-premium__checkmark {
  background: #cf2029 !important;
  border-color: #cf2029 !important;
  color: #fff !important;
}

/* Captcha */
html body.gs-antler-theme .gs-login-premium__captcha {
  margin: 0 0 18px !important;
  text-align: center !important;
}

/* Submit */
html body.gs-antler-theme .gs-login-premium__submit {
  width: 100% !important;
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 10px 18px !important;
  background:
    linear-gradient(135deg,#ac181f 0%,#cf2029 55%,#df343d 100%) !important;
  border: 1px solid #ad1920 !important;
  border-radius: 13px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow:
    0 12px 28px rgba(207,32,41,.22),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
  transition: .22s ease !important;
}

html body.gs-antler-theme .gs-login-premium__submit:hover {
  transform: translateY(-2px) !important;
  background:
    linear-gradient(135deg,#94151b 0%,#b91c24 55%,#ca252e 100%) !important;
  box-shadow:
    0 16px 32px rgba(207,32,41,.28),
    inset 0 1px 0 rgba(255,255,255,.17) !important;
}

html body.gs-antler-theme .gs-login-premium__submit i {
  font-size: 10px !important;
}

/* Register + support */
html body.gs-antler-theme .gs-login-premium__register {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px solid #eceef0 !important;
  color: #8d939a !important;
  font-size: 10px !important;
}

html body.gs-antler-theme .gs-login-premium__register a {
  color: #cf2029 !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-login-premium__support {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 11px !important;
  color: #9aa0a7 !important;
  font-size: 9.5px !important;
}

html body.gs-antler-theme .gs-login-premium__support i {
  color: #6e747c !important;
}

html body.gs-antler-theme .gs-login-premium__support a {
  color: #5f666f !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-login-premium__support a:hover {
  color: #cf2029 !important;
}

/* Flash messages inside login */
html body.gs-antler-theme .gs-login-premium__form-panel .alert {
  margin-bottom: 18px !important;
  border-radius: 11px !important;
  font-size: 10.5px !important;
}

/* RTL */
html[dir="rtl"] body.gs-antler-theme .gs-login-premium__brand-content,
html[dir="rtl"] body.gs-antler-theme .gs-login-premium__form-panel {
  text-align: right !important;
}

html[dir="ltr"] body.gs-antler-theme .gs-login-premium__brand-content,
html[dir="ltr"] body.gs-antler-theme .gs-login-premium__form-panel {
  text-align: left !important;
}

/* Tablet */
@media (max-width: 991px) {
  html body.gs-antler-theme .gs-login-premium {
    padding: 28px 14px !important;
  }

  html body.gs-antler-theme .gs-login-premium__shell {
    grid-template-columns: 1fr !important;
    max-width: 680px !important;
    margin: 0 auto !important;
  }

  html body.gs-antler-theme .gs-login-premium__brand-panel {
    min-height: auto !important;
    padding: 27px 28px !important;
  }

  html body.gs-antler-theme .gs-login-premium__brand-content {
    margin-top: 34px !important;
  }

  html body.gs-antler-theme .gs-login-premium__brand-content h1 {
    font-size: 28px !important;
  }

  html body.gs-antler-theme .gs-login-premium__features {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }

  html body.gs-antler-theme .gs-login-premium__feature {
    align-items: flex-start !important;
  }

  html body.gs-antler-theme .gs-login-premium__form-panel {
    padding: 34px 28px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  html body.gs-antler-theme .gs-login-premium {
    padding: 16px 10px !important;
  }

  html body.gs-antler-theme .gs-login-premium__shell {
    border-radius: 19px !important;
  }

  html body.gs-antler-theme .gs-login-premium__brand-panel {
    padding: 22px 20px !important;
  }

  html body.gs-antler-theme .gs-login-premium__brand-content {
    margin-top: 26px !important;
  }

  html body.gs-antler-theme .gs-login-premium__brand-content h1 {
    font-size: 24px !important;
  }

  html body.gs-antler-theme .gs-login-premium__brand-content > p {
    font-size: 11.5px !important;
  }

  html body.gs-antler-theme .gs-login-premium__features {
    grid-template-columns: 1fr !important;
  }

  html body.gs-antler-theme .gs-login-premium__brand-footer {
    margin-top: 18px !important;
  }

  html body.gs-antler-theme .gs-login-premium__form-panel {
    padding: 28px 20px !important;
  }

  html body.gs-antler-theme .gs-login-premium__form-head h2 {
    font-size: 18px !important;
  }
}

/* Very small screens */
@media (max-width: 420px) {
  html body.gs-antler-theme .gs-login-premium__brand-copy small {
    display: none !important;
  }

  html body.gs-antler-theme .gs-login-premium__logo-box {
    width: 50px !important;
    height: 50px !important;
  }

  html body.gs-antler-theme .gs-login-premium__brand-content h1 {
    font-size: 21px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT UNIFIED PREMIUM DESIGN SYSTEM v10
   Header + Footer + Login identity applied throughout WHMCS client pages.
   ========================================================================== */
:root{
 --gsu-bg:#f3f5f7;--gsu-surface:#fff;--gsu-soft:#f8f9fa;
 --gsu-dark:#181a1d;--gsu-dark2:#202327;--gsu-text:#2d3136;
 --gsu-muted:#7d848c;--gsu-border:#e2e5e8;--gsu-red:#cf2029;
 --gsu-red-dark:#a91820;--gsu-red-soft:#fdecee;
 --gsu-green:#2f7a4e;--gsu-green-soft:#edf7f1;
 --gsu-r:12px;--gsu-r-lg:16px;--gsu-r-xl:22px;
 --gsu-shadow:0 18px 48px rgba(24,26,29,.09);
 --gsu-shadow-sm:0 7px 22px rgba(24,26,29,.055);
}
html body.gs-antler-theme{
 background:radial-gradient(circle at 8% 12%,rgba(207,32,41,.035),transparent 22%),
 linear-gradient(180deg,#f7f8f9,#f1f3f5)!important;color:var(--gsu-text)!important
}
html body.gs-antler-theme .p-50{padding:28px!important}
html body.gs-antler-theme .mt-50{margin-top:26px!important}

/* universal page heading */
html body.gs-antler-theme .gs-premium-pageheader{
 position:relative!important;margin-bottom:24px!important;padding:24px 26px!important;
 background:radial-gradient(circle at 88% 20%,rgba(207,32,41,.085),transparent 28%),
 linear-gradient(145deg,#fff,#f8f9fa)!important;
 border:1px solid var(--gsu-border)!important;border-radius:18px!important;
 box-shadow:var(--gsu-shadow-sm)!important
}
html body.gs-antler-theme .gs-premium-pageheader:before{
 content:""!important;position:absolute!important;top:0!important;inset-inline-start:26px!important;
 width:80px!important;height:3px!important;background:linear-gradient(90deg,var(--gsu-red),#e13a43,transparent)!important
}
html body.gs-antler-theme .gs-premium-pageheader .section-heading{
 margin:0!important;color:var(--gsu-dark2)!important;font-size:26px!important;font-weight:900!important
}
html body.gs-antler-theme .gs-premium-pageheader .section-subheading{
 margin:7px 0 0!important;color:var(--gsu-muted)!important;font-size:12px!important
}

/* shared white surfaces */
html body.gs-antler-theme .bg-seccolorstyle.bg-white,
html body.gs-antler-theme .bg-white.br-12,
html body.gs-antler-theme .well,
html body.gs-antler-theme .invoice-container,
html body.gs-antler-theme .quote-container{
 background:#fff!important;border:1px solid var(--gsu-border)!important;
 border-radius:var(--gsu-r-lg)!important;box-shadow:var(--gsu-shadow-sm)!important
}
html body.gs-antler-theme .noshadow:not(.gs-login-premium__brand-panel){box-shadow:var(--gsu-shadow-sm)!important}

/* panels */
html body.gs-antler-theme .panel{
 overflow:hidden!important;background:#fff!important;border:1px solid var(--gsu-border)!important;
 border-radius:var(--gsu-r-lg)!important;box-shadow:var(--gsu-shadow-sm)!important
}
html body.gs-antler-theme .panel>.panel-heading{
 padding:14px 17px!important;background:linear-gradient(180deg,#f8f9fa,#f3f5f6)!important;
 border:0!important;border-bottom:1px solid var(--gsu-border)!important
}
html body.gs-antler-theme .panel>.panel-heading .panel-title{
 color:var(--gsu-dark2)!important;font-size:13px!important;font-weight:900!important
}
html body.gs-antler-theme .panel>.panel-body{padding:18px!important;color:#555c64!important}
html body.gs-antler-theme .panel>.panel-footer{
 padding:12px 17px!important;background:#f8f9fa!important;border-top:1px solid var(--gsu-border)!important
}

/* sidebar */
html body.gs-antler-theme .item-drop-side{
 overflow:hidden!important;margin-bottom:14px!important;background:#fff!important;
 border:1px solid var(--gsu-border)!important;border-radius:14px!important;box-shadow:var(--gsu-shadow-sm)!important
}
html body.gs-antler-theme .item-drop-side>.panel-heading{padding:13px 14px!important;background:#202327!important;border:0!important}
html body.gs-antler-theme .item-drop-side>.panel-heading .panel-title{color:#fff!important;font-size:12px!important;font-weight:900!important}
html body.gs-antler-theme .item-drop-side .list-group-item{
 min-height:42px!important;padding:10px 13px!important;background:#fff!important;border:0!important;
 border-bottom:1px solid #eef0f2!important;color:#58606a!important;font-size:11px!important;font-weight:700!important
}
html body.gs-antler-theme .item-drop-side .list-group-item:hover{background:#f8f9fa!important;color:var(--gsu-red)!important}
html body.gs-antler-theme .item-drop-side .list-group-item.active{
 background:var(--gsu-red-soft)!important;color:var(--gsu-red-dark)!important;
 box-shadow:inset 3px 0 0 var(--gsu-red)!important
}

/* forms */
html body.gs-antler-theme .form-group{margin-bottom:17px!important}
html body.gs-antler-theme label,
html body.gs-antler-theme .control-label{
 margin-bottom:7px!important;color:#565d65!important;font-size:11px!important;font-weight:800!important
}
html body.gs-antler-theme .form-control,
html body.gs-antler-theme input[type=text],
html body.gs-antler-theme input[type=email],
html body.gs-antler-theme input[type=password],
html body.gs-antler-theme input[type=tel],
html body.gs-antler-theme input[type=number],
html body.gs-antler-theme input[type=url],
html body.gs-antler-theme select,
html body.gs-antler-theme textarea{
 min-height:44px!important;padding:9px 12px!important;background:#f8f9fa!important;color:#2f3338!important;
 border:1px solid #dfe3e6!important;border-radius:10px!important;box-shadow:inset 0 1px 2px rgba(24,26,29,.02)!important;
 font-size:12px!important
}
html body.gs-antler-theme textarea{min-height:118px!important;resize:vertical}
html body.gs-antler-theme .form-control:focus,
html body.gs-antler-theme input:focus,
html body.gs-antler-theme select:focus,
html body.gs-antler-theme textarea:focus{
 background:#fff!important;border-color:rgba(207,32,41,.62)!important;
 box-shadow:0 0 0 4px rgba(207,32,41,.08)!important;outline:none!important
}

/* buttons */
html body.gs-antler-theme .btn{
 min-height:40px!important;padding:8px 14px!important;border-radius:10px!important;font-size:11px!important;font-weight:800!important
}
html body.gs-antler-theme .btn-primary,
html body.gs-antler-theme .btn-success,
html body.gs-antler-theme .btn-info,
html body.gs-antler-theme .btn-default-yellow-fill,
html body.gs-antler-theme .btn-default-pink-fill{
 color:#fff!important;background:linear-gradient(135deg,#ad181f,#cf2029)!important;
 border-color:#b51b22!important;box-shadow:0 7px 18px rgba(207,32,41,.13)!important
}
html body.gs-antler-theme .btn-primary:hover,
html body.gs-antler-theme .btn-success:hover,
html body.gs-antler-theme .btn-info:hover,
html body.gs-antler-theme .btn-default-yellow-fill:hover{
 background:linear-gradient(135deg,#94151b,#b91c24)!important;color:#fff!important;transform:translateY(-1px)!important
}
html body.gs-antler-theme .btn-default,
html body.gs-antler-theme .btn-secondary{
 color:#4f565e!important;background:#fff!important;border-color:#d8dde1!important
}
html body.gs-antler-theme .btn-danger{background:var(--gsu-red)!important;border-color:#bd1b23!important;color:#fff!important}

/* tables / datatables */
html body.gs-antler-theme .table-container,
html body.gs-antler-theme .table-responsive,
html body.gs-antler-theme .dataTables_wrapper{
 background:#fff!important;border:1px solid var(--gsu-border)!important;
 border-radius:15px!important;box-shadow:var(--gsu-shadow-sm)!important
}
html body.gs-antler-theme .table{margin:0!important;background:#fff!important}
html body.gs-antler-theme .table>thead>tr>th{
 padding:13px 12px!important;background:#202327!important;color:#f7f8f9!important;border:0!important;
 font-size:10.5px!important;font-weight:900!important;white-space:nowrap!important
}
html body.gs-antler-theme .table>tbody>tr>td{
 padding:12px!important;border-top:1px solid #edf0f2!important;color:#555c64!important;font-size:11px!important;vertical-align:middle!important
}
html body.gs-antler-theme .table>tbody>tr:hover>td{background:#fafbfb!important}
html body.gs-antler-theme .dataTables_filter,
html body.gs-antler-theme .dataTables_length{padding:13px 14px 7px!important}
html body.gs-antler-theme .dataTables_info,
html body.gs-antler-theme .dataTables_paginate{padding:10px 14px 13px!important}

/* statuses */
html body.gs-antler-theme .label.status,
html body.gs-antler-theme .status,
html body.gs-antler-theme .label{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:25px!important;padding:4px 9px!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important
}
html body.gs-antler-theme .status-active,
html body.gs-antler-theme .status-paid,
html body.gs-antler-theme .label-success{
 background:var(--gsu-green-soft)!important;color:var(--gsu-green)!important;border:1px solid #d2eadc!important
}
html body.gs-antler-theme .status-pending,
html body.gs-antler-theme .status-unpaid,
html body.gs-antler-theme .status-suspended,
html body.gs-antler-theme .label-warning,
html body.gs-antler-theme .label-danger{
 background:var(--gsu-red-soft)!important;color:var(--gsu-red-dark)!important;border:1px solid #f3c9cd!important
}

/* alerts */
html body.gs-antler-theme .alert{
 padding:12px 14px!important;border-radius:11px!important;border:1px solid transparent!important;
 box-shadow:none!important;font-size:11px!important
}
html body.gs-antler-theme .alert-success{background:var(--gsu-green-soft)!important;border-color:#d4ebde!important;color:#2d7048!important}
html body.gs-antler-theme .alert-danger,
html body.gs-antler-theme .alert-warning{background:var(--gsu-red-soft)!important;border-color:#f2c8cc!important;color:#9e1920!important}
html body.gs-antler-theme .alert-info{background:#eff2f4!important;border-color:#dfe4e8!important;color:#525961!important}

/* modal */
html body.gs-antler-theme .modal-content{
 overflow:hidden!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:19px!important;
 background:#fff!important;box-shadow:0 30px 90px rgba(18,20,23,.25)!important
}
html body.gs-antler-theme .modal-header{
 padding:17px 19px!important;background:radial-gradient(circle at 92% 15%,rgba(207,32,41,.17),transparent 30%),
 linear-gradient(145deg,#191b1f,#292d32)!important;border:0!important
}
html body.gs-antler-theme .modal-header .modal-title{color:#fff!important;font-size:14px!important;font-weight:900!important}
html body.gs-antler-theme .modal-header .close{color:#fff!important;opacity:.85!important}
html body.gs-antler-theme .modal-body{padding:20px!important}
html body.gs-antler-theme .modal-footer{padding:13px 18px!important;background:#f8f9fa!important;border-top:1px solid var(--gsu-border)!important}

/* dropdown */
html body.gs-antler-theme .dropdown-menu{
 padding:7px!important;background:#fff!important;border:1px solid var(--gsu-border)!important;
 border-radius:12px!important;box-shadow:0 18px 46px rgba(24,26,29,.14)!important
}
html body.gs-antler-theme .dropdown-menu>li>a{
 padding:8px 10px!important;border-radius:8px!important;color:#565d65!important;font-size:10.5px!important
}
html body.gs-antler-theme .dropdown-menu>li>a:hover{background:var(--gsu-red-soft)!important;color:var(--gsu-red-dark)!important}

/* pagination */
html body.gs-antler-theme .pagination>li>a,
html body.gs-antler-theme .pagination>li>span{
 min-width:34px!important;height:34px!important;margin:0 2px!important;display:inline-flex!important;
 align-items:center!important;justify-content:center!important;border:1px solid var(--gsu-border)!important;
 border-radius:8px!important;background:#fff!important;color:#626a73!important;font-size:10px!important
}
html body.gs-antler-theme .pagination>.active>a,
html body.gs-antler-theme .pagination>.active>span{
 background:var(--gsu-red)!important;border-color:var(--gsu-red)!important;color:#fff!important
}

/* dashboard */
html body.gs-antler-theme .container-clientarea{max-width:1240px!important;margin:26px auto 24px!important}
html body.gs-antler-theme .clientarea-new-header{
 position:relative!important;overflow:hidden!important;padding:24px!important;
 background:radial-gradient(circle at 88% 10%,rgba(207,32,41,.16),transparent 27%),
 linear-gradient(145deg,#181a1d,#2b2f34)!important;border:1px solid rgba(255,255,255,.06)!important;
 border-radius:19px!important;box-shadow:0 26px 65px rgba(24,26,29,.16)!important
}
html body.gs-antler-theme .clientarea-new-header .username{color:#fff!important;font-size:15px!important;font-weight:900!important}
html body.gs-antler-theme .clientarea-new-header .adress{color:#aeb4bb!important;font-size:10px!important}
html body.gs-antler-theme .header-features-icons .badge{
 min-width:42px!important;min-height:42px!important;padding:6px!important;border-radius:11px!important;
 background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important
}

/* generic service/news cards */
html body.gs-antler-theme .service-section{
 position:relative!important;overflow:hidden!important;padding:24px!important;background:#fff!important;
 border:1px solid var(--gsu-border)!important;border-radius:16px!important;box-shadow:var(--gsu-shadow-sm)!important;
 transition:.2s ease!important
}
html body.gs-antler-theme .service-section:after{
 content:""!important;position:absolute!important;bottom:0!important;inset-inline-start:0!important;
 width:0!important;height:3px!important;background:var(--gsu-red)!important;transition:width .22s ease!important
}
html body.gs-antler-theme .service-section:hover{transform:translateY(-3px)!important;box-shadow:var(--gsu-shadow)!important}
html body.gs-antler-theme .service-section:hover:after{width:100%!important}

/* register / password reset / 2FA */
html body.gs-antler-theme .gs-premium-register{
 padding:38px 16px!important;background:radial-gradient(circle at 10% 12%,rgba(207,32,41,.08),transparent 24%),
 linear-gradient(145deg,#f5f6f7,#eef0f2)!important
}
html body.gs-antler-theme .gs-premium-register-card{
 max-width:980px!important;margin:0 auto!important;padding:30px!important;background:#fff!important;
 border:1px solid var(--gsu-border)!important;border-radius:22px!important;box-shadow:0 30px 78px rgba(24,26,29,.14)!important
}
html body.gs-antler-theme .gs-premium-auth-compact{
 max-width:650px!important;margin:34px auto!important;padding:27px!important;background:#fff!important;
 border:1px solid var(--gsu-border)!important;border-radius:20px!important;box-shadow:var(--gsu-shadow)!important
}

/* knowledgebase / downloads */
html body.gs-antler-theme .kb-search-background,
html body.gs-antler-theme form[action*="download-search"]{
 padding:26px 20px!important;background:radial-gradient(circle at 86% 14%,rgba(207,32,41,.11),transparent 27%),
 linear-gradient(145deg,#202327,#30343a)!important;border-radius:17px!important;box-shadow:var(--gsu-shadow)!important
}
html body.gs-antler-theme .know-bgbox-container a,
html body.gs-antler-theme .downfiles{color:#42484f!important;font-weight:800!important}
html body.gs-antler-theme .know-bgbox-container a:hover,
html body.gs-antler-theme .downfiles:hover{color:var(--gsu-red)!important}

/* tickets */
html body.gs-antler-theme .ticket-reply{
 overflow:hidden!important;margin-bottom:14px!important;background:#fff!important;border:1px solid var(--gsu-border)!important;
 border-radius:15px!important;box-shadow:var(--gsu-shadow-sm)!important
}
html body.gs-antler-theme .ticket-reply.staff{border-inline-start:4px solid #30343a!important}
html body.gs-antler-theme .ticket-reply.client{border-inline-start:4px solid var(--gsu-red)!important}

/* invoices / quotes */
html body.gs-antler-theme .invoice-container,
html body.gs-antler-theme .quote-container{
 padding:28px!important;background:#fff!important;border:1px solid var(--gsu-border)!important;
 border-radius:20px!important;box-shadow:var(--gsu-shadow)!important
}
html body.gs-antler-theme .total-due{
 padding:16px!important;background:#f4f6f7!important;border:1px solid var(--gsu-border)!important;border-radius:13px!important
}

/* tabs */
html body.gs-antler-theme .nav-tabs{
 display:flex!important;gap:5px!important;flex-wrap:wrap!important;border-bottom:1px solid var(--gsu-border)!important
}
html body.gs-antler-theme .nav-tabs>li>a{
 padding:9px 12px!important;border:0!important;border-radius:9px 9px 0 0!important;
 color:#737a83!important;font-size:10.5px!important;font-weight:800!important
}
html body.gs-antler-theme .nav-tabs>li.active>a,
html body.gs-antler-theme .nav-tabs>li>a:hover{background:var(--gsu-red-soft)!important;color:var(--gsu-red-dark)!important}

/* breadcrumb */
html body.gs-antler-theme .breadcrumb{
 padding:8px 0!important;margin-bottom:16px!important;background:transparent!important;color:#949aa1!important;font-size:10px!important
}
html body.gs-antler-theme .breadcrumb a{color:#6d747c!important}

/* responsive */
@media(max-width:991px){
 html body.gs-antler-theme .table-container,
 html body.gs-antler-theme .table-responsive,
 html body.gs-antler-theme .dataTables_wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
 html body.gs-antler-theme .p-50{padding:22px!important}
 html body.gs-antler-theme .gs-premium-pageheader{padding:20px!important}
}
@media(max-width:767px){
 html body.gs-antler-theme .gs-premium-pageheader{margin-inline:10px!important;border-radius:15px!important}
 html body.gs-antler-theme .gs-premium-pageheader .section-heading{font-size:21px!important}
 html body.gs-antler-theme .p-50{padding:18px!important}
 html body.gs-antler-theme .service-section{padding:20px!important}
 html body.gs-antler-theme .gs-premium-register-card,
 html body.gs-antler-theme .gs-premium-auth-compact{padding:20px!important;border-radius:16px!important}
 html body.gs-antler-theme .invoice-container,
 html body.gs-antler-theme .quote-container{padding:18px!important}
}


/* ==========================================================================
   GARWAN SOFT PREMIUM REGISTER v11
   Modern Create Account page matching Premium Header / Footer / Login.
   ========================================================================== */

html body.gs-antler-theme .gs-premium-register > .container > .login-page-header {
  display: none !important;
}

html body.gs-antler-theme .gs-premium-register {
  position: relative !important;
  min-height: calc(100vh - var(--gs-fixed-header-height) - var(--gs-fixed-footer-height)) !important;
  padding: 42px 18px 54px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(207,32,41,.075), transparent 24%),
    radial-gradient(circle at 91% 78%, rgba(32,35,39,.07), transparent 25%),
    linear-gradient(145deg,#f6f7f8,#eef0f2) !important;
}

html body.gs-antler-theme .gs-premium-register::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(32,35,39,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(32,35,39,.022) 1px,transparent 1px) !important;
  background-size: 36px 36px !important;
  opacity: .42 !important;
}

html body.gs-antler-theme .gs-premium-register .container {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1060px !important;
}

html body.gs-antler-theme .gs-premium-register .logincontent,
html body.gs-antler-theme .gs-premium-register .login-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.gs-antler-theme .gs-premium-register-card {
  width: 100% !important;
  max-width: 1060px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.97) !important;
  border: 1px solid rgba(32,35,39,.09) !important;
  border-radius: 24px !important;
  box-shadow: 0 30px 80px rgba(24,26,29,.14) !important;
}

html body.gs-antler-theme .gs-register-premium-head {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 27px 30px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(207,32,41,.19), transparent 31%),
    linear-gradient(145deg,#181a1d,#292d32) !important;
  color: #fff !important;
}

html body.gs-antler-theme .gs-register-premium-head::after {
  content: "" !important;
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  bottom: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg,transparent,#cf2029,transparent) !important;
}

html body.gs-antler-theme .gs-register-premium-head__icon {
  width: 56px !important;
  height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #e13a43 !important;
  font-size: 18px !important;
}

html body.gs-antler-theme .gs-register-premium-head__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 6px !important;
  color: #9fa6ae !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-register-premium-head__eyebrow span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #cf2029 !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.12) !important;
}

html body.gs-antler-theme .gs-register-premium-head h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 24px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
}

html body.gs-antler-theme .gs-register-premium-head h2 strong {
  color: #e13a43 !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-premium-head p {
  margin: 6px 0 0 !important;
  color: #aeb4bc !important;
  font-size: 11px !important;
  line-height: 1.7 !important;
}

html body.gs-antler-theme .gs-register-premium-head__secure {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 10px !important;
  white-space: nowrap !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #c7ccd2 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-register-premium-head__secure i {
  color: #e13a43 !important;
}

html body.gs-antler-theme .gs-register-premium-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 15px 24px 2px !important;
  background: #fff !important;
}

html body.gs-antler-theme .gs-register-premium-progress span {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #eef0f2 !important;
  border: 1px solid #dfe2e5 !important;
  color: #777e87 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-premium-progress span.is-active {
  background: #cf2029 !important;
  border-color: #cf2029 !important;
  color: #fff !important;
  box-shadow: 0 0 0 5px rgba(207,32,41,.08) !important;
}

html body.gs-antler-theme .gs-register-premium-progress i {
  width: 55px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #e7e9eb !important;
}

html body.gs-antler-theme .gs-premium-register-card #registration {
  margin-top: 0 !important;
  padding: 22px 30px 31px !important;
}

html body.gs-antler-theme .gs-register-premium-form .divider {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 11px !important;
  margin: 22px 0 16px !important;
}

html body.gs-antler-theme .gs-register-premium-form .divider span:first-child,
html body.gs-antler-theme .gs-register-premium-form .divider span:last-child {
  height: 1px !important;
  background: #dfe3e6 !important;
}

html body.gs-antler-theme .gs-register-premium-form .divider span:nth-child(2) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #f2f4f5 !important;
  color: #444b53 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-premium-form #containerNewUserSignup > .row {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 12px 14px !important;
  margin: 0 !important;
}

html body.gs-antler-theme .gs-register-premium-form #containerNewUserSignup > .row > [class*="col-"] {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

html body.gs-antler-theme .gs-register-premium-form .form-group {
  margin: 0 !important;
}

html body.gs-antler-theme .gs-register-premium-form .field,
html body.gs-antler-theme .gs-register-premium-form .form-control,
html body.gs-antler-theme .gs-register-premium-form input[type="tel"] {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 10px 12px !important;
  background: #f7f8f9 !important;
  border: 1px solid #dfe3e6 !important;
  border-radius: 11px !important;
  color: #2f3338 !important;
  font-size: 11px !important;
}

html body.gs-antler-theme .gs-register-premium-form .field:focus,
html body.gs-antler-theme .gs-register-premium-form .form-control:focus {
  background: #fff !important;
  border-color: rgba(207,32,41,.62) !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.075) !important;
}

html body.gs-antler-theme .gs-register-premium-form .marketing-email-optin {
  margin: 23px 0 !important;
  padding: 17px !important;
  background: #f8f9fa !important;
  border: 1px solid #e2e5e8 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

html body.gs-antler-theme .gs-register-premium-form .marketing-email-optin br {
  display: none !important;
}

html body.gs-antler-theme .gs-register-premium-form .tospanel {
  margin: 18px 0 !important;
  overflow: hidden !important;
  border: 1px solid #efc9cd !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}

html body.gs-antler-theme .gs-register-premium-form input[type="submit"] {
  width: 100% !important;
  min-height: 50px !important;
  margin-top: 7px !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg,#ab171e,#cf2029 58%,#de333b) !important;
  border: 1px solid #ac171e !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 26px rgba(207,32,41,.20) !important;
}

html body.gs-antler-theme .gs-register-premium-login {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin-top: 14px !important;
  color: #8a9199 !important;
  font-size: 10.5px !important;
}

html body.gs-antler-theme .gs-register-premium-login a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #cf2029 !important;
  font-weight: 900 !important;
}

@media (max-width: 991px) {
  html body.gs-antler-theme .gs-register-premium-head {
    grid-template-columns: auto 1fr !important;
  }
  html body.gs-antler-theme .gs-register-premium-head__secure {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
  }
}

@media (max-width: 767px) {
  html body.gs-antler-theme .gs-premium-register {
    padding: 16px 9px 32px !important;
  }
  html body.gs-antler-theme .gs-premium-register-card {
    border-radius: 18px !important;
  }
  html body.gs-antler-theme .gs-register-premium-head {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    padding: 23px 18px !important;
  }
  html body.gs-antler-theme .gs-register-premium-head__icon,
  html body.gs-antler-theme .gs-register-premium-head__secure {
    justify-self: center !important;
  }
  html body.gs-antler-theme .gs-register-premium-card #registration {
    padding: 18px 16px 24px !important;
  }
  html body.gs-antler-theme .gs-register-premium-form #containerNewUserSignup > .row {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT COMPACT PREMIUM REGISTER v12
   Name / Email / Mobile / Password / 3 Required Policies
   ========================================================================== */

html body.gs-antler-theme .gs-register-compact-page {
  position: relative !important;
  min-height: calc(100vh - var(--gs-fixed-header-height) - var(--gs-fixed-footer-height)) !important;
  padding: 38px 16px 52px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 8% 15%, rgba(207,32,41,.075), transparent 24%),
    radial-gradient(circle at 92% 82%, rgba(32,35,39,.065), transparent 25%),
    linear-gradient(145deg,#f6f7f8,#eef0f2) !important;
}

html body.gs-antler-theme .gs-register-compact-page::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(32,35,39,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(32,35,39,.022) 1px,transparent 1px) !important;
  background-size: 36px 36px !important;
  opacity: .40 !important;
  pointer-events: none !important;
}

html body.gs-antler-theme .gs-register-compact-page > .container {
  position: relative !important;
  z-index: 2 !important;
  max-width: 850px !important;
}

html body.gs-antler-theme .gs-register-compact-card {
  overflow: hidden !important;
  background: rgba(255,255,255,.98) !important;
  border: 1px solid rgba(32,35,39,.09) !important;
  border-radius: 24px !important;
  box-shadow: 0 30px 82px rgba(24,26,29,.14) !important;
}

html body.gs-antler-theme .gs-register-compact-head {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 17px !important;
  padding: 26px 28px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(207,32,41,.19), transparent 31%),
    linear-gradient(145deg,#181a1d,#292d32) !important;
  color: #fff !important;
  position: relative !important;
}

html body.gs-antler-theme .gs-register-compact-head::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 28px !important;
  right: 28px !important;
  height: 2px !important;
  background: linear-gradient(90deg,transparent,#cf2029,transparent) !important;
}

html body.gs-antler-theme .gs-register-compact-head__icon {
  width: 56px !important;
  height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #e13a43 !important;
  font-size: 18px !important;
}

html body.gs-antler-theme .gs-register-compact-head__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 5px !important;
  color: #9fa6ae !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-register-compact-head__eyebrow span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #cf2029 !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.12) !important;
}

html body.gs-antler-theme .gs-register-compact-head h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 24px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
}

html body.gs-antler-theme .gs-register-compact-head h1 strong {
  color: #e13a43 !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-compact-head p {
  margin: 6px 0 0 !important;
  color: #aeb4bc !important;
  font-size: 11px !important;
  line-height: 1.7 !important;
}

html body.gs-antler-theme .gs-register-compact-head__secure {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #c7ccd2 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

html body.gs-antler-theme .gs-register-compact-head__secure i {
  color: #e13a43 !important;
}

html body.gs-antler-theme .gs-register-compact-body {
  padding: 27px 30px 30px !important;
}

html body.gs-antler-theme .gs-register-compact-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 16px !important;
}

html body.gs-antler-theme .gs-register-compact-field--full {
  grid-column: 1 / -1 !important;
}

html body.gs-antler-theme .gs-register-compact-field label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 7px !important;
  color: #4f565e !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}

html body.gs-antler-theme .gs-register-compact-field label i {
  color: #cf2029 !important;
  font-size: 10px !important;
}

html body.gs-antler-theme .gs-register-compact-field .form-control {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 10px 13px !important;
  background: #f7f8f9 !important;
  border: 1px solid #dfe3e6 !important;
  border-radius: 12px !important;
  color: #2f3338 !important;
  font-size: 12px !important;
  box-shadow: inset 0 1px 2px rgba(24,26,29,.02) !important;
}

html body.gs-antler-theme .gs-register-compact-field .form-control:focus {
  background: #fff !important;
  border-color: rgba(207,32,41,.62) !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.075) !important;
}

html body.gs-antler-theme .gs-register-compact-password {
  position: relative !important;
}

html body.gs-antler-theme .gs-register-compact-password .form-control {
  padding-inline-end: 50px !important;
}

html body.gs-antler-theme .gs-register-compact-password__toggle {
  position: absolute !important;
  top: 50% !important;
  inset-inline-end: 8px !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #8f969e !important;
}

html body.gs-antler-theme .gs-register-compact-password__toggle:hover {
  background: #eef0f2 !important;
  color: #cf2029 !important;
}

html body.gs-antler-theme .gs-register-compact-password-hint {
  margin-top: 6px !important;
  color: #969ca3 !important;
  font-size: 9px !important;
}

/* policy card */
html body.gs-antler-theme .gs-register-compact-policies {
  margin-top: 22px !important;
  padding: 18px !important;
  background: #f8f9fa !important;
  border: 1px solid #e2e5e8 !important;
  border-radius: 15px !important;
}

html body.gs-antler-theme .gs-register-compact-policies__title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 13px !important;
  padding-bottom: 11px !important;
  border-bottom: 1px solid #e5e8ea !important;
  color: #30353a !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-compact-policies__title i {
  color: #cf2029 !important;
}

html body.gs-antler-theme .gs-register-compact-policy {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 37px !important;
  margin: 0 !important;
  cursor: pointer !important;
  color: #646b73 !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

html body.gs-antler-theme .gs-register-compact-policy input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body.gs-antler-theme .gs-register-compact-check {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  background: #fff !important;
  border: 1px solid #d6dade !important;
  color: transparent !important;
  font-size: 8px !important;
  transition: .18s ease !important;
}

html body.gs-antler-theme .gs-register-compact-policy input:checked + .gs-register-compact-check {
  background: #cf2029 !important;
  border-color: #cf2029 !important;
  color: #fff !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.07) !important;
}

html body.gs-antler-theme .gs-register-compact-policy a {
  color: #cf2029 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

html body.gs-antler-theme .gs-register-compact-policy a:hover {
  text-decoration: underline !important;
}

html body.gs-antler-theme .gs-register-compact-captcha {
  margin: 20px 0 0 !important;
  text-align: center !important;
}

html body.gs-antler-theme .gs-register-compact-submit {
  width: 100% !important;
  min-height: 51px !important;
  margin-top: 21px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 10px 18px !important;
  border: 1px solid #ac171e !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg,#ab171e,#cf2029 58%,#de333b) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 26px rgba(207,32,41,.20) !important;
  transition: .2s ease !important;
}

html body.gs-antler-theme .gs-register-compact-submit:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg,#90141a,#b91b23 58%,#c9252d) !important;
  box-shadow: 0 16px 32px rgba(207,32,41,.27) !important;
}

html body.gs-antler-theme .gs-register-compact-login {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin-top: 16px !important;
  color: #8a9199 !important;
  font-size: 10.5px !important;
}

html body.gs-antler-theme .gs-register-compact-login a {
  color: #cf2029 !important;
  font-weight: 900 !important;
}

/* mobile */
@media (max-width: 767px) {
  html body.gs-antler-theme .gs-register-compact-page {
    padding: 15px 9px 32px !important;
  }

  html body.gs-antler-theme .gs-register-compact-card {
    border-radius: 18px !important;
  }

  html body.gs-antler-theme .gs-register-compact-head {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    padding: 22px 18px !important;
  }

  html body.gs-antler-theme .gs-register-compact-head__icon,
  html body.gs-antler-theme .gs-register-compact-head__secure {
    justify-self: center !important;
  }

  html body.gs-antler-theme .gs-register-compact-head h1 {
    font-size: 21px !important;
  }

  html body.gs-antler-theme .gs-register-compact-body {
    padding: 20px 16px 23px !important;
  }

  html body.gs-antler-theme .gs-register-compact-grid {
    grid-template-columns: 1fr !important;
    gap: 13px !important;
  }

  html body.gs-antler-theme .gs-register-compact-field--full {
    grid-column: auto !important;
  }
}


/* ==========================================================================
   GARWAN SOFT HOMEPAGE LOGIN MODAL v13
   Replaces normal navigation to login page with a premium homepage popup.
   ========================================================================== */

html.gs-login-modal-open,
body.gs-login-modal-open {
  overflow: hidden !important;
}

.gs-home-login-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .22s ease, visibility .22s ease !important;
}

.gs-home-login-modal.is-open {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.gs-home-login-modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(207,32,41,.15), transparent 30%),
    rgba(15,17,20,.74) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.gs-home-login-modal__dialog {
  position: relative !important;
  z-index: 2 !important;
  width: min(920px, 100%) !important;
  max-height: calc(100vh - 40px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(390px, 1fr) !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 24px !important;
  box-shadow: 0 38px 110px rgba(0,0,0,.35) !important;
  transform: translateY(18px) scale(.985) !important;
  transition: transform .24s ease !important;
}

.gs-home-login-modal.is-open .gs-home-login-modal__dialog {
  transform: translateY(0) scale(1) !important;
}

.gs-home-login-modal__close {
  position: absolute !important;
  top: 14px !important;
  inset-inline-end: 14px !important;
  z-index: 5 !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid #e1e4e7 !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.94) !important;
  color: #555d66 !important;
  box-shadow: 0 6px 18px rgba(24,26,29,.08) !important;
}

.gs-home-login-modal__close:hover {
  color: #fff !important;
  background: #cf2029 !important;
  border-color: #cf2029 !important;
  transform: rotate(3deg) scale(1.04) !important;
}

/* Brand side */
.gs-home-login-modal__brand {
  position: relative !important;
  min-height: 530px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 31px 30px 27px !important;
  overflow: hidden !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 16% 12%, rgba(207,32,41,.24), transparent 31%),
    radial-gradient(circle at 83% 84%, rgba(255,255,255,.055), transparent 28%),
    linear-gradient(145deg,#17191c,#24272c 55%,#30343a) !important;
}

.gs-home-login-modal__brand::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px) !important;
  background-size: 31px 31px !important;
  pointer-events: none !important;
}

.gs-home-login-modal__brand::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  inset-inline-start: 30px !important;
  width: 108px !important;
  height: 3px !important;
  background: linear-gradient(90deg,#cf2029,#e13a43,transparent) !important;
}

.gs-home-login-modal__brand-top,
.gs-home-login-modal__brand-content,
.gs-home-login-modal__brand-status {
  position: relative !important;
  z-index: 2 !important;
}

.gs-home-login-modal__brand-top {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
}

.gs-home-login-modal__brand-mark {
  width: 53px !important;
  height: 53px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.gs-home-login-modal__brand-mark span {
  position: relative !important;
}

.gs-home-login-modal__brand-mark span::after {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  right: 2px !important;
  bottom: -6px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #cf2029 !important;
}

.gs-home-login-modal__brand-copy {
  display: flex !important;
  flex-direction: column !important;
}

.gs-home-login-modal__brand-copy strong {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.gs-home-login-modal__brand-copy small {
  margin-top: 3px !important;
  color: #9299a2 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

.gs-home-login-modal__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 13px !important;
  color: #aab1b9 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
}

.gs-home-login-modal__eyebrow > span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #cf2029 !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.12) !important;
}

.gs-home-login-modal__brand-content h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 28px !important;
  line-height: 1.45 !important;
  font-weight: 900 !important;
}

.gs-home-login-modal__brand-content h2 em {
  color: #e13a43 !important;
  font-style: normal !important;
}

.gs-home-login-modal__brand-content > p {
  margin: 13px 0 21px !important;
  color: #aab1b9 !important;
  font-size: 11px !important;
  line-height: 1.8 !important;
}

.gs-home-login-modal__feature {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.035) !important;
}

.gs-home-login-modal__feature > span {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(207,32,41,.13) !important;
  color: #e13a43 !important;
}

.gs-home-login-modal__feature > div {
  display: flex !important;
  flex-direction: column !important;
}

.gs-home-login-modal__feature strong {
  color: #f5f6f7 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}

.gs-home-login-modal__feature small {
  margin-top: 2px !important;
  color: #858d96 !important;
  font-size: 9px !important;
}

.gs-home-login-modal__brand-status {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #858d96 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

.gs-home-login-modal__brand-status span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #cf2029 !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.10) !important;
}

/* Form side */
.gs-home-login-modal__form-side {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 42px 42px 34px !important;
  background: linear-gradient(180deg,#fff,#fafbfb) !important;
}

.gs-home-login-modal__form-wrap {
  width: 100% !important;
  max-width: 365px !important;
}

.gs-home-login-modal__form-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 25px !important;
}

.gs-home-login-modal__form-icon {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 13px !important;
  background: #202327 !important;
  color: #fff !important;
  box-shadow: 0 9px 22px rgba(32,35,39,.16) !important;
}

.gs-home-login-modal__form-head h3 {
  margin: 0 !important;
  color: #202327 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

.gs-home-login-modal__form-head p {
  margin: 4px 0 0 !important;
  color: #898f97 !important;
  font-size: 9.5px !important;
}

.gs-home-login-modal__field {
  margin-bottom: 15px !important;
}

.gs-home-login-modal__field label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 7px !important;
  color: #50575f !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}

.gs-home-login-modal__field label i {
  color: #cf2029 !important;
  font-size: 9px !important;
}

.gs-home-login-modal__label-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.gs-home-login-modal__forgot {
  color: #858c94 !important;
  font-size: 9px !important;
  font-weight: 750 !important;
}

.gs-home-login-modal__forgot:hover {
  color: #cf2029 !important;
}

.gs-home-login-modal__field .form-control {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 10px 13px !important;
  background: #f7f8f9 !important;
  border: 1px solid #dfe3e6 !important;
  border-radius: 12px !important;
  color: #2d3136 !important;
  font-size: 11.5px !important;
}

.gs-home-login-modal__field .form-control:focus {
  background: #fff !important;
  border-color: rgba(207,32,41,.62) !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.075) !important;
  outline: none !important;
}

.gs-home-login-modal__password-wrap {
  position: relative !important;
}

.gs-home-login-modal__password-wrap .form-control {
  padding-inline-end: 49px !important;
}

.gs-home-login-modal__password-toggle {
  position: absolute !important;
  top: 50% !important;
  inset-inline-end: 8px !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #90969d !important;
}

.gs-home-login-modal__password-toggle:hover {
  background: #eef0f2 !important;
  color: #cf2029 !important;
}

.gs-home-login-modal__remember {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 1px 0 18px !important;
  cursor: pointer !important;
  color: #686f77 !important;
  font-size: 9.5px !important;
  font-weight: 750 !important;
}

.gs-home-login-modal__remember input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.gs-home-login-modal__check {
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 19px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  background: #fff !important;
  border: 1px solid #d7dade !important;
  color: transparent !important;
  font-size: 8px !important;
}

.gs-home-login-modal__remember input:checked + .gs-home-login-modal__check {
  color: #fff !important;
  background: #cf2029 !important;
  border-color: #cf2029 !important;
}

.gs-home-login-modal__captcha {
  margin: 0 0 15px !important;
  text-align: center !important;
}

.gs-home-login-modal__submit {
  width: 100% !important;
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 10px 16px !important;
  border: 1px solid #ae1820 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg,#ab171e,#cf2029 58%,#de333b) !important;
  color: #fff !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 28px rgba(207,32,41,.22) !important;
}

.gs-home-login-modal__submit:hover {
  color: #fff !important;
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg,#90141a,#b91b23 58%,#c9252d) !important;
  box-shadow: 0 16px 32px rgba(207,32,41,.28) !important;
}

.gs-home-login-modal__register {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid #eceef0 !important;
  color: #8c9299 !important;
  font-size: 9.5px !important;
}

.gs-home-login-modal__register a {
  color: #cf2029 !important;
  font-weight: 900 !important;
}

.gs-home-login-modal__support {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 10px !important;
  color: #818891 !important;
  font-size: 9px !important;
}

.gs-home-login-modal__support a {
  color: #666d75 !important;
  font-weight: 800 !important;
}

.gs-home-login-modal__support a:hover {
  color: #cf2029 !important;
}

/* RTL / LTR */
html[dir="rtl"] .gs-home-login-modal__brand,
html[dir="rtl"] .gs-home-login-modal__form-side {
  text-align: right !important;
}

html[dir="ltr"] .gs-home-login-modal__brand,
html[dir="ltr"] .gs-home-login-modal__form-side {
  text-align: left !important;
}

/* Tablet */
@media (max-width: 900px) {
  .gs-home-login-modal {
    align-items: flex-start !important;
    overflow-y: auto !important;
    padding: 18px 12px !important;
  }

  .gs-home-login-modal__dialog {
    grid-template-columns: 1fr !important;
    max-width: 620px !important;
    max-height: none !important;
  }

  .gs-home-login-modal__brand {
    min-height: auto !important;
    padding: 24px 24px 22px !important;
  }

  .gs-home-login-modal__brand-content {
    margin-top: 30px !important;
  }

  .gs-home-login-modal__brand-content h2 {
    font-size: 24px !important;
  }

  .gs-home-login-modal__brand-status {
    margin-top: 24px !important;
  }

  .gs-home-login-modal__form-side {
    padding: 31px 28px !important;
  }

  .gs-home-login-modal__close {
    background: #fff !important;
  }
}

/* Mobile */
@media (max-width: 540px) {
  .gs-home-login-modal {
    padding: 8px !important;
  }

  .gs-home-login-modal__dialog {
    border-radius: 18px !important;
  }

  .gs-home-login-modal__brand {
    padding: 21px 18px !important;
  }

  .gs-home-login-modal__brand-content {
    margin-top: 25px !important;
  }

  .gs-home-login-modal__brand-content h2 {
    font-size: 21px !important;
  }

  .gs-home-login-modal__brand-content > p {
    font-size: 10px !important;
  }

  .gs-home-login-modal__form-side {
    padding: 27px 18px 23px !important;
  }

  .gs-home-login-modal__form-head h3 {
    font-size: 18px !important;
  }

  .gs-home-login-modal__close {
    top: 10px !important;
    inset-inline-end: 10px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT REGISTER - LOGIN STYLE v14
   Registration page visually mirrors Premium Login.
   ========================================================================== */

html body.gs-antler-theme .gs-register-loginstyle {
  position: relative !important;
  min-height: calc(100vh - var(--gs-fixed-header-height) - var(--gs-fixed-footer-height)) !important;
  padding: 42px 18px 58px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 8% 14%, rgba(207,32,41,.075), transparent 24%),
    radial-gradient(circle at 92% 84%, rgba(32,35,39,.07), transparent 25%),
    linear-gradient(145deg,#f5f6f7,#eef0f2) !important;
}

html body.gs-antler-theme .gs-register-loginstyle__ambient {
  position: absolute !important;
  border-radius: 50% !important;
  filter: blur(1px) !important;
  pointer-events: none !important;
}

html body.gs-antler-theme .gs-register-loginstyle__ambient--one {
  width: 330px !important;
  height: 330px !important;
  top: -120px !important;
  inset-inline-start: -90px !important;
  background: radial-gradient(circle,rgba(207,32,41,.10),transparent 68%) !important;
}

html body.gs-antler-theme .gs-register-loginstyle__ambient--two {
  width: 360px !important;
  height: 360px !important;
  bottom: -170px !important;
  inset-inline-end: -80px !important;
  background: radial-gradient(circle,rgba(32,35,39,.09),transparent 70%) !important;
}

html body.gs-antler-theme .gs-register-loginstyle::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(32,35,39,.021) 1px,transparent 1px),
    linear-gradient(90deg,rgba(32,35,39,.021) 1px,transparent 1px) !important;
  background-size: 36px 36px !important;
  opacity: .42 !important;
  pointer-events: none !important;
}

html body.gs-antler-theme .gs-register-loginstyle__container {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1000px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__shell {
  display: grid !important;
  grid-template-columns: minmax(0,.92fr) minmax(430px,1fr) !important;
  overflow: hidden !important;
  border: 1px solid rgba(32,35,39,.08) !important;
  border-radius: 26px !important;
  background: #fff !important;
  box-shadow: 0 32px 82px rgba(24,26,29,.15) !important;
}

/* Left brand panel */
html body.gs-antler-theme .gs-register-loginstyle__brand-panel {
  position: relative !important;
  min-height: 650px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 34px 32px 28px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 15% 10%, rgba(207,32,41,.24), transparent 31%),
    radial-gradient(circle at 84% 84%, rgba(255,255,255,.055), transparent 28%),
    linear-gradient(145deg,#17191c,#24272c 55%,#30343a) !important;
  color: #fff !important;
}

html body.gs-antler-theme .gs-register-loginstyle__brand-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px) !important;
  background-size: 31px 31px !important;
  pointer-events: none !important;
}

html body.gs-antler-theme .gs-register-loginstyle__brand-panel::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  inset-inline-start: 32px !important;
  width: 112px !important;
  height: 3px !important;
  background: linear-gradient(90deg,#cf2029,#e13a43,transparent) !important;
}

html body.gs-antler-theme .gs-register-loginstyle__brand-top,
html body.gs-antler-theme .gs-register-loginstyle__brand-content,
html body.gs-antler-theme .gs-register-loginstyle__brand-footer {
  position: relative !important;
  z-index: 2 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
}

html body.gs-antler-theme .gs-register-loginstyle__logo-box {
  width: 55px !important;
  height: 55px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__brand-copy {
  display: flex !important;
  flex-direction: column !important;
}

html body.gs-antler-theme .gs-register-loginstyle__brand-copy strong {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__brand-copy small {
  margin-top: 3px !important;
  color: #9098a1 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 13px !important;
  color: #a8afb8 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__eyebrow > span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #cf2029 !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.12) !important;
}

html body.gs-antler-theme .gs-register-loginstyle__brand-content h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 30px !important;
  line-height: 1.45 !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__brand-content h1 em {
  color: #e13a43 !important;
  font-style: normal !important;
}

html body.gs-antler-theme .gs-register-loginstyle__brand-content > p {
  margin: 14px 0 22px !important;
  color: #aab1b9 !important;
  font-size: 11px !important;
  line-height: 1.8 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__features {
  display: grid !important;
  gap: 10px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__feature {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 11px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.035) !important;
}

html body.gs-antler-theme .gs-register-loginstyle__feature > span {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(207,32,41,.13) !important;
  color: #e13a43 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__feature > div {
  display: flex !important;
  flex-direction: column !important;
}

html body.gs-antler-theme .gs-register-loginstyle__feature strong {
  color: #f5f6f7 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__feature small {
  margin-top: 2px !important;
  color: #858d96 !important;
  font-size: 9px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__brand-footer {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #858d96 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__brand-footer > span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #cf2029 !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.10) !important;
}

/* Form panel */
html body.gs-antler-theme .gs-register-loginstyle__form-panel {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 38px 40px 32px !important;
  background: linear-gradient(180deg,#fff,#fafbfb) !important;
}

html body.gs-antler-theme .gs-register-loginstyle__form-wrap {
  width: 100% !important;
  max-width: 385px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__form-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 23px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__form-icon {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 13px !important;
  background: #202327 !important;
  color: #fff !important;
  box-shadow: 0 9px 22px rgba(32,35,39,.16) !important;
}

html body.gs-antler-theme .gs-register-loginstyle__form-head h2 {
  margin: 0 !important;
  color: #202327 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__form-head p {
  margin: 4px 0 0 !important;
  color: #898f97 !important;
  font-size: 9.5px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__field {
  margin-bottom: 13px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__field label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 7px !important;
  color: #50575f !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__field label i {
  color: #cf2029 !important;
  font-size: 9px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__field .form-control {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 9px 12px !important;
  background: #f7f8f9 !important;
  border: 1px solid #dfe3e6 !important;
  border-radius: 11px !important;
  color: #2d3136 !important;
  font-size: 11px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__field .form-control:focus {
  background: #fff !important;
  border-color: rgba(207,32,41,.62) !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.075) !important;
}

html body.gs-antler-theme .gs-register-loginstyle__password-wrap {
  position: relative !important;
}

html body.gs-antler-theme .gs-register-loginstyle__password-wrap .form-control {
  padding-inline-end: 49px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__password-toggle {
  position: absolute !important;
  top: 50% !important;
  inset-inline-end: 8px !important;
  transform: translateY(-50%) !important;
  width: 33px !important;
  height: 33px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #90969d !important;
}

html body.gs-antler-theme .gs-register-loginstyle__password-toggle:hover {
  background: #eef0f2 !important;
  color: #cf2029 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__hint {
  margin-top: 5px !important;
  color: #9299a1 !important;
  font-size: 8.5px !important;
}

/* Policies */
html body.gs-antler-theme .gs-register-loginstyle__policies {
  margin: 17px 0 !important;
  padding: 14px !important;
  background: #f8f9fa !important;
  border: 1px solid #e2e5e8 !important;
  border-radius: 13px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__policies-title {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 10px !important;
  padding-bottom: 9px !important;
  border-bottom: 1px solid #e6e9eb !important;
  color: #30353a !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__policies-title i {
  color: #cf2029 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__policy {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 32px !important;
  margin: 0 !important;
  cursor: pointer !important;
  color: #646b73 !important;
  font-size: 9.2px !important;
  font-weight: 700 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__policy input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body.gs-antler-theme .gs-register-loginstyle__check {
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 19px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  background: #fff !important;
  border: 1px solid #d6dade !important;
  color: transparent !important;
  font-size: 7px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__policy input:checked + .gs-register-loginstyle__check {
  background: #cf2029 !important;
  border-color: #cf2029 !important;
  color: #fff !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.07) !important;
}

html body.gs-antler-theme .gs-register-loginstyle__policy a {
  color: #cf2029 !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__captcha {
  margin: 15px 0 !important;
  text-align: center !important;
}

html body.gs-antler-theme .gs-register-loginstyle__submit {
  width: 100% !important;
  min-height: 49px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border: 1px solid #ae1820 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg,#ab171e,#cf2029 58%,#de333b) !important;
  color: #fff !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 28px rgba(207,32,41,.22) !important;
}

html body.gs-antler-theme .gs-register-loginstyle__submit:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg,#90141a,#b91b23 58%,#c9252d) !important;
  box-shadow: 0 16px 32px rgba(207,32,41,.28) !important;
}

html body.gs-antler-theme .gs-register-loginstyle__login-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 17px !important;
  padding-top: 14px !important;
  border-top: 1px solid #eceef0 !important;
  color: #8c9299 !important;
  font-size: 9.5px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__login-link a {
  color: #cf2029 !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__support {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 9px !important;
  color: #818891 !important;
  font-size: 9px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__support a {
  color: #666d75 !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__support a:hover {
  color: #cf2029 !important;
}

/* RTL / LTR */
html[dir="rtl"] body.gs-antler-theme .gs-register-loginstyle__brand-panel,
html[dir="rtl"] body.gs-antler-theme .gs-register-loginstyle__form-panel {
  text-align: right !important;
}

html[dir="ltr"] body.gs-antler-theme .gs-register-loginstyle__brand-panel,
html[dir="ltr"] body.gs-antler-theme .gs-register-loginstyle__form-panel {
  text-align: left !important;
}

/* Tablet */
@media (max-width: 991px) {
  html body.gs-antler-theme .gs-register-loginstyle__shell {
    grid-template-columns: 1fr !important;
    max-width: 650px !important;
    margin: 0 auto !important;
  }

  html body.gs-antler-theme .gs-register-loginstyle__brand-panel {
    min-height: auto !important;
    padding: 26px 26px 23px !important;
  }

  html body.gs-antler-theme .gs-register-loginstyle__brand-content {
    margin-top: 32px !important;
  }

  html body.gs-antler-theme .gs-register-loginstyle__brand-footer {
    margin-top: 26px !important;
  }

  html body.gs-antler-theme .gs-register-loginstyle__form-panel {
    padding: 32px 28px 30px !important;
  }
}

/* Mobile */
@media (max-width: 540px) {
  html body.gs-antler-theme .gs-register-loginstyle {
    padding: 14px 8px 30px !important;
  }

  html body.gs-antler-theme .gs-register-loginstyle__shell {
    border-radius: 18px !important;
  }

  html body.gs-antler-theme .gs-register-loginstyle__brand-panel {
    padding: 22px 18px !important;
  }

  html body.gs-antler-theme .gs-register-loginstyle__brand-content h1 {
    font-size: 23px !important;
  }

  html body.gs-antler-theme .gs-register-loginstyle__form-panel {
    padding: 27px 18px 24px !important;
  }

  html body.gs-antler-theme .gs-register-loginstyle__form-head h2 {
    font-size: 18px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT REGISTER FIX v15
   Functional WHMCS validation + visible errors.
   ========================================================================== */

html body.gs-antler-theme .gs-register-loginstyle__errors {
  margin: 0 0 16px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__errors .alert {
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #efc8cc !important;
  border-radius: 12px !important;
  background: #fff2f3 !important;
  color: #951920 !important;
  font-size: 10px !important;
  line-height: 1.7 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__system-required {
  margin: 16px 0 !important;
  padding: 14px !important;
  background: #fbfbfc !important;
  border: 1px solid #e3e6e8 !important;
  border-radius: 13px !important;
}

html body.gs-antler-theme .gs-register-loginstyle__system-required-title {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 12px !important;
  padding-bottom: 9px !important;
  border-bottom: 1px solid #e7e9eb !important;
  color: #383e44 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__system-required-title i {
  color: #cf2029 !important;
}

html body.gs-antler-theme .gs-register-loginstyle__system-required input,
html body.gs-antler-theme .gs-register-loginstyle__system-required select,
html body.gs-antler-theme .gs-register-loginstyle__system-required textarea {
  width: 100% !important;
  min-height: 44px !important;
  padding: 9px 12px !important;
  background: #fff !important;
  border: 1px solid #dfe3e6 !important;
  border-radius: 10px !important;
  color: #2d3136 !important;
  font-size: 10.5px !important;
}


/* ==========================================================================
   GARWAN SOFT + ValidEmail compatibility v17
   ValidEmail detects input[type="submit"] on register.php.
   ========================================================================== */

html body.gs-antler-theme .gs-register-loginstyle__form input.gs-register-loginstyle__submit,
html body.gs-antler-theme .gs-register-loginstyle__form #confirmemaildiv,
html body.gs-antler-theme .gs-register-loginstyle__form input[type="submit"].btn.btn-lg.btn-primary {
  width: 100% !important;
  min-height: 49px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  border: 1px solid #ae1820 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg,#ab171e,#cf2029 58%,#de333b) !important;
  color: #fff !important;
  font-size: 11.5px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  text-align: center !important;
  box-shadow: 0 12px 28px rgba(207,32,41,.22) !important;
}

html body.gs-antler-theme .gs-register-loginstyle__form #confirmemaildiv:hover,
html body.gs-antler-theme .gs-register-loginstyle__form input[type="submit"].btn.btn-lg.btn-primary:hover,
html body.gs-antler-theme .gs-register-loginstyle__form input.gs-register-loginstyle__submit:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg,#90141a,#b91b23 58%,#c9252d) !important;
  box-shadow: 0 16px 32px rgba(207,32,41,.28) !important;
}

/* ValidEmail Bootstrap modal polish */
html body.gs-antler-theme #ConfirmModal .modal-dialog {
  max-width: 520px !important;
  margin: 8vh auto !important;
}

html body.gs-antler-theme #ConfirmModal .modal-content {
  overflow: hidden !important;
  border: 1px solid #e1e4e7 !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 28px 80px rgba(24,26,29,.25) !important;
}

html body.gs-antler-theme #ConfirmModal .modal-header {
  position: relative !important;
  padding: 20px 22px !important;
  border-bottom: 1px solid #eceef0 !important;
  background: linear-gradient(135deg,#191b1e,#292d32) !important;
  color: #fff !important;
}

html body.gs-antler-theme #ConfirmModal .modal-title {
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme #ConfirmModal .modal-header .close {
  color: #fff !important;
  opacity: .85 !important;
  text-shadow: none !important;
}

html body.gs-antler-theme #ConfirmModal .modal-body {
  padding: 24px 22px !important;
  color: #4d545c !important;
}

html body.gs-antler-theme #ConfirmModal #validatecode {
  height: 48px !important;
  margin-top: 15px !important;
  border: 1px solid #dfe3e6 !important;
  border-radius: 11px !important;
  background: #f7f8f9 !important;
  text-align: center !important;
  font-size: 15px !important;
  letter-spacing: 3px !important;
}

html body.gs-antler-theme #ConfirmModal .modal-footer {
  padding: 15px 22px 20px !important;
  border-top: 1px solid #eceef0 !important;
}

html body.gs-antler-theme #ConfirmModal #sendemail,
html body.gs-antler-theme #ConfirmModal .checkValidCode {
  min-height: 42px !important;
  border-radius: 10px !important;
  border: 0 !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme #ConfirmModal #sendemail {
  background: #202327 !important;
  color: #fff !important;
}

html body.gs-antler-theme #ConfirmModal .checkValidCode {
  background: #cf2029 !important;
  color: #fff !important;
}

@media (max-width: 560px) {
  html body.gs-antler-theme #ConfirmModal .modal-dialog {
    margin: 20px 10px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT REGISTRATION SUCCESS FLOW v18
   ========================================================================== */

html body.gs-antler-theme .gs-register-success {
  text-align: center !important;
  padding: 36px 20px 28px !important;
}

html body.gs-antler-theme .gs-register-success__icon {
  width: 76px !important;
  height: 76px !important;
  margin: 0 auto 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 22px !important;
  background: #edf7f1 !important;
  border: 1px solid #cfe8d8 !important;
  color: #2f7a4e !important;
  font-size: 30px !important;
  box-shadow: 0 14px 32px rgba(47,122,78,.12) !important;
}

html body.gs-antler-theme .gs-register-success h3 {
  margin: 0 0 10px !important;
  color: #202327 !important;
  font-size: 23px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-register-success p {
  max-width: 360px !important;
  margin: 0 auto 22px !important;
  color: #747b83 !important;
  font-size: 11px !important;
  line-height: 1.9 !important;
}

html body.gs-antler-theme .gs-register-success__login {
  width: 100% !important;
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg,#ab171e,#cf2029 58%,#de333b) !important;
  color: #fff !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(207,32,41,.22) !important;
}

html body.gs-antler-theme .gs-register-success__login:hover {
  color: #fff !important;
  transform: translateY(-2px) !important;
}

html body.gs-antler-theme .gs-register-success__home {
  display: inline-block !important;
  margin-top: 15px !important;
  color: #737a82 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-register-success__home:hover {
  color: #cf2029 !important;
}


/* ==========================================================================
   GARWAN SOFT EMAIL OTP 4 DIGITS v19
   ========================================================================== */
.gs-otp-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
}
.gs-otp-modal.is-open { display: flex; }
.gs-otp-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15,17,20,.76);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.gs-otp-modal__card {
  position: relative;
  z-index: 2;
  width: min(460px,100%);
  padding: 30px 28px 25px;
  border: 1px solid #e2e5e8;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 34px 95px rgba(0,0,0,.30);
  text-align: center;
}
.gs-otp-modal__close {
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
  width: 35px;
  height: 35px;
  border: 0;
  border-radius: 10px;
  background: #f1f3f4;
  color: #555d66;
}
.gs-otp-modal__icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: #202327;
  color: #fff;
  font-size: 22px;
}
.gs-otp-modal h3 {
  margin: 0 0 7px;
  color: #202327;
  font-size: 21px;
  font-weight: 900;
}
.gs-otp-modal__desc {
  margin: 0 auto 18px;
  color: #7b828a;
  font-size: 11px;
  line-height: 1.8;
}
.gs-otp-modal__email {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 18px;
  padding: 7px 11px;
  border-radius: 9px;
  background: #f5f6f7;
  color: #4c535b;
  font-size: 10px;
  font-weight: 800;
  overflow-wrap: anywhere;
}
.gs-otp-modal__digits {
  direction: ltr !important;
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 4px 0 16px;
}
.gs-otp-modal__digit {
  width: 58px !important;
  height: 66px !important;
  padding: 0 !important;
  border: 2px solid #dfe3e6 !important;
  border-radius: 14px !important;
  background: #f8f9fa !important;
  color: #202327 !important;
  text-align: center !important;
  font-size: 29px !important;
  font-weight: 900 !important;
  line-height: 66px !important;
  box-shadow: none !important;
}
.gs-otp-modal__digit:focus {
  border-color: #cf2029 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.08) !important;
  outline: 0 !important;
}
.gs-otp-modal__message {
  display: none;
  margin: 0 0 13px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 800;
}
.gs-otp-modal__message.is-error {
  display: block;
  background: #fff1f2;
  border: 1px solid #f1c7cb;
  color: #a91820;
}
.gs-otp-modal__message.is-success {
  display: block;
  background: #edf7f1;
  border: 1px solid #cfe8d8;
  color: #2f7a4e;
}
.gs-otp-modal__verify {
  width: 100%;
  min-height: 48px;
  border: 1px solid #ae1820;
  border-radius: 12px;
  background: linear-gradient(135deg,#ab171e,#cf2029 58%,#de333b);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 12px 28px rgba(207,32,41,.20);
}
.gs-otp-modal__verify:disabled { opacity: .6; cursor: wait; }
.gs-otp-modal__bottom {
  margin-top: 14px;
  color: #858c94;
  font-size: 9.5px;
}
.gs-otp-modal__resend {
  border: 0;
  background: transparent;
  color: #cf2029;
  font-weight: 900;
  padding: 0 4px;
}
.gs-otp-modal__resend:disabled { color: #a2a8ae; }
.gs-otp-modal__successmark {
  display:none;
  width:72px;
  height:72px;
  margin:0 auto 14px;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  background:#edf7f1;
  color:#2f7a4e;
  font-size:30px;
}
.gs-otp-modal.is-verified .gs-otp-modal__icon,
.gs-otp-modal.is-verified .gs-otp-modal__digits,
.gs-otp-modal.is-verified .gs-otp-modal__verify,
.gs-otp-modal.is-verified .gs-otp-modal__bottom { display:none; }
.gs-otp-modal.is-verified .gs-otp-modal__successmark { display:flex; }

@media (max-width:480px) {
  .gs-otp-modal__card { padding:27px 17px 22px; border-radius:18px; }
  .gs-otp-modal__digits { gap:7px; }
  .gs-otp-modal__digit {
    width:52px !important;
    height:61px !important;
    line-height:61px !important;
    font-size:27px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT OTP INPUT RELIABILITY FIX v19.1
   ========================================================================== */
.gs-otp-modal__digits {
  direction: ltr !important;
  display: flex !important;
  justify-content: center !important;
  margin: 6px 0 17px !important;
}

.gs-otp-modal__code {
  width: 230px !important;
  max-width: 100% !important;
  height: 72px !important;
  padding: 0 18px !important;
  border: 2px solid #dfe3e6 !important;
  border-radius: 16px !important;
  background: #f8f9fa !important;
  color: #202327 !important;
  direction: ltr !important;
  text-align: center !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 72px !important;
  letter-spacing: 18px !important;
  text-indent: 18px !important;
  font-variant-numeric: tabular-nums !important;
  caret-color: #cf2029 !important;
  box-shadow: none !important;
  outline: 0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  touch-action: manipulation !important;
}

.gs-otp-modal__code:focus {
  border-color: #cf2029 !important;
  background: #fff !important;
  box-shadow: 0 0 0 5px rgba(207,32,41,.09) !important;
}

.gs-otp-modal__code::placeholder {
  color: #c2c7cc !important;
  letter-spacing: 14px !important;
  opacity: 1 !important;
}

@media (max-width: 480px) {
  .gs-otp-modal__code {
    width: 210px !important;
    height: 68px !important;
    line-height: 68px !important;
    font-size: 32px !important;
    letter-spacing: 16px !important;
    text-indent: 16px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT MOBILE NUMBER FIELD RELIABILITY FIX v19.2
   ========================================================================== */
html body.gs-antler-theme #inputPhone.gs-mobile-input {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 10px 13px !important;
  direction: ltr !important;
  text-align: left !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: .25px !important;
  touch-action: manipulation !important;
  pointer-events: auto !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  caret-color: #cf2029 !important;
}

html body.gs-antler-theme #inputPhone.gs-mobile-input:focus {
  position: relative !important;
  z-index: 5 !important;
  border-color: #cf2029 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.08) !important;
}

html[dir="rtl"] body.gs-antler-theme #inputPhone.gs-mobile-input,
body.rtl.gs-antler-theme #inputPhone.gs-mobile-input {
  direction: ltr !important;
  text-align: left !important;
}

@media (max-width: 767px) {
  html body.gs-antler-theme #inputPhone.gs-mobile-input {
    min-height: 52px !important;
    font-size: 16px !important; /* prevents mobile browser zoom/focus quirks */
    padding: 12px 14px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT PREMIUM VALIDATION v19.2.2 SAFE
   External JS only; mobile field logic remains exactly as v19.2.
   ========================================================================== */

html body.gs-antler-theme .gs-validation-invalid .form-control {
  border-color: #cf2029 !important;
  background: #fff8f8 !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.07) !important;
}

html body.gs-antler-theme .gs-register-loginstyle__policy.gs-validation-invalid {
  padding: 8px 10px !important;
  margin-left: -10px !important;
  margin-right: -10px !important;
  border: 1px solid #f0c5c9 !important;
  border-radius: 10px !important;
  background: #fff5f5 !important;
}

html body.gs-antler-theme .gs-validation-message {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 6px !important;
  color: #b51c24 !important;
  font-size: 9.5px !important;
  line-height: 1.5 !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-validation-message i {
  flex: 0 0 auto !important;
  font-size: 10px !important;
}

html[dir="rtl"] body.gs-antler-theme .gs-validation-message,
body.rtl.gs-antler-theme .gs-validation-message {
  text-align: right !important;
}


/* ==========================================================================
   GARWAN SOFT PHONE COUNTRY CODE v19.2.8
   ========================================================================== */
html body.gs-antler-theme .gs-phone-combo {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 48px !important;
  border: 1px solid #dfe3e6 !important;
  border-radius: 14px !important;
  background: #f8f9fa !important;
  overflow: hidden !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

html body.gs-antler-theme .gs-phone-combo:focus-within {
  border-color: #cf2029 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.08) !important;
}

html body.gs-antler-theme .gs-phone-combo__code {
  flex: 0 0 auto !important;
  min-width: 104px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 13px !important;
  border-right: 1px solid #e2e5e8 !important;
  background: #f0f2f4 !important;
  color: #202327 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  user-select: none !important;
}

html body.gs-antler-theme .gs-phone-combo__flag {
  font-size: 20px !important;
  line-height: 1 !important;
}

html body.gs-antler-theme .gs-phone-combo__prefix {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

html body.gs-antler-theme .gs-phone-combo #inputPhone {
  flex: 1 1 auto !important;
  width: 1% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  direction: ltr !important;
  text-align: left !important;
  font-size: 14px !important;
  letter-spacing: .25px !important;
}

html body.gs-antler-theme .gs-phone-combo__hint {
  margin-top: 6px !important;
  color: #9299a1 !important;
  font-size: 9px !important;
  line-height: 1.5 !important;
}

html[dir="rtl"] body.gs-antler-theme .gs-phone-combo__hint,
body.rtl.gs-antler-theme .gs-phone-combo__hint {
  text-align: right !important;
}

html body.gs-antler-theme .gs-validation-invalid .gs-phone-combo {
  border-color: #cf2029 !important;
  background: #fff8f8 !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.07) !important;
}

@media (max-width: 480px) {
  html body.gs-antler-theme .gs-phone-combo__code {
    min-width: 94px !important;
    padding: 0 10px !important;
    gap: 6px !important;
  }

  html body.gs-antler-theme .gs-phone-combo #inputPhone {
    font-size: 16px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT COUNTRY DROPDOWN v19.2.9
   ========================================================================== */
html body.gs-antler-theme .gs-phone-country {
  position: relative !important;
  flex: 0 0 auto !important;
}

html body.gs-antler-theme .gs-phone-country__button {
  height: 100% !important;
  min-width: 112px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-right: 1px solid #e2e5e8 !important;
  background: #f0f2f4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  color: #202327 !important;
  cursor: pointer !important;
  outline: none !important;
}

html body.gs-antler-theme .gs-phone-country__flag {
  font-size: 20px !important;
  line-height: 1 !important;
}

html body.gs-antler-theme .gs-phone-country__prefix {
  font-size: 13px !important;
  font-weight: 900 !important;
  direction: ltr !important;
}

html body.gs-antler-theme .gs-phone-country__chevron {
  font-size: 8px !important;
  color: #777f87 !important;
  transition: transform .2s ease !important;
}

html body.gs-antler-theme .gs-phone-country__button[aria-expanded="true"] .gs-phone-country__chevron {
  transform: rotate(180deg) !important;
}

html body.gs-antler-theme .gs-phone-country__menu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 7px) !important;
  left: 0 !important;
  width: 270px !important;
  max-height: 260px !important;
  overflow-y: auto !important;
  padding: 7px !important;
  border: 1px solid #e0e3e6 !important;
  border-radius: 13px !important;
  background: #fff !important;
  box-shadow: 0 16px 40px rgba(24,26,29,.16) !important;
  z-index: 10080 !important;
}

html body.gs-antler-theme .gs-phone-country__menu.is-open {
  display: block !important;
}

html body.gs-antler-theme .gs-phone-country__option {
  width: 100% !important;
  min-height: 40px !important;
  padding: 7px 9px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  display: grid !important;
  grid-template-columns: 28px 1fr auto !important;
  align-items: center !important;
  gap: 8px !important;
  color: #2d3136 !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body.gs-antler-theme .gs-phone-country__option:hover,
html body.gs-antler-theme .gs-phone-country__option:focus {
  background: #fdecee !important;
  color: #a91820 !important;
  outline: none !important;
}

html body.gs-antler-theme .gs-phone-country__option-flag {
  font-size: 19px !important;
}

html body.gs-antler-theme .gs-phone-country__option-name {
  font-size: 11px !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-phone-country__option-code {
  direction: ltr !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  color: #7d848c !important;
}

html[dir="rtl"] body.gs-antler-theme .gs-phone-country__menu,
body.rtl.gs-antler-theme .gs-phone-country__menu {
  left: auto !important;
  right: 0 !important;
}

html[dir="rtl"] body.gs-antler-theme .gs-phone-country__option,
body.rtl.gs-antler-theme .gs-phone-country__option {
  text-align: right !important;
}

@media (max-width:480px) {
  html body.gs-antler-theme .gs-phone-country__button {
    min-width: 103px !important;
    padding: 0 9px !important;
  }
  html body.gs-antler-theme .gs-phone-country__menu {
    width: min(270px, 82vw) !important;
  }
}


/* ==========================================================================
   GARWAN SOFT GLOBAL PHONE SELECTOR v19.3.0
   Use WHMCS native intl-tel-input global country selector.
   ========================================================================== */

html body.gs-antler-theme .gs-phone-country,
html body.gs-antler-theme .gs-phone-combo__hint {
  display: none !important;
}

html body.gs-antler-theme .iti,
html body.gs-antler-theme .intl-tel-input {
  width: 100% !important;
  display: block !important;
  position: relative !important;
}

html body.gs-antler-theme .iti input#inputPhone,
html body.gs-antler-theme .intl-tel-input input#inputPhone,
html body.gs-antler-theme #inputPhone {
  width: 100% !important;
  min-height: 48px !important;
  direction: ltr !important;
  text-align: left !important;
  font-size: 14px !important;
  background: #f8f9fa !important;
}

html body.gs-antler-theme .iti__country-container,
html body.gs-antler-theme .iti__flag-container,
html body.gs-antler-theme .intl-tel-input .flag-container {
  z-index: 5 !important;
}

html body.gs-antler-theme .iti__selected-country,
html body.gs-antler-theme .iti__selected-flag,
html body.gs-antler-theme .intl-tel-input .selected-flag {
  cursor: pointer !important;
  pointer-events: auto !important;
}

html body.gs-antler-theme .iti__dropdown-content,
html body.gs-antler-theme .iti__country-list,
html body.gs-antler-theme .intl-tel-input .country-list {
  z-index: 10080 !important;
  max-height: 300px !important;
}

@media (max-width: 767px) {
  html body.gs-antler-theme .iti input#inputPhone,
  html body.gs-antler-theme .intl-tel-input input#inputPhone,
  html body.gs-antler-theme #inputPhone {
    min-height: 52px !important;
    font-size: 16px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT PHONE INPUT PADDING FIX v19.3.1
   Prevent typed digits from hiding behind country flag/dial-code selector.
   ========================================================================== */

/* Modern intl-tel-input */
html body.gs-antler-theme .iti input#inputPhone {
  padding-left: 132px !important;
  padding-right: 16px !important;
  direction: ltr !important;
  text-align: left !important;
}

/* Legacy intl-tel-input markup used by some WHMCS builds */
html body.gs-antler-theme .intl-tel-input input#inputPhone {
  padding-left: 132px !important;
  padding-right: 16px !important;
  direction: ltr !important;
  text-align: left !important;
}

/* Fallback if WHMCS initializes the phone field slightly later */
html body.gs-antler-theme #inputPhone {
  padding-left: 132px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

/* Keep the selector above the input text, but only inside its own area */
html body.gs-antler-theme .iti__country-container,
html body.gs-antler-theme .iti__flag-container,
html body.gs-antler-theme .intl-tel-input .flag-container {
  width: auto !important;
  max-width: 122px !important;
  z-index: 6 !important;
}

/* RTL must not reverse phone-number typing/padding */
html[dir="rtl"] body.gs-antler-theme .iti input#inputPhone,
html[dir="rtl"] body.gs-antler-theme .intl-tel-input input#inputPhone,
html[dir="rtl"] body.gs-antler-theme #inputPhone,
body.rtl.gs-antler-theme .iti input#inputPhone,
body.rtl.gs-antler-theme .intl-tel-input input#inputPhone,
body.rtl.gs-antler-theme #inputPhone {
  padding-left: 132px !important;
  padding-right: 16px !important;
  direction: ltr !important;
  text-align: left !important;
}

@media (max-width: 480px) {
  html body.gs-antler-theme .iti input#inputPhone,
  html body.gs-antler-theme .intl-tel-input input#inputPhone,
  html body.gs-antler-theme #inputPhone {
    padding-left: 124px !important;
    padding-right: 12px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT CLIENT AREA DASHBOARD v20
   ========================================================================== */

html body.gs-antler-theme .gs-client-dashboard {
  width: 100% !important;
  padding: 4px 0 36px !important;
  color: #2d3136 !important;
}

html body.gs-antler-theme .gs-client-dashboard__hero {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  gap: 24px !important;
  align-items: center !important;
  margin-bottom: 22px !important;
  padding: 32px !important;
  border: 1px solid #e3e6e8 !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 90% 15%, rgba(207,32,41,.09), transparent 28%),
    linear-gradient(135deg,#ffffff,#f8f9fa) !important;
  box-shadow: 0 20px 55px rgba(24,26,29,.08) !important;
}

html body.gs-antler-theme .gs-client-dashboard__hero:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 32px !important;
  width: 92px !important;
  height: 4px !important;
  border-radius: 0 0 4px 4px !important;
  background: #cf2029 !important;
}

html body.gs-antler-theme .gs-client-dashboard__eyebrow {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
  color: #777f87 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .6px !important;
}

html body.gs-antler-theme .gs-client-dashboard__eyebrow span {
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: #cf2029 !important;
  box-shadow: 0 0 0 5px rgba(207,32,41,.1) !important;
}

html body.gs-antler-theme .gs-client-dashboard__hero h1 {
  margin: 0 0 10px !important;
  color: #181a1d !important;
  font-size: 30px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
}

html body.gs-antler-theme .gs-client-dashboard__hero-main > p {
  max-width: 650px !important;
  margin: 0 0 20px !important;
  color: #747b83 !important;
  font-size: 12px !important;
  line-height: 1.85 !important;
}

html body.gs-antler-theme .gs-client-dashboard__hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

html body.gs-antler-theme .gs-client-btn {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 16px !important;
  border-radius: 12px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

html body.gs-antler-theme .gs-client-btn:hover {
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

html body.gs-antler-theme .gs-client-btn--primary {
  border: 1px solid #b61a22 !important;
  background: linear-gradient(135deg,#af1820,#cf2029 62%,#e1333b) !important;
  color: #fff !important;
  box-shadow: 0 11px 25px rgba(207,32,41,.18) !important;
}

html body.gs-antler-theme .gs-client-btn--ghost {
  border: 1px solid #dde1e4 !important;
  background: #fff !important;
  color: #353a40 !important;
}

html body.gs-antler-theme .gs-client-btn--full {
  width: 100% !important;
}

html body.gs-antler-theme .gs-client-dashboard__account-card {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0,1fr) 38px !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 17px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg,#1c1f22,#292d31) !important;
  box-shadow: 0 18px 42px rgba(24,26,29,.16) !important;
}

html body.gs-antler-theme .gs-client-dashboard__avatar {
  width: 58px !important;
  height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  background: rgba(207,32,41,.14) !important;
  color: #ef3b44 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

html body.gs-antler-theme .gs-client-dashboard__account-copy {
  min-width: 0 !important;
}

html body.gs-antler-theme .gs-client-dashboard__account-copy strong,
html body.gs-antler-theme .gs-client-dashboard__account-copy span {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.gs-antler-theme .gs-client-dashboard__account-copy strong {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-client-dashboard__account-copy span {
  margin-top: 3px !important;
  color: #9ea5ad !important;
  font-size: 9.5px !important;
}

html body.gs-antler-theme .gs-client-dashboard__edit {
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
}

html body.gs-antler-theme .gs-client-dashboard__stats {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 14px !important;
  margin-bottom: 22px !important;
}

html body.gs-antler-theme .gs-client-stat {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) 20px !important;
  gap: 11px !important;
  align-items: center !important;
  padding: 17px !important;
  border: 1px solid #e2e5e8 !important;
  border-radius: 17px !important;
  background: #fff !important;
  color: inherit !important;
  text-decoration: none !important;
  box-shadow: 0 9px 24px rgba(24,26,29,.045) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

html body.gs-antler-theme .gs-client-stat:hover {
  transform: translateY(-3px) !important;
  border-color: #efc9cc !important;
  box-shadow: 0 15px 30px rgba(24,26,29,.08) !important;
  text-decoration: none !important;
}

html body.gs-antler-theme .gs-client-stat__icon {
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: #fdecee !important;
  color: #cf2029 !important;
  font-size: 16px !important;
}

html body.gs-antler-theme .gs-client-stat__content span,
html body.gs-antler-theme .gs-client-stat__content strong {
  display: block !important;
}

html body.gs-antler-theme .gs-client-stat__content span {
  color: #858c94 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-client-stat__content strong {
  margin-top: 2px !important;
  color: #202327 !important;
  font-size: 19px !important;
  font-weight: 950 !important;
}

html body.gs-antler-theme .gs-client-stat__arrow {
  color: #b6bcc2 !important;
  font-size: 9px !important;
}

html body.gs-antler-theme .gs-client-dashboard__grid {
  display: grid !important;
  grid-template-columns: minmax(0,1.55fr) minmax(280px,.65fr) !important;
  gap: 18px !important;
  margin-bottom: 22px !important;
}

html body.gs-antler-theme .gs-client-dashboard__quick,
html body.gs-antler-theme .gs-client-dashboard__summary,
html body.gs-antler-theme .gs-client-dashboard__panels {
  border: 1px solid #e2e5e8 !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(24,26,29,.05) !important;
}

html body.gs-antler-theme .gs-client-dashboard__quick,
html body.gs-antler-theme .gs-client-dashboard__summary {
  padding: 21px !important;
}

html body.gs-antler-theme .gs-client-section-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 17px !important;
}

html body.gs-antler-theme .gs-client-section-heading span {
  display: block !important;
  margin-bottom: 2px !important;
  color: #cf2029 !important;
  font-size: 8.5px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .6px !important;
}

html body.gs-antler-theme .gs-client-section-heading h2 {
  margin: 0 !important;
  color: #202327 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

html body.gs-antler-theme .gs-client-quick-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 10px !important;
}

html body.gs-antler-theme .gs-client-quick {
  min-height: 82px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 14px !important;
  border: 1px solid #e8eaec !important;
  border-radius: 14px !important;
  background: #f8f9fa !important;
  color: #3c4248 !important;
  text-decoration: none !important;
}

html body.gs-antler-theme .gs-client-quick:hover {
  border-color: #f0c3c7 !important;
  background: #fff6f7 !important;
  color: #b91b23 !important;
  text-decoration: none !important;
}

html body.gs-antler-theme .gs-client-quick i {
  color: #cf2029 !important;
  font-size: 16px !important;
}

html body.gs-antler-theme .gs-client-quick span {
  font-size: 9.5px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-client-balance {
  margin-bottom: 16px !important;
  padding: 20px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg,#1b1e21,#2b2f34) !important;
}

html body.gs-antler-theme .gs-client-balance span,
html body.gs-antler-theme .gs-client-balance strong {
  display: block !important;
}

html body.gs-antler-theme .gs-client-balance span {
  color: #aab0b7 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme .gs-client-balance strong {
  margin-top: 5px !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

html body.gs-antler-theme .gs-client-dashboard__panels {
  padding: 22px !important;
}

html body.gs-antler-theme .gs-client-panels-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 14px !important;
}

html body.gs-antler-theme .gs-client-panel {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid #e6e9eb !important;
  border-radius: 16px !important;
  background: #fbfbfc !important;
}

html body.gs-antler-theme .gs-client-panel__title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 14px 15px !important;
  border-bottom: 1px solid #e9ebed !important;
  color: #202327 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

html body.gs-antler-theme .gs-client-panel__badge {
  min-width: 22px !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  background: #fdecee !important;
  color: #cf2029 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  text-align: center !important;
}

html body.gs-antler-theme .gs-client-panel__body {
  padding: 14px 15px !important;
  color: #717981 !important;
  font-size: 10px !important;
}

html body.gs-antler-theme .gs-client-panel__list {
  display: block !important;
}

html body.gs-antler-theme .gs-client-panel__item {
  min-height: 43px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 15px !important;
  border-top: 1px solid #eceeef !important;
  background: #fff !important;
  color: #535a61 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

html body.gs-antler-theme .gs-client-panel__item:hover,
html body.gs-antler-theme .gs-client-panel__item.active {
  background: #fff5f6 !important;
  color: #b71922 !important;
  text-decoration: none !important;
}

html body.gs-antler-theme .gs-client-panel__item i {
  margin-right: 6px !important;
  color: #cf2029 !important;
}

html body.gs-antler-theme .gs-client-panel__more {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 12px 15px 15px !important;
  color: #cf2029 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme .gs-client-dashboard__addon {
  margin-top: 18px !important;
}

html body.gs-antler-theme .gs-client-dashboard + * {
  margin-top: 0 !important;
}

/* Client dashboard should not inherit oversized old Antler spacing */
html body.gs-antler-theme #main-body .container {
  max-width: 1440px !important;
}

html body.gs-antler-theme #main-body .main-content {
  padding-top: 0 !important;
}

html[dir="rtl"] body.gs-antler-theme .gs-client-stat__arrow,
body.gs-rtl .gs-client-stat__arrow {
  transform: rotate(180deg) !important;
}

html[dir="rtl"] body.gs-antler-theme .gs-client-panel__item i,
body.gs-rtl .gs-client-panel__item i {
  margin-right: 0 !important;
  margin-left: 6px !important;
}

@media (max-width: 1100px) {
  html body.gs-antler-theme .gs-client-dashboard__stats {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  html body.gs-antler-theme .gs-client-dashboard__hero,
  html body.gs-antler-theme .gs-client-dashboard__grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  html body.gs-antler-theme .gs-client-dashboard {
    padding-bottom: 20px !important;
  }

  html body.gs-antler-theme .gs-client-dashboard__hero {
    padding: 24px 18px !important;
    border-radius: 18px !important;
  }

  html body.gs-antler-theme .gs-client-dashboard__hero h1 {
    font-size: 23px !important;
  }

  html body.gs-antler-theme .gs-client-dashboard__stats,
  html body.gs-antler-theme .gs-client-panels-grid {
    grid-template-columns: 1fr !important;
  }

  html body.gs-antler-theme .gs-client-quick-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  html body.gs-antler-theme .gs-client-dashboard__quick,
  html body.gs-antler-theme .gs-client-dashboard__summary,
  html body.gs-antler-theme .gs-client-dashboard__panels {
    padding: 16px !important;
    border-radius: 17px !important;
  }
}

@media (max-width: 420px) {
  html body.gs-antler-theme .gs-client-quick-grid {
    grid-template-columns: 1fr !important;
  }

  html body.gs-antler-theme .gs-client-dashboard__hero-actions {
    display: grid !important;
  }

  html body.gs-antler-theme .gs-client-btn {
    width: 100% !important;
  }
}


/* ==========================================================================
   GARWAN SOFT CLIENT DASHBOARD MOBILE FIX v20.1
   ========================================================================== */

/* On the dashboard remove Antler's old S-Pin/sidebar/page-header controls. */
html body.gs-antler-theme.gs-client-home .dropnav-header-lined,
html body.gs-antler-theme.gs-client-home #dropside-content,
html body.gs-antler-theme.gs-client-home .dropdown-menu[aria-labelledby="dropside-content"] {
  display: none !important;
}

/* Mobile hamburger: three clean separate lines, no single white block. */
html body.gs-antler-theme .gs-premium-menu-toggle {
  padding: 0 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  overflow: hidden !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html body.gs-antler-theme .gs-premium-menu-toggle .icon {
  position: static !important;
  display: block !important;
  width: 21px !important;
  height: 2px !important;
  min-height: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Prevent Antler pseudo-elements from drawing an extra white stripe. */
html body.gs-antler-theme .gs-premium-menu-toggle:before,
html body.gs-antler-theme .gs-premium-menu-toggle:after,
html body.gs-antler-theme .gs-premium-menu-toggle .icon:before,
html body.gs-antler-theme .gs-premium-menu-toggle .icon:after {
  content: none !important;
  display: none !important;
}

@media (max-width: 991px) {
  /* Dashboard should begin cleanly below the mobile header. */
  html body.gs-antler-theme.gs-client-home #main-body > .container,
  html body.gs-antler-theme.gs-client-home #main-body .main-content {
    padding-top: 0 !important;
  }

  html body.gs-antler-theme.gs-client-home .gs-client-dashboard {
    margin-top: 0 !important;
  }
}


/* ==========================================================================
   GARWAN SOFT CLIENT DASHBOARD v20.2
   Remove legacy Antler S-Pin / sidebar strip shown over the dashboard.
   ========================================================================== */

/* The highlighted white strip is Antler's old pageheader/sidebar dropdown.
   It is no longer part of the Garwan Soft client-area design. */
html body.gs-antler-theme .dropnav-header-lined,
html body.gs-antler-theme #dropside-content,
html body.gs-antler-theme .dropnav-header-lined .dropdown-menu,
html body.gs-antler-theme .dropdown-menu[aria-labelledby="dropside-content"],
html body.gs-antler-theme .dropnav-header-lined .item-drop-side,
html body.gs-antler-theme .dropnav-header-lined .gs-premium-sidebar-card {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Kill any Bootstrap "open/show" state left behind by the old dropdown. */
html body.gs-antler-theme .dropnav-header-lined.open,
html body.gs-antler-theme .dropnav-header-lined.show,
html body.gs-antler-theme .dropnav-header-lined.open > .dropdown-menu,
html body.gs-antler-theme .dropnav-header-lined.show > .dropdown-menu {
  display: none !important;
}

/* Remove any reserved space from its parent container on mobile. */
@media (max-width: 991px) {
  html body.gs-antler-theme .gs-premium-pageheader:has(.dropnav-header-lined) {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}


/* ==========================================================================
   GARWAN SOFT CLIENT DASHBOARD v20.3
   Remove the old Antler mobile dropdown on clientareahome completely.
   ========================================================================== */

html body.gs-antler-theme.gs-client-home #menu-mobile .gs-premium-mobile-menu,
html body.gs-antler-theme.gs-client-home #menu-mobile #nav-toggle,
html body.gs-antler-theme.gs-client-home #menu-mobile .menu-toggle {
  display: none !important;
}

/* Keep language/logout aligned after removing the legacy mobile menu. */
html body.gs-antler-theme.gs-client-home #menu-mobile .gs-premium-mobile-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}


/* ==========================================================================
   GARWAN SOFT GLOBAL LEGACY MOBILE MENU REMOVAL v20.4
   Remove Antler hamburger + white Home/Support dropdown from ALL pages.
   ========================================================================== */

html body.gs-antler-theme #nav-toggle,
html body.gs-antler-theme .gs-premium-menu-toggle,
html body.gs-antler-theme .gs-premium-mobile-menu,
html body.gs-antler-theme .gs-clean-mobile-menu,
html body.gs-antler-theme #menu-mobile .main-menu.nav.navbar-nav.bg-seccolorstyle {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Keep only logo + language + login/logout in the mobile top bar. */
html body.gs-antler-theme #menu-mobile .gs-premium-mobile-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  width: 100% !important;
}

/* RTL: actions stay correctly aligned on the opposite visual side. */
html[dir="rtl"] body.gs-antler-theme #menu-mobile .gs-premium-mobile-actions,
body.gs-rtl #menu-mobile .gs-premium-mobile-actions {
  justify-content: flex-start !important;
}


/* ==========================================================================
   GARWAN SOFT GLOBAL INNER PAGES v21
   Replace legacy Antler presentation across ALL internal/client pages.
   ========================================================================== */

/* Never show Antler legacy slider/banner/hero on internal pages. */
html body.gs-antler-theme.gs-inner-page .top-header,
html body.gs-antler-theme.gs-inner-page .header,
html body.gs-antler-theme.gs-inner-page .header-container,
html body.gs-antler-theme.gs-inner-page .header-bg,
html body.gs-antler-theme.gs-inner-page .header-bg2,
html body.gs-antler-theme.gs-inner-page .header-bg3,
html body.gs-antler-theme.gs-inner-page .slider,
html body.gs-antler-theme.gs-inner-page .carousel,
html body.gs-antler-theme.gs-inner-page .carousel-inner,
html body.gs-antler-theme.gs-inner-page .owl-carousel,
html body.gs-antler-theme.gs-inner-page .swiper-container,
html body.gs-antler-theme.gs-inner-page .banner,
html body.gs-antler-theme.gs-inner-page .banner-wrap,
html body.gs-antler-theme.gs-inner-page .banner-content,
html body.gs-antler-theme.gs-inner-page .sec-bg1,
html body.gs-antler-theme.gs-inner-page .sec-bg2,
html body.gs-antler-theme.gs-inner-page .sec-bg3 {
  display: none !important;
}

/* Remove old Antler page-header/sidebar/dropdown strips everywhere. */
html body.gs-antler-theme.gs-inner-page .dropnav-header-lined,
html body.gs-antler-theme.gs-inner-page #dropside-content,
html body.gs-antler-theme.gs-inner-page .dropdown-menu[aria-labelledby="dropside-content"],
html body.gs-antler-theme.gs-inner-page .item-drop-side,
html body.gs-antler-theme.gs-inner-page .gs-premium-sidebar-card,
html body.gs-antler-theme.gs-inner-page .page-header,
html body.gs-antler-theme.gs-inner-page .pageheader,
html body.gs-antler-theme.gs-inner-page .page-heading,
html body.gs-antler-theme.gs-inner-page .page-title-wrapper {
  display: none !important;
}

/* Premium content shell for every internal page. */
html body.gs-antler-theme.gs-inner-page {
  background: #f3f5f7 !important;
}

html body.gs-antler-theme.gs-inner-page #main-body {
  background: #f3f5f7 !important;
  padding-top: 22px !important;
  padding-bottom: 42px !important;
  min-height: calc(100vh - 190px) !important;
}

html body.gs-antler-theme.gs-inner-page #main-body > .container,
html body.gs-antler-theme.gs-inner-page #main-body .container {
  width: calc(100% - 36px) !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.gs-antler-theme.gs-inner-page #main-body .main-content {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Generic WHMCS cards/panels on all internal pages. */
html body.gs-antler-theme.gs-inner-page .panel,
html body.gs-antler-theme.gs-inner-page .card,
html body.gs-antler-theme.gs-inner-page .well,
html body.gs-antler-theme.gs-inner-page .list-group {
  border: 1px solid #e2e5e8 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(24,26,29,.05) !important;
}

html body.gs-antler-theme.gs-inner-page .panel-heading,
html body.gs-antler-theme.gs-inner-page .card-header {
  border-bottom: 1px solid #eceef0 !important;
  background: #fff !important;
  color: #202327 !important;
  font-weight: 900 !important;
}

/* Forms */
html body.gs-antler-theme.gs-inner-page .form-control,
html body.gs-antler-theme.gs-inner-page select.form-control,
html body.gs-antler-theme.gs-inner-page textarea.form-control {
  min-height: 44px !important;
  border: 1px solid #dfe3e6 !important;
  border-radius: 11px !important;
  background: #f8f9fa !important;
  color: #2d3136 !important;
  box-shadow: none !important;
}

html body.gs-antler-theme.gs-inner-page .form-control:focus {
  border-color: #cf2029 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(207,32,41,.07) !important;
}

/* Buttons */
html body.gs-antler-theme.gs-inner-page .btn-primary {
  border-color: #b61a22 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg,#af1820,#cf2029 62%,#e1333b) !important;
  color: #fff !important;
  box-shadow: 0 9px 22px rgba(207,32,41,.16) !important;
}

html body.gs-antler-theme.gs-inner-page .btn-default,
html body.gs-antler-theme.gs-inner-page .btn-secondary {
  border: 1px solid #dde1e4 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #353a40 !important;
}

/* Tables */
html body.gs-antler-theme.gs-inner-page table {
  background: #fff !important;
}

html body.gs-antler-theme.gs-inner-page .table > thead > tr > th {
  border-bottom: 1px solid #e3e6e8 !important;
  background: #f7f8f9 !important;
  color: #4a5158 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

html body.gs-antler-theme.gs-inner-page .table > tbody > tr > td {
  border-top: 1px solid #eef0f1 !important;
  color: #555d65 !important;
}

/* Alerts */
html body.gs-antler-theme.gs-inner-page .alert {
  border-radius: 12px !important;
  border-width: 1px !important;
}

/* Sidebar modules: style instead of Antler legacy visual */
html body.gs-antler-theme.gs-inner-page .sidebar .panel,
html body.gs-antler-theme.gs-inner-page .sidebar-primary .panel,
html body.gs-antler-theme.gs-inner-page .sidebar-secondary .panel {
  overflow: hidden !important;
}

/* Ensure old mobile menu is globally absent. */
html body.gs-antler-theme #nav-toggle,
html body.gs-antler-theme .gs-premium-menu-toggle,
html body.gs-antler-theme .gs-premium-mobile-menu,
html body.gs-antler-theme .gs-clean-mobile-menu {
  display: none !important;
}

@media (max-width: 767px) {
  html body.gs-antler-theme.gs-inner-page #main-body {
    padding-top: 14px !important;
    padding-bottom: 28px !important;
  }

  html body.gs-antler-theme.gs-inner-page #main-body > .container,
  html body.gs-antler-theme.gs-inner-page #main-body .container {
    width: calc(100% - 20px) !important;
  }

  html body.gs-antler-theme.gs-inner-page .panel,
  html body.gs-antler-theme.gs-inner-page .card,
  html body.gs-antler-theme.gs-inner-page .well {
    border-radius: 14px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT v21.2
   1) Fix RTL input-group/button overflow inside cards/panels.
   2) Increase typography across the whole theme.
   ========================================================================== */

/* --------------------------------------------------------------------------
   RTL/LTR INPUT GROUP SAFETY
   Fixes the domain-registration card control that escaped outside the card.
   -------------------------------------------------------------------------- */
html body.gs-antler-theme .panel,
html body.gs-antler-theme .card,
html body.gs-antler-theme .well,
html body.gs-antler-theme .gs-client-panel,
html body.gs-antler-theme .gs-client-dashboard__quick,
html body.gs-antler-theme .gs-client-dashboard__summary,
html body.gs-antler-theme .gs-client-dashboard__panels {
  overflow: hidden !important;
}

html body.gs-antler-theme .input-group {
  width: 100% !important;
  max-width: 100% !important;
  display: table !important;
  table-layout: auto !important;
  box-sizing: border-box !important;
}

html body.gs-antler-theme .input-group .form-control {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html body.gs-antler-theme .input-group-addon,
html body.gs-antler-theme .input-group-btn {
  width: 1% !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

html body.gs-antler-theme .input-group-btn > .btn,
html body.gs-antler-theme .input-group-addon {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Bootstrap 3 RTL correction:
   keep addon/button INSIDE the same input-group table, never outside the card. */
html[dir="rtl"] body.gs-antler-theme .input-group,
body.gs-rtl .input-group {
  direction: rtl !important;
}

html[dir="rtl"] body.gs-antler-theme .input-group .form-control,
body.gs-rtl .input-group .form-control {
  float: none !important;
  direction: rtl !important;
  text-align: right !important;
}

html[dir="rtl"] body.gs-antler-theme .input-group-btn,
html[dir="rtl"] body.gs-antler-theme .input-group-addon,
body.gs-rtl .input-group-btn,
body.gs-rtl .input-group-addon {
  float: none !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
}

html[dir="rtl"] body.gs-antler-theme .input-group-btn:first-child > .btn,
html[dir="rtl"] body.gs-antler-theme .input-group-addon:first-child,
body.gs-rtl .input-group-btn:first-child > .btn,
body.gs-rtl .input-group-addon:first-child {
  border-radius: 0 11px 11px 0 !important;
}

html[dir="rtl"] body.gs-antler-theme .input-group-btn:last-child > .btn,
html[dir="rtl"] body.gs-antler-theme .input-group-addon:last-child,
body.gs-rtl .input-group-btn:last-child > .btn,
body.gs-rtl .input-group-addon:last-child {
  border-radius: 11px 0 0 11px !important;
}

/* Common WHMCS domain search/registration controls */
html body.gs-antler-theme .domain-checker-container,
html body.gs-antler-theme .domain-registration,
html body.gs-antler-theme .domain-lookup,
html body.gs-antler-theme .domain-checker-bg,
html body.gs-antler-theme .domain-search,
html body.gs-antler-theme .domain-input-group {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body.gs-antler-theme .domain-checker-container .input-group,
html body.gs-antler-theme .domain-registration .input-group,
html body.gs-antler-theme .domain-lookup .input-group,
html body.gs-antler-theme .domain-search .input-group {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Defensive rule against any legacy absolute-positioned domain button */
html body.gs-antler-theme .domain-checker-container .btn,
html body.gs-antler-theme .domain-registration .btn,
html body.gs-antler-theme .domain-lookup .btn,
html body.gs-antler-theme .domain-search .btn {
  position: static !important;
  transform: none !important;
}

/* --------------------------------------------------------------------------
   GLOBAL TYPOGRAPHY SCALE
   Increase text across all theme pages while preserving layout hierarchy.
   -------------------------------------------------------------------------- */
html body.gs-antler-theme {
  font-size: 16px !important;
}

html body.gs-antler-theme p,
html body.gs-antler-theme li,
html body.gs-antler-theme td,
html body.gs-antler-theme th,
html body.gs-antler-theme label,
html body.gs-antler-theme .help-block,
html body.gs-antler-theme .text-muted,
html body.gs-antler-theme .panel-body,
html body.gs-antler-theme .card-body,
html body.gs-antler-theme .list-group-item {
  font-size: 14px !important;
  line-height: 1.65 !important;
}

html body.gs-antler-theme .form-control,
html body.gs-antler-theme select,
html body.gs-antler-theme textarea,
html body.gs-antler-theme input {
  font-size: 15px !important;
}

html body.gs-antler-theme .btn {
  font-size: 14px !important;
  font-weight: 800 !important;
}

html body.gs-antler-theme h1,
html body.gs-antler-theme .h1 {
  font-size: 34px !important;
}

html body.gs-antler-theme h2,
html body.gs-antler-theme .h2 {
  font-size: 28px !important;
}

html body.gs-antler-theme h3,
html body.gs-antler-theme .h3 {
  font-size: 23px !important;
}

html body.gs-antler-theme h4,
html body.gs-antler-theme .h4 {
  font-size: 19px !important;
}

html body.gs-antler-theme h5,
html body.gs-antler-theme .h5 {
  font-size: 16px !important;
}

/* New client dashboard typography */
html body.gs-antler-theme .gs-client-dashboard__hero-main > p {
  font-size: 15px !important;
}

html body.gs-antler-theme .gs-client-stat__content span,
html body.gs-antler-theme .gs-client-quick span,
html body.gs-antler-theme .gs-client-panel__item,
html body.gs-antler-theme .gs-client-panel__body,
html body.gs-antler-theme .gs-client-dashboard__account-copy span,
html body.gs-antler-theme .gs-client-balance span {
  font-size: 13px !important;
}

html body.gs-antler-theme .gs-client-section-heading span,
html body.gs-antler-theme .gs-client-dashboard__eyebrow,
html body.gs-antler-theme .gs-client-panel__badge {
  font-size: 11px !important;
}

/* Header/footer/menu */
html body.gs-antler-theme .gs-premium-nav-link,
html body.gs-antler-theme .gs-premium-mobile-actions,
html body.gs-antler-theme footer,
html body.gs-antler-theme footer a,
html body.gs-antler-theme footer p,
html body.gs-antler-theme footer span {
  font-size: 13px !important;
}

/* Mobile typography: large enough to read, not large enough to break cards. */
@media (max-width: 767px) {
  html body.gs-antler-theme {
    font-size: 15px !important;
  }

  html body.gs-antler-theme p,
  html body.gs-antler-theme li,
  html body.gs-antler-theme td,
  html body.gs-antler-theme th,
  html body.gs-antler-theme label,
  html body.gs-antler-theme .panel-body,
  html body.gs-antler-theme .card-body,
  html body.gs-antler-theme .list-group-item {
    font-size: 13.5px !important;
  }

  html body.gs-antler-theme .form-control,
  html body.gs-antler-theme select,
  html body.gs-antler-theme textarea,
  html body.gs-antler-theme input {
    font-size: 16px !important;
  }

  html body.gs-antler-theme .btn {
    font-size: 13.5px !important;
  }

  html body.gs-antler-theme h1,
  html body.gs-antler-theme .h1 {
    font-size: 28px !important;
  }

  html body.gs-antler-theme h2,
  html body.gs-antler-theme .h2 {
    font-size: 24px !important;
  }

  html body.gs-antler-theme h3,
  html body.gs-antler-theme .h3 {
    font-size: 20px !important;
  }

  html body.gs-antler-theme h4,
  html body.gs-antler-theme .h4 {
    font-size: 17px !important;
  }

  /* Never allow the domain button/addon to escape the card on narrow screens. */
  html body.gs-antler-theme .input-group {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body.gs-antler-theme .input-group-btn > .btn {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT v21.2.1
   DOMAIN REGISTRATION CARD - CLEAN RTL/LTR ALIGNMENT
   ========================================================================== */

/* Keep domain input + button as one clean control */
html body.gs-antler-theme .domain-checker-container .input-group,
html body.gs-antler-theme .domain-registration .input-group,
html body.gs-antler-theme .domain-lookup .input-group,
html body.gs-antler-theme .domain-search .input-group {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 58px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dfe3e6 !important;
  border-radius: 14px !important;
  background: #f8f9fa !important;
  box-shadow: none !important;
}

/* Input occupies remaining space */
html body.gs-antler-theme .domain-checker-container .input-group .form-control,
html body.gs-antler-theme .domain-registration .input-group .form-control,
html body.gs-antler-theme .domain-lookup .input-group .form-control,
html body.gs-antler-theme .domain-search .input-group .form-control {
  flex: 1 1 auto !important;
  width: 1% !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Button container */
html body.gs-antler-theme .domain-checker-container .input-group-btn,
html body.gs-antler-theme .domain-registration .input-group-btn,
html body.gs-antler-theme .domain-lookup .input-group-btn,
html body.gs-antler-theme .domain-search .input-group-btn {
  display: flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
}

/* Button itself */
html body.gs-antler-theme .domain-checker-container .input-group-btn > .btn,
html body.gs-antler-theme .domain-registration .input-group-btn > .btn,
html body.gs-antler-theme .domain-lookup .input-group-btn > .btn,
html body.gs-antler-theme .domain-search .input-group-btn > .btn {
  height: 58px !important;
  min-width: 92px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg,#af1820,#cf2029 62%,#e1333b) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 58px !important;
  box-shadow: none !important;
  position: static !important;
  transform: none !important;
}

/* RTL: button on the LEFT side, still fully inside the control */
html[dir="rtl"] body.gs-antler-theme .domain-checker-container .input-group,
html[dir="rtl"] body.gs-antler-theme .domain-registration .input-group,
html[dir="rtl"] body.gs-antler-theme .domain-lookup .input-group,
html[dir="rtl"] body.gs-antler-theme .domain-search .input-group,
body.gs-rtl .domain-checker-container .input-group,
body.gs-rtl .domain-registration .input-group,
body.gs-rtl .domain-lookup .input-group,
body.gs-rtl .domain-search .input-group {
  direction: rtl !important;
  flex-direction: row !important;
}

html[dir="rtl"] body.gs-antler-theme .domain-checker-container .input-group .form-control,
html[dir="rtl"] body.gs-antler-theme .domain-registration .input-group .form-control,
html[dir="rtl"] body.gs-antler-theme .domain-lookup .input-group .form-control,
html[dir="rtl"] body.gs-antler-theme .domain-search .input-group .form-control,
body.gs-rtl .domain-checker-container .input-group .form-control,
body.gs-rtl .domain-registration .input-group .form-control,
body.gs-rtl .domain-lookup .input-group .form-control,
body.gs-rtl .domain-search .input-group .form-control {
  text-align: right !important;
  direction: rtl !important;
}

/* Button is the visually-left edge in RTL */
html[dir="rtl"] body.gs-antler-theme .domain-checker-container .input-group-btn > .btn,
html[dir="rtl"] body.gs-antler-theme .domain-registration .input-group-btn > .btn,
html[dir="rtl"] body.gs-antler-theme .domain-lookup .input-group-btn > .btn,
html[dir="rtl"] body.gs-antler-theme .domain-search .input-group-btn > .btn,
body.gs-rtl .domain-checker-container .input-group-btn > .btn,
body.gs-rtl .domain-registration .input-group-btn > .btn,
body.gs-rtl .domain-lookup .input-group-btn > .btn,
body.gs-rtl .domain-search .input-group-btn > .btn {
  border-radius: 14px 0 0 14px !important;
}

/* LTR: button on the RIGHT edge */
html[dir="ltr"] body.gs-antler-theme .domain-checker-container .input-group-btn > .btn,
html[dir="ltr"] body.gs-antler-theme .domain-registration .input-group-btn > .btn,
html[dir="ltr"] body.gs-antler-theme .domain-lookup .input-group-btn > .btn,
html[dir="ltr"] body.gs-antler-theme .domain-search .input-group-btn > .btn,
body.gs-ltr .domain-checker-container .input-group-btn > .btn,
body.gs-ltr .domain-registration .input-group-btn > .btn,
body.gs-ltr .domain-lookup .input-group-btn > .btn,
body.gs-ltr .domain-search .input-group-btn > .btn {
  border-radius: 0 14px 14px 0 !important;
}

/* Remove Bootstrap table-cell behavior inherited from earlier fixes */
html body.gs-antler-theme .domain-checker-container .input-group-addon,
html body.gs-antler-theme .domain-registration .input-group-addon,
html body.gs-antler-theme .domain-lookup .input-group-addon,
html body.gs-antler-theme .domain-search .input-group-addon {
  display: flex !important;
  width: auto !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef1f3 !important;
}

/* Card spacing */
html body.gs-antler-theme .domain-checker-container,
html body.gs-antler-theme .domain-registration,
html body.gs-antler-theme .domain-lookup,
html body.gs-antler-theme .domain-search {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
  html body.gs-antler-theme .domain-checker-container .input-group,
  html body.gs-antler-theme .domain-registration .input-group,
  html body.gs-antler-theme .domain-lookup .input-group,
  html body.gs-antler-theme .domain-search .input-group {
    min-height: 54px !important;
    border-radius: 12px !important;
  }

  html body.gs-antler-theme .domain-checker-container .input-group .form-control,
  html body.gs-antler-theme .domain-registration .input-group .form-control,
  html body.gs-antler-theme .domain-lookup .input-group .form-control,
  html body.gs-antler-theme .domain-search .input-group .form-control {
    height: 54px !important;
    min-height: 54px !important;
    font-size: 16px !important;
  }

  html body.gs-antler-theme .domain-checker-container .input-group-btn > .btn,
  html body.gs-antler-theme .domain-registration .input-group-btn > .btn,
  html body.gs-antler-theme .domain-lookup .input-group-btn > .btn,
  html body.gs-antler-theme .domain-search .input-group-btn > .btn {
    height: 54px !important;
    min-width: 78px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    line-height: 54px !important;
  }

  html[dir="rtl"] body.gs-antler-theme .domain-checker-container .input-group-btn > .btn,
  html[dir="rtl"] body.gs-antler-theme .domain-registration .input-group-btn > .btn,
  html[dir="rtl"] body.gs-antler-theme .domain-lookup .input-group-btn > .btn,
  html[dir="rtl"] body.gs-antler-theme .domain-search .input-group-btn > .btn,
  body.gs-rtl .domain-checker-container .input-group-btn > .btn,
  body.gs-rtl .domain-registration .input-group-btn > .btn,
  body.gs-rtl .domain-lookup .input-group-btn > .btn,
  body.gs-rtl .domain-search .input-group-btn > .btn {
    border-radius: 12px 0 0 12px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT v21.2.2
   REGISTER NEW DOMAIN PANEL - REGISTER/CHECK + TRANSFER BUTTONS
   Fixes the WHMCS dashboard panel body specifically.
   ========================================================================== */

/* Panel body spacing */
html body.gs-antler-theme .gs-client-panel__body form[action*="domain"],
html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] {
  width: 100% !important;
  margin: 0 !important;
}

/* One unified row: field + action buttons */
html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group,
html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dfe3e6 !important;
  border-radius: 13px !important;
  background: #f8f9fa !important;
  box-sizing: border-box !important;
}

/* Domain field */
html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group > .form-control,
html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group > .form-control {
  flex: 1 1 auto !important;
  width: 1% !important;
  min-width: 0 !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 11px 15px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  position: static !important;
}

/* WHMCS puts BOTH actions in input-group-btn.
   Keep the whole button group inside the card. */
html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn,
html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: stretch !important;
  width: auto !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  float: none !important;
  white-space: nowrap !important;
}

/* Both Check/Register and Transfer buttons */
html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn > .btn,
html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn > input,
html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn > .btn,
html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn > input {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 78px !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 0 15px !important;
  border: 0 !important;
  border-inline-start: 1px solid rgba(255,255,255,.25) !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  line-height: 56px !important;
  font-weight: 900 !important;
  position: static !important;
  float: none !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Primary action: Check / Register */
html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn > .btn-primary,
html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn > .btn-success,
html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn > input[type="submit"]:first-child,
html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn > .btn-primary,
html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn > .btn-success,
html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn > input[type="submit"]:first-child {
  background: linear-gradient(135deg,#af1820,#cf2029 62%,#e1333b) !important;
  color: #fff !important;
}

/* Secondary action: Transfer */
html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn > .btn-default,
html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn > .btn-secondary,
html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn > input[type="submit"]:last-child,
html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn > .btn-default,
html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn > .btn-secondary,
html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn > input[type="submit"]:last-child {
  border-inline-start: 1px solid #dfe3e6 !important;
  background: #fff !important;
  color: #343a40 !important;
}

/* Correct order and edge rounding in RTL */
html[dir="rtl"] body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group,
html[dir="rtl"] body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group,
body.gs-rtl .gs-client-panel__body form[action*="domain"] .input-group,
body.gs-rtl .gs-client-panel__body form[action*="cart.php"] .input-group {
  direction: rtl !important;
  flex-direction: row !important;
}

html[dir="rtl"] body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn,
html[dir="rtl"] body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn,
body.gs-rtl .gs-client-panel__body form[action*="domain"] .input-group-btn,
body.gs-rtl .gs-client-panel__body form[action*="cart.php"] .input-group-btn {
  direction: rtl !important;
}

/* If WHMCS renders the actions as standalone buttons under the field,
   normalize them into a tidy action row rather than letting them float. */
html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] > .btn,
html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] > .btn {
  min-height: 44px !important;
  margin: 10px 5px 0 !important;
  padding: 9px 16px !important;
  border-radius: 10px !important;
  position: static !important;
  float: none !important;
  transform: none !important;
}

/* Mobile: stack the two actions BELOW the field when space is tight.
   This is clearer and prevents either button from being clipped. */
@media (max-width: 640px) {
  html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group,
  html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group {
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    gap: 8px !important;
  }

  html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group > .form-control,
  html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group > .form-control {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    border: 1px solid #dfe3e6 !important;
    border-radius: 12px !important;
    background: #f8f9fa !important;
  }

  html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn,
  html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    height: auto !important;
    gap: 8px !important;
  }

  html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn > .btn,
  html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn > input,
  html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn > .btn,
  html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn > input {
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 10px !important;
    line-height: 1.2 !important;
    font-size: 13px !important;
  }

  html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn > .btn-default,
  html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn > .btn-secondary,
  html body.gs-antler-theme .gs-client-panel__body form[action*="domain"] .input-group-btn > input[type="submit"]:last-child,
  html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn > .btn-default,
  html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn > .btn-secondary,
  html body.gs-antler-theme .gs-client-panel__body form[action*="cart.php"] .input-group-btn > input[type="submit"]:last-child {
    border: 1px solid #dfe3e6 !important;
  }
}


/* ==========================================================================
   GARWAN SOFT FULL CLIENT AREA SKIN v22
   Applied to ALL WHMCS client-area pages using the Antler template.
   ========================================================================== */

:root {
  --gs22-bg:#f3f5f7;
  --gs22-surface:#ffffff;
  --gs22-soft:#f8f9fa;
  --gs22-dark:#181a1d;
  --gs22-dark2:#22262a;
  --gs22-text:#2d3136;
  --gs22-muted:#747c84;
  --gs22-border:#e1e5e8;
  --gs22-red:#cf2029;
  --gs22-red-dark:#a91820;
  --gs22-red-soft:#fdecee;
  --gs22-radius:16px;
  --gs22-shadow:0 12px 34px rgba(24,26,29,.07);
}

html body.gs-antler-theme {
  background:var(--gs22-bg) !important;
  color:var(--gs22-text) !important;
  font-size:16px !important;
}

html body.gs-antler-theme #main-body {
  background:var(--gs22-bg) !important;
}

html body.gs-antler-theme #main-body > .container {
  width:calc(100% - 32px) !important;
  max-width:1440px !important;
  margin-inline:auto !important;
}

/* Old Antler fragments removed globally from client/internal pages */
html body.gs-antler-theme:not(.home-page) .dropnav-header-lined,
html body.gs-antler-theme:not(.home-page) #dropside-content,
html body.gs-antler-theme:not(.home-page) .tech-box,
html body.gs-antler-theme:not(.home-page) .infonews,
html body.gs-antler-theme:not(.home-page) .header-lined .dropnav-header-lined {
  display:none !important;
}

/* Global page headings */
html body.gs-antler-theme .header-lined {
  position:relative !important;
  margin:0 0 22px !important;
  padding:22px 24px !important;
  border:1px solid var(--gs22-border) !important;
  border-radius:18px !important;
  background:var(--gs22-surface) !important;
  box-shadow:var(--gs22-shadow) !important;
}
html body.gs-antler-theme .header-lined:before {
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  inset-inline-start:24px !important;
  width:72px !important;
  height:4px !important;
  border-radius:0 0 4px 4px !important;
  background:var(--gs22-red) !important;
}
html body.gs-antler-theme .header-lined h1,
html body.gs-antler-theme .header-lined h2,
html body.gs-antler-theme .header-lined h3 {
  color:var(--gs22-dark) !important;
  font-weight:900 !important;
}
html body.gs-antler-theme .header-lined p {
  color:var(--gs22-muted) !important;
  font-size:14px !important;
}

/* Cards / panels */
html body.gs-antler-theme .panel,
html body.gs-antler-theme .card,
html body.gs-antler-theme .well,
html body.gs-antler-theme .list-group,
html body.gs-antler-theme .domain-renewals,
html body.gs-antler-theme .product-details,
html body.gs-antler-theme .service-renewal,
html body.gs-antler-theme .invoice-container {
  border:1px solid var(--gs22-border) !important;
  border-radius:var(--gs22-radius) !important;
  background:var(--gs22-surface) !important;
  box-shadow:var(--gs22-shadow) !important;
  overflow:hidden;
}
html body.gs-antler-theme .panel-heading,
html body.gs-antler-theme .card-header,
html body.gs-antler-theme .panel-footer,
html body.gs-antler-theme .card-footer {
  border-color:#eceff1 !important;
  background:var(--gs22-surface) !important;
  color:var(--gs22-dark) !important;
}

/* Tables */
html body.gs-antler-theme .table {
  background:#fff !important;
  border-radius:14px !important;
}
html body.gs-antler-theme .table > thead > tr > th {
  border-color:#e5e8eb !important;
  background:#f6f7f8 !important;
  color:#3f464d !important;
  font-size:13px !important;
  font-weight:900 !important;
}
html body.gs-antler-theme .table > tbody > tr > td {
  border-color:#edf0f2 !important;
  color:#50575e !important;
  font-size:13px !important;
  vertical-align:middle !important;
}

/* Forms */
html body.gs-antler-theme .form-control,
html body.gs-antler-theme select.form-control,
html body.gs-antler-theme textarea.form-control {
  min-height:46px !important;
  padding:10px 13px !important;
  border:1px solid #dce1e4 !important;
  border-radius:11px !important;
  background:#f8f9fa !important;
  color:var(--gs22-text) !important;
  font-size:15px !important;
  box-shadow:none !important;
}
html body.gs-antler-theme .form-control:focus {
  border-color:var(--gs22-red) !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(207,32,41,.08) !important;
}
html body.gs-antler-theme label {
  color:#424950 !important;
  font-size:13px !important;
  font-weight:800 !important;
}

/* Buttons */
html body.gs-antler-theme .btn {
  min-height:42px !important;
  padding:9px 15px !important;
  border-radius:10px !important;
  font-size:13.5px !important;
  font-weight:900 !important;
}
html body.gs-antler-theme .btn-primary,
html body.gs-antler-theme .btn-success {
  border-color:#b61a22 !important;
  background:linear-gradient(135deg,#ad171f,#cf2029 62%,#df333b) !important;
  color:#fff !important;
}
html body.gs-antler-theme .btn-default,
html body.gs-antler-theme .btn-secondary {
  border-color:#dde1e4 !important;
  background:#fff !important;
  color:#333a40 !important;
}

/* Alerts */
html body.gs-antler-theme .alert {
  border-radius:12px !important;
  font-size:13px !important;
}

/* Pagination */
html body.gs-antler-theme .pagination > li > a,
html body.gs-antler-theme .pagination > li > span {
  border-color:#e2e5e8 !important;
  color:#4c535a !important;
}
html body.gs-antler-theme .pagination > .active > a,
html body.gs-antler-theme .pagination > .active > span {
  border-color:var(--gs22-red) !important;
  background:var(--gs22-red) !important;
  color:#fff !important;
}

/* Typography */
html body.gs-antler-theme p,
html body.gs-antler-theme li,
html body.gs-antler-theme .panel-body,
html body.gs-antler-theme .card-body,
html body.gs-antler-theme .list-group-item {
  font-size:14px !important;
  line-height:1.65 !important;
}
html body.gs-antler-theme h1 {font-size:32px !important;font-weight:900 !important;}
html body.gs-antler-theme h2 {font-size:26px !important;font-weight:900 !important;}
html body.gs-antler-theme h3 {font-size:21px !important;font-weight:900 !important;}
html body.gs-antler-theme h4 {font-size:18px !important;font-weight:900 !important;}

/* Mobile */
@media (max-width:767px) {
  html body.gs-antler-theme #main-body > .container {
    width:calc(100% - 18px) !important;
  }
  html body.gs-antler-theme .header-lined {
    padding:18px 16px !important;
    border-radius:15px !important;
  }
  html body.gs-antler-theme .panel,
  html body.gs-antler-theme .card,
  html body.gs-antler-theme .well {
    border-radius:14px !important;
  }
  html body.gs-antler-theme .form-control {
    font-size:16px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT v22.1 - GLOBAL HEADER CART + LIVE COUNT BADGE
   ========================================================================== */
body.gs-antler-theme .gs-header-cart-item {
  display:flex !important;
  align-items:center !important;
}
body.gs-antler-theme .gs-header-cart {
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  min-height:42px !important;
  padding:8px 12px !important;
  border:1px solid #e1e5e8 !important;
  border-radius:11px !important;
  background:#fff !important;
  color:#343a40 !important;
  font-weight:900 !important;
  text-decoration:none !important;
  transition:.18s ease !important;
}
body.gs-antler-theme .gs-header-cart:hover {
  border-color:#efc3c6 !important;
  background:#fff8f8 !important;
  color:#cf2029 !important;
  transform:translateY(-1px);
}
body.gs-antler-theme .gs-header-cart__icon {
  font-size:17px !important;
  line-height:1 !important;
}
body.gs-antler-theme .gs-header-cart__badge {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:22px !important;
  height:22px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  background:#cf2029 !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:22px !important;
  box-shadow:0 4px 10px rgba(207,32,41,.22) !important;
}
body.gs-antler-theme .gs-header-cart__badge.is-empty {
  background:#6f777e !important;
  box-shadow:none !important;
}

/* Mobile cart icon */
body.gs-antler-theme .gs-premium-mobile-cart {
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  height:42px !important;
  margin:0 4px !important;
  border:1px solid #e1e5e8 !important;
  border-radius:11px !important;
  background:#fff !important;
  color:#343a40 !important;
  text-decoration:none !important;
}
body.gs-antler-theme .gs-premium-mobile-cart > i {
  font-size:17px !important;
}
body.gs-antler-theme .gs-premium-mobile-cart__badge {
  position:absolute !important;
  top:-6px !important;
  inset-inline-end:-6px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 5px !important;
  border:2px solid #fff !important;
  border-radius:999px !important;
  background:#cf2029 !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:16px !important;
}
body.gs-antler-theme .gs-premium-mobile-cart__badge.is-empty {
  background:#6f777e !important;
}

@media (max-width: 991px) {
  body.gs-antler-theme .gs-header-cart-item { display:none !important; }
}
@media (max-width: 380px) {
  body.gs-antler-theme .gs-premium-mobile-cart {
    width:38px !important;
    height:38px !important;
    margin:0 2px !important;
  }
}


/* ==========================================================================
   GARWAN SOFT v22.12
   Dashboard Products Button + Mobile Cart Visibility Fix
   ========================================================================== */

/* Products & Services button beside My Services */
body.gs-antler-theme .gs-client-btn--products {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:48px !important;
  padding:11px 18px !important;
  border:1px solid #dfe3e6 !important;
  border-radius:12px !important;
  background:#24282c !important;
  color:#fff !important;
  font-size:13.5px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 8px 20px rgba(24,26,29,.08) !important;
  transition:.18s ease !important;
}
body.gs-antler-theme .gs-client-btn--products:hover {
  border-color:#24282c !important;
  background:#181a1d !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
}
body.gs-antler-theme .gs-client-btn--products i {
  color:#ef4a52 !important;
}

/* Ensure hero actions stay tidy with the third button */
body.gs-antler-theme .gs-client-dashboard__hero-actions {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
}

/* Real mobile actions bar */
body.gs-antler-theme .gs-premium-mobile-actions {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  min-height:48px !important;
  overflow:visible !important;
}

/* Mobile cart must remain visible */
body.gs-antler-theme .gs-premium-mobile-actions .gs-premium-mobile-cart {
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #dfe3e6 !important;
  border-radius:11px !important;
  background:#fff !important;
  color:#2f353a !important;
  text-decoration:none !important;
  overflow:visible !important;
  visibility:visible !important;
  opacity:1 !important;
}
body.gs-antler-theme .gs-premium-mobile-actions .gs-premium-mobile-cart > i {
  display:block !important;
  color:#2f353a !important;
  font-size:17px !important;
  line-height:1 !important;
}
body.gs-antler-theme .gs-premium-mobile-actions .gs-premium-mobile-cart__badge {
  position:absolute !important;
  top:-6px !important;
  inset-inline-end:-6px !important;
  z-index:5 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 5px !important;
  border:2px solid #fff !important;
  border-radius:999px !important;
  background:#cf2029 !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:16px !important;
  visibility:visible !important;
  opacity:1 !important;
}
body.gs-antler-theme .gs-premium-mobile-actions .gs-premium-mobile-cart__badge.is-empty {
  background:#6f777e !important;
}

/* Keep desktop cart desktop-only; mobile cart mobile-only */
@media (min-width: 992px) {
  body.gs-antler-theme .gs-premium-mobile-cart {
    display:none !important;
  }
}
@media (max-width: 991px) {
  body.gs-antler-theme .gs-header-cart-item {
    display:none !important;
  }

  body.gs-antler-theme .gs-premium-mobile-actions .gs-premium-mobile-cart {
    display:inline-flex !important;
  }
}

/* Mobile dashboard buttons */
@media (max-width: 767px) {
  body.gs-antler-theme .gs-client-dashboard__hero-actions {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
  }

  body.gs-antler-theme .gs-client-dashboard__hero-actions .gs-client-btn {
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:10px 9px !important;
    font-size:12.5px !important;
  }

  /* Products button spans full width under My Services + Support */
  body.gs-antler-theme .gs-client-dashboard__hero-actions .gs-client-btn--products {
    grid-column:1 / -1 !important;
  }

  body.gs-antler-theme .gs-premium-mobile-actions {
    gap:5px !important;
  }

  body.gs-antler-theme .gs-premium-mobile-actions .gs-premium-mobile-cart,
  body.gs-antler-theme .gs-premium-mobile-login {
    flex:0 0 40px !important;
    width:40px !important;
    height:40px !important;
  }
}

@media (max-width: 390px) {
  body.gs-antler-theme .gs-premium-mobile-actions {
    gap:3px !important;
  }

  body.gs-antler-theme .gs-premium-mobile-actions .gs-premium-mobile-cart,
  body.gs-antler-theme .gs-premium-mobile-login {
    flex-basis:36px !important;
    width:36px !important;
    height:36px !important;
  }

  body.gs-antler-theme .gs-premium-mobile-actions .gs-premium-mobile-cart__badge {
    top:-5px !important;
    inset-inline-end:-5px !important;
  }
}


/* ==========================================================================\n   GARWAN SOFT v22.19 - WHMCS PROFESSIONAL PAGE TRANSITION LOADER\n   Replaces the old yellow Antler spinner.\n   ========================================================================== */

body.gs-antler-theme #spinner-area.gs-whmcs-page-loader,
#spinner-area.gs-whmcs-page-loader {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(207,32,41,.08) 0, rgba(207,32,41,0) 34%),
    rgba(247,248,249,.92) !important;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  opacity: 1;
  visibility: visible;
  pointer-events: all !important;
  transition: opacity .28s ease, visibility .28s ease !important;
}

body.gs-antler-theme #spinner-area.gs-whmcs-page-loader.gs-loader-hidden,
#spinner-area.gs-whmcs-page-loader.gs-loader-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__stage {
  position: relative;
  width: 190px;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateZ(0);
}

#spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__logo-wrap {
  position: relative;
  z-index: 4;
  width: 94px;
  height: 94px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: gsWhmcsLoaderFloat 2s ease-in-out infinite;
}

#spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__logo {
  position: relative;
  z-index: 2;
  display: block;
  width: 82px;
  max-width: 82px;
  height: auto;
  max-height: 82px;
  object-fit: contain;
  filter: drop-shadow(0 12px 18px rgba(24,26,29,.14));
  animation: gsWhmcsLogoPulse 1.8s ease-in-out infinite;
  user-select: none;
  -webkit-user-drag: none;
}

#spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__glow {
  position: absolute;
  inset: 14px;
  z-index: 1;
  border-radius: 50%;
  background: rgba(207,32,41,.18);
  filter: blur(16px);
  animation: gsWhmcsLoaderGlow 1.8s ease-in-out infinite;
}

#spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border-style: solid;
  pointer-events: none;
}

#spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__orbit--outer {
  width: 136px;
  height: 136px;
  margin: -68px 0 0 -68px;
  border-width: 2px;
  border-color: rgba(37,42,46,.09);
  border-top-color: #cf2029;
  border-right-color: rgba(207,32,41,.44);
  animation: gsWhmcsLoaderSpin 1.3s linear infinite;
}

#spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__orbit--inner {
  width: 114px;
  height: 114px;
  margin: -57px 0 0 -57px;
  border-width: 1px;
  border-color: rgba(37,42,46,.08);
  border-bottom-color: rgba(65,71,77,.58);
  animation: gsWhmcsLoaderSpinReverse 1.9s linear infinite;
}

#spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__progress {
  position: absolute;
  left: 50%;
  bottom: 15px;
  width: 108px;
  height: 3px;
  margin-left: -54px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(37,42,46,.08);
}

#spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__progress > span {
  display: block;
  width: 45%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #777d83 0%, #cf2029 72%, #a9151d 100%);
  animation: gsWhmcsLoaderSweep 1.2s ease-in-out infinite;
}

#spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__text {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #555b61;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.7px;
  opacity: .72;
}

@keyframes gsWhmcsLoaderSpin { to { transform: rotate(360deg); } }
@keyframes gsWhmcsLoaderSpinReverse { to { transform: rotate(-360deg); } }
@keyframes gsWhmcsLoaderFloat {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-5px) scale(1.018); }
}
@keyframes gsWhmcsLogoPulse {
  0%,100% { opacity: .93; transform: scale(.98); }
  50% { opacity: 1; transform: scale(1.035); }
}
@keyframes gsWhmcsLoaderGlow {
  0%,100% { opacity: .34; transform: scale(.84); }
  50% { opacity: .82; transform: scale(1.14); }
}
@keyframes gsWhmcsLoaderSweep {
  0% { transform: translateX(-125%); }
  55%,100% { transform: translateX(180%); }
}

@media (max-width: 767px) {
  #spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__stage {
    width: 158px;
    height: 158px;
  }
  #spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__logo-wrap {
    width: 78px;
    height: 78px;
  }
  #spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__logo {
    width: 68px;
    max-width: 68px;
    max-height: 68px;
  }
  #spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__orbit--outer {
    width: 112px;
    height: 112px;
    margin: -56px 0 0 -56px;
  }
  #spinner-area.gs-whmcs-page-loader .gs-whmcs-page-loader__orbit--inner {
    width: 94px;
    height: 94px;
    margin: -47px 0 0 -47px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #spinner-area.gs-whmcs-page-loader * {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* ==========================================================================
   GARWAN SOFT v22.46 - PREMIUM VIEW TICKET
   ========================================================================== */

.gs-ticket-page {
    max-width: 1180px;
    margin: 34px auto 72px;
    padding: 0 18px;
}

.gs-ticket-hero {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    padding: 24px 26px;
    border: 1px solid #e0e4e7;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(25,28,31,.06);
    overflow: hidden;
}

.gs-ticket-hero:before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-end: 28px;
    width: 94px;
    height: 4px;
    border-radius: 0 0 5px 5px;
    background: #d61f2c;
}

.gs-ticket-hero__icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #24282c;
    color: #fff;
    font-size: 21px;
}

.gs-ticket-kicker {
    display: block;
    margin-bottom: 3px;
    color: #d61f2c;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .25px;
}

.gs-ticket-hero h1 {
    margin: 0;
    color: #181b1e;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.35;
}

.gs-ticket-hero p {
    margin: 6px 0 0;
    color: #727a81;
    font-size: 13px;
}

.gs-ticket-hero__id {
    min-width: 116px;
    padding: 10px 14px;
    border: 1px solid #e2e5e8;
    border-radius: 12px;
    background: #f7f8f9;
    text-align: center;
}

.gs-ticket-hero__id span {
    display: block;
    color: #858c92;
    font-size: 10px;
    font-weight: 700;
}

.gs-ticket-hero__id strong {
    display: block;
    margin-top: 2px;
    color: #24282c;
    font-size: 18px;
    font-weight: 900;
}

.gs-ticket-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.gs-ticket-meta__item {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 76px;
    padding: 13px 15px;
    border: 1px solid #e0e4e7;
    border-radius: 14px;
    background: #fff;
}

.gs-ticket-meta__icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f1f3f4;
    color: #596168;
}

.gs-ticket-meta__item small {
    display: block;
    color: #81888f;
    font-size: 10.5px;
}

.gs-ticket-meta__item strong {
    display: block;
    margin-top: 2px;
    color: #272c31;
    font-size: 13px;
    font-weight: 900;
}

.gs-ticket-replybox {
    margin-bottom: 18px;
    overflow: hidden;
    border: 1px solid #e0e4e7;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(25,28,31,.04);
}

.gs-ticket-replybox__toggle {
    width: 100%;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 17px;
    border: 0;
    background: #24282c;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    text-align: start;
}

.gs-ticket-replybox__toggle span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.gs-ticket-replybox__body {
    max-height: 1600px;
    padding: 20px;
    opacity: 1;
    transition: max-height .22s ease, opacity .18s ease, padding .22s ease;
}

.gs-ticket-replybox__body.is-collapsed {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    overflow: hidden;
}

.gs-ticket-replybox label {
    color: #2d3338;
    font-size: 12px;
    font-weight: 800;
}

.gs-ticket-replybox .form-control {
    min-height: 44px;
    border: 1px solid #d8dde1;
    border-radius: 10px;
    background: #fff;
    color: #252a2e;
    box-shadow: none;
}

.gs-ticket-replybox textarea.form-control {
    min-height: 170px;
    resize: vertical;
}

.gs-ticket-replybox .form-control:focus {
    border-color: #d61f2c;
    box-shadow: 0 0 0 3px rgba(214,31,44,.10);
}

.gs-ticket-upload {
    margin-top: 14px;
    padding: 15px;
    border: 1px dashed #cfd4d8;
    border-radius: 12px;
    background: #fafbfb;
}

.gs-ticket-upload__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    color: #33393e;
    font-size: 12px;
    font-weight: 900;
}

.gs-ticket-upload__header span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.gs-ticket-add-file {
    min-height: 36px !important;
    padding: 7px 11px !important;
    border: 1px solid #d8dde1 !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #33393e !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.gs-ticket-upload__help {
    display: block;
    margin-top: 8px;
    color: #838a90;
    font-size: 10.5px;
}

.gs-ticket-reply-actions {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 16px;
}

.gs-ticket-submit,
.gs-ticket-cancel {
    min-width: 120px;
    min-height: 42px;
    border-radius: 10px !important;
    font-weight: 900 !important;
}

.gs-ticket-submit {
    border: 1px solid #d61f2c !important;
    background: #d61f2c !important;
    color: #fff !important;
}

.gs-ticket-cancel {
    border: 1px solid #d8dde1 !important;
    background: #fff !important;
    color: #343a40 !important;
}

.gs-ticket-thread {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.gs-ticket-message {
    overflow: hidden;
    border: 1px solid #e0e4e7;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(25,28,31,.04);
}

.gs-ticket-message.is-staff {
    border-inline-start: 4px solid #d61f2c;
}

.gs-ticket-message__header {
    display: grid;
    grid-template-columns: 46px minmax(0,1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #e7eaec;
    background: #fafbfb;
}

.gs-ticket-avatar {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #24282c;
    color: #fff;
    font-size: 16px;
}

.gs-ticket-message.is-staff .gs-ticket-avatar {
    background: #d61f2c;
}

.gs-ticket-message__name {
    color: #22272b;
    font-size: 14px;
    font-weight: 900;
}

.gs-ticket-role {
    display: inline-flex;
    margin-inline-start: 7px;
    padding: 4px 7px;
    border-radius: 999px;
    background: #eceff1;
    color: #5a6269;
    font-size: 9px;
    font-weight: 900;
    vertical-align: middle;
}

.gs-ticket-message.is-staff .gs-ticket-role {
    background: #fff0f1;
    color: #d61f2c;
}

.gs-ticket-message__email {
    margin-top: 2px;
    color: #8a9197;
    font-size: 10.5px;
}

.gs-ticket-message__date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #7b838a;
    font-size: 10.5px;
    white-space: nowrap;
}

.gs-ticket-message__body {
    padding: 18px;
    color: #30363c;
    font-size: 13.5px;
    line-height: 1.9;
}

.gs-ticket-message__body p:last-child {
    margin-bottom: 0;
}

.gs-ticket-ip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 14px;
    padding: 7px 9px;
    border-radius: 8px;
    background: #f4f5f6;
    color: #7a8289;
    font-size: 10px;
}

.gs-ticket-rating {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #eceeef;
}

.gs-ticket-attachments {
    margin-top: 16px;
    padding: 13px;
    border: 1px solid #e4e7e9;
    border-radius: 11px;
    background: #fafbfb;
}

.gs-ticket-attachments > strong {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #343a40;
    font-size: 11.5px;
}

.gs-ticket-attachments__removed {
    display: block;
    margin-top: 4px;
    color: #9a7074;
    font-size: 10px;
}

.gs-ticket-attachments__list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}

.gs-ticket-file {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid #dfe3e6;
    border-radius: 9px;
    background: #fff;
    color: #343a40 !important;
    font-size: 10.5px;
    font-weight: 700;
    text-decoration: none !important;
}

.gs-ticket-file:hover {
    border-color: #d61f2c;
    color: #d61f2c !important;
}

.gs-ticket-file.is-removed {
    opacity: .65;
}

@media (max-width: 767px) {
    .gs-ticket-page {
        margin-top: 18px;
        padding: 0 10px;
    }

    .gs-ticket-hero {
        grid-template-columns: 48px minmax(0,1fr);
        padding: 18px;
        border-radius: 15px;
    }

    .gs-ticket-hero__icon {
        width: 48px;
        height: 48px;
    }

    .gs-ticket-hero h1 {
        font-size: 21px;
    }

    .gs-ticket-hero__id {
        grid-column: 1 / -1;
        width: 100%;
        min-width: 0;
        text-align: start;
    }

    .gs-ticket-meta {
        grid-template-columns: 1fr;
    }

    .gs-ticket-message__header {
        grid-template-columns: 40px minmax(0,1fr);
    }

    .gs-ticket-avatar {
        width: 40px;
        height: 40px;
    }

    .gs-ticket-message__date {
        grid-column: 1 / -1;
        padding-inline-start: 52px;
    }

    .gs-ticket-reply-actions {
        flex-direction: column;
    }

    .gs-ticket-submit,
    .gs-ticket-cancel {
        width: 100%;
    }
}


/* ==========================================================================
   GARWAN SOFT v22.48 - VIEW TICKET CLOSE ACTION
   ========================================================================== */

.gs-ticket-hero {
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
}

.gs-ticket-hero__actions {
    grid-column: 2 / -1;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}

.gs-ticket-action {
    min-height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 13px;
    border-radius: 10px;
    font-size: 11.5px;
    font-weight: 900;
    cursor: pointer;
    transition: .18s ease;
}

.gs-ticket-action--reply {
    border: 1px solid #24282c;
    background: #24282c;
    color: #fff;
}

.gs-ticket-action--reply:hover {
    background: #171a1d;
    border-color: #171a1d;
}

.gs-ticket-action--close {
    border: 1px solid #d61f2c;
    background: #fff;
    color: #d61f2c;
}

.gs-ticket-action--close:hover {
    background: #d61f2c;
    color: #fff;
}

.gs-ticket-action--closed {
    border: 1px solid #cfd4d8;
    background: #f3f5f6;
    color: #798087;
    cursor: default;
}

.gs-ticket-action:disabled {
    opacity: 1;
}

@media (max-width: 767px) {
    .gs-ticket-hero__actions {
        grid-column: 1 / -1;
        justify-content: stretch;
    }

    .gs-ticket-action {
        flex: 1 1 calc(50% - 4px);
    }
}


/* ==========================================================================
   GARWAN SOFT v22.49 - PROFESSIONAL CLOSE TICKET DIALOG
   ========================================================================== */

body.gs-ticket-modal-open {
    overflow: hidden !important;
}

.gs-ticket-close-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, visibility .18s ease;
}

.gs-ticket-close-modal.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.gs-ticket-close-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(18,21,24,.56);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.gs-ticket-close-modal__dialog {
    position: relative;
    z-index: 2;
    width: min(430px, 100%);
    padding: 28px;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(18,21,24,.26);
    text-align: center;
    transform: translateY(10px) scale(.985);
    transition: transform .2s ease;
}

.gs-ticket-close-modal.is-visible .gs-ticket-close-modal__dialog {
    transform: translateY(0) scale(1);
}

.gs-ticket-close-modal__icon {
    width: 62px;
    height: 62px;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: #fff0f1;
    color: #d61f2c;
    font-size: 22px;
    box-shadow: inset 0 0 0 1px rgba(214,31,44,.08);
}

.gs-ticket-close-modal__dialog h3 {
    margin: 0;
    color: #1d2125;
    font-size: 23px;
    font-weight: 900;
}

.gs-ticket-close-modal__dialog p {
    margin: 10px auto 0;
    max-width: 360px;
    color: #70787f;
    font-size: 13px;
    line-height: 1.85;
}

.gs-ticket-close-modal__ticket {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 16px 0 0;
    padding: 8px 12px;
    border: 1px solid #e3e6e8;
    border-radius: 999px;
    background: #f7f8f9;
    color: #626a71;
    font-size: 11px;
}

.gs-ticket-close-modal__ticket strong {
    color: #24282c;
    font-size: 12px;
    font-weight: 900;
}

.gs-ticket-close-modal__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-top: 20px;
}

.gs-ticket-close-modal__confirm,
.gs-ticket-close-modal__cancel {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 14px;
    border-radius: 11px;
    font-size: 12.5px;
    font-weight: 900;
    cursor: pointer;
    transition: .18s ease;
}

.gs-ticket-close-modal__confirm {
    border: 1px solid #d61f2c;
    background: #d61f2c;
    color: #fff;
    box-shadow: 0 9px 22px rgba(214,31,44,.18);
}

.gs-ticket-close-modal__confirm:hover {
    background: #b71925;
    border-color: #b71925;
}

.gs-ticket-close-modal__confirm:disabled,
.gs-ticket-close-modal__confirm.is-loading {
    opacity: .72;
    cursor: wait;
}

.gs-ticket-close-modal__cancel {
    border: 1px solid #d8dde1;
    background: #fff;
    color: #343a40;
}

.gs-ticket-close-modal__cancel:hover {
    border-color: #aeb5ba;
    background: #f8f9fa;
}

@media (max-width: 520px) {
    .gs-ticket-close-modal {
        padding: 12px;
    }

    .gs-ticket-close-modal__dialog {
        padding: 22px 17px;
        border-radius: 18px;
    }

    .gs-ticket-close-modal__actions {
        grid-template-columns: 1fr;
    }

    .gs-ticket-close-modal__confirm,
    .gs-ticket-close-modal__cancel {
        width: 100%;
    }
}