@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Jost:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");
:root {
  --primary: #46aeeb;
  --secondary: #4ac9ec;
  --success: #26cc8c;
  --danger: #ff6379;
  --info: #59c8ff;
  --warning: #ffce00;
  --gold: #ffc107;
  --white: #fff;
  --black: #0f2f68;
  --dark: #050c20;
  --dark2: #0f1730;
  --black2: rgba(2, 0, 21, 0.1);
  --bgLight: #f5f8ff;
  --bgLight2: #f7f7f8;
  --borderColor: #e5e5e5;
  --fontColor: #878c9f;
  --fontColor2: #a9a8b6;
  --shadow: 5px 2px 30px rgba(0, 0, 0, 0.06);
  --yt: #f20000;
  --fb: #1877f2;
  --ig: #e2306c;
  --tw: #1d9bf0;
  --in: #0172b1;
  --gradiant: linear-gradient(180deg, #46aeeb 0%, #4ac9ec 100%);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Jost", sans-serif;
  color: var(--fontColor);
  background: var(--white);
  font-weight: 400;
  font-size: 15px;
}

.rtl {
  direction: rtl;
  overflow-x: hidden !important;
}

.rtl .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: auto;
  left: 12px;
}

.rtl .select2-container--default .select2-selection--single .select2-selection__rendered {
  direction: rtl;
}

hr {
  background-color: var(--borderColor) !important;
}

b {
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Space Grotesk", sans-serif;
  font-family: "DM Sans", sans-serif;
  color: var(--black);
  margin-bottom: 15px;
  font-weight: 700;
}

h1 {
  font-size: 64px;
}

h2 {
  font-size: 48px;
  font-weight: 600;
}

h3 {
  font-size: 36px;
  font-weight: 500;
}

h4 {
  font-size: 24px;
  font-weight: 500;
}

h5 {
  font-size: 18px;
  font-weight: 400;
}

h6 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

p {
  margin-bottom: 15px;
}

.text-stroke {
  -webkit-text-stroke-width: 1px;
  color: rgba(255, 255, 255, 0);
  -webkit-text-stroke-color: var(--black);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--fontColor);
  box-shadow: 0 0 0px 1000px var(--bgLight) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.rtl .form-select {
  background-position-x: 10px !important;
}
.rtl .select2-container {
  text-align: right;
}

.input-group-text {
  background: var(--primary);
  color: var(--white);
  border: none;
}

button[data-bs-toggle=tooltip] i {
  color: var(--primary);
}

.form-check label {
  cursor: pointer;
  color: var(--fontColor);
}
.form-check .form-check-input {
  border-radius: 20px;
  background-color: transparent;
  border: 1px solid var(--fontColor);
  cursor: pointer;
  margin-top: 3px;
}
.form-check .form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.form-check .form-check-input:focus {
  box-shadow: 0 0 0 0rem var(--black);
}

.rtl .form-check .form-check-input {
  float: right;
  margin-left: 0.5em;
}

video::-webkit-media-controls {
  display: none;
}

.alert {
  border: none;
  margin-bottom: 0;
  border-left: 2px solid var(--primary);
}
.alert .btn-sm {
  padding: 5px 20px;
  border-radius: 5px;
  margin: 5px;
}
.alert .btn-close {
  font-size: 12px;
}

.rtl .alert {
  border-left: 0;
  border-right: 2px solid var(--primary);
  padding-right: 1rem;
  padding-left: 3rem;
}
.rtl .alert .btn-close {
  right: auto;
  left: 0;
}

.btn-close:focus {
  box-shadow: 0 0 0 0rem;
}

.badge {
  border-radius: 50px !important;
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 400;
  font-size: 13px;
  padding: 5px 5px 3px 20px !important;
  position: relative;
  background: var(--bgLight) !important;
  color: var(--fontColor) !important;
}
.badge::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 3px;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: var(--success);
}

.badge.bg-primary {
  background: none !important;
}
.badge.bg-primary::before {
  background: var(--primary);
}

.badge.bg-secondary {
  background: none !important;
}
.badge.bg-secondary::before {
  background: var(--secondary);
}

.badge.bg-success {
  background: none !important;
}
.badge.bg-success::before {
  background: var(--success);
}

.badge.bg-danger {
  background: none !important;
}
.badge.bg-danger::before {
  background: var(--danger);
}

.badge.bg-warning {
  background: none !important;
}
.badge.bg-warning::before {
  background: var(--warning);
}

.badge.bg-info {
  background: none !important;
}
.badge.bg-info::before {
  background: var(--info);
}

.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.text-success {
  color: var(--success) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.text-info {
  color: var(--info) !important;
}

.text-black2 {
  color: var(--black2) !important;
}

.text-light {
  color: var(--bgLight2) !important;
}

.text-white {
  color: var(--white) !important;
}

.bg-primary {
  background: var(--primary) !important;
  color: var(--white);
  border-radius: 5px;
}

.bg-secondary {
  background: var(--secondary) !important;
  border-radius: 5px;
}

.bg-success {
  background: var(--success) !important;
  border-radius: 5px;
  color: var(--white);
}

.bg-danger {
  background: var(--danger) !important;
  border-radius: 5px;
  color: var(--white);
}

.bg-warning {
  background: var(--warning) !important;
  border-radius: 5px;
  color: var(--white);
}

.bg-info {
  background: var(--info) !important;
  border-radius: 5px;
  color: var(--white);
}

.bg-black2 {
  background: var(--black2) !important;
  border-radius: 5px;
  color: var(--white);
}

.bg-light {
  background: var(--bgLight2) !important;
  border-radius: 5px;
  color: var(--black);
}

.bg-white {
  background: var(--white) !important;
  border-radius: 5px;
  color: var(--black);
}

.btn:focus {
  box-shadow: 0 0 0 0rem black;
}

button {
  background: none;
  border: none;
  padding: 0;
}

i {
  font-size: 16px;
}

.btn,
.btn-custom {
  position: relative;
  background: var(--gradiant);
  border: none;
  font-family: "Jost", sans-serif;
  text-transform: uppercase;
  display: inline-block;
  color: var(--white);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  padding: 22px 40px;
  line-height: 1;
  border-radius: 10px;
  overflow: hidden;
  transition: opacity 0.4s;
  box-shadow: 1px 10px 20px rgba(74, 201, 236, 0.3);
  z-index: 1;
  transition: 0.4s;
}
.btn i,
.btn-custom i {
  margin-right: 5px;
}
.btn:hover,
.btn-custom:hover {
  opacity: 0.8;
  box-shadow: 1px 10px 20px rgba(74, 201, 236, 0);
}

a.btn-custom {
  color: var(--white);
}

.btn {
  border: none !important;
  box-shadow: none !important;
  width: auto;
  padding: 25px 55px;
}

.btn-primary {
  background: var(--primary);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background: var(--primary);
  color: var(--white);
}

.btn-secondary {
  background: var(--secondary);
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background: var(--secondary);
  color: var(--white);
}

.btn-success {
  background: var(--success);
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
  background: var(--success);
  color: var(--white);
}

.btn-danger {
  background: var(--danger);
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
  background: var(--danger);
  color: var(--white);
}

.btn-warning {
  background: var(--warning);
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
  background: var(--warning);
  color: var(--white);
}

.btn-info {
  background: var(--info);
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
  background: var(--info);
  color: var(--white);
}

.btn-black2 {
  background: var(--black2);
}
.btn-black2:hover, .btn-black2:active, .btn-black2:focus {
  background: var(--black2);
  color: var(--white);
}

.btn-light {
  background: var(--bgLight2);
  color: var(--primary);
}
.btn-light:hover, .btn-light:active, .btn-light:focus {
  background: var(--bgLight2);
  color: var(--primary);
}

.btn-action {
  display: inline-block;
  width: auto;
  height: 30px;
  border-radius: 5px;
  margin: 2px 0;
  background: var(--primary);
  color: var(--white);
  font-size: 14px;
  text-transform: capitalize;
  padding: 5px 10px;
}
.btn-action i {
  color: var(--white);
  font-size: 14px;
}

.btn-action-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  margin: 2px 0;
  background: var(--primary);
  color: var(--white);
}
.btn-action-icon i {
  color: var(--white);
  font-size: 14px;
}

.header-text {
  margin-bottom: 70px;
}
.header-text h5 {
  text-transform: capitalize;
  color: var(--primary);
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  padding-left: 15px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
.header-text h5::before {
  content: "";
  width: 50px;
  height: 30px;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: -8px;
  background: var(--bgLight);
  z-index: -1;
}
.header-text h3,
.header-text h2 {
  text-transform: capitalize;
  margin-bottom: 15px;
}
.header-text p {
  max-width: 700px;
}

.rtl .header-text h5 {
  padding-left: 0;
  padding-right: 15px;
}
.rtl .header-text h5::before {
  left: auto;
  right: 0;
}

.bottom-nav {
  width: calc(100% - 0px);
  height: 60px;
  background: var(--white);
  box-shadow: var(--shadow);
  z-index: 1031;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 0;
  border-radius: 0;
  padding: 0;
}
.bottom-nav .navbar-toggler:focus {
  box-shadow: 0 0 0 0rem;
}
.bottom-nav .link-item {
  margin-top: 0;
  text-align: center;
  width: 45px;
  height: 100%;
  transition: 0.4s;
}
.bottom-nav .link-item i {
  color: var(--black);
}
.bottom-nav .link-item .icon {
  width: 45px;
  height: 45px;
  border-radius: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  position: relative;
  top: 5px;
}
.bottom-nav .link-item .text {
  color: var(--black);
  display: none;
  visibility: hidden;
  text-transform: capitalize;
  opacity: 0;
  width: 45px;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 1s;
}
.bottom-nav .link-item button {
  padding: 0;
  font-size: 14px;
}
.bottom-nav .link-item:hover, .bottom-nav .link-item.active {
  margin-top: -40px;
}
.bottom-nav .link-item:hover .icon, .bottom-nav .link-item.active .icon {
  background: var(--primary);
}
.bottom-nav .link-item:hover .icon i, .bottom-nav .link-item.active .icon i {
  color: var(--white);
}
.bottom-nav .link-item:hover .text, .bottom-nav .link-item.active .text {
  display: block;
  visibility: visible;
  opacity: 1;
}

.user-side-menu {
  background: var(--white);
}
.user-side-menu .menu-links {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  overflow-y: auto;
}
.user-side-menu .menu-links li {
  margin-bottom: 5px;
}
.user-side-menu .menu-links li a {
  position: relative;
  color: var(--fontColor);
  text-transform: capitalize;
  font-weight: 400;
  width: 100%;
  display: block;
  border-radius: 5px;
  padding: 10px 15px;
  font-family: "Bruno Ace SC", cursive;
  font-size: 14px;
  transition: 0.4s;
}
.user-side-menu .menu-links li a i {
  width: 30px;
  text-align: left;
  position: relative;
  color: var(--primary);
  top: 0;
  transition: 0.4s;
}
.user-side-menu .menu-links li a.active, .user-side-menu .menu-links li a:hover {
  background: var(--primary);
  background: var(--dark2);
  color: var(--primary);
}
.user-side-menu .menu-links li a.active i, .user-side-menu .menu-links li a:hover i {
  color: var(--primary);
}
.user-side-menu .offcanvas-body::-webkit-scrollbar {
  width: 3px;
  height: 100%;
}
.user-side-menu .offcanvas-body::-webkit-scrollbar-track {
  background: transparent;
}
.user-side-menu .offcanvas-body::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 5px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.user-side-menu .offcanvas-body::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}
.user-side-menu .offcanvas-body:hover::-webkit-scrollbar-thumb {
  background: var(--bgLight);
}
.user-side-menu .navbar-brand img {
  width: 120px;
}
.user-side-menu .btn-close {
  font-size: 12px;
}

.rtl .user-side-menu .menu-links li a i {
  text-align: right;
}

.navbar {
  padding: 15px;
  transition: 0.2s;
}
.navbar.active {
  background: var(--white);
  box-shadow: var(--shadow);
}
.navbar.active .nav-item .nav-link {
  color: var(--black);
}
.navbar .navbar-brand img {
  width: 120px;
}
.navbar .container {
  position: relative;
}
.navbar .navbar-nav {
  margin: auto;
}
.navbar .navbar-toggler {
  position: absolute;
  right: 15px;
  top: 0px;
  background: var(--gradiant);
  color: var(--white);
  width: 45px;
  height: 45px;
  border-radius: 10px;
}
.navbar .navbar-toggler i {
  font-size: 16px;
  color: var(--white);
}
.navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 0rem;
}
.navbar .close-btn {
  background: var(--gradiant);
  color: var(--white);
  width: 45px;
  height: 45px;
  border-radius: 10px;
}
.navbar .nav-item {
  margin: 0 15px;
}
.navbar .nav-item .nav-link {
  color: var(--black);
  text-transform: uppercase;
  font-family: "Bruno Ace SC", cursive;
  font-size: 13px;
  font-weight: 400;
  padding: 10px 5px;
  position: relative;
  transition: 0.3s;
}
.navbar .nav-item .nav-link::before {
  content: "";
  position: absolute;
  background: var(--gradiant);
  left: -10px;
  bottom: 0;
  top: 0;
  height: 8px;
  width: 0px;
  border-radius: 100px;
  z-index: -1;
  margin: auto;
  opacity: 0;
  transition: 0.4s;
}
.navbar .nav-item .nav-link.active, .navbar .nav-item .nav-link.active::before, .navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-link:hover::before {
  opacity: 1;
  color: var(--primary);
}
.navbar .navbar-text {
  display: flex;
}
.navbar .navbar-text .btn-custom {
  padding: 15px 35px;
  border-radius: 15px;
  text-transform: capitalize;
}
.navbar .profile {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 100px;
}
.navbar .profile img {
  width: 36px;
  height: 36px;
  border-radius: 100px;
}
.navbar .user-panel {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 0;
}
.navbar .user-panel:hover .user-dropdown {
  opacity: 1;
  visibility: visible;
  top: 54px;
}
.navbar .user-panel .user-dropdown {
  background: var(--white);
  box-shadow: var(--shadow);
  width: 200px;
  overflow: hidden;
  padding-top: 0;
  padding-left: 0;
  position: absolute;
  right: 0;
  top: 64px;
  border-radius: 5px;
  visibility: hidden;
  transition: 0.2s;
  opacity: 0;
  z-index: 3;
}
.navbar .user-panel .user-dropdown li {
  list-style: none;
}
.navbar .user-panel .user-dropdown li button {
  width: 190px;
  height: 38px;
  padding: 5px;
  margin: 5px;
  margin-bottom: 0;
  border-radius: 5px;
  font-size: 13px;
}
.navbar .user-panel .user-dropdown li a {
  background: var(--white);
  color: var(--fontColor);
  font-weight: 400;
  padding: 5px;
  margin: 5px;
  border-radius: 5px;
  display: flex;
  transition: 0.4s;
}
.navbar .user-panel .user-dropdown li a:active, .navbar .user-panel .user-dropdown li a:focus, .navbar .user-panel .user-dropdown li a:hover {
  background: var(--bgLight);
}
.navbar .user-panel .user-dropdown li a:last-child {
  border-bottom: none;
}
.navbar .user-panel .user-dropdown li a i {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  color: var(--primary);
  margin: 0 5px;
  font-size: 16px;
  text-align: center;
}
.navbar .message {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 1px;
  padding: 10px 10px 10px 15px;
  padding-right: 5px;
  margin: 5px;
  border-radius: 5px;
  transition: 0.2s;
}
.navbar .message:last-child {
  margin-bottom: 0;
}
.navbar .message:hover {
  background: var(--bgLight);
}
.navbar .message.new {
  background: var(--bgLight);
}
.navbar .message.new::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background: var(--primary);
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}
.navbar .message.active .img-box::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: var(--success);
  border: 2px solid var(--white);
  bottom: -3px;
  right: 5px;
  margin: auto;
}
.navbar .message .img-box {
  margin-right: 10px;
  position: relative;
}
.navbar .message .img-box img {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.navbar .message .text-box {
  width: calc(100% - 75px);
}
.navbar .message .text-box a {
  color: var(--fontColor);
  font-size: 13px;
}
.navbar .message .text-box a .name {
  color: var(--primary);
  font-weight: 400;
  font-size: 15px;
}
.navbar .message .text-box a .name .time {
  text-align: right;
  float: right;
  color: var(--gray);
  font-size: 12px;
}
.navbar .message .text-box a p {
  margin-bottom: 5px;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.navbar .notification-panel {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 0px 0;
}
.navbar .notification-panel:hover .notification-dropdown {
  visibility: visible;
  opacity: 1;
  top: 54px;
}
.navbar .notification-panel .dropdown-toggle {
  width: 40px;
  height: 40px;
  border-radius: 2px;
  position: relative;
  margin-right: 15px;
  padding-top: 4px;
}
.navbar .notification-panel .dropdown-toggle i {
  color: var(--black);
  font-size: 24px;
}
.navbar .notification-panel .dropdown-toggle::after {
  display: none;
}
.navbar .notification-panel .dropdown-toggle .count {
  background: var(--primary);
  min-width: 18px;
  height: 18px;
  border-radius: 50px;
  color: var(--white);
  position: absolute;
  top: 1px;
  right: 1px;
  font-size: 11px;
  font-weight: 300;
  padding-top: 1px;
}
.navbar .notification-panel .dropdown-box {
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  max-height: 300px;
}
.navbar .notification-panel .dropdown-box::-webkit-scrollbar {
  width: 0;
  height: 100%;
}
.navbar .notification-panel .dropdown-box::-webkit-scrollbar-track {
  background: var(--black);
}
.navbar .notification-panel .dropdown-box::-webkit-scrollbar-thumb {
  background: var(--black);
  border-radius: 5px;
}
.navbar .notification-panel .dropdown-box::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}
.navbar .notification-panel .notification-dropdown {
  background: var(--white);
  border: 1px solid var(--bgLight);
  box-shadow: var(--shadow);
  width: 290px;
  max-height: 340px;
  overflow: hidden;
  padding-bottom: 40px;
  padding-top: 0;
  padding-left: 0;
  position: absolute;
  right: -40px;
  top: 64px;
  border-radius: 10px;
  visibility: hidden;
  transition: 0.2s;
  opacity: 0;
  z-index: 10;
}
.navbar .notification-panel .notification-dropdown li {
  border-bottom: 1px solid var(--borderColor);
}
.navbar .notification-panel .notification-dropdown li a {
  padding: 10px 10px 10px 15px;
  display: flex;
  color: var(--fontColor);
  white-space: normal;
  transition: 0.4s;
}
.navbar .notification-panel .notification-dropdown li a:active, .navbar .notification-panel .notification-dropdown li a:focus, .navbar .notification-panel .notification-dropdown li a:hover {
  background: var(--bgLight);
}
.navbar .notification-panel .notification-dropdown li a i {
  background: var(--gradiant);
  border-radius: 30px;
  margin-top: 5px;
  padding: 4px;
  width: 30px;
  height: 30px;
  text-align: center;
  margin-right: 10px;
  color: var(--white);
  font-size: 16px;
}
.navbar .notification-panel .notification-dropdown li a .text {
  width: calc(100% - 40px);
}
.navbar .notification-panel .notification-dropdown li a .text p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
}
.navbar .notification-panel .notification-dropdown li a .text .time {
  font-size: 12px;
  color: var(--primary);
}
.navbar .notification-panel .notification-dropdown .clear-all {
  background: var(--white);
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  border-top: 1px solid var(--borderColor);
  text-align: center;
  padding: 10px 10px 11px 15px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.navbar .notification-panel .notification-dropdown .clear-all a {
  color: var(--primary);
  transition: 0.4s;
}
.navbar .notification-panel .notification-dropdown .clear-all a:hover {
  color: var(--primary);
}
.navbar .dropdown {
  cursor: pointer;
}
.navbar .dropdown .dropdown-menu {
  background: var(--black);
  border-top: 2px solid var(--primary) !important;
  border: none;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  display: block;
  transition: 0.3s;
  margin-top: 20px;
  padding: 5px;
}
.navbar .dropdown .dropdown-menu a {
  color: var(--fontColor);
  text-transform: capitalize;
  margin: 2px 0;
  padding: 6px 12px;
  border-radius: 4px;
  transition: 0.4s;
}
.navbar .dropdown .dropdown-menu a:hover {
  background: var(--bgLight);
  color: var(--primary);
}
.navbar .dropdown .dropdown-menu .dropdown-toggle::after {
  position: absolute;
  right: 15px;
  top: 50%;
  bottom: 50%;
  margin: auto;
}
.navbar .dropdown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  margin-bottom: 0;
  margin-top: 1px;
}

.rtl .navbar .navbar-nav {
  margin-right: auto;
  margin-left: auto;
}
.rtl .navbar .navbar-toggler {
  right: auto;
  left: 15px;
}
.rtl .navbar .navbar-brand {
  margin-right: 0;
}
.rtl .navbar .nav-item .nav-link::before {
  left: auto;
  right: -10px;
}
.rtl .navbar .notification-panel .dropdown-toggle {
  margin-right: 0;
  margin-left: 15px;
}
.rtl .navbar .notification-panel .dropdown-toggle .count {
  right: auto;
  left: 1px;
}
.rtl .navbar .user-panel .user-dropdown {
  right: auto;
  left: 0;
}
.rtl .navbar .notification-panel .notification-dropdown {
  right: auto;
  left: -40px;
}
.rtl .navbar .notification-panel .notification-dropdown li a i {
  margin-right: 0;
  margin-left: 10px;
}
.rtl .navbar .message {
  padding-right: 15px;
  padding-left: 5px;
}
.rtl .navbar .message .img-box {
  margin-right: 0;
  margin-left: 10px;
}
.rtl .navbar .message .img-box::after {
  right: auto;
  left: 5px;
}
.rtl .navbar .message .text-box a .name .time {
  float: left;
  text-align: left;
}
.rtl .navbar .message.new::after {
  right: auto;
  left: 10px;
}

.home-section {
  height: 100vh;
  /*background-image: url(../img/bg/home-bg.svg);*/
  /*background-size: cover;*/
  /*background-position: center;*/
  /*background-repeat: no-repeat;*/
  position: relative;
  z-index: 1;
}
.home-section::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 290px;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.84) 50%, #fff);
  z-index: -1;
}
.home-section .text-box h1 {
  color: var(--black);
  font-size: 70px;
}
.home-section .countings {
  float: right;
}
.home-section .countings .box {
  margin-bottom: 80px;
}
.home-section .countings .box:last-child {
  margin-bottom: 0;
}
.home-section .countings .box:nth-child(2) {
  margin-left: 50px;
}

.rtl .home-section::before {
  transform: rotate(180deg);
}
.rtl .home-section .countings {
  float: left;
}
.rtl .home-section .countings .box:nth-child(2) {
  margin-left: 0;
  margin-right: 50px;
}

.about-section {
  padding: 125px 0;
}
.about-section .img-box {
  float: right;
  padding-left: 50px;
}
.about-section .img-box img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
  border-radius: 10px;
  width: 100%;
}

.rtl .about-section .img-box {
  float: left;
  padding-left: 0;
  padding-right: 50px;
}

.referral-section {
  padding: 125px 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.referral-section .referral-box {
  text-align: center;
}
.referral-section .referral-box .level .text-stroke {
  font-size: 80px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0);
  background: var(--gradiant);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: 3px transparent;
  -webkit-text-fill-color: var(--white);
}

.pricing-section {
  padding: 125px 0;
  background: url(../img/bg/download.png);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.pricing-section .pricing-box {
  background: var(--white);
  box-shadow: var(--shadow);
  padding: 60px 40px;
  border-radius: 10px;
}
.pricing-section .pricing-box ul {
  border-top: 1px solid var(--borderColor);
  padding-top: 40px;
  margin: 40px 0;
}
.pricing-section .pricing-box ul li {
  margin-bottom: 15px;
  font-family: "Bruno Ace SC", cursive;
}
.pricing-section .pricing-box ul li span {
  font-size: 12px;
  padding: 0px 5px;
}

.rtl .pricing-section .pricing-box ul {
  padding-left: 0;
  padding-right: 2rem;
}

.feature-section {
  background: radial-gradient(circle at 10% 20%, rgba(8,102,255,.10), transparent 28rem);
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
  padding: 125px 0;
}
.feature-section .feature-box {
  padding: 0 30px;
  display: flex;
}
.feature-section .feature-box .icon-box {
  margin-bottom: 30px;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.feature-section .feature-box .icon-box img {
  width: 48px;
}
.feature-section .feature-box .text-box {
  width: calc(100% - 64px);
  padding-left: 20px;
}
.feature-section .feature-box h4 {
  color: var(--primary);
  border-bottom: 1px solid var(--borderColor);
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.rtl .feature-section .feature-box .text-box {
  width: calc(100% - 64px);
  padding-left: 0;
  padding-right: 20px;
}

.how-it-work {
  padding: 125px 0;
}
.how-it-work .img-box {
  float: right;
  padding-right: 50px;
}
.how-it-work .img-box img {
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
  border-radius: 5px;
  width: 100%;
}
.how-it-work .process-box {
  position: relative;
  margin-bottom: 50px;
  padding-left: 50px;
}
.how-it-work .process-box:last-child {
  margin-bottom: 0;
}
.how-it-work .process-box:last-child::after {
  width: 0;
}
.how-it-work .process-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  background: var(--primary);
  border: 5px solid var(--white);
  box-shadow: 0px 0px 8px var(--primary);
}
.how-it-work .process-box::after {
  content: "";
  width: 1px;
  height: 100px;
  background: var(--secondary);
  position: absolute;
  top: 25px;
  left: 12px;
}

.rtl .how-it-work .process-box {
  padding-left: 0;
  padding-right: 50px;
}
.rtl .how-it-work .process-box::before {
  left: auto;
  right: 0;
}
.rtl .how-it-work .process-box::after {
  left: auto;
  right: 12px;
}
.rtl .how-it-work .img-box {
  float: left;
  padding-right: 0;
  padding-left: 50px;
}

.top-investor {
  margin-top: 125px;
  padding: 125px 0;
  position: relative;
  background: url(../img/bg/download.png);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.top-investor .investor-wrapper {
  padding: 100px 50px;
  background: var(--white);
  box-shadow: var(--shadow);
  border-radius: 20px;
}
.top-investor .investor-wrapper .investor-box {
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
}
.top-investor .investor-wrapper .img-box {
  width: 150px;
  height: 150px;
  border-radius: 150px;
  margin: auto;
  margin-bottom: 15px;
}
.top-investor .investor-wrapper .img-box img {
  border-radius: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-investor .investor-wrapper .text-box h4,
.top-investor .investor-wrapper .text-box h5,
.top-investor .investor-wrapper .text-box h6 {
  color: var(--black);
  margin-bottom: 10px;
}
.top-investor .investor-wrapper .text-box .title {
  font-size: 14px;
  color: var(--primary);
}

.rtl .top-investor {
  direction: ltr;
}

.latest-transaction {
  margin-top: 125px;
  padding: 125px 0;
  position: relative;
  background: url(../img/bg/download.png);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 1;
}
.latest-transaction .transaction-wrapper {
  background: var(--white);
  box-shadow: var(--shadow);
  border-radius: 10px;
}
.latest-transaction #nav-tab .btn-custom {
  background: var(--white);
  color: var(--primary);
  margin: 5px;
}
.latest-transaction #nav-tab .btn-custom:hover, .latest-transaction #nav-tab .btn-custom.active {
  background: var(--gradiant);
  color: var(--white);
}

.table-responsive {
  border-radius: 10px;
  background: transparent;
  overflow: hidden;
}
.table-responsive .table {
  color: var(--fontColor);
  background: transparent;
  margin-bottom: 0;
  border-radius: 5px;
}
.table-responsive .table tbody > tr:nth-of-type(even) > * {
  --bs-table-accent-bg: transparent !important;
  color: var(--fontColor);
}
.table-responsive .table tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: transparent;
  color: var(--fontColor);
}
.table-responsive .table thead {
  background: var(--black);
  color: var(--white);
  font-weight: 500;
  text-transform: uppercase;
}
.table-responsive .table tbody {
  border: none;
}
.table-responsive .table tr {
  border: none;
}
.table-responsive .table tr th {
  font-weight: 500;
  border: none !important;
  vertical-align: middle;
  padding: 20px;
  font-size: 14px;
}
.table-responsive .table tr th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.table-responsive .table tr th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: right;
}
.table-responsive .table tr td {
  padding: 20px;
  color: var(--fontColor);
  vertical-align: middle;
  border: none !important;
  border-bottom: 1px solid var(--bgLight) !important;
  text-transform: capitalize;
  font-size: 16px;
}
.table-responsive .table tr td span.currency {
  display: flex;
}
.table-responsive .table tr td span.currency img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
  border-radius: 25px;
  -o-object-fit: cover;
     object-fit: cover;
}
.table-responsive .table tr td:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.table-responsive .table tr td:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  text-align: right;
}
.table-responsive .table tr:last-child td {
  border-bottom: none !important;
}
.table-responsive .table .sidebar-dropdown-items {
  display: inline-block;
}
.table-responsive .table .sidebar-dropdown-items .dropdown-menu {
  border-radius: 5px;
  background: var(--white);
  border: none;
  box-shadow: var(--shadow2);
  padding: 5px;
}
.table-responsive .table .sidebar-dropdown-items .dropdown-item {
  color: var(--fontColor);
  font-size: 15px;
  border-radius: 3px;
  padding: 6px 12px;
}
.table-responsive .table .sidebar-dropdown-items .dropdown-item i {
  font-size: 16px;
}
.table-responsive .table .sidebar-dropdown-items .dropdown-item:hover,
.table-responsive .table .sidebar-dropdown-items .dropdown-item:active {
  color: var(--primary);
  text-decoration: none;
  background-color: var(--bgLight);
}
.table-responsive .table .sidebar-dropdown-items .dropdown-item:hover i,
.table-responsive .table .sidebar-dropdown-items .dropdown-item:active i {
  color: var(--primary);
}
.table-responsive .table .sidebar-dropdown-items .dropdown-item i {
  color: var(--primary);
  width: 22px;
}
.table-responsive .table .sidebar-dropdown-items .dropdown-toggle {
  background: var(--primary);
  height: 30px;
  width: 30px;
  border-radius: 3px;
  color: var(--white);
  position: relative;
  padding: 0;
  transition: 0.4s;
}
.table-responsive .table .sidebar-dropdown-items .dropdown-toggle::after {
  display: none;
}
.table-responsive .table > :not(:first-child) {
  border-top: none;
}

.rtl .table tr td span.currency img {
  margin-right: 0;
  margin-left: 5px;
}
.rtl .table tr th:first-child,
.rtl .table tr th:last-child {
  border-radius: 0;
}
.rtl .table tr th:last-child,
.rtl .table tr td:last-child {
  text-align: left;
}

.modal .modal-content {
  background: var(--white);
  border-radius: 5px;
  border: none;
}
.modal .modal-content .modal-header {
  border-bottom: 1px solid var(--borderColor);
}
.modal .modal-content .modal-header .close-btn i {
  color: var(--fontColor);
  transition: 0.4s;
}
.modal .modal-content .modal-header .close-btn i:hover {
  color: var(--primary);
}
.modal .modal-content .modal-footer {
  border-top: 1px solid var(--borderColor);
}
.modal form .input-box label {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.modal form .input-box .form-select,
.modal form .input-box .form-control {
  height: 45px;
  border-radius: 5px !important;
  background-color: var(--bgLight);
  border: 1px solid var(--bgLight);
  padding: 8px;
  padding-left: 15px;
  font-weight: normal;
  caret-color: var(--primary);
  color: var(--fontColor);
}
.modal form .input-box .form-select:focus,
.modal form .input-box .form-control:focus {
  color: var(--fontColor);
  box-shadow: 0 0 0 0rem var(--white);
  border: 1px solid var(--primary);
}
.modal form .input-box .form-select::-moz-placeholder, .modal form .input-box .form-control::-moz-placeholder {
  color: var(--fontColor);
}
.modal form .input-box .form-select::placeholder,
.modal form .input-box .form-control::placeholder {
  color: var(--fontColor);
}
.modal form .input-box .form-select {
  background-image: url(../img/icon/downward-arrow.png);
}
.modal form .input-box .form-select option {
  background: var(--white);
  color: var(--fontColor);
}
.modal form .input-box textarea.form-control {
  height: 150px;
  border-radius: 5px;
}
.modal form .select2 {
  width: calc(100% - 0px) !important;
  width: 100%;
  margin-left: auto;
}
.modal form .select2-container--default .select2-selection--single {
  height: 45px;
  background: var(--bgLight);
  border: 1px solid var(--bgLight);
}
.modal form .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  color: var(--fontColor);
}
.modal form .input-group {
  background: var(--bgLight);
  border-radius: 5px;
}
.modal form .input-group .btn-custom {
  padding: 15px;
}
.modal form .input-group-text {
  background: var(--primary);
  color: var(--white);
  border: none;
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}

.modal form .input-group-textR {
    position: relative !important;
}

.testimonial-section {
  background: url(../img/bg/testimonial-bg.svg);
  background-size: 90%;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 125px 0;
}
.testimonial-section .review-box {
  background: var(--white);
  box-shadow: var(--shadow);
  padding: 30px;
  border-radius: 10px;
  text-align: center;
}
.testimonial-section .review-box .user-box .img img {
  margin: auto;
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  border-radius: 80px;
}
.testimonial-section .review-box .user-box .title {
  font-size: 14px;
  color: var(--primary);
}
.testimonial-section .review-box .user-box .organization {
  color: var(--primary);
}
.testimonial-section .review-box .user-box h5 {
  margin-bottom: 10px;
}
.testimonial-section .review-box .text {
  position: relative;
  padding: 80px 0 50px 0;
}
.testimonial-section .review-box .text .quote {
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
}
.testimonial-section .review-box .text .quote2 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 48px;
}
.testimonial-section .review-box .text p {
  font-style: italic;
  font-size: 18px;
  font-weight: 300;
}
.testimonial-section .testimonials {
  position: relative;
}
.testimonial-section .owl-nav {
  position: absolute;
  width: auto;
  justify-content: space-between;
  display: flex !important;
  left: -49%;
  bottom: 100px;
  display: none !important;
}
.testimonial-section .owl-nav .owl-next,
.testimonial-section .owl-nav .owl-prev {
  background: var(--gradiant) !important;
  width: 45px;
  height: 45px;
  border-radius: 100px;
  color: var(--white) !important;
  margin-right: 15px;
  transition: 0.4s;
}
.testimonial-section .owl-nav .owl-next:hover,
.testimonial-section .owl-nav .owl-prev:hover {
  background: var(--gradiant) !important;
  color: var(--white) !important;
}
.testimonial-section .owl-nav .owl-next span,
.testimonial-section .owl-nav .owl-prev span {
  position: relative;
  color: transparent;
}
.testimonial-section .owl-nav .owl-next span::before,
.testimonial-section .owl-nav .owl-prev span::before {
  content: "\f053";
  font-family: "Font Awesome 6 Pro";
  color: var(--white);
  font-size: 16px;
  position: absolute;
  top: -2px;
  left: -3px;
}
.testimonial-section .owl-nav .owl-next {
  margin-right: 0;
}
.testimonial-section .owl-nav .owl-next span::before {
  content: "\f054";
}
.testimonial-section .owl-carousel .owl-item {
  padding: 15px;
}
.testimonial-section .owl-dots {
  display: none;
  text-align: center;
}
.testimonial-section .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background: var(--borderColor);
  margin: 0 5px;
  border-radius: 10px;
  transition: 0.4s;
}
.testimonial-section .owl-dots .owl-dot.active {
  background: var(--primary);
  width: 20px;
}

.rtl .testimonial-section .testimonials {
  direction: ltr;
}
.rtl .testimonial-section .testimonials .review-box {
  direction: rtl;
}
.rtl .testimonial-section .testimonials .review-box .user-box .text {
  padding-left: 0;
  padding-right: 15px;
}
.rtl .testimonial-section .owl-nav {
  left: auto;
  right: -49%;
}
.rtl .testimonial-section::after {
  left: auto;
  right: -300px;
}

.banner-section {
  padding: 200px 0 90px 0;
  position: relative;
  text-align: center;
  /*background: url(../img/bg/banner-bg.svg);*/
  /*background-size: cover;*/
  /*background-repeat: no-repeat;*/
  /*background-position: center;*/
}
.banner-section h3 {
  text-transform: capitalize;
}
.banner-section .breadcrumb {
  justify-content: center;
}
.banner-section .breadcrumb-item {
  color: var(--black);
  transition: 0.4s;
  text-transform: capitalize;
  font-family: "Bruno Ace SC", cursive;
}
.banner-section .breadcrumb-item:hover, .banner-section .breadcrumb-item.active {
  color: var(--primary);
}
.banner-section .breadcrumb-item:hover a, .banner-section .breadcrumb-item.active a {
  color: var(--primary);
  transition: 0.4s;
}
.banner-section .breadcrumb-item a {
  color: var(--black);
}
.banner-section .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: var(--black);
  content: var(--bs-breadcrumb-divider, "/");
}

.rtl .banner-section {
  border-radius: 0;
  border-bottom-left-radius: 40px;
}
.rtl .banner-section .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding: 0 0.5rem;
  content: var(--bs-breadcrumb-divider, "/");
}

.blog-section {
  padding: 125px 0;
}
.blog-section .blog-box {
  background: var(--white);
  border-radius: 20px;
  box-shadow: var(--shadow);
  padding: 20px;
}
.blog-section .blog-box .img-box {
  border-radius: 10px;
  overflow: hidden;
}
.blog-section .blog-box .img-box img {
  aspect-ratio: 16/9;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.blog-section .blog-box .date-author {
  font-family: "Bruno Ace SC", cursive;
  text-transform: capitalize;
  margin-bottom: 15px;
  font-size: 12px;
}
.blog-section .blog-box .date-author span {
  margin-right: 15px;
}
.blog-section .blog-box .text-box {
  position: relative;
  padding-top: 20px;
}
.blog-section .blog-box .text-box .blog-title {
  color: var(--black);
}
.blog-section .blog-box .read-more {
  font-family: "Bruno Ace SC", cursive;
  text-transform: capitalize;
  display: inline-block;
  color: var(--primary);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.blog-section .blog-box .read-more i {
  transform: rotate(-45deg);
  transition: 0.4s;
}
.blog-section .blog-box .read-more:hover i {
  transform: rotate(0deg);
}
.blog-section .blog-box.d-flex {
  margin-bottom: 25px;
}
.blog-section .blog-box.d-flex .img-box {
  margin-right: 20px;
  width: 250px;
}
.blog-section .blog-box.d-flex .text-box {
  width: calc(100% - 250px);
  padding-top: 0;
}
.blog-section .blog-box.d-flex .text-box .blog-title {
  font-size: 18px;
}

.rtl .blog-section .blog-box .date-author span {
  margin-right: 0;
  margin-left: 15px;
}
.rtl .blog-section .blog-box .read-more i {
  transform: rotate(225deg);
}
.rtl .blog-section .blog-box .read-more:hover i {
  transform: rotate(180deg);
}
.rtl .blog-section .blog-box.d-flex .img-box {
  margin-right: 0;
  margin-left: 20px;
}

.blog-details {
  padding: 100px 0;
}
.blog-details #shareBlock {
  margin-bottom: 50px;
  background: var(--white);
  font-size: 24px;
  font-family: "Space Grotesk", sans-serif;
  color: var(--black);
  border-radius: 20px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.blog-details #shareBlock h4 {
  margin-bottom: 0;
  font-family: "Space Grotesk", sans-serif;
  margin-right: 15px;
}
.blog-details #shareBlock .btn {
  background: none;
  border: none;
  padding: 5px;
  height: auto;
  width: auto;
}
.blog-details #shareBlock .btn i {
  font-size: 20px;
}
.blog-details .side-bar .side-box {
  margin-bottom: 40px;
}
.blog-details .side-bar .side-box h4 {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 20px;
}
.blog-details .side-bar .side-box .links {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.blog-details .side-bar .side-box .links li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--bgLight);
}
.blog-details .side-bar .side-box .links li a {
  color: var(--fontColor);
  text-transform: capitalize;
  display: flex;
  justify-content: space-between;
  transition: 0.4s;
}
.blog-details .side-bar .side-box .links li a:hover {
  color: var(--primary);
}
.blog-details .side-bar .side-box .links li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.blog-details .side-bar .side-box .tag-item label {
  background: var(--bgLight);
  margin: 0 5px 10px 0;
  padding: 10px 20px;
  width: auto;
  height: auto;
  font-size: 12px;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--fontColor);
  border: 1px solid var(--bgLight);
  border-radius: 5px;
}
.blog-details .side-bar .side-box .tag-item .btn-check:checked + .btn-primary {
  background: var(--primary) !important;
  color: #fff;
  border: 1px solid var(--primary);
}
.blog-details .side-bar .side-box .tag-item .btn-check:focus + .btn-primary,
.blog-details .side-bar .side-box .tag-item .btn-primary:focus {
  color: #fff;
  background-color: #fff;
  border-color: var(--primary);
  border: 1px solid var(--primary);
  box-shadow: 0 0 0 0rem rgba(49, 132, 253, 0.5);
}
.blog-details .side-bar .side-box .side-blog-box {
  display: flex;
  margin-bottom: 30px;
  border-radius: 10px;
  padding: 0;
  box-shadow: none;
}
.blog-details .side-bar .side-box .side-blog-box .title {
  color: var(--black);
  font-family: "Space Grotesk", sans-serif;
  font-size: 18px;
  display: inline-block;
  margin-bottom: 15px;
  transition: 0.4s;
}
.blog-details .side-bar .side-box .side-blog-box .title:hover {
  color: var(--primary);
}
.blog-details .side-bar .side-box .side-blog-box .date {
  display: block;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--fontColor);
  margin-bottom: 5px;
}
.blog-details .side-bar .side-box .side-blog-box .img-box img {
  aspect-ratio: 1/1;
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3px;
}
.blog-details .side-bar .side-box .side-blog-box .img-box .category {
  top: 10px;
  right: 10px;
}
.blog-details .side-bar .side-box .side-blog-box .text-box {
  width: calc(100% - 120px);
  overflow: hidden;
  padding: 0;
  padding-left: 15px;
}
.blog-details .side-bar .side-box .side-blog-box:last-child {
  margin-bottom: 0;
}
.blog-details .side-bar .input-group {
  max-width: 100%;
}
.blog-details .side-bar .input-group .form-control {
  border: none;
  height: 60px;
  font-size: 16px;
  padding: 20px;
  background: var(--bgLight);
  caret-color: var(--primary);
  border: 1px solid var(--bgLight);
  border-radius: 5px !important;
  transition: 0.4s;
}
.blog-details .side-bar .input-group .form-control:focus {
  color: var(--fontColor);
  background: var(--bgLight);
  border-color: var(--bgLight);
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}
.blog-details .side-bar .input-group .form-control::-moz-placeholder {
  text-transform: capitalize;
}
.blog-details .side-bar .input-group .form-control::placeholder {
  text-transform: capitalize;
}
.blog-details .side-bar .input-group button {
  height: 50px;
  width: 50px;
  background: transparent;
  border-radius: 5px;
  position: absolute;
  right: 5px;
  top: 5px;
  transition: 0.4s;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  z-index: 4;
  transition: 0.4s;
}
.blog-details .side-bar .input-group button i {
  font-size: 20px;
  color: var(--black);
  transition: 0.4s;
}
.blog-details .side-bar .input-group button:hover i {
  color: var(--primary);
}

.rtl .blog-details .side-bar .side-box h5 {
  padding-left: 0;
  padding-right: 15px;
}
.rtl .blog-details .side-bar .side-box h5::before {
  left: auto;
  right: 0;
}
.rtl .blog-details .side-bar .side-box .blog-box .text-box {
  padding-left: 0;
  padding-right: 15px;
}
.rtl .blog-details .side-bar .input-group button {
  right: auto;
  left: 5px;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.rtl .blog-details .side-bar .side-blog-box .tag-item label {
  background: var(--bgLight);
  margin: 0 0 10px 10px;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--fontColor);
  border: 1px solid var(--bgLight);
  border-radius: 3px;
}
.rtl .blog-details .side-bar .side-box .side-blog-box .text-box {
  padding-right: 15px;
}
.rtl .blog-details .blog-box .special-quote {
  border-left: none;
  border-right: 2px solid var(--primary);
}

.pagination {
  font-size: 14px;
  margin-top: 50px;
}
.pagination .page-link {
  color: var(--fontColor);
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  background: var(--white);
  border: 1px solid var(--white);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .page-link i {
  font-size: 16px;
  padding-top: 2px;
}
.pagination .page-item {
  margin: 0 5px;
}
.pagination .page-item.disabled .page-link,
.pagination .page-item.disabled:hover .page-link {
  background: var(--white);
  border-color: var(--white);
  color: var(--fontColor);
}
.pagination .page-item:hover .page-link,
.pagination .page-item.active .page-link {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}
.pagination .page-link:focus {
  box-shadow: 0 0 0 0rem rgba(13, 109, 253, 0.211);
}
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  border-radius: 20px;
}

.rtl .pagination .page-link i {
  transform: rotate(180deg);
}

.faq-section {
  padding: 100px 0;
  overflow-x: hidden;
}
.faq-section .mail-to {
  background: var(--white);
  box-shadow: var(--shadow);
  border-radius: 10px;
  padding: 30px;
}
.faq-section .accordion-item {
  background: none;
  border-radius: 0;
  border: none;
}
.faq-section .accordion-item:last-child {
  border-bottom: none;
}
.faq-section .accordion-button {
  background: none;
  border: none;
  border-radius: 0 !important;
  border-top: 1px solid var(--borderColor);
  padding-left: 0;
  font-size: 20px;
  font-weight: 400;
  padding: 30px 0;
  color: var(--black);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: 0.4s;
  z-index: 1;
}
.faq-section .accordion-button:focus {
  z-index: 3;
  border-color: var(--borderColor);
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}
.faq-section .accordion-button::after {
  border-radius: 5px;
  background-image: url(../img/icon/plus.png);
  background-size: contain;
  position: absolute;
  right: 25px;
  height: 20px;
  width: 20px;
  background-position: center;
  opacity: 0;
}
.faq-section .accordion-button::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--gradiant);
  z-index: -1;
  opacity: 0;
  transition: 0.4s;
}
.faq-section .accordion-button .index {
  margin-left: auto;
  text-align: right;
}
.faq-section .accordion-body {
  padding: 0 0 30px 0;
  border-radius: 5px;
}
.faq-section .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: var(--primary);
  border-top: 1px solid var(--primary);
}
.faq-section .accordion-button:not(.collapsed)::after {
  background-image: url(../img/icon/minus.png);
}

.rtl .faq-section .accordion-button {
  text-align: right;
}
.rtl .faq-section .accordion-button .index {
  margin-right: auto;
  margin-left: 0;
  text-align: left;
}

.contact-section {
  padding: 100px 0;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.contact-section .header-text {
  margin-bottom: 50px;
}
.contact-section .info-box {
  display: flex;
  margin-bottom: 40px;
}
.contact-section .info-box .icon {
  background: var(--white);
  box-shadow: var(--shadow);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.contact-section .info-box .icon img {
  width: 24px;
}
.contact-section .info-box .text {
  width: calc(100% - 64px);
  padding-left: 20px;
}
.contact-section .info-box .text h4 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
}
.contact-section .info-box .text p {
  margin-bottom: 0;
}
.contact-section .form-box {
  background: var(--white);
  box-shadow: var(--shadow);
  padding: 50px;
  border-radius: 10px;
}
.contact-section form .input-box label {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.contact-section form .input-box .form-select,
.contact-section form .input-box .form-control {
  height: 50px;
  border-radius: 10px;
  background-color: var(--bgLight);
  border: none;
  border: 1px solid var(--bgLight);
  padding: 15px;
  font-weight: normal;
  caret-color: var(--primary);
  color: var(--fontColor);
}
.contact-section form .input-box .form-select:focus,
.contact-section form .input-box .form-control:focus {
  color: var(--fontColor);
  box-shadow: 0 0 0 0rem var(--white);
  border: 1px solid var(--primary);
}
.contact-section form .input-box .form-select::-moz-placeholder, .contact-section form .input-box .form-control::-moz-placeholder {
  color: var(--fontColor);
}
.contact-section form .input-box .form-select::placeholder,
.contact-section form .input-box .form-control::placeholder {
  color: var(--fontColor);
}
.contact-section form .input-box .form-select {
  background-image: url(../img/icon/downward-arrow.png);
}
.contact-section form .input-box .form-select option {
  background: var(--white);
  color: var(--fontColor);
}
.contact-section form .input-box textarea.form-control {
  height: 150px;
  border-radius: 10px;
}
.contact-section .social-links {
  border-top: 1px solid var(--borderColor);
  margin-top: 20px;
}
.contact-section .social-links h5 {
  margin-bottom: 20px;
  margin-top: 40px;
}
.contact-section .social-links a {
  background: var(--gradiant);
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 100px;
  padding-top: 6px;
  margin-right: 5px;
  text-align: center;
  color: var(--white);
}
.contact-section .social-links a i {
  font-size: 13px;
}

.rtl .contact-section .info-box .text {
  padding-left: 0;
  padding-right: 20px;
}
.rtl .contact-section .social-links a {
  margin-right: 0;
  margin-left: 10px;
}

.login-section {
  position: relative;
  padding: 100px 0;
}
.login-section .login-wrapper {
  position: relative;
  margin: 0 100px;
  border-radius: 20px;
  background: var(--white);
  box-shadow: var(--shadow);
  overflow: hidden;
  z-index: 1;
}
.login-section .form-wrapper {
  padding: 100px 50px;
}
.login-section .register-form-wrapper {
  padding: 100px 50px;
  border-radius: 20px;
  background: var(--white);
  box-shadow: var(--shadow);
}
.login-section form h3 {
  text-transform: capitalize;
  margin-bottom: 0;
}
.login-section form i {
  position: absolute;
  right: 27px;
  bottom: 13px;
  cursor: pointer;
}
.login-section form i::after {
  content: "";
  width: 1px;
  opacity: 1;
  height: 20px;
  background: var(--fontColor);
  position: absolute;
  top: 2px;
  left: 8px;
  transform: rotate(-45deg);
}
.login-section form i.active::after {
  opacity: 0;
}
.login-section form .form-select,
.login-section form .form-control {
  height: 58px;
  border-radius: 0px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--borderColor);
  padding: 15px 0;
  font-weight: normal;
  font-size: 14px;
  caret-color: var(--primary);
  color: var(--fontColor);
}
.login-section form .form-select:focus,
.login-section form .form-control:focus {
  color: var(--fontColor);
  box-shadow: 0 0 0 0rem var(--white);
  border-bottom: 1px solid var(--primary);
}
.login-section form .form-select {
  background-image: url(https://bug-finder.s3.ap-southeast-1.amazonaws.com/assets/icon/downward-arrow.png);
}
.login-section form .form-select option {
  background: var(--white);
  color: var(--black);
}
.login-section form textarea.form-control {
  height: 150px;
  border-radius: 10px;
}
.login-section form .select2 {
  width: calc(100% - 0px) !important;
  width: 100%;
  margin-left: auto;
}
.login-section form .select2-container--default .select2-selection--single {
  height: 50px;
  background: var(--bgLight2);
  border: 1px solid var(--bgLight2);
}
.login-section form .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  color: var(--fontColor);
}
.login-section form .links {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.login-section form .links a {
  color: var(--primary);
  text-transform: capitalize;
}
.login-section form .links a:hover {
  color: var(--primary);
}
.login-section form .bottom {
  margin-top: 20px;
  color: var(--fontColor);
}
.login-section form .bottom a {
  color: var(--primary);
}
.login-section form .bottom a:hover {
  color: var(--primary);
}
.login-section form .btn-custom {
  padding: 20px 40px;
}
.login-section .divider {
  text-align: center;
  position: relative;
  display: block;
  margin-top: 20px;
}
.login-section .divider::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--borderColor);
  top: 13px;
  left: 0;
  z-index: 0;
}
.login-section .divider span {
  background: var(--white);
  z-index: 1;
  position: relative;
  padding: 0 10px;
  font-size: 14px;
}
.login-section .social-authentication {
  text-align: center;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.login-section .social-authentication a {
  background: var(--white);
  box-shadow: var(--shadow2);
  display: inline-block;
  width: 48%;
  border-radius: 10px;
  padding: 12px 20px;
  text-align: center;
  color: var(--fontColor);
}
.login-section .social-authentication a img {
  width: 24px;
}

.login-section.register::before,
.login-section.recover-password::before {
  width: 0;
}

.rtl .login-section::before {
  left: auto;
  right: 0;
}
.rtl .login-section form i {
  right: auto;
  left: 27px;
}

.payment-gateway {
  padding: 50px 0 125px 0;
}
.payment-gateway .box {
  border-radius: 5px;
  width: 100px;
  height: 60px;
  margin: auto;
  overflow: hidden;
}
.payment-gateway .box img {
  border-radius: 2px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.payment-gateway .owl-carousel .owl-item {
  padding: 10px;
}

.privacy-policy {
  padding: 100px 0;
}

.footer-section {
  padding: 100px 0 0 0;
  background: url(../img/bg/download.png);
  background-size: cover;
  background-position: center top;
  position: relative;
}
.footer-section .navbar-brand {
  margin-bottom: 20px;
  display: inline-block;
}
.footer-section .navbar-brand img {
  width: 120px;
}
.footer-section .footer-box .company-bio {
  margin-bottom: 30px;
}
.footer-section .footer-box img {
  border-radius: 5px;
}
.footer-section ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  max-width: 250px;
}
.footer-section ul li {
  margin-bottom: 10px;
}
.footer-section ul li a {
  color: var(--fontColor);
  transition: 0.4s;
}
.footer-section ul li a:hover {
  color: var(--primary);
}
.footer-section ul li i {
  display: inline-block;
  width: 20px;
  font-size: 14px;
  color: var(--primary);
}
.footer-section h4 {
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  font-size: 18px;
  position: relative;
  margin-bottom: 28px;
  margin-top: 18px;
}
.footer-section h4::before {
  content: "";
  height: 8px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 8px;
  background: var(--primary);
}
.footer-section .social-links a {
  background: var(--gradiant);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  margin-right: 10px;
  text-align: center;
  color: var(--white);
}
.footer-section .social-links a i {
  font-size: 14px;
  color: var(--white);
}
.footer-section .input-box {
  position: relative;
}
.footer-section .input-box .form-control {
  border: none;
  height: 60px;
  font-size: 14px;
  padding: 15px 2px;
  background-color: transparent;
  caret-color: var(--primary);
  /*color: var(--white);*/
  border: none;
  border-bottom: 1px solid var(--primary);
  border-radius: 0px !important;
  transition: 0.4s;
}
.footer-section .input-box .form-control:focus {
  /*color: var(--white);*/
  background-color: none;
  border-color: var(--primary);
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}
.footer-section .input-box .form-control::-moz-placeholder {
  text-transform: capitalize;
  color: var(--fontColor);
}
.footer-section .input-box .form-control::placeholder {
  text-transform: capitalize;
  color: var(--fontColor);
}
.footer-section .input-box .btn-action-icon {
  position: absolute;
  background: none;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 40px;
  border-radius: 40px;
}
.footer-section .input-box .btn-action-icon i {
  color: var(--primary);
}
.footer-section .copyright {
  position: relative;
  margin-top: 75px;
  padding: 25px 0;
  border-top: var(--borderColor);
  color: var(--fontColor);
  z-index: 1;
}
.footer-section .copyright a {
  color: var(--primary);
  margin: 0 7.5px;
  transition: 0.4s;
}
.footer-section .copyright a:hover {
  color: var(--primary);
}
.footer-section .language-dropdown-items {
  display: inline-block;
  margin: 0 5px;
}
.footer-section .language-dropdown-items .dropdown-toggle {
  background: none;
  height: 35px;
  width: 125px;
  color: var(--fontColor);
  border-radius: 5px;
  position: relative;
  padding: 0;
  transition: 0.4s;
}
.footer-section .language-dropdown-items .dropdown-toggle img {
  width: 20px;
  height: 14px;
  -o-object-fit: cover;
     object-fit: cover;
}
.footer-section .language-dropdown-items .dropdown-menu {
  border-radius: 5px;
  background: var(--white);
  box-shadow: var(--shadow);
  border: none;
  padding: 5px;
}
.footer-section .language-dropdown-items .dropdown-menu li {
  margin-bottom: 0;
}
.footer-section .language-dropdown-items .dropdown-item {
  color: var(--fontColor);
  font-size: 14px;
  border-radius: 3px;
  padding: 8px 12px;
  margin: 0;
}
.footer-section .language-dropdown-items .dropdown-item i {
  font-size: 16px;
}
.footer-section .language-dropdown-items .dropdown-item img {
  width: 18px;
  height: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}
.footer-section .language-dropdown-items .dropdown-item:hover,
.footer-section .language-dropdown-items .dropdown-item:active {
  color: var(--primary);
  text-decoration: none;
  background-color: var(--bgLight);
}
.footer-section .language-dropdown-items .dropdown-item:hover i,
.footer-section .language-dropdown-items .dropdown-item:active i {
  color: var(--primary);
}
.footer-section .language-dropdown-items .dropdown-item i {
  color: var(--primary);
  width: 22px;
}

.rtl .footer-section .navbar-brand {
  margin-right: 0;
}
.rtl .footer-section .social-links a {
  margin-right: 0;
  margin-left: 10px;
}
.rtl .footer-section h4 {
  padding-left: 0;
}
.rtl .footer-section h4::before {
  left: auto;
  right: 0;
}
.rtl .footer-section .input-box .btn-action-icon {
  right: auto;
  left: 0;
}
.rtl .footer-section .language-dropdown-items .dropdown-item {
  text-align: right;
}
.rtl .footer-section .language-dropdown-items .dropdown-menu[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (max-width: 991px) {
  .navbar .navbar-text {
    position: absolute;
    right: 15px;
    top: -9px;
  }
  .navbar .nav-item .nav-link {
    padding: 13px 0px 7px;
    text-align: center;
    color: var(--black);
  }
  .navbar .nav-item .nav-link::before {
    width: 0;
  }
  .navbar .notification-panel .notification-dropdown {
    left: auto;
    right: -40px;
  }
  .navbar .user-panel .user-dropdown {
    left: auto;
    right: 0px;
  }
  .rtl .navbar .navbar-text {
    right: auto;
    left: 15px;
  }
  .rtl .navbar .notification-panel .notification-dropdown {
    right: auto;
    left: -40px;
  }
  .rtl .navbar .user-panel .user-dropdown {
    right: auto;
    left: 0px;
  }
  .home-section {
    height: 100%;
    padding: 200px 0 100px 0;
  }
  .home-section .text-box h1 {
    font-size: 48px;
  }
  .home-section .countings {
    padding-top: 100px;
    float: left;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .home-section .countings .box {
    margin-bottom: 50px;
    width: 33.33%;
  }
  .home-section .countings .box:nth-child(2) {
    margin-left: 0;
  }
  .rtl .about-section,
  .about-section {
    padding: 50px 0;
  }
  .rtl .about-section .img-box,
  .about-section .img-box {
    float: none;
    padding: 0;
    margin-top: 30px;
  }
  .feature-section .feature-box {
    padding: 0px;
  }
  .rtl .how-it-work .img-box,
  .how-it-work .img-box {
    float: none;
    padding: 0;
    margin-bottom: 30px;
  }
  .referral-section,
  .pricing-section,
  .how-it-work,
  .top-investor,
  .feature-section,
  .latest-transaction,
  .testimonial-section,
  .blog-section {
    padding: 50px 0;
  }
  .footer-section {
    padding: 100px 0 50px 0;
  }
  .footer-section .copyright {
    margin: 50px 0;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 48px;
  }
  h2 {
    font-size: 32px;
    font-weight: 500;
  }
  h3 {
    font-size: 24px;
  }
  .table-responsive {
    border-radius: 10px;
  }
  .table-responsive .table thead {
    display: none;
  }
  .table-responsive .table tbody tr {
    display: block;
    border-bottom: 1px solid var(--bgLight) !important;
  }
  .table-responsive .table tbody tr td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none !important;
    margin: 0 !important;
    padding: 15px;
  }
  .table-responsive .table tbody tr td::before {
    content: attr(data-label);
  }
  .table-responsive .table tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: var(--bgLight) !important;
    border-bottom: 1px solid var(--borderColor);
  }
  .table-responsive .table tr td:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .table-responsive .table tr td:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .home-section {
    padding: 100px 0 50px 0;
  }
  .home-section .countings {
    display: block;
  }
  .home-section .countings .box {
    width: 100%;
  }
  .rtl .home-section .countings {
    float: none;
    display: block;
  }
  .rtl .home-section .countings .box:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
  }
  .contact-section .form-box {
    padding: 20px;
  }
  .login-section .login-wrapper {
    margin: 0;
  }
  .footer-section {
    padding: 100px 0 50px 0;
  }
  .footer-section .copyright {
    margin: 25px 0;
  }
  .blog-section .blog-box.d-flex {
    display: block !important;
  }
  .blog-section .blog-box.d-flex .img-box {
    width: 100%;
  }
  .blog-section .blog-box.d-flex .text-box {
    width: 100%;
    padding-top: 20px;
  }
}
@media (max-width: 575px) {
  .navbar {
    padding: 15px 0;
  }
  .navbar .navbar-brand img {
    width: 130px;
  }
  .login-section .form-wrapper {
    padding: 20px;
  }
}/*# sourceMappingURL=style.css.map */

#Notiflix-Icon-Success,
#Notiflix-Icon-Failure,
#Notiflix-Icon-Warning {
    fill: #fff !important;
}
[v-cloak] {
    display: none;
}

/* ========================================================================== */
/* NOVA — VYXORA DESIGN SYSTEM                                                */
/* Standalone presentation layer appended over legacy-compatible selectors.   */
/* ========================================================================== */
:root {
  --primary: #0866ff;
  --primary-hover: #2f7fff;
  --primary-rgb: 8, 102, 255;
  --secondary: #006bff;
  --accent: #00c8ff;
  --accent-light: #32dcff;
  --background: #05070d;
  --background-secondary: #070b14;
  --surface: #0a1020;
  --surface-elevated: #0c1324;
  --surface-high: #10192d;
  --border: rgba(151, 177, 219, .16);
  --border-active: rgba(50, 220, 255, .48);
  --text-primary: #f5f7fa;
  --text-secondary: #a8b3c7;
  --text-muted: #6f7c92;
  --silver: #c8d3e5;
  --silver-bright: #f2f6ff;
  --success: #31c48d;
  --warning: #f6ad55;
  --danger: #ef5b67;
  /* Compatibility aliases used by inherited Blade classes; kept in Vyxora blue rather than legacy gold. */
  --gold: #00c8ff;
  --gradiant: linear-gradient(135deg, #0866ff 0%, #00c8ff 100%);
  --black: #05070d;
  --dark: #070b14;
  --dark2: #0a1020;
  --bgLight: #080d18;
  --bgLight2: #0a1020;
  --borderColor: rgba(151,177,219,.16);
  --fontColor: #a8b3c7;
  --fontColor2: #6f7c92;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-sm: 0 8px 24px rgba(0,0,0,.22);
  --shadow-md: 0 24px 60px rgba(0,0,0,.34);
  --shadow-glow: 0 0 48px rgba(8,102,255,.13);
  --nova-container: 1240px;
}

html { scroll-behavior: smooth; background: var(--background); }
body.nova-site {
  margin: 0;
  background:
    radial-gradient(circle at 80% 5%, rgba(8,102,255,.10), transparent 27rem),
    linear-gradient(180deg, #05070d 0%, #060914 45%, #05070d 100%);
  color: var(--text-primary);
  font-family: Inter, Manrope, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  overflow-x: hidden;
}
body.nova-site * { box-sizing: border-box; }
body.nova-site a { color: inherit; text-decoration: none; }
body.nova-site p { color: var(--text-secondary); }
body.nova-site h1, body.nova-site h2, body.nova-site h3, body.nova-site h4, body.nova-site h5, body.nova-site h6 {
  color: var(--text-primary); font-family: "Space Grotesk", Inter, Manrope, "Segoe UI", sans-serif; letter-spacing: -.025em;
}
body.nova-site .container { max-width: var(--nova-container); }
body.nova-site ::selection { background: rgba(var(--primary-rgb), .42); color: #fff; }
body.nova-site .text-primary, body.nova-site .golden-text, body.nova-site .text-stroke { color: var(--accent) !important; -webkit-text-stroke: 0 !important; }

.nova-preloader { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; background: #04060b; transition: opacity .25s ease, visibility .25s ease; }
.nova-preloader img { width: 84px; height: 84px; object-fit: contain; filter: drop-shadow(0 0 20px rgba(0,200,255,.34)); animation: novaPulse 1.2s ease-in-out infinite; }
@keyframes novaPulse { 50% { transform: scale(1.06); opacity: .78; } }

.nova-eyebrow, .nova-kicker { display: inline-flex; align-items: center; gap: .55rem; color: var(--accent); font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.nova-eyebrow::before { content: ""; width: 28px; height: 1px; background: linear-gradient(90deg, var(--primary), var(--accent)); box-shadow: 0 0 12px rgba(0,200,255,.35); }
.nova-section { position: relative; padding: 108px 0; }
.nova-section-heading { max-width: 760px; margin-bottom: 48px; }
.nova-section-heading h2 { margin: 12px 0 14px; font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.08; font-weight: 720; }
.nova-section-heading p { max-width: 680px; margin-inline: auto; font-size: 1.03rem; }
.nova-prose { max-width: 650px; }
.nova-prose p { font-size: 1.02rem; margin-bottom: 1rem; }

.nova-btn, body.nova-site .btn-custom, body.nova-site .gold-btn {
  min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: .65rem; padding: .78rem 1.2rem; border-radius: var(--radius-sm); border: 1px solid transparent; font-size: .92rem; font-weight: 750; letter-spacing: -.01em; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease; cursor: pointer;
}
.nova-btn-primary, body.nova-site .btn-custom, body.nova-site .gold-btn { color: #fff !important; background: linear-gradient(135deg, var(--primary), #0b83ff 70%, var(--accent)); border-color: rgba(117,188,255,.32); box-shadow: 0 10px 28px rgba(var(--primary-rgb), .22), inset 0 1px rgba(255,255,255,.22); }
.nova-btn-primary:hover, body.nova-site .btn-custom:hover, body.nova-site .gold-btn:hover { transform: translateY(-1px); box-shadow: 0 14px 34px rgba(var(--primary-rgb), .3), inset 0 1px rgba(255,255,255,.24); }
.nova-btn-secondary { color: var(--text-primary) !important; background: rgba(10,16,32,.72); border-color: var(--border); }
.nova-btn-secondary:hover { border-color: rgba(50,220,255,.35); background: rgba(16,25,45,.9); transform: translateY(-1px); }
.nova-btn:focus-visible, body.nova-site button:focus-visible, body.nova-site a:focus-visible, body.nova-site input:focus-visible, body.nova-site select:focus-visible, body.nova-site textarea:focus-visible { outline: 3px solid rgba(50,220,255,.38); outline-offset: 3px; }
.nova-btn[disabled], .nova-btn.disabled, body.nova-site button[disabled] { opacity: .5; cursor: not-allowed; transform: none; box-shadow: none; }
.nova-icon-button { width: 42px; height: 42px; display: inline-grid; place-items: center; border-radius: 10px; border: 1px solid var(--border); background: rgba(10,16,32,.88); color: var(--text-primary); }

/* Header */
.nova-header { position: fixed; top: 0; inset-inline: 0; z-index: 1030; border-bottom: 1px solid transparent; transition: background .25s ease, border-color .25s ease, box-shadow .25s ease; }
.nova-header.is-scrolled { background: rgba(5,7,13,.9); border-color: var(--border); backdrop-filter: blur(16px); box-shadow: 0 10px 40px rgba(0,0,0,.28); }
.nova-navbar { min-height: 78px; padding: .65rem 0; background: transparent !important; }
.nova-navbar > .container { display:flex; align-items:center; gap:.45rem; }
.nova-navbar .navbar-collapse { min-width:0; flex:1 1 auto; }
.nova-brand { display: inline-flex; align-items: center; min-width: 132px; }
.nova-brand img { width: 148px; height: 46px; object-fit: contain; object-position: left center; }
.nova-nav-links { align-items: center; justify-content:center; gap: 0; flex-wrap: nowrap; }
.nova-nav-links .nav-item { flex:0 0 auto; }
.nova-nav-links .nav-link { position: relative; color: #9aa8bd !important; padding: .65rem .4rem !important; font-size: .76rem; font-weight: 650; white-space: nowrap; }
.nova-nav-links .nav-link::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 2px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--primary), var(--accent)); transition: left .2s ease, right .2s ease; }
.nova-nav-links .nav-link:hover, .nova-nav-links .nav-link.active { color: #fff !important; }
.nova-nav-links .nav-link.active::after, .nova-nav-links .nav-link:hover::after { left: .72rem; right: .72rem; }
.nova-nav-actions { display: flex; align-items: center; gap: .55rem; flex:0 0 auto; }
.nova-nav-actions > a, .nova-nav-actions button { white-space: nowrap; }
.nova-nav-actions .nova-btn { padding-inline:.72rem; font-size:.78rem; }
.nova-nav-actions .nova-language-button { min-width:46px; padding-inline:.5rem; }
.nova-user-avatar-btn { display:flex; align-items:center; gap:.45rem; max-width:142px; padding:.28rem .55rem; border:1px solid var(--border); border-radius:999px; background:rgba(10,16,32,.72); color:var(--text-primary); }
.nova-user-avatar-btn::after { margin-left:0; }
.nova-user-avatar-btn .nova-user-avatar { width:32px!important; height:32px!important; }
.nova-user-name { max-width:72px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.76rem; font-weight:700; }
.nova-login-link { color: var(--silver) !important; font-size: .9rem; font-weight: 700; }
.nova-menu-toggle { width: 44px; height: 42px; padding: 9px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); }
.nova-menu-toggle span { display: block; height: 2px; margin: 5px 0; background: var(--silver-bright); border-radius: 2px; }
.nova-dropdown-menu, body.nova-site .dropdown-menu { background: #0b1221; border: 1px solid var(--border); border-radius: 12px; padding: .45rem; box-shadow: var(--shadow-md); }
.nova-dropdown-menu .dropdown-item, body.nova-site .dropdown-menu .dropdown-item { color: var(--text-secondary); border-radius: 8px; }
.nova-dropdown-menu .dropdown-item:hover, body.nova-site .dropdown-menu .dropdown-item:hover { background: rgba(var(--primary-rgb),.12); color: #fff; }

/* Hero */
.nova-hero { min-height: 670px; display: flex; align-items: center; padding: 132px 0 76px !important; background-color:#05070d !important; background-image:linear-gradient(90deg,rgba(5,7,13,.98) 0%,rgba(5,7,13,.91) 36%,rgba(5,7,13,.55) 66%,rgba(5,7,13,.22) 100%),url('../img/how-works.jpg') !important; background-position:center,right center !important; background-size:cover !important; isolation:isolate; overflow:hidden; }
.nova-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background:linear-gradient(0deg,rgba(5,7,13,.56),transparent 38%); z-index: -1; }
.nova-hero-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(100,160,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(100,160,255,.12) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent); }
.nova-hero-copy h1 { max-width: 730px; margin: 18px 0 20px; font-size: clamp(3rem, 6vw, 5.25rem); line-height: .98; font-weight: 760; letter-spacing: -.055em; }
.nova-hero-copy h1 span { display: block; color: var(--silver-bright); background: linear-gradient(90deg,#fff 0%,#b9c9df 70%,#53d8ff); -webkit-background-clip: text; color: transparent; }
.nova-hero-copy > p { max-width: 620px; color: #9eabc0; font-size: 1.08rem; }
.nova-hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 32px; }
.nova-hero-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 48px; border: 1px solid var(--border); border-radius: 14px; overflow: hidden; background: var(--border); max-width: 640px; }
.nova-hero-metrics div { padding: 14px 16px; background: rgba(8,13,24,.88); }
.nova-hero-metrics strong { display: block; color: #fff; font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.nova-hero-metrics span { display: block; color: var(--text-muted); font-size: .76rem; }
.nova-hero-visual { position: relative; min-height: 520px; display: grid; place-items: center; }
.nova-logo-orbit { position: relative; width: min(100%, 500px); aspect-ratio: 1; display: grid; place-items: center; }
.nova-logo-orbit::before { content:""; position:absolute; inset:15%; border-radius:50%; background: radial-gradient(circle,rgba(8,102,255,.20),rgba(8,102,255,.03) 56%,transparent 70%); filter: blur(2px); }
.nova-logo-orbit img { position: relative; z-index: 2; width: 76%; height: 76%; object-fit: contain; filter: drop-shadow(0 28px 65px rgba(0,0,0,.48)) drop-shadow(0 0 26px rgba(0,121,255,.18)); }
.nova-orbit { position: absolute; border: 1px solid rgba(91,162,255,.16); border-radius: 50%; }
.nova-orbit--one { inset: 7%; }
.nova-orbit--two { inset: 20%; border-style: dashed; border-color: rgba(50,220,255,.18); }
.nova-market-card { position: absolute; z-index: 3; min-width: 178px; padding: 14px 16px; border: 1px solid var(--border); border-radius: 14px; background: rgba(8,13,24,.78); backdrop-filter: blur(12px); box-shadow: var(--shadow-sm); }
.nova-market-card--top { top: 8%; right: 0; }
.nova-market-card--bottom { bottom: 9%; left: 1%; min-width: 230px; display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; }
.nova-market-card span, .nova-market-card small { color: var(--text-muted); font-size: .72rem; }
.nova-market-card strong { display: block; color: #fff; font-size: 1.05rem; }
.nova-mini-chart { height: 34px; display: flex; align-items: end; gap: 3px; }
.nova-mini-chart i { width: 5px; border-radius: 3px 3px 0 0; background: linear-gradient(var(--accent),var(--primary)); }
.nova-mini-chart i:nth-child(1){height:22%}.nova-mini-chart i:nth-child(2){height:42%}.nova-mini-chart i:nth-child(3){height:34%}.nova-mini-chart i:nth-child(4){height:68%}.nova-mini-chart i:nth-child(5){height:58%}.nova-mini-chart i:nth-child(6){height:90%}

.nova-money-flow { padding:30px 0 74px; background:#05070d; }
.nova-money-flow__heading { max-width:760px; margin:0 auto 24px; text-align:center; }
.nova-money-flow__heading h2 { margin:8px 0; color:#f5f7fa; font-size:1.65rem; line-height:1.35; }
.nova-money-flow__heading h2 span { color:var(--accent); padding:0 .2em; }
.nova-money-flow__heading p,.nova-money-flow__steps p { color:var(--text-muted); }
.nova-money-flow__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none; }
.nova-money-flow__steps li { min-width:0; padding:20px; border:1px solid var(--border); border-radius:10px; background:linear-gradient(155deg,#0d1527,#080d18); }
.nova-money-flow__steps li > span { display:grid; place-items:center; width:34px; height:34px; margin-bottom:14px; border:1px solid rgba(50,220,255,.35); border-radius:50%; color:var(--accent); font-size:.75rem; font-weight:800; }
.nova-money-flow__steps h3 { color:#f5f7fa; font-size:1rem; }
.nova-money-flow__steps p { margin:0; font-size:.84rem; line-height:1.55; }
.nova-money-flow__guardrail { margin:16px 0 0; color:#b9c7d8; font-size:.82rem; text-align:center; }
.nova-fixture-notice { margin:0 auto 24px; padding:11px 14px; max-width:760px; border:1px solid rgba(245,190,42,.34); border-radius:8px; background:rgba(245,190,42,.08); color:#f7d77b; text-align:center; font-size:.82rem; }

/* Metrics */
.nova-metrics-section { padding: 0 0 30px; margin-top: -36px; position: relative; z-index: 4; }
.nova-metrics-strip { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); border: 1px solid var(--border); border-radius: var(--radius-md); overflow: hidden; background: rgba(10,16,32,.94); box-shadow: var(--shadow-md); }
.nova-metric { padding: 24px; border-inline-end: 1px solid var(--border); }
.nova-metric:last-child { border-inline-end: 0; }
.nova-metric strong { display:block; color:#fff; font-size:1.5rem; font-weight:750; font-variant-numeric:tabular-nums; }
.nova-metric span { color: var(--text-muted); font-size:.82rem; }

/* About visual */
.nova-feature-chips { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.5rem; }
.nova-feature-chips span { display:inline-flex; align-items:center; gap:.55rem; padding:.6rem .75rem; color:var(--silver); font-size:.82rem; border:1px solid var(--border); background:rgba(10,16,32,.55); border-radius:9px; }
.nova-feature-chips i { color:var(--accent); }
.nova-fintech-visual { position:relative; min-height:430px; border:1px solid var(--border); border-radius:var(--radius-lg); background:linear-gradient(145deg,rgba(16,25,45,.92),rgba(7,11,20,.96)); padding:24px; overflow:hidden; box-shadow:var(--shadow-md); }
.nova-fintech-visual::after { content:""; position:absolute; width:260px; height:260px; right:-90px; top:-100px; border-radius:50%; background:rgba(8,102,255,.12); filter:blur(35px); }
.nova-fintech-visual__head,.nova-fintech-visual__footer { position:relative; z-index:2; display:flex; justify-content:space-between; align-items:center; }
.nova-fintech-visual__head span,.nova-fintech-visual__footer span { color:var(--text-muted); font-size:.78rem; }
.nova-fintech-visual__head i { color:var(--accent); }
.nova-fintech-visual svg { position:absolute; inset:90px 24px 86px; width:calc(100% - 48px); height:calc(100% - 176px); }
.nova-chart-grid { position:absolute; inset:84px 24px 84px; display:grid; grid-template-rows:repeat(6,1fr); }
.nova-chart-grid span { border-top:1px dashed rgba(120,150,190,.10); }
.nova-fintech-visual__footer { position:absolute; bottom:22px; left:24px; right:24px; }
.nova-fintech-visual__footer strong { display:block; color:#fff; font-size:1.15rem; }
.nova-fintech-visual__footer img { width:54px; height:54px; object-fit:contain; }

/* Process */
.nova-process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; position:relative; }
.nova-process-grid::before { content:""; position:absolute; top:53px; left:12%; right:12%; height:1px; background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent); opacity:.38; }
.nova-process-card { position:relative; padding:28px 24px; min-height:260px; border:1px solid var(--border); border-radius:var(--radius-md); background:linear-gradient(180deg,rgba(13,20,37,.96),rgba(8,13,24,.9)); box-shadow:var(--shadow-sm); }
.nova-step-number { color:rgba(200,211,229,.28); font-size:.78rem; font-weight:800; letter-spacing:.12em; }
.nova-process-icon { position:relative; z-index:2; width:52px; height:52px; display:grid; place-items:center; margin:18px 0 26px; border-radius:12px; background:linear-gradient(145deg,rgba(8,102,255,.18),rgba(0,200,255,.07)); border:1px solid rgba(50,220,255,.2); color:var(--accent); font-size:1.25rem; }
.nova-process-card h3 { font-size:1.14rem; margin-bottom:10px; }
.nova-process-card p { font-size:.9rem; margin:0; }

/* Plan cards */
.nova-plans { background:linear-gradient(180deg,rgba(7,11,20,.15),rgba(8,13,24,.78),rgba(7,11,20,.2)); }
body.nova-site .pricing-box.nova-plan-card, body.nova-site .pricing-box { height:100%; padding:26px; border:1px solid var(--border); border-radius:var(--radius-lg); background:linear-gradient(155deg,#0d1527 0%,#080d18 78%); box-shadow:var(--shadow-sm); color:var(--text-primary); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
body.nova-site .pricing-box:hover { transform:translateY(-4px); border-color:rgba(50,220,255,.28); box-shadow:var(--shadow-md),var(--shadow-glow); }
.nova-plan-card__top { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:28px; }
.nova-plan-card__top span { color:var(--text-muted); font-size:.68rem; letter-spacing:.14em; }
.nova-plan-card__top h3 { font-size:1.45rem; margin:.25rem 0 0; }
.nova-plan-card__top i { width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:rgba(var(--primary-rgb),.12);color:var(--accent);border:1px solid rgba(50,220,255,.18); }
.nova-plan-range { padding-bottom:20px; border-bottom:1px solid var(--border); }
.nova-plan-range span,.nova-plan-return span { display:block;color:var(--text-muted);font-size:.76rem; }
.nova-plan-range strong { display:block;margin-top:5px;color:#fff;font-size:1.55rem;font-variant-numeric:tabular-nums; }
.nova-plan-return { padding:20px 0; }
.nova-plan-return strong { display:block;color:var(--accent);font-size:2rem;line-height:1.2;font-variant-numeric:tabular-nums; }
.nova-plan-return small { color:var(--text-secondary); }
.nova-plan-details { margin:0 0 24px; }
.nova-plan-details > div { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:11px 0;border-top:1px solid rgba(151,177,219,.09); }
.nova-plan-details dt { color:var(--text-muted);font-size:.8rem;font-weight:600; }
.nova-plan-details dd { margin:0;color:var(--silver-bright);font-size:.85rem;text-align:right;font-variant-numeric:tabular-nums; }
.nova-status { padding:.3rem .55rem;border-radius:7px;font-size:.72rem;font-weight:800; }
.nova-status.is-success { color:#9ef4cf;background:rgba(49,196,141,.11);border:1px solid rgba(49,196,141,.2); }
.nova-status.is-danger { color:#ffb0b7;background:rgba(239,91,103,.1);border:1px solid rgba(239,91,103,.18); }

/* Feature / why */
.nova-why { background:radial-gradient(circle at 0 50%,rgba(8,102,255,.07),transparent 26rem); }
.nova-feature-card, body.nova-site .feature-box { height:100%; padding:26px; border:1px solid var(--border); border-radius:var(--radius-md); background:rgba(10,16,32,.72); box-shadow:var(--shadow-sm); }
.nova-feature-card__icon, body.nova-site .feature-box .icon-box { width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:rgba(var(--primary-rgb),.10);border:1px solid rgba(50,220,255,.16);margin-bottom:20px;overflow:hidden; }
.nova-feature-card__icon img, body.nova-site .feature-box .icon-box img { width:28px;height:28px;object-fit:contain;filter:saturate(.25) hue-rotate(155deg) brightness(1.5); }
.nova-feature-card h3, body.nova-site .feature-box h4 { font-size:1.08rem;margin-bottom:10px; }
.nova-feature-card p { margin:0;font-size:.9rem; }

/* Activity / tables */
body.nova-site .latest-transaction, body.nova-site .transaction-section { padding:108px 0; background:transparent; }
body.nova-site .transaction-wrapper, body.nova-site .table-parent { border:1px solid var(--border); border-radius:var(--radius-md); background:rgba(10,16,32,.76); overflow:hidden; }
body.nova-site .table { margin:0;color:var(--text-secondary);--bs-table-bg:transparent;--bs-table-striped-bg:rgba(255,255,255,.015);--bs-table-striped-color:var(--text-secondary); }
body.nova-site .table thead th { padding:15px 18px;background:#0d1527;color:#8796ad;border-color:var(--border);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap; }
body.nova-site .table tbody td { padding:15px 18px;border-color:rgba(151,177,219,.08);color:var(--silver);vertical-align:middle;font-size:.86rem;font-variant-numeric:tabular-nums; }
body.nova-site .table tbody tr:hover { background:rgba(var(--primary-rgb),.035); }
body.nova-site .currency img { width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:.55rem; }

/* FAQ */
.nova-help-note { padding:14px 16px;border-left:2px solid var(--primary);background:rgba(var(--primary-rgb),.07);border-radius:0 10px 10px 0;color:var(--text-secondary); }
.nova-accordion .accordion-item, body.nova-site .accordion-item { margin-bottom:10px;border:1px solid var(--border) !important;border-radius:12px !important;background:rgba(10,16,32,.74) !important;overflow:hidden; }
.nova-accordion .accordion-button, body.nova-site .accordion-button { gap:1rem;padding:18px 20px;background:transparent !important;color:var(--silver-bright) !important;box-shadow:none !important;font-weight:700; }
.nova-accordion .accordion-button::after, body.nova-site .accordion-button::after { filter:invert(1) saturate(0);opacity:.55; }
.nova-accordion .accordion-button:not(.collapsed), body.nova-site .accordion-button:not(.collapsed) { color:var(--accent) !important; }
.nova-accordion .index { color:var(--text-muted);font-size:.72rem;letter-spacing:.08em; }
.nova-accordion .accordion-body, body.nova-site .accordion-body { color:var(--text-secondary);padding:0 20px 20px 54px; }

/* Testimonials, blog, gateways */
body.nova-site .testimonial-section, body.nova-site .blog-section, body.nova-site .payment-gateway, body.nova-site .referral-section { padding:108px 0;background:transparent !important; }
body.nova-site .testimonial-section .overlay { background:transparent; }
body.nova-site .review-box, body.nova-site .blog-box, body.nova-site .referral-box { border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(155deg,rgba(13,20,37,.94),rgba(8,13,24,.94));box-shadow:var(--shadow-sm);overflow:hidden; }
body.nova-site .review-box { padding:28px; }
body.nova-site .review-box .quote, body.nova-site .review-box .quote2 { filter:hue-rotate(155deg) saturate(.6);opacity:.35; }
body.nova-site .review-box .user-box img { border:1px solid rgba(50,220,255,.25); }
body.nova-site .blog-box .img-box img { width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.04); }
body.nova-site .blog-box .text-box { padding:22px; }
body.nova-site .blog-box .date-author, body.nova-site .blog-box .date-author span { color:var(--text-muted); }
body.nova-site .blog-title { color:#fff !important; }
body.nova-site .read-more { color:var(--accent) !important;font-weight:700; }
body.nova-site .payment-gateway .box { height:76px;padding:14px;border:1px solid var(--border);border-radius:12px;background:rgba(10,16,32,.7);display:grid;place-items:center; }
body.nova-site .payment-gateway img { max-height:40px;max-width:120px;object-fit:contain;filter:saturate(.7) brightness(.95); }

/* Newsletter + final CTA */
.nova-newsletter { padding:40px 0 72px; }
.nova-newsletter-panel, .nova-final-cta__panel { position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:36px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(12,19,36,.98),rgba(7,11,20,.96));overflow:hidden;box-shadow:var(--shadow-md); }
.nova-newsletter-panel::after,.nova-final-cta__panel::after { content:"";position:absolute;width:280px;height:280px;right:-100px;top:-140px;border-radius:50%;background:rgba(8,102,255,.15);filter:blur(30px); }
.nova-newsletter-panel h2,.nova-final-cta__panel h2 { margin:.55rem 0 .35rem;font-size:clamp(1.75rem,3vw,2.5rem); }
.nova-newsletter-panel p,.nova-final-cta__panel p { margin:0;max-width:650px; }
.nova-newsletter-panel form { width:min(100%,470px);position:relative;z-index:2; }
.nova-newsletter-panel .input-group { padding:5px;border:1px solid var(--border);border-radius:12px;background:#080d18; }
.nova-final-cta { padding:42px 0 108px; }
.nova-final-cta__actions { position:relative;z-index:2;display:flex;gap:.7rem;flex-wrap:wrap; }

/* Forms and modal */
body.nova-site .form-control, body.nova-site .form-select, body.nova-site .select2-container--default .select2-selection--single, body.nova-site textarea {
  min-height:50px;border:1px solid var(--border);border-radius:10px;background:#080e1b !important;color:var(--text-primary) !important;box-shadow:none !important;
}
body.nova-site .form-control::placeholder { color:#536176; }
body.nova-site .form-control:focus, body.nova-site .form-select:focus { border-color:rgba(50,220,255,.48);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12) !important; }
body.nova-site .input-group-text { border-color:var(--border);background:#0d1527;color:var(--silver); }
.nova-field { margin-bottom:16px; }
.nova-field label { display:block;margin-bottom:7px;color:var(--silver);font-size:.82rem;font-weight:700; }
body.nova-site .nova-field-error { display:block;margin-top:8px;color:#ff8f9a;font-size:.78rem;line-height:1.4; }
.nova-invest-limits { margin:8px 0 0; color:#a8b3c7; font-size:.78rem; line-height:1.4; }
.nova-field .invest-amount[aria-invalid="true"] { border-color:#ff6f7d !important; box-shadow:0 0 0 3px rgba(255,111,125,.14) !important; }
.nova-field:has(.invest-amount[aria-invalid="true"]) .input-group-text { border-color:#ff6f7d !important; color:#ffd0d4; }
.nova-input-wrap { position:relative; }
.nova-input-wrap > i { position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-muted);z-index:2; }
.nova-input-wrap > i + .form-control { padding-left:42px; }
.nova-password-toggle { position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;color:var(--text-muted); }
.nova-input-wrap .form-control:has(+ .nova-password-toggle) { padding-right:46px; }
.nova-password-toggle:focus-visible,.nova-copy-button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
body.nova-site .input-group > .nova-password-toggle { position:static; transform:none; flex:0 0 52px; width:52px; min-height:48px; padding:0; border:1px solid var(--border) !important; border-left:0 !important; border-radius:0 8px 8px 0; background:#0e1628; color:var(--text-muted); box-shadow:none !important; text-transform:none; display:inline-flex; align-items:center; justify-content:center; }
body.nova-site .input-group > .nova-password-toggle:hover { background:#14213a; color:var(--accent); opacity:1; }
body.nova-site .input-group > .nova-password-toggle:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
body.nova-site.rtl .input-group > .nova-password-toggle { border-left:1px solid var(--border) !important; border-right:0 !important; border-radius:8px 0 0 8px; }
.nova-gateway-note { display:block; margin-top:9px; color:var(--text-secondary); white-space:pre-wrap; overflow-wrap:anywhere; }
.nova-language-button { gap:6px; min-width:58px; }
.nova-language-button span { font-size:.68rem; font-weight:800; letter-spacing:.08em; }
.nova-pending-notice { display:flex; gap:8px; align-items:flex-start; margin:12px 0; padding:11px 13px; border:1px solid rgba(245,190,42,.3); border-radius:9px; background:rgba(245,190,42,.08); color:#f7d77b; font-size:.78rem; }
.nova-history-head { align-items:flex-start; }
.nova-history-head p { color:var(--text-muted); }
body.nova-site .modal-content { border:1px solid var(--border);border-radius:var(--radius-lg);background:#0a1020;color:var(--text-primary);box-shadow:var(--shadow-md); }
body.nova-site .modal-header { border-color:var(--border);padding:20px 22px; }
body.nova-site .modal-body { padding:22px; }
.nova-invest-summary { padding:16px;margin-bottom:20px;border:1px solid var(--border);border-radius:12px;background:rgba(var(--primary-rgb),.055); }
.nova-invest-summary p { margin:.25rem 0;font-size:.86rem; }
.nova-calculation { min-height:24px;color:var(--accent) !important;font-weight:700; }

/* Authentication */
.nova-auth-section { min-height:100vh;padding:138px 0 84px !important;background:radial-gradient(circle at 18% 42%,rgba(8,102,255,.13),transparent 25rem),#05070d !important; }
.nova-auth-shell { display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);max-width:1100px;margin:0 auto;border:1px solid var(--border);border-radius:22px;overflow:hidden;background:#080d18;box-shadow:0 35px 90px rgba(0,0,0,.42); }
.nova-auth-shell--register { max-width:1180px;grid-template-columns:.8fr 1.2fr; }
.nova-auth-visual { position:relative;min-height:620px;padding:38px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(8,102,255,.14),rgba(5,7,13,.94) 58%),linear-gradient(#070b14,#05070d);overflow:hidden; }
.nova-auth-visual::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(100,160,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(100,160,255,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 75%); }
.nova-auth-visual > * { position:relative;z-index:2; }
.nova-auth-visual > img { width:74%;max-height:280px;align-self:center;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45)); }
.nova-auth-visual h2 { font-size:2rem;line-height:1.1;margin-bottom:12px; }
.nova-auth-card { padding:48px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#0a1020,#080d18); }
.nova-auth-card__head { margin-bottom:30px; }
.nova-auth-card__head h1 { margin:7px 0 8px;font-size:2.2rem; }
.nova-auth-card__head p { margin:0; }
.nova-auth-meta { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:6px 0 20px;color:var(--text-secondary);font-size:.82rem; }
.nova-auth-meta a,.nova-auth-switch a { color:var(--accent) !important;font-weight:700; }
.nova-auth-switch { text-align:center;margin:20px 0 0;font-size:.86rem; }

/* Inner pages / legacy-compatible components */
.nova-page-hero { padding:145px 0 54px !important;background:radial-gradient(circle at 80% 0,rgba(8,102,255,.12),transparent 24rem),linear-gradient(180deg,#05070d,#080d18) !important;border-bottom:1px solid var(--border); }
.nova-page-hero__inner { display:flex;align-items:end;justify-content:space-between;gap:2rem; }
.nova-page-hero h1 { margin:10px 0 0;font-size:clamp(2.2rem,4vw,3.6rem); }
body.nova-site .breadcrumb { margin:0;background:transparent; }
body.nova-site .breadcrumb-item, body.nova-site .breadcrumb-item a { color:var(--text-muted);font-size:.82rem; }
body.nova-site .breadcrumb-item.active { color:var(--silver); }
body.nova-site .about-section, body.nova-site .contact-section, body.nova-site .plan-section, body.nova-site .blog-details, body.nova-site .blog-page, body.nova-site .faq-page { background:transparent !important; }
body.nova-site .form-wrapper, body.nova-site .register-form-wrapper, body.nova-site .contact-form, body.nova-site .card, body.nova-site .box { border-color:var(--border); }
body.nova-site .pagination .page-link { color:var(--silver);background:#0a1020;border-color:var(--border); }
body.nova-site .pagination .active .page-link, body.nova-site .pagination .page-link:hover { color:#fff;background:var(--primary);border-color:var(--primary); }

/* Footer */
.nova-footer { padding:76px 0 28px !important;background:#04060b !important;border-top:1px solid var(--border); }
.nova-footer-grid { display:grid;grid-template-columns:1.5fr 1fr 1fr 1.35fr;gap:46px; }
.nova-footer-brand .nova-brand img { width:190px;height:58px; }
.nova-footer-brand p { max-width:330px;margin:18px 0;color:var(--text-muted);font-size:.88rem; }
.nova-footer .social-links { display:flex;gap:8px; }
.nova-footer .social-links a { width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;color:var(--silver);background:#080d18; }
.nova-footer .social-links a:hover { border-color:rgba(50,220,255,.3);color:var(--accent); }
.nova-footer-col { display:flex;flex-direction:column;align-items:flex-start;gap:10px; }
.nova-footer-col h4 { margin:0 0 10px;font-size:.92rem; }
.nova-footer-col a,.nova-footer-col span,.nova-footer-col p { color:var(--text-muted);font-size:.84rem; }
.nova-footer-col a:hover { color:var(--accent); }
.nova-footer-newsletter .input-group { padding:4px;border:1px solid var(--border);border-radius:11px;background:#080d18; }
.nova-footer-newsletter .form-control { min-height:40px !important;border:0 !important;background:transparent !important;font-size:.82rem; }
.nova-footer-newsletter .nova-icon-button { width:40px;height:40px; }
.nova-footer-bottom { margin-top:54px;padding-top:22px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.78rem; }
.nova-footer-language { border:0;background:transparent;color:var(--text-muted); }

@media (max-width: 1199.98px) {
  .nova-navbar .navbar-collapse { margin-top:.8rem;padding:18px;border:1px solid var(--border);border-radius:14px;background:rgba(7,11,20,.98);box-shadow:var(--shadow-md); }
  .nova-nav-links { align-items:stretch; }
  .nova-nav-links .nav-link { padding:.7rem .6rem !important; }
  .nova-nav-links .nav-link::after { display:none; }
  .nova-nav-actions { margin-top:12px;padding-top:14px;border-top:1px solid var(--border); }
  .nova-process-grid { grid-template-columns:repeat(2,1fr); }
  .nova-process-grid::before { display:none; }
  .nova-footer-grid { grid-template-columns:1.3fr 1fr 1fr; }
  .nova-footer-newsletter { grid-column:1/-1;max-width:560px; }
}
@media (max-width: 991.98px) {
  .nova-section { padding:84px 0; }
  .nova-hero { min-height:auto;padding-top:132px !important; }
  .nova-hero-copy { text-align:center; }
  .nova-hero-copy > p,.nova-section-heading { margin-inline:auto; }
  .nova-hero-actions { justify-content:center; }
  .nova-hero-metrics { margin-inline:auto; }
  .nova-hero-visual { min-height:430px; }
  .nova-auth-shell,.nova-auth-shell--register { grid-template-columns:1fr;max-width:700px; }
  .nova-auth-visual { min-height:360px; }
  .nova-auth-visual > img { width:44%;max-height:180px; }
  .nova-footer-grid { grid-template-columns:1fr 1fr; }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .nova-plan-header { min-height:54px; }
  .nova-plan-header.nova-navbar { min-height:54px; padding:.3rem 0; }
  .nova-plan-header > .container { max-width:816px; }
  .nova-plan-header .navbar-toggler { display:none; }
  .nova-plan-header .navbar-collapse { display:flex !important; margin-top:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
  .nova-plan-header .nova-nav-links { flex:1 1 auto; gap:0; }
  .nova-plan-header .nova-nav-links .nav-link { padding:.42rem .34rem !important; font-size:.62rem; }
  .nova-plan-header .nova-nav-actions { margin-top:0; padding-top:0; border-top:0; gap:.28rem; }
  .nova-plan-header .nova-nav-actions .nova-language-button { min-width:42px; height:30px; padding:0 .35rem; font-size:.62rem; }
  .nova-plan-header .nova-nav-actions .nova-login-button,
  .nova-plan-header .nova-nav-actions .nova-btn { min-height:30px; padding:.25rem .55rem; font-size:.62rem; }
  body.nova-site .nova-plans-hero .container { max-width:816px; }
  body.nova-site .nova-plans > .container { max-width:816px; }
  .nova-plans-hero { min-height:202px; padding:54px 0 0; }
  .nova-plans-hero__inner { min-height:148px; }
  .nova-plans-hero h1 { font-size:2.55rem; }
  .nova-plans-hero__copy p { font-size:.88rem; }
  .nova-plans-hero__visual img { top:-75px; height:300px; right:0; }
  .nova-plan-grid { max-width:660px; }
  body.nova-site .pricing-box.nova-plan-card { padding-left:18px; padding-right:18px; }
  .nova-plan-card .nova-plan-card__lead { margin-left:-18px; margin-right:-18px; }
  .nova-plan-card .nova-plan-card__summary { padding-left:14px; padding-right:18px; }
  .nova-plan-card .nova-plan-card__visual { height:150px; }
  .nova-plan-calculator { max-width:816px; }
}
@media (max-width: 767.98px) {
  body.nova-site { font-size:15px; }
  body.nova-site .container { max-width:100%; }
  body.nova-site .nova-section-heading,
  body.nova-site .nova-section-heading p { width:100%; max-width:100%; white-space:normal !important; overflow-wrap:anywhere; }
  body.nova-site .nova-plans .row { margin-inline:0; }
  body.nova-site .login-section .row { margin-inline:0; }
  body.nova-site .login-section .card,
  body.nova-site .login-section [class*="col-"] { min-width:0; max-width:100%; }
  .nova-plans .row > [class*="col-"],
  body.nova-site .nova-plan-card { min-width:0; width:100%; }
  body.nova-site .nova-plan-card { box-sizing:border-box; padding:22px 18px; overflow:hidden; }
  .nova-plan-card__top { flex-wrap:wrap; }
  .nova-plan-card__top h3 { overflow-wrap:anywhere; }
  .nova-plan-details > div { align-items:flex-start; }
  .nova-plan-details dd { max-width:58%; overflow-wrap:anywhere; }
  .nova-brand img { width:145px;height:44px; }
  .nova-section { padding:68px 0; }
  .nova-section-heading { margin-bottom:34px; }
  .nova-hero { padding:120px 0 58px !important; }
  .nova-hero-copy h1 { font-size:2.65rem; }
  .nova-money-flow { padding:22px 0 58px; }
  .nova-money-flow__heading h2 { font-size:1.35rem; }
  .nova-money-flow__steps { grid-template-columns:1fr; gap:10px; }
  .nova-money-flow__steps li { padding:16px; }
  .nova-hero-metrics { grid-template-columns:1fr; }
  .nova-hero-metrics div { display:flex;align-items:center;justify-content:space-between;gap:1rem; }
  .nova-market-card--top { right:4%; }
  .nova-market-card--bottom { left:3%; }
  .nova-metrics-section { margin-top:-16px; }
  .nova-metrics-strip { grid-template-columns:1fr 1fr; }
  .nova-metric { border-bottom:1px solid var(--border); }
  .nova-process-grid { grid-template-columns:1fr; }
  .nova-process-card { min-height:0; }
  .nova-newsletter-panel,.nova-final-cta__panel { align-items:flex-start;flex-direction:column;padding:28px; }
  .nova-newsletter-panel form { width:100%; }
  .nova-page-hero__inner { align-items:flex-start;flex-direction:column; }
  .nova-auth-section { padding:112px 0 52px !important; }
  .nova-auth-card { padding:30px 22px; }
  .nova-auth-visual { min-height:300px;padding:28px 22px; }
  .nova-footer-grid { grid-template-columns:1fr;gap:34px; }
  .nova-footer-newsletter { grid-column:auto; }
  .nova-footer-bottom { align-items:flex-start;flex-direction:column; }
  body.nova-site .table thead { display:none; }
  body.nova-site .table tbody,body.nova-site .table tr,body.nova-site .table td { display:block;width:100%; }
  body.nova-site .table tr { padding:12px 0;border-bottom:1px solid var(--border); }
  body.nova-site .table td { display:flex;justify-content:space-between;gap:1rem;padding:8px 14px;border:0;text-align:right; }
  body.nova-site .table td::before { content:attr(data-label);color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;text-align:left; }
}

/* Reference page refinements: keep the plan page compact and let the bullion artwork carry the visual weight. */
@media (max-width: 767.98px) {
  .nova-plan-grid { grid-template-columns:1fr; }
}
.nova-footer { padding-top:48px !important; padding-bottom:20px !important; }
.nova-footer-bottom { margin-top:32px; padding-top:16px; }
@media (max-width: 480px) {
  .nova-nav-actions { align-items:stretch;flex-direction:column; }
  .nova-nav-actions .nova-language { align-self:flex-start; }
  .nova-hero-actions,.nova-final-cta__actions { flex-direction:column; }
  .nova-hero-actions .nova-btn,.nova-final-cta__actions .nova-btn { width:100%; }
  .nova-hero-visual { min-height:360px; }
  .nova-market-card { min-width:150px;padding:11px 12px; }
  .nova-market-card--bottom { min-width:190px; }
  .nova-metrics-strip { grid-template-columns:1fr; }
  .nova-fintech-visual { min-height:360px; }
  .nova-newsletter-panel .input-group { display:flex;flex-direction:column;gap:8px;background:transparent;border:0;padding:0; }
  .nova-newsletter-panel .nova-btn { width:100%; }
  .nova-auth-meta { align-items:flex-start;flex-direction:column; }
}

@media (max-width: 767.98px) {
  .nova-plan-grid { display:grid; grid-template-columns:1fr; gap:17px !important; }
  .nova-plan-grid > [class*="col-"] { width:100%; max-width:100%; padding:0; }
}
@media (min-width: 768px) {
  .nova-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
  .nova-plan-grid > [class*="col-"] { width:auto; max-width:none; padding:0; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important; }
}

/* Final reference pass for the active plan page. */
.nova-nav-actions .nova-language-button { display:inline-flex; align-items:center; justify-content:center; gap:.42rem; width:auto; min-width:72px; height:42px; padding:0 .68rem; border:1px solid var(--border); border-radius:10px; background:rgba(10,16,32,.88); color:var(--text-primary); }
.nova-nav-actions .nova-language-button::after { display:none; }
.nova-nav-actions .nova-language-button .nova-language-chevron { font-size:.62rem; color:var(--text-muted); }
.nova-nav-actions .nova-language-button span { font-size:.72rem; font-weight:800; letter-spacing:.08em; }
.nova-nav-actions .nova-login-button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:.55rem .95rem; border:1px solid rgba(137,169,207,.52); border-radius:10px; color:#f4f8ff !important; background:rgba(10,16,32,.42); }
.nova-nav-actions .nova-login-button:hover { border-color:rgba(50,220,255,.62); background:rgba(16,25,45,.9); }
.nova-nav-actions .nova-btn-primary i { margin-inline-start:.1rem; font-size:.82rem; }
.nova-plans-hero__visual img { -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 15%,#000 70%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 15%,#000 70%,transparent 100%); -webkit-mask-composite:source-in; mask-composite:intersect; mix-blend-mode:screen; }
.nova-plans-hero__visual::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 58%,rgba(5,11,21,.72) 100%),linear-gradient(90deg,transparent 0%,transparent 79%,rgba(5,11,21,.45) 100%); }
.nova-plans-hero { overflow:hidden; }
body.nova-site.rtl .nova-plans .nova-btn .fa-arrow-right,
body.nova-site.rtl .nova-nav-actions .nova-btn .fa-arrow-right { transform:scaleX(-1); }
.nova-plan-card::before { display:none !important; }
.nova-plan-card .nova-plan-icon { background:rgba(var(--primary-rgb),.10); }
.nova-plan-card .nova-plan-icon img { width:21px; height:21px; display:block; color:#12caff; filter:none; }
.nova-plan-card--gold .nova-plan-icon img { filter:sepia(1) saturate(5) hue-rotate(350deg) brightness(1.2); }
.nova-plan-calculator__controls { grid-template-columns:1fr 1fr; align-items:end; }
.nova-calculator-field { min-width:0; }
.nova-calculator-field label { display:block; margin-bottom:7px; }
.nova-plan-calculator__controls select { appearance:none; -webkit-appearance:none; padding-inline-end:2.2rem !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%23a9bfdc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right .75rem center !important; background-size:12px 12px !important; }
.nova-calculator-field { position:relative; }
.nova-calculator-field:first-child::after { content:""; position:absolute; right:.78rem; bottom:15px; width:6px; height:6px; border-right:1.5px solid #a9bfdc; border-bottom:1.5px solid #a9bfdc; transform:rotate(45deg); pointer-events:none; }
body.nova-site.rtl .nova-calculator-field:first-child::after { right:auto; left:.78rem; }
body.nova-site.rtl .nova-plan-calculator__controls select { background-position:left .75rem center !important; }
.nova-plan-calculator__error { grid-column:1/-1; margin:2px 0 0; color:#ffabb4; font-size:.78rem; line-height:1.4; }
.nova-plan-calculator__error[hidden] { display:none; }
.nova-plan-footer .nova-footer-grid, .nova-plan-footer > .container > .nova-footer-bottom { display:none; }
.nova-plan-footer-layout { display:grid; grid-template-columns:1fr 1.7fr 1fr; align-items:center; gap:24px; padding:15px 0 12px; }
.nova-plan-footer-brand { display:flex; flex-direction:column; align-items:flex-start; gap:6px; color:var(--text-muted); font-size:.72rem; }
.nova-plan-footer-brand img { width:145px; height:auto; }
.nova-plan-footer-nav, .nova-plan-footer-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:7px 18px; }
.nova-plan-footer-nav a, .nova-plan-footer-links a { color:var(--text-muted); font-size:.75rem; }
.nova-plan-footer-nav a:hover, .nova-plan-footer-links a:hover { color:var(--accent); }
.nova-plan-footer-meta { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.nova-plan-footer-meta .nova-footer-language { padding:0; font-size:.75rem; }
@media (max-width: 767.98px) {
  .nova-plan-card .nova-plan-card__top > div { gap:5px 8px; }
  .nova-plan-card .nova-plan-card__top > div h3 { font-size:1rem; white-space:nowrap; }
  .nova-plan-card .nova-plan-card__top .nova-plan-card__eyebrow { font-size:.55rem; }
  .nova-plan-card .nova-plan-card__top .nova-plan-icon { flex-basis:28px; width:28px; height:28px; }
  .nova-plan-card .nova-plan-icon img { width:18px; height:18px; }
  .nova-plans-hero::after { content:""; position:absolute; inset:38% 0 0; z-index:1; pointer-events:none; background:linear-gradient(180deg,transparent,#050b15 82%); }
  .nova-plans-hero__copy { z-index:3; padding:10px 10px 14px; background:linear-gradient(90deg,rgba(3,8,17,.88),rgba(3,8,17,.45),transparent); }
  .nova-plans-hero__visual img { -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 55%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 55%,transparent 100%); }
  .nova-plan-footer-layout { grid-template-columns:1fr 1fr; gap:16px 22px; padding:16px 0 12px; }
  .nova-plan-footer-brand { grid-column:1/-1; flex-direction:row; align-items:center; justify-content:space-between; }
  .nova-plan-footer-brand img { width:132px; }
  .nova-plan-footer-nav { justify-content:flex-start; gap:6px 14px; }
  .nova-plan-footer-meta { align-items:flex-end; }
  .nova-plan-footer-links { justify-content:flex-end; gap:6px 12px; }
}
@media (max-width: 399.98px) {
  .nova-plan-card .nova-plan-card__top .nova-plan-icon { display:none; }
  .nova-plan-card .nova-plan-card__top > div h3 { white-space:normal; }
}
@media (min-width: 768px) and (max-width: 899.98px) {
  .nova-plan-grid { grid-template-columns:1fr; }
  .nova-plan-grid > [class*="col-"] { width:100%; max-width:100%; }
}

/* Recent activity */
.nova-activity-section { background:linear-gradient(180deg,rgba(8,13,24,.2),rgba(8,13,24,.64),rgba(8,13,24,.2)); }
.nova-activity-shell { max-width:1080px; margin:0 auto; border:1px solid var(--border); border-radius:var(--radius-lg); background:#080d18; overflow:hidden; box-shadow:var(--shadow-sm); }
.nova-segmented-tabs { display:flex; gap:6px; padding:8px; border-bottom:1px solid var(--border); background:#0a1020; }
.nova-segmented-tabs button { flex:1; min-height:44px; border:1px solid transparent; border-radius:9px; background:transparent; color:var(--text-muted); font-weight:700; font-size:.82rem; }
.nova-segmented-tabs button.active { color:#fff; border-color:rgba(50,220,255,.18); background:rgba(var(--primary-rgb),.10); }
.nova-public-table .table { color:var(--text-secondary); --bs-table-bg:transparent; }
.nova-public-table .table thead th { padding:14px 18px; border-color:var(--border); background:#0c1324; color:#718097; font-size:.66rem; text-transform:uppercase; letter-spacing:.08em; }
.nova-public-table .table td { padding:15px 18px; border-color:rgba(151,177,219,.08); color:var(--text-secondary); font-size:.8rem; }
.nova-number { color:var(--silver-bright)!important; font-weight:700; font-variant-numeric:tabular-nums; }
.nova-activity-type { display:inline-flex; align-items:center; gap:.5rem; font-weight:700; }
.nova-activity-type.is-deposit { color:var(--success); }
.nova-activity-type.is-withdrawal { color:#9cb2d2; }

/* Dynamic testimonials */
.nova-testimonial-section { overflow:hidden; }
.nova-testimonial-card { min-height:285px; display:flex; flex-direction:column; padding:28px; border:1px solid var(--border); border-radius:var(--radius-md); background:linear-gradient(155deg,#0d1527,#080d18); box-shadow:var(--shadow-sm); }
.nova-quote-icon { color:var(--accent); font-size:1.5rem; opacity:.64; }
.nova-testimonial-card > p { flex:1; margin:18px 0 26px; color:var(--text-secondary); font-size:.93rem; line-height:1.75; }
.nova-testimonial-person { display:flex; align-items:center; gap:12px; }
.nova-testimonial-person img { width:46px; height:46px; object-fit:cover; border-radius:50%; border:1px solid rgba(50,220,255,.24); }
.nova-testimonial-person strong,.nova-testimonial-person span { display:block; }
.nova-testimonial-person strong { color:#fff; font-size:.86rem; }
.nova-testimonial-person span { color:var(--text-muted); font-size:.72rem; }

/* Payment methods */
.nova-payment-methods { padding:34px 0 58px; }
.nova-payment-methods__head { display:flex; align-items:center; gap:16px; margin-bottom:18px; color:var(--text-muted); font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.nova-payment-methods__line { height:1px; flex:1; background:linear-gradient(90deg,var(--border),transparent); }
.nova-gateway-logo { height:70px; display:grid; place-items:center; padding:13px; border:1px solid var(--border); border-radius:11px; background:#0a1020; }
.nova-gateway-logo img { max-width:110px; max-height:38px; object-fit:contain; filter:saturate(.72) brightness(.92); transition:filter .18s ease, opacity .18s ease; }
.nova-gateway-logo:hover img { filter:saturate(1) brightness(1.05); }

@media (max-width:767.98px) {
  .nova-public-table .table thead { display:none; }
  .nova-public-table .table,.nova-public-table tbody,.nova-public-table tr,.nova-public-table td { display:block; width:100%; }
  .nova-public-table tr { padding:10px 0; border-bottom:1px solid var(--border); }
  .nova-public-table td { display:flex; justify-content:space-between; gap:18px; padding:7px 14px!important; border:0!important; text-align:right; }
  .nova-public-table td::before { content:attr(data-label); color:var(--text-muted); font-size:.65rem; text-transform:uppercase; letter-spacing:.05em; text-align:left; }
}

/* Nova investment plans reference layout */
.nova-plans-page { min-height:70vh; overflow:hidden; background:#050b15; color:#f5f8ff; }
.nova-plans-page, .nova-plans-page .container { width:100%; max-width:100%; }
.nova-plans-hero { position:relative; min-height:200px; padding:72px 0 8px; isolation:isolate; border-bottom:1px solid rgba(69,147,216,.16); background:radial-gradient(ellipse at 76% 54%,rgba(0,116,220,.25),transparent 34rem),radial-gradient(ellipse at 91% 38%,rgba(245,171,37,.15),transparent 21rem),linear-gradient(180deg,#061020 0%,#050b15 100%); }
.nova-plans-hero::before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(2,7,15,.08) 0%,rgba(2,7,15,.18) 42%,rgba(2,7,15,.08) 100%); pointer-events:none; }
.nova-plans-hero__inner { position:relative; display:flex; align-items:center; justify-content:space-between; min-height:120px; gap:28px; }
.nova-plans-hero__copy { position:relative; z-index:2; max-width:730px; }
.nova-preview-badge { display:inline-flex; align-items:center; gap:8px; padding:7px 13px; border:1px solid rgba(247,192,56,.7); border-radius:999px; color:#f5c847; font-size:.7rem; font-weight:800; letter-spacing:.09em; }
.nova-preview-badge b { color:#b7d9f8; }
.nova-plans-hero h1 { margin:10px 0 4px; color:#f7f9ff; font-size:clamp(2.55rem,5vw,4.15rem); font-weight:800; letter-spacing:-.045em; line-height:1.02; }
.nova-plans-hero h1 span { color:#08a9ff; }
.nova-plans-hero h1::first-letter { color:inherit; }
.nova-plans-hero__copy p { max-width:700px; margin:10px 0 0; color:#b7c8df; font-size:clamp(1rem,1.5vw,1.22rem); }
.nova-plans-hero__visual { position:absolute; z-index:0; top:0; bottom:0; left:50%; width:100vw; height:100%; transform:translateX(-50%); pointer-events:none; }
.nova-plans-hero__visual img { position:absolute; top:-35px; right:0; display:block; width:auto; max-width:none; height:240px; object-fit:contain; object-position:right center; opacity:.96; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%); }
.nova-plans { position:relative; padding:12px 0 20px; background:radial-gradient(ellipse at 50% 0,rgba(9,56,94,.16),transparent 45rem); }
.nova-plans.pricing-section { padding-top:0 !important; }
.nova-plans-intro { display:flex; align-items:end; justify-content:space-between; gap:25px; margin:0 0 24px; }
.nova-plans-intro h2 { margin:7px 0 0; color:#f3f7ff; font-size:clamp(1.4rem,2.2vw,1.85rem); }
.nova-plans-intro > p { max-width:510px; margin:0; color:#93a9c5; font-size:.86rem; }
.nova-plan-grid { max-width:1040px; margin:0 auto; }
body.nova-site .pricing-box.nova-plan-card { position:relative; display:flex; flex-direction:column; min-height:100%; padding:18px 22px 16px; overflow:hidden; border:1px solid rgba(0,169,255,.42); border-radius:14px; background:radial-gradient(ellipse at 0 28%,rgba(0,126,224,.2),transparent 14rem),linear-gradient(145deg,rgba(8,19,34,.98),rgba(5,11,20,.99)); box-shadow:0 14px 36px rgba(0,0,0,.23); }
.nova-plan-card__lead { display:grid; grid-template-columns:42% 1fr; align-items:center; gap:14px; margin:-18px -22px 12px; padding:10px 22px 11px; background:linear-gradient(90deg,rgba(1,20,39,.66),rgba(3,11,21,.2)); border-bottom:1px solid rgba(113,177,232,.2); }
.nova-plan-card__summary { min-width:0; }
.nova-plan-card__visual { position:relative; height:160px; display:grid; place-items:center; overflow:hidden; background:#08182b; border:1px solid rgba(113,177,232,.2); border-radius:9px; }
.nova-plan-card__visual img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.nova-plan-card--gold .nova-plan-card__visual { background:#241802; }
body.nova-site .pricing-box.nova-plan-card::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:linear-gradient(180deg,#05caff,transparent 72%); }
body.nova-site .pricing-box.nova-plan-card--gold { border-color:rgba(230,164,29,.54); background:radial-gradient(ellipse at 0 28%,rgba(176,108,10,.23),transparent 14rem),linear-gradient(145deg,rgba(25,20,13,.98),rgba(8,11,17,.99)); }
body.nova-site .pricing-box.nova-plan-card--gold::before { background:linear-gradient(180deg,#ffc12f,transparent 72%); }
.nova-plan-card__top { position:relative; align-items:center; margin-bottom:9px; padding-right:42px; }
.nova-plan-card__top > div { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; }
.nova-plan-card__top .nova-plan-card__eyebrow { flex-basis:100%; color:#88a1bd; font-size:.63rem; font-weight:800; letter-spacing:.13em; }
.nova-plan-card__top .nova-plan-card__eyebrow b { margin-left:8px; padding:4px 8px; border:1px solid rgba(73,163,238,.35); border-radius:999px; color:#83c9ff; font-size:.6rem; letter-spacing:0; text-transform:none; }
.nova-plan-card__top h3 { margin:0; font-size:1.45rem; font-weight:750; }
.nova-plan-card__top > div { flex-basis:auto; align-items:center; flex-wrap:nowrap; gap:8px; }
.nova-plan-card__top .nova-plan-card__eyebrow { flex-basis:auto; }
.nova-plan-card__top > div h3 { flex:1 1 auto; min-width:0; white-space:nowrap; font-size:1.16rem; }
.nova-plan-card__top .nova-plan-card__eyebrow { flex:0 0 auto; white-space:nowrap; }
.nova-plan-card__top > div::before { content:''; display:none; }
.nova-plan-card__summary .nova-plan-range > span { color:#91a9c7; font-size:.77rem; }
.nova-plan-card--silver .nova-plan-card__top h3 { color:#eef6ff; }
.nova-plan-card--gold .nova-plan-card__top h3 { color:#ffe2a0; }
.nova-plan-icon { flex:0 0 42px; display:grid; place-items:center; width:42px; height:42px; border:1px solid rgba(0,191,255,.6); border-radius:50%; color:#11c9ff; font-size:1.1rem; }
.nova-plan-card--gold .nova-plan-icon { border-color:rgba(255,194,47,.65); color:#ffc12f; }
.nova-plan-range { padding:2px 0 8px; border-bottom:1px solid rgba(112,164,213,.17); }
.nova-plan-range strong { margin-top:3px; font-size:1.25rem; }
.nova-plan-range__value { direction:ltr; unicode-bidi:isolate; text-align:start; }
.nova-plan-return { display:flex; align-items:baseline; gap:11px; margin:0 0 2px; padding:9px 12px; border:1px solid rgba(78,146,201,.21); border-radius:9px; background:rgba(6,20,36,.72); }
.nova-plan-return strong { color:#00c7f5; font-size:1.9rem; }
.nova-plan-return span { color:#a9c2dc; font-size:.88rem; }
.nova-plan-card--gold .nova-plan-return strong { color:#ffc12f; }
.nova-plan-details { margin:0 0 12px; }
.nova-plan-details > div { min-height:29px; padding:5px 0; border-top-color:rgba(112,164,213,.13); }
.nova-plan-details dt { color:#94acc9; font-weight:500; }
.nova-plan-details dd { color:#f1f6ff; }
.nova-plan-card .nova-btn { min-height:49px; margin-top:auto; border:0; border-radius:8px; background:linear-gradient(105deg,#f2b928 0%,#087ff3 56%,#00c5ee 100%); color:#fff; font-size:.92rem; font-weight:750; box-shadow:0 8px 20px rgba(0,131,223,.17); }
.nova-plan-card--silver .nova-btn { background:linear-gradient(105deg,#e2b82e 0%,#058bfa 55%,#00c6ec 100%); }
.nova-plan-card .nova-btn:hover { filter:brightness(1.08); transform:translateY(-1px); }
.nova-plan-card .nova-plan-card__lead { grid-template-columns:40% 1fr; }
.nova-plan-card .nova-plan-card__top > div { width:100%; min-width:0; overflow:visible; }
.nova-plan-card .nova-plan-card__top > div .nova-plan-card__eyebrow { flex-basis:auto; }
.nova-plan-card .nova-plan-card__top > div h3 { overflow:visible; text-overflow:clip; white-space:normal; }
.nova-plan-card .nova-plan-card__top .nova-plan-icon { position:absolute; top:0; right:0; flex-basis:34px; width:34px; height:34px; font-size:.9rem; }
body.nova-site.rtl .nova-plan-card__top { padding-right:0; padding-left:42px; }
body.nova-site.rtl .nova-plan-card .nova-plan-card__top .nova-plan-icon { right:auto; left:0; }
.nova-plan-calculator { display:grid; grid-template-columns:minmax(190px,1.05fr) minmax(245px,1.15fr) minmax(0,2.2fr); align-items:center; gap:18px; max-width:1180px; margin:14px auto 0; padding:13px 18px 10px; border:1px solid rgba(0,155,229,.43); border-radius:12px; background:linear-gradient(115deg,rgba(7,17,30,.98),rgba(5,11,20,.99)); box-shadow:0 14px 38px rgba(0,0,0,.2); }
.nova-plan-calculator__intro h2 { margin:6px 0 5px; color:#f4f8ff; font-size:1.4rem; }
.nova-plan-calculator__intro p,.nova-plan-calculator__note { margin:0; color:#90a7c3; font-size:.77rem; line-height:1.55; }
.nova-plan-calculator__controls { display:grid; grid-template-columns:1fr 1fr; gap:7px 10px; }
.nova-plan-calculator__controls label { color:#a4b8d1; font-size:.7rem; }
.nova-plan-calculator__controls select,.nova-plan-calculator__controls .form-control,.nova-plan-calculator__controls .input-group-text { min-height:42px !important; border-color:rgba(117,160,201,.38) !important; background:#070f1c !important; color:#f6f9ff !important; font-size:.8rem; }
.nova-plan-calculator__controls select,.nova-plan-calculator__controls .input-group { grid-column:span 1; }
.nova-plan-calculator__controls .input-group-text { padding:0 10px; }
.nova-plan-calculator__results { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding-left:20px; border-left:1px solid rgba(117,160,201,.23); }
.nova-plan-calculator__results div { min-width:0; padding:0 12px; border-left:1px solid rgba(117,160,201,.2); }
.nova-plan-calculator__results div:first-child { border-left:0; }
.nova-plan-calculator__results span,.nova-plan-calculator__results strong { display:block; }
.nova-plan-calculator__results span { color:#94aac5; font-size:.67rem; line-height:1.3; }
.nova-plan-calculator__results strong { margin-top:3px; color:#f7faff; font-size:1.1rem; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.nova-plan-calculator__results div:first-child strong,.nova-plan-calculator__results div:nth-child(2) strong { color:#00c7ed; }
.nova-plan-calculator__note { grid-column:1/-1; margin-top:-8px; }
.nova-fixture-notice { padding:10px 13px; border:1px solid rgba(255,193,7,.4); border-radius:8px; color:#ffe08b; background:rgba(255,193,7,.08); }
.nova-fixture-note { margin:10px auto 0; color:#7891ae; font-size:.7rem; text-align:center; }
@media (min-width: 992px) {
  .nova-plan-footer { padding:12px 0 6px !important; }
  .nova-plan-footer .nova-footer-grid { grid-template-columns:1fr 1.2fr 1.7fr; gap:16px; align-items:center; }
  .nova-plan-footer .nova-footer-brand p, .nova-plan-footer .nova-footer-brand .social-links { display:none; }
  .nova-plan-footer .nova-footer-brand .nova-brand img { width:145px; height:auto; }
  .nova-plan-footer .nova-footer-col { flex-direction:row; flex-wrap:wrap; align-items:center; gap:5px 13px; }
  .nova-plan-footer .nova-footer-col h4 { width:100%; margin:0 0 2px; font-size:.68rem; letter-spacing:.08em; }
  .nova-plan-footer .nova-footer-col a, .nova-plan-footer .nova-footer-col span, .nova-plan-footer .nova-footer-col p { font-size:.72rem; }
  .nova-plan-footer .nova-footer-bottom { margin-top:9px; padding-top:7px; }
}
body.nova-site.rtl .nova-plans-intro { text-align:right; }
body.nova-site.rtl .nova-plan-details dd { text-align:left; }
body.nova-site.rtl .nova-plan-calculator__results { padding-right:20px; padding-left:0; border-right:1px solid rgba(117,160,201,.23); border-left:0; }

/* Final Nova plan composition: the reference uses a centered, image-led card with
   the rate in the lead column and a compact information rhythm below it. */
body.nova-site .nova-plans > .container { max-width:1380px; }
.nova-plans-hero { min-height:202px; padding:70px 0 0; border-bottom:0; }
body.nova-site .nova-plans-hero .container { max-width:1274px; }
.nova-plans-hero__inner { min-height:132px; }
.nova-plans-hero__visual img { top:-52px; height:205px; }
.nova-plan-grid { max-width:1040px; }
body.nova-site .pricing-box.nova-plan-card { padding:0 28px 20px; }
.nova-plan-card .nova-plan-card__lead { grid-template-columns:36% 1fr; gap:0; margin:0 -28px 16px; padding:0; align-items:stretch; border-bottom:1px solid rgba(113,177,232,.2); }
.nova-plan-card__visual { height:180px; border:0; border-radius:13px 0 0 0; background:transparent; }
.nova-plan-card__visual img { border-radius:13px 0 0 0; }
.nova-plan-card__summary { padding:25px 28px 0 20px; }
.nova-plan-card__top { margin-bottom:10px; }
.nova-plan-range { padding-bottom:8px; }
.nova-plan-return { margin:16px 0 0; }
.nova-plan-card--gold .nova-plan-card__visual img { border-radius:13px 0 0 0; }
.nova-plan-calculator { max-width:1380px; }
.nova-plan-calculator__intro h2 { margin-top:0; }
body.nova-site .nova-plan-footer .container { max-width:1274px; }
.nova-plan-footer { padding-top:14px !important; padding-bottom:8px !important; }
.nova-plan-footer .nova-footer-grid { gap:18px; }
.nova-plan-footer .nova-footer-bottom { margin-top:12px; padding-top:8px; }
@media (max-width: 991.98px) {
  .nova-plans-hero__visual img { top:-48px; right:0; height:205px; object-position:right center; opacity:.78; }
  .nova-plan-calculator { grid-template-columns:1fr 1fr; }
  .nova-plan-calculator__results { grid-column:1/-1; padding:17px 0 0; border-top:1px solid rgba(117,160,201,.23); border-left:0; }
  body.nova-site.rtl .nova-plan-calculator__results { padding-right:0; border-right:0; }
  .nova-plan-calculator__note { grid-column:1/-1; margin-top:-10px; }
}
@media (max-width: 767.98px) {
  .nova-plans-hero { min-height:260px; padding:108px 0 18px; }
  body.nova-site .nova-plans-hero .container { max-width:100%; }
  body.nova-site .nova-plans > .container { max-width:100%; }
  .nova-plans-hero__inner { min-height:150px; }
  .nova-plans-hero__copy { max-width:100%; }
  .nova-plans-hero__visual img { top:-20px; right:-70px; height:230px; object-position:right center; opacity:.52; }
  .nova-plans-hero h1 { max-width:90%; font-size:2.55rem; }
  .nova-plans-hero__copy p { max-width:90%; font-size:.96rem; }
  .nova-plans { padding-top:25px; }
  .nova-plans-intro { display:block; margin-bottom:17px; }
  .nova-plans-intro > p { margin-top:9px; }
  .nova-plan-grid { gap:17px !important; }
  body.nova-site .pricing-box.nova-plan-card { padding:0 16px 18px; }
  .nova-plan-card .nova-plan-card__lead { grid-template-columns:102px minmax(0,1fr); gap:0; margin:0 -16px 14px; padding:0; }
  .nova-plan-card .nova-plan-card__visual { height:110px; }
  .nova-plan-card .nova-plan-card__visual img { border-radius:11px 0 0 0; }
  .nova-plan-card .nova-plan-card__summary { padding:14px 16px 0 12px; }
  .nova-plan-card .nova-plan-card__top { margin-bottom:7px; }
  .nova-plan-card .nova-plan-card__top > div h3 { font-size:1.08rem; }
  .nova-plan-card .nova-plan-card__top .nova-plan-icon { width:30px; height:30px; font-size:.8rem; }
  .nova-plan-card .nova-plan-range strong { font-size:1.03rem; }
  .nova-plan-card .nova-plan-return { margin-top:9px; padding:7px 9px; gap:7px; }
  .nova-plan-card .nova-plan-return strong { font-size:1.35rem; }
  .nova-plan-card .nova-plan-return span { font-size:.72rem; }
  .nova-plan-calculator { grid-template-columns:1fr; gap:16px; margin-top:22px; padding:20px 17px 16px; }
  .nova-plan-calculator__controls { grid-template-columns:1fr; }
  .nova-plan-calculator__controls select,.nova-plan-calculator__controls .input-group { grid-column:1; }
  .nova-plan-calculator__results { grid-template-columns:1fr 1fr; gap:13px 10px; }
  .nova-plan-calculator__results div { padding:0; border-left:0; }
  .nova-plan-calculator__results strong { font-size:1rem; }
  .nova-plan-calculator__note { grid-column:1; margin-top:-6px; }
}

/* Keep the compact reference composition intact on tablet-sized desktop captures. */
@media (min-width: 768px) and (max-width: 1199.98px) {
  body.nova-site .nova-plan-header > .container,
  body.nova-site .nova-plans-hero .container,
  body.nova-site .nova-plans > .container,
  body.nova-site .nova-plan-calculator,
  body.nova-site .nova-plan-footer .container {
    width: calc(100% - 24px);
    max-width: 816px;
  }
  .nova-plan-header .navbar-collapse {
    flex-basis: 0;
  }
  .nova-plan-header .navbar-nav {
    flex-direction: row;
  }
  .nova-plan-header .nova-nav-links {
    align-items: center;
    justify-content: space-between;
  }
  .nova-plan-header .nova-nav-actions {
    flex-shrink: 0;
  }
  .nova-plan-grid {
    width: 100%;
    max-width: 660px;
  }
}

/* The approved composition carries a restrained version of the supplied rock texture
   into the card section so the hero does not end at a hard horizontal edge. */
.nova-plans {
  isolation: isolate;
  background:
    linear-gradient(180deg, rgba(5, 11, 21, .2) 0%, rgba(5, 11, 21, .72) 68%, #050b15 100%),
    radial-gradient(ellipse at 84% 18%, rgba(245, 171, 37, .14), transparent 26rem),
    url('../img/plans/vyxora-plans-hero.png') left bottom / 200% auto no-repeat,
    radial-gradient(ellipse at 18% 0, rgba(9, 56, 94, .2), transparent 40rem);
}
.nova-plans::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 590px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(5, 11, 21, .08), rgba(5, 11, 21, .42) 76%, rgba(5, 11, 21, .72)),
    linear-gradient(180deg, rgba(5, 11, 21, .1), rgba(5, 11, 21, .5) 70%, #050b15 100%);
}

/* On narrow cards, make the name a full row and keep badge/icon controls together
   below it. The thumbnail and range remain grouped without letter-by-letter wrapping. */
@media (max-width: 767.98px) {
  .nova-plan-card .nova-plan-card__lead {
    grid-template-columns: minmax(84px, 30%) minmax(0, 1fr);
    grid-template-areas:
      "visual top"
      "visual range"
      "return return";
    align-items: start;
  }
  .nova-plan-card .nova-plan-card__summary { display: contents; }
  .nova-plan-card .nova-plan-card__visual {
    grid-area: visual;
    align-self: start;
    width: 100%;
  }
  .nova-plan-card .nova-plan-card__top {
    display: grid;
    grid-area: top;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 8px;
    min-width: 0;
    padding: 14px 12px 0;
    margin: 0;
  }
  .nova-plan-card .nova-plan-card__top > div {
    display: contents;
    width: auto;
  }
  .nova-plan-card .nova-plan-card__top > div h3 {
    grid-column: 1 / -1;
    min-width: 0;
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.12;
    overflow-wrap: normal;
    word-break: normal;
    white-space: normal;
  }
  .nova-plan-card .nova-plan-card__top .nova-plan-card__eyebrow {
    grid-column: 1;
    align-self: center;
    white-space: normal;
    font-size: .56rem;
  }
  .nova-plan-card .nova-plan-card__top .nova-plan-icon {
    position: static;
    grid-column: 2;
    grid-row: 2;
    display: grid;
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }
  .nova-plan-card .nova-plan-range {
    grid-area: range;
    min-width: 0;
    padding: 6px 12px 8px;
  }
  .nova-plan-card .nova-plan-range strong {
    display: block;
    overflow-wrap: normal;
    white-space: normal;
  }
  .nova-plan-card .nova-plan-return {
    grid-area: return;
    width: 100%;
    margin: 9px 0 0;
  }
  .nova-plans-hero h1 {
    overflow-wrap: anywhere;
    word-break: normal;
  }
}
@media (max-width: 339.98px) {
  .nova-plan-card .nova-plan-card__visual { height: 94px; }
  .nova-plan-card .nova-plan-card__top { padding-inline: 10px; }
  .nova-plan-card .nova-plan-range { padding-inline: 10px; }
  html[lang="FR"] .nova-plans-hero h1 {
    max-width: 100%;
    font-size: 2rem;
    overflow-wrap: normal;
  }
}
@media (min-width: 340px) and (max-width: 430px) {
  html[lang="FR"] .nova-plans-hero h1 {
    max-width: 100%;
    font-size: 2.25rem;
    overflow-wrap: normal;
  }
}

/* Match the approved centered hero-to-cards composition on desktop and tablet. */
@media (min-width: 768px) {
  .nova-plans-page {
    isolation: isolate;
    background-color: #050b15;
    background-image:
      linear-gradient(180deg, rgba(5, 11, 21, .03) 0, rgba(5, 11, 21, .1) 120px, rgba(5, 11, 21, .72) 205px, #050b15 340px),
      radial-gradient(ellipse at 12% 30%, rgba(0, 132, 255, .18), transparent 26rem),
      radial-gradient(ellipse at 92% 34%, rgba(245, 171, 37, .16), transparent 23rem),
      url('../img/plans/vyxora-plans-hero.png');
    background-repeat: no-repeat;
    background-size: auto, auto, auto, clamp(530px, 54vw, 760px) auto;
    background-position: center, 12% 28%, 93% 30%, calc(50% + clamp(96px, 12vw, 184px)) 0;
  }
  .nova-plans-page::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0 0 auto;
    height: 300px;
    pointer-events: none;
    opacity: .26;
    filter: blur(3px);
    background:
      linear-gradient(180deg, rgba(5, 11, 21, .65), transparent 34%, rgba(5, 11, 21, .82)),
      url('../img/plans/vyxora-plans-hero.png') center -90px / min(100vw, 1100px) auto no-repeat;
    -webkit-mask-image: linear-gradient(90deg, #000 0 40%, transparent 58% 72%, #000 84% 100%);
    mask-image: linear-gradient(90deg, #000 0 40%, transparent 58% 72%, #000 84% 100%);
  }
  .nova-plans-hero, .nova-plans { position: relative; z-index: 1; }
  .nova-plan-header.nova-navbar {
    min-height: 48px;
    padding: 3px 0 !important;
  }
  .nova-plan-header .nova-brand { min-width: 100px; }
  .nova-plan-header .nova-brand img { width: 100px; height: 31px; }
  .nova-plans-hero {
    min-height: 164px;
    padding: 60px 0 0;
    overflow: visible;
    border-bottom: 0;
    background: transparent;
  }
  .nova-plans-hero::before { display: none; }
  .nova-plans-hero__inner { min-height: 104px; }
  .nova-preview-badge { padding: 1px 13px; font-size: .66rem; }
  .nova-plans-hero h1 { margin: 0 0 2px; font-size: 2.4rem; }
  .nova-plans-hero__copy p { margin-top: 4px; }
  .nova-plans-hero__visual { display: none; }
  .nova-plans {
    margin-top: -24px;
    padding: 0 0 20px;
    background: transparent;
  }
  .nova-plans::before { display: none; }
}

/* Use the compact menu before a tablet header can collide. Longer translated labels
   use the same treatment even where English still fits horizontally. */
@media (min-width: 768px) and (max-width: 899.98px) {
  .nova-plan-header .navbar-toggler { display: block; }
  .nova-plan-header .navbar-collapse { display: none !important; flex-basis: 100%; }
  .nova-plan-header .navbar-collapse.show {
    display: block !important;
    margin-top: .8rem;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(7, 11, 20, .98);
    box-shadow: var(--shadow-md);
  }
  .nova-plan-header .navbar-nav { flex-direction: column; align-items: stretch; }
  .nova-plan-header .nova-nav-links .nav-link { padding: .7rem .6rem !important; font-size: .76rem; }
  .nova-plan-header .nova-nav-actions {
    margin-top: 12px;
    padding-top: 14px;
    border-top: 1px solid var(--border);
  }
}
@media (min-width: 900px) and (max-width: 1199.98px) {
  html[lang="FR"] .nova-plan-header .navbar-toggler,
  html[lang="AR"] .nova-plan-header .navbar-toggler { display: block; }
  html[lang="FR"] .nova-plan-header .navbar-collapse,
  html[lang="AR"] .nova-plan-header .navbar-collapse { display: none !important; flex-basis: 100%; }
  html[lang="FR"] .nova-plan-header .navbar-collapse.show,
  html[lang="AR"] .nova-plan-header .navbar-collapse.show {
    display: block !important;
    margin-top: .8rem;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(7, 11, 20, .98);
    box-shadow: var(--shadow-md);
  }
  html[lang="FR"] .nova-plan-header .navbar-nav,
  html[lang="AR"] .nova-plan-header .navbar-nav { flex-direction: column; align-items: stretch; }
  html[lang="FR"] .nova-plan-header .nova-nav-links .nav-link,
  html[lang="AR"] .nova-plan-header .nova-nav-links .nav-link { padding: .7rem .6rem !important; font-size: .76rem; }
  html[lang="FR"] .nova-plan-header .nova-nav-actions,
  html[lang="AR"] .nova-plan-header .nova-nav-actions {
    margin-top: 12px;
    padding-top: 14px;
    border-top: 1px solid var(--border);
  }
}

@media (max-width: 1199.98px) {
  body.nova-nav-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 1020;
    pointer-events: auto;
    background: rgba(1, 4, 10, .56);
  }
}