:root {
  --damane-blue: #0064af;
  --damane-blue-dark: #16234d;
  --damane-blue-soft: #f2f7fc;
  --damane-border: #d9e4ef;
  --damane-text: #24364b;
  --damane-muted: #667085;
  --damane-success: #2eb872;
  --damane-danger: #d92d20;
  --damane-warning: #f59e0b;
  --damane-radius: 8px;
  --damane-shadow: 0 10px 28px rgba(22, 35, 77, 0.08);
}

body {
  color: var(--damane-text);
}

.page-wrapper,
.app-content {
  background: #f8fbff;
}

.card,
.invoice-preview-card,
.pricing-section .single-pricing-style1,
.services-one__single,
.feature-one__single {
  border: 1px solid var(--damane-border);
  border-radius: var(--damane-radius);
  box-shadow: var(--damane-shadow);
}

.card-header,
.card-body.border-bottom {
  border-color: var(--damane-border) !important;
}

.card-title,
.content-header-title,
h1,
h2,
h3,
h4 {
  color: var(--damane-blue-dark);
}

.btn {
  border-radius: 7px;
  font-weight: 600;
  letter-spacing: 0;
}

.btn-primary,
.btn-primary:hover,
.thm-btn,
.thm-btn:hover {
  background: var(--damane-blue) !important;
  border-color: var(--damane-blue) !important;
  color: #fff !important;
}

.btn-outline-primary {
  border-color: var(--damane-blue) !important;
  color: var(--damane-blue) !important;
}

.btn-outline-primary:hover {
  background: var(--damane-blue) !important;
  color: #fff !important;
}

.btn-success,
.badge.bg-success {
  background: var(--damane-success) !important;
}

.btn-danger,
.badge.bg-danger {
  background: var(--damane-danger) !important;
}

.btn-warning,
.badge.bg-warning {
  background: var(--damane-warning) !important;
}

.badge {
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0;
  padding: 0.42rem 0.72rem;
}

.form-control,
.form-select,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-color: var(--damane-border);
  border-radius: 7px;
}

.form-control:focus,
.form-select:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single:focus {
  border-color: var(--damane-blue);
  box-shadow: 0 0 0 0.18rem rgba(0, 100, 175, 0.12);
}

.form-label {
  color: var(--damane-blue-dark);
  font-weight: 600;
}

.text-muted,
small.text-muted {
  color: var(--damane-muted) !important;
}

.table {
  color: var(--damane-text);
}

.table thead th {
  background: var(--damane-blue-soft);
  color: var(--damane-blue-dark);
  border-bottom-color: var(--damane-border);
  font-weight: 700;
  vertical-align: middle;
}

.table td,
.table th {
  vertical-align: middle;
  border-color: var(--damane-border);
}

.table-responsive {
  border-radius: var(--damane-radius);
}

.dataTables_wrapper .dataTables_filter {
  margin-bottom: 0.75rem;
}

.dataTables_wrapper .pagination .page-link {
  border-radius: 6px;
  color: var(--damane-blue);
}

.dataTables_wrapper .pagination .page-item.active .page-link {
  background: var(--damane-blue);
  border-color: var(--damane-blue);
}

.main-menu,
.header-navbar,
.navbar-container {
  border-color: var(--damane-border);
}

.main-menu .navigation > li.active > a,
.main-menu .navigation > li ul .active {
  background: rgba(0, 100, 175, 0.1) !important;
  color: var(--damane-blue) !important;
}

.alert {
  border-radius: var(--damane-radius);
  border-width: 1px;
}

.damane-homepage .main-slider,
.page-header {
  color: var(--damane-blue-dark);
}

.page-wrapper .container,
.page-wrapper .container-fluid {
  max-width: 1280px;
}

.app-content .content-wrapper {
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  overflow-x: hidden;
}

.form-step,
.page-wrapper form .row[style*="border"],
.app-content form .row[style*="border"] {
  background: #fff;
  border: 1px solid var(--damane-border) !important;
  border-radius: var(--damane-radius) !important;
  box-shadow: var(--damane-shadow);
  padding: 1.25rem !important;
}

.form-step h3,
.form-step h4,
.page-wrapper form h3,
.app-content form h3 {
  color: var(--damane-blue-dark) !important;
}

.page-wrapper input,
.page-wrapper select,
.page-wrapper textarea,
.app-content input,
.app-content select,
.app-content textarea {
  min-height: 42px;
}

.page-wrapper label,
.app-content label {
  letter-spacing: 0;
}

.pricing-section,
.contact-page,
.get-insurance,
.services-one,
.feature-one,
.faq-page,
.main-slider {
  background-color: #f8fbff;
}

.pricing-section .container,
.contact-page .container,
.get-insurance .container,
.services-one .container,
.feature-one .container,
.faq-page .container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.single-pricing-style1,
.contact-page__form,
.get-insurance__form,
.comment-one__form,
.faq-one-accrodion .accrodion,
.accordion-item {
  background: #fff;
  border: 1px solid var(--damane-border);
  border-radius: var(--damane-radius);
  box-shadow: var(--damane-shadow);
}

.contact-page__form input,
.contact-page__form textarea,
.get-insurance__form input,
.get-insurance__form select,
.get-insurance__form textarea {
  border: 1px solid var(--damane-border) !important;
  border-radius: 7px !important;
}

.app-content .card-datatable,
.app-content .table-responsive {
  background: #fff;
}

.app-content .card-datatable {
  max-width: 100%;
  overflow-x: auto;
  padding-right: 0.75rem;
}

.app-content .dataTables_wrapper {
  max-width: 100%;
}

.app-content table.dataTable {
  width: 100% !important;
  max-width: 100%;
}

.app-content table.dataTable th,
.app-content table.dataTable td {
  white-space: normal;
}

.app-content table.dataTable th:last-child,
.app-content table.dataTable td:last-child {
  min-width: 110px;
  max-width: 150px;
}

.app-content .content-body > .row,
.app-content .content-body > section {
  margin-bottom: 1.5rem;
}

.main-menu.menu-light .navigation > li ul .active,
.main-menu.menu-light .navigation > li.active > a {
  border-radius: 7px;
}

@media (max-width: 767.98px) {
  .card-body,
  .card-header {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .btn {
    white-space: normal;
  }

  .table-responsive {
    overflow-x: auto;
  }

  .app-content .content-wrapper {
    margin-right: 0;
    max-width: 100%;
  }

  .dataTables_wrapper .dt-buttons,
  .dataTables_wrapper .dataTables_filter {
    width: 100%;
  }
}

/* CMS premium lift - global visual layer only */
.vertical-layout {
  background: #f4f7fb;
}

.vertical-layout .app-content {
  background:
    radial-gradient(circle at 18% 0%, rgba(0, 100, 175, 0.08), transparent 32rem),
    linear-gradient(180deg, #f7fbff 0%, #eef3f8 100%);
  min-height: 100vh;
}

.vertical-layout .content-wrapper {
  padding-top: 1.25rem;
  padding-bottom: 2rem;
}

.app-content .content-body {
  color: var(--damane-text);
}

.app-content .content-header-title,
.app-content .breadcrumb-wrapper,
.app-content .breadcrumb a {
  color: var(--damane-blue-dark);
}

.app-content .card {
  border: 1px solid rgba(217, 228, 239, 0.88);
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(22, 35, 77, 0.08);
  overflow: hidden;
}

.app-content .card-header {
  background: #fff;
  border-bottom: 1px solid rgba(217, 228, 239, 0.85);
  padding: 1.15rem 1.25rem;
}

.app-content .card-title {
  font-weight: 700;
  letter-spacing: 0;
}

.app-content .card-body {
  padding: 1.25rem;
}

.app-content .card-datatable {
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(217, 228, 239, 0.65);
  padding: 0.75rem;
}

.app-content .dataTables_wrapper {
  color: var(--damane-text);
}

.app-content .dataTables_wrapper .row:first-child,
.app-content .dataTables_wrapper .row:last-child {
  align-items: center;
  gap: 0.75rem 0;
}

.app-content .dataTables_length label,
.app-content .dataTables_filter label,
.app-content .dataTables_info {
  color: var(--damane-muted);
  font-weight: 600;
}

.app-content .dataTables_filter input,
.app-content .dataTables_length select,
.app-content .form-control,
.app-content .form-select {
  border: 1px solid var(--damane-border);
  border-radius: 8px;
  min-height: 42px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.app-content .dataTables_filter input:focus,
.app-content .dataTables_length select:focus,
.app-content .form-control:focus,
.app-content .form-select:focus {
  border-color: var(--damane-blue);
  box-shadow: 0 0 0 0.18rem rgba(0, 100, 175, 0.12);
}

.app-content .dt-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.app-content .dt-buttons .btn,
.app-content .btn {
  border-radius: 8px;
  font-weight: 700;
  letter-spacing: 0;
  box-shadow: none;
}

.app-content .dt-buttons .btn {
  background: #fff !important;
  border: 1px solid var(--damane-border) !important;
  color: var(--damane-blue-dark) !important;
}

.app-content .dt-buttons .btn:hover {
  border-color: var(--damane-blue) !important;
  color: var(--damane-blue) !important;
  box-shadow: 0 8px 20px rgba(22, 35, 77, 0.08);
}

.app-content .btn-primary,
.app-content .btn-primary:hover,
.app-content .btn-primary:focus {
  background: var(--damane-blue) !important;
  border-color: var(--damane-blue) !important;
}

.app-content table.dataTable {
  border-collapse: separate !important;
  border-spacing: 0;
  margin-top: 0.75rem !important;
}

.app-content table.dataTable thead th {
  background: var(--damane-blue) !important;
  border-bottom: 1px solid var(--damane-blue-dark) !important;
  color: #fff !important;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0;
  padding: 0.95rem 0.85rem;
  text-align: center;
  text-transform: none;
  vertical-align: middle;
}

.app-content table.dataTable tbody td {
  background: #fff;
  border-bottom: 1px solid rgba(217, 228, 239, 0.75);
  color: var(--damane-text);
  padding: 0.95rem 0.85rem;
}

.app-content table.dataTable tbody tr:hover td {
  background: #f8fbff;
}

.app-content table.dataTable tbody tr:last-child td {
  border-bottom-color: transparent;
}

.app-content table.dataTable .badge,
.app-content .badge {
  border-radius: 999px;
  font-weight: 800;
  padding: 0.45rem 0.72rem;
}

.app-content .pagination {
  gap: 0.25rem;
}

.app-content .pagination .page-link {
  border: 1px solid var(--damane-border);
  border-radius: 8px;
  color: var(--damane-blue-dark);
  font-weight: 700;
  min-width: 36px;
  text-align: center;
}

.app-content .pagination .page-link:hover {
  background: #f1f6fb;
  border-color: var(--damane-blue);
  color: var(--damane-blue);
}

.app-content .pagination .active .page-link,
.app-content .page-item.active .page-link {
  background: var(--damane-blue);
  border-color: var(--damane-blue);
  color: #fff;
}

.header-navbar.navbar-shadow {
  border: 1px solid rgba(217, 228, 239, 0.9);
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(22, 35, 77, 0.08) !important;
}

.header-navbar .navbar-container {
  min-height: 68px;
}

.header-navbar .user-name {
  color: var(--damane-blue-dark);
  font-weight: 800;
}

.header-navbar .user-status {
  color: var(--damane-muted);
}

.main-menu.menu-fixed {
  background: #0064af !important;
  box-shadow: 10px 0 30px rgba(22, 35, 77, 0.12);
}

.main-menu .navbar-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.main-menu .navigation > li > a {
  border-radius: 8px;
  margin: 0.12rem 0.75rem;
}

.main-menu .navigation > li > a,
.main-menu .navigation > li > a i,
.main-menu .navigation > li > a span {
  color: rgba(255, 255, 255, 0.88) !important;
}

.main-menu .navigation > li.active > a,
.main-menu .navigation > li > a:hover,
.main-menu.menu-light .navigation > li.active > a {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
  box-shadow: none;
}

.main-menu .navigation .navigation-header span {
  color: rgba(255, 255, 255, 0.62) !important;
  font-weight: 800;
  letter-spacing: 0;
}

/* CMS sidebar premium navigation */
.vertical-layout .main-menu.menu-fixed {
  background:
    linear-gradient(180deg, #00589c 0%, #0064af 48%, #003f73 100%) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 14px 0 34px rgba(22, 35, 77, 0.18);
}

.vertical-layout .main-menu .navbar-header {
  background: rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.06);
}

.vertical-layout .main-menu .navigation {
  background: transparent !important;
  padding: 0.75rem 0.65rem 1.25rem;
}

.vertical-layout .main-menu .navigation .navigation-header {
  margin: 1rem 0.35rem 0.45rem;
  padding: 0.35rem 0.55rem;
}

.vertical-layout .main-menu .navigation .navigation-header span {
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
}

.vertical-layout .main-menu .navigation .navigation-header svg,
.vertical-layout .main-menu .navigation .navigation-header i {
  color: rgba(255, 255, 255, 0.46) !important;
}

.vertical-layout .main-menu .navigation > li,
.vertical-layout .main-menu .navigation li {
  margin: 0.08rem 0;
}

.vertical-layout .main-menu .navigation > li > a,
.vertical-layout .main-menu .navigation li a {
  border: 1px solid transparent;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.86) !important;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0.08rem 0.15rem;
  outline-color: rgba(255, 255, 255, 0.34);
  padding: 0.68rem 0.85rem;
  position: relative;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.vertical-layout .main-menu .navigation li a svg,
.vertical-layout .main-menu .navigation li a i {
  color: rgba(255, 255, 255, 0.78) !important;
  margin-right: 0.72rem;
  stroke-width: 2.25;
}

.vertical-layout .main-menu .navigation li a .menu-title,
.vertical-layout .main-menu .navigation li a .menu-item {
  color: rgba(255, 255, 255, 0.88) !important;
}

.vertical-layout .main-menu .navigation li.has-sub > a {
  padding-right: 2.1rem;
}

.vertical-layout .main-menu .navigation li.has-sub > a:after {
  border: 0;
  color: rgba(255, 255, 255, 0.72);
  content: "›";
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1;
  opacity: 1;
  position: absolute;
  right: 0.82rem;
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.18s ease, transform 0.18s ease;
}

.vertical-layout .main-menu .navigation li.has-sub.open > a:after,
.vertical-layout .main-menu .navigation li.has-sub.sidebar-group-active > a:after {
  color: #ffffff;
  transform: translateY(-50%) rotate(90deg);
}

.vertical-layout .main-menu .navigation > li > a:hover,
.vertical-layout .main-menu .navigation > li > a:focus,
.vertical-layout .main-menu .navigation li a:hover,
.vertical-layout .main-menu .navigation li a:focus {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 8px 18px rgba(0, 37, 71, 0.14);
  color: #ffffff !important;
}

.vertical-layout .main-menu .navigation > li.active > a,
.vertical-layout .main-menu .navigation > li.open > a,
.vertical-layout .main-menu .navigation > li.sidebar-group-active > a,
.vertical-layout .main-menu.menu-light .navigation > li.active > a,
.vertical-layout .main-menu.menu-light .navigation > li.open > a,
.vertical-layout .main-menu.menu-light .navigation > li.sidebar-group-active > a {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow: inset 3px 0 0 #ffffff, 0 10px 22px rgba(0, 37, 71, 0.18);
  color: #ffffff !important;
}

.vertical-layout .main-menu .navigation > li.active > a svg,
.vertical-layout .main-menu .navigation > li.active > a i,
.vertical-layout .main-menu .navigation > li.open > a svg,
.vertical-layout .main-menu .navigation > li.open > a i,
.vertical-layout .main-menu .navigation > li.sidebar-group-active > a svg,
.vertical-layout .main-menu .navigation > li.sidebar-group-active > a i {
  color: #ffffff !important;
}

.vertical-layout .main-menu .navigation li.active > a .menu-title,
.vertical-layout .main-menu .navigation li.active > a .menu-item,
.vertical-layout .main-menu .navigation li.open > a .menu-title,
.vertical-layout .main-menu .navigation li.open > a .menu-item,
.vertical-layout .main-menu .navigation li.sidebar-group-active > a .menu-title,
.vertical-layout .main-menu .navigation li.sidebar-group-active > a .menu-item {
  color: #ffffff !important;
  opacity: 1;
}

.vertical-layout .main-menu .navigation > li > ul.menu-content,
.vertical-layout .main-menu .navigation li ul.menu-content {
  background: rgba(0, 47, 89, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  margin: 0.18rem 0.15rem 0.35rem 0.15rem;
  padding: 0.3rem 0.25rem;
}

.vertical-layout .main-menu .navigation > li:not(.open):not(.sidebar-group-active) > ul.menu-content {
  display: none;
}

.vertical-layout .main-menu .navigation ul.menu-content li a {
  background: transparent !important;
  border-radius: 7px;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 0.88rem;
  font-weight: 600;
  margin: 0.06rem 0;
  padding: 0.52rem 0.75rem 0.52rem 1.05rem;
}

.vertical-layout .main-menu .navigation ul.menu-content li a .menu-item {
  color: rgba(255, 255, 255, 0.78) !important;
}

.vertical-layout .main-menu .navigation ul.menu-content li a svg,
.vertical-layout .main-menu .navigation ul.menu-content li a i {
  color: rgba(255, 255, 255, 0.58) !important;
  margin-right: 0.55rem;
}

.vertical-layout .main-menu .navigation ul.menu-content li a:hover,
.vertical-layout .main-menu .navigation ul.menu-content li a:focus {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.14);
  color: #ffffff !important;
}

.vertical-layout .main-menu .navigation ul.menu-content li.active > a,
.vertical-layout .main-menu .navigation ul.menu-content li.sidebar-group-active > a,
.vertical-layout .main-menu .navigation ul.menu-content li.open > a,
.vertical-layout .main-menu.menu-light .navigation > li ul .active > a {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow: inset 3px 0 0 #ffffff;
  color: #ffffff !important;
  font-weight: 800;
}

.vertical-layout .main-menu .navigation ul.menu-content li.active > a .menu-item,
.vertical-layout .main-menu .navigation ul.menu-content li.sidebar-group-active > a .menu-item,
.vertical-layout .main-menu .navigation ul.menu-content li.open > a .menu-item {
  color: #ffffff !important;
}

.vertical-layout.menu-collapsed .main-menu .navigation > li > a {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  padding-left: 0.82rem;
  padding-right: 0.82rem;
}

/* Sidebar V4 final hierarchy: closed submenus by default */
.vertical-layout .main-menu .navigation li.has-sub:not(.open):not(.sidebar-group-active) > ul.menu-content {
  display: none !important;
}

.vertical-layout .main-menu .navigation li.has-sub.open > ul.menu-content,
.vertical-layout .main-menu .navigation li.has-sub.sidebar-group-active > ul.menu-content {
  display: block !important;
}

.vertical-layout .main-menu .navigation .navigation-header {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin-top: 1.1rem;
  opacity: 1;
}

.vertical-layout .main-menu .navigation .navigation-header:first-child {
  border-top-color: transparent;
  margin-top: 0.45rem;
}

.vertical-layout .main-menu .navigation .navigation-header span {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 0.76rem;
  font-weight: 900;
}

.vertical-layout .main-menu .navigation > li.nav-item > a {
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 5px 14px rgba(0, 43, 82, 0.1);
  font-size: 0.94rem;
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub.open > a,
.vertical-layout .main-menu .navigation > li.nav-item.has-sub.sidebar-group-active > a {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: inset 3px 0 0 #ffffff, 0 12px 24px rgba(0, 37, 71, 0.22);
}

.vertical-layout .main-menu .navigation li.has-sub.open > a,
.vertical-layout .main-menu .navigation li.has-sub.sidebar-group-active > a {
  color: #ffffff !important;
}

.vertical-layout .main-menu .navigation li.has-sub.open > a .menu-title,
.vertical-layout .main-menu .navigation li.has-sub.sidebar-group-active > a .menu-title,
.vertical-layout .main-menu .navigation li.has-sub.open > a .menu-item,
.vertical-layout .main-menu .navigation li.has-sub.sidebar-group-active > a .menu-item {
  color: #ffffff !important;
}

.vertical-layout .main-menu .navigation li.has-sub > a:after {
  color: rgba(255, 255, 255, 0.86);
  content: "›";
}

.vertical-layout .main-menu .navigation li.has-sub.open > a:after,
.vertical-layout .main-menu .navigation li.has-sub.sidebar-group-active > a:after {
  color: #ffffff;
  content: "⌄";
  transform: translateY(-50%);
}

.vertical-layout .main-menu .navigation ul.menu-content {
  background: rgba(0, 38, 72, 0.44) !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 8px 18px rgba(0, 37, 71, 0.12) !important;
}

.vertical-layout .main-menu .navigation ul.menu-content ul.menu-content {
  background: rgba(0, 31, 60, 0.52) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.1) !important;
}

.vertical-layout .main-menu .navigation ul.menu-content li a {
  font-size: 0.84rem;
  font-weight: 650;
}

.vertical-layout .main-menu .navigation ul.menu-content ul.menu-content li a {
  font-size: 0.8rem;
  opacity: 0.96;
}

.vertical-layout .main-menu .navigation ul.menu-content li.active > a,
.vertical-layout .main-menu .navigation ul.menu-content li.sidebar-group-active > a {
  background: rgba(255, 255, 255, 0.22) !important;
  box-shadow: inset 4px 0 0 #ffffff, 0 8px 16px rgba(0, 37, 71, 0.16) !important;
}

/* Sidebar accordion: 7 premium top-level sections */
.vertical-layout .main-menu .navigation > li.navigation-header {
  display: none !important;
}

.vertical-layout .main-menu .navigation > li.nav-item {
  margin: 0.36rem 0.18rem;
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub > a {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.07)) !important;
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 9px 22px rgba(0, 35, 68, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: #ffffff !important;
  font-size: 0.98rem;
  font-weight: 900;
  text-transform: uppercase;
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub > a .menu-title {
  color: #ffffff !important;
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub > a svg,
.vertical-layout .main-menu .navigation > li.nav-item.has-sub > a i {
  color: rgba(255, 255, 255, 0.94) !important;
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub > ul.menu-content {
  margin-top: 0.32rem;
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub.open > a,
.vertical-layout .main-menu .navigation > li.nav-item.has-sub.sidebar-group-active > a {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.12)) !important;
  border-color: rgba(255, 255, 255, 0.32);
  box-shadow: inset 4px 0 0 #ffffff, 0 12px 26px rgba(0, 35, 68, 0.24);
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub:not(.open):not(.sidebar-group-active) > ul.menu-content {
  display: none !important;
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub.open > ul.menu-content,
.vertical-layout .main-menu .navigation > li.nav-item.has-sub.sidebar-group-active > ul.menu-content {
  display: block !important;
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub > ul.menu-content > li > a {
  font-size: 0.86rem;
  font-weight: 720;
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub > ul.menu-content > li.has-sub > a {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.1);
}

.vertical-layout .main-menu .navigation ul.menu-content ul.menu-content li a {
  font-size: 0.79rem;
  font-weight: 620;
}

/* Sidebar V6 premium blue and logo breathing space */
.vertical-layout .main-menu.menu-fixed {
  background:
    linear-gradient(180deg, #061b43 0%, #073d7d 52%, #04162f 100%) !important;
  border-right-color: rgba(255, 255, 255, 0.16);
  box-shadow: 18px 0 42px rgba(3, 18, 44, 0.28);
}

.vertical-layout .main-menu .navbar-header {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.025));
  border-bottom-color: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  margin-bottom: 1.15rem;
}

.vertical-layout .main-menu .navbar-header .brand-logo img {
  filter: drop-shadow(0 10px 18px rgba(0, 11, 32, 0.26));
}

.vertical-layout .main-menu .main-menu-content {
  padding-top: 1.35rem;
}

.vertical-layout .main-menu .navigation {
  padding-top: 0.35rem;
}

.vertical-layout .main-menu .navigation > li.nav-item:first-child {
  margin-top: 0.2rem;
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub > a {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.065)) !important;
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 11px 26px rgba(0, 13, 36, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub > a:hover,
.vertical-layout .main-menu .navigation > li.nav-item.has-sub > a:focus {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.23), rgba(255, 255, 255, 0.095)) !important;
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 14px 30px rgba(0, 13, 36, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub.open > a,
.vertical-layout .main-menu .navigation > li.nav-item.has-sub.sidebar-group-active > a {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.13)) !important;
  border-color: rgba(255, 255, 255, 0.36);
  box-shadow: inset 4px 0 0 #ffffff, 0 15px 32px rgba(0, 13, 36, 0.3);
}

.header-navbar .damane-topbar-quick {
  flex-wrap: wrap;
  gap: 0.38rem;
  margin-left: 0.75rem;
  max-width: calc(100vw - 430px);
}

.header-navbar .damane-topbar-quick-link {
  align-items: center;
  background-color: rgba(0, 100, 175, 0.08);
  border: 1px solid rgba(0, 100, 175, 0.16);
  border-radius: 8px;
  box-shadow: 0 5px 14px rgba(22, 35, 77, 0.07);
  color: #00589c;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 800;
  gap: 0.36rem;
  padding: 0.42rem 0.62rem;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
  white-space: nowrap;
}

.header-navbar .damane-topbar-quick-link:hover,
.header-navbar .damane-topbar-quick-link:focus {
  background-color: rgba(0, 100, 175, 0.14);
  border-color: rgba(0, 100, 175, 0.28);
  box-shadow: 0 8px 18px rgba(22, 35, 77, 0.12);
  color: #003f73;
}

.header-navbar .damane-topbar-quick-link svg,
.header-navbar .damane-topbar-quick-link i {
  color: currentColor;
  height: 0.92rem;
  width: 0.92rem;
}

/* CMS page titles and internal navigation */
.app-content .damane-cms-page-head {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  gap: 0.85rem;
  width: 100%;
}

.app-content .content-header-title {
  color: #073d7d !important;
  float: none !important;
  font-size: 1.42rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}

.app-content .breadcrumb-wrapper {
  margin-top: 0.28rem;
}

.app-content .damane-cms-page-nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
  justify-content: flex-end;
}

.app-content .damane-cms-page-nav-link {
  align-items: center;
  background-color: rgba(7, 61, 125, 0.08);
  border: 1px solid rgba(7, 61, 125, 0.16);
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(22, 35, 77, 0.07);
  color: #073d7d;
  display: inline-flex;
  font-size: 0.8rem;
  font-weight: 800;
  gap: 0.38rem;
  padding: 0.45rem 0.68rem;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
  white-space: nowrap;
}

.app-content .damane-cms-page-nav-link:hover,
.app-content .damane-cms-page-nav-link:focus {
  background-color: rgba(7, 61, 125, 0.14);
  border-color: rgba(7, 61, 125, 0.28);
  box-shadow: 0 9px 20px rgba(22, 35, 77, 0.12);
  color: #04162f;
}

.app-content .damane-cms-page-nav-link svg,
.app-content .damane-cms-page-nav-link i {
  color: currentColor;
  height: 0.92rem;
  width: 0.92rem;
}

.vertical-layout .main-menu .damane-sidebar-logo-link {
  display: inline-block;
  outline-color: rgba(255, 255, 255, 0.42);
}

.vertical-layout .main-menu .damane-sidebar-logo-link:hover img,
.vertical-layout .main-menu .damane-sidebar-logo-link:focus img {
  filter: drop-shadow(0 12px 22px rgba(0, 11, 32, 0.34));
  opacity: 0.96;
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub > ul.menu-content > li:not(.has-sub) > a {
  background: transparent !important;
  border-color: transparent;
  box-shadow: none;
}

.vertical-layout .main-menu .navigation > li.nav-item.has-sub > ul.menu-content > li:not(.has-sub) > a:hover,
.vertical-layout .main-menu .navigation > li.nav-item.has-sub > ul.menu-content > li:not(.has-sub) > a:focus {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: none;
}

@media (max-width: 1199.98px) {
  .vertical-layout .main-menu.menu-fixed {
    box-shadow: 18px 0 38px rgba(22, 35, 77, 0.22);
  }

  .vertical-layout .main-menu .navigation > li > a,
  .vertical-layout .main-menu .navigation li a {
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
  }
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-radius: 8px;
  min-height: 42px;
}

@media (min-width: 1200px) {
  .app-content .content-wrapper {
    margin-right: 0;
    max-width: 100%;
  }
}

@media (max-width: 991.98px) {
  .vertical-layout .content-wrapper {
    padding-top: 0.75rem;
  }

  .header-navbar.navbar-shadow {
    border-radius: 0;
  }

  .app-content .card-datatable {
    padding: 0.5rem;
  }
}

/* CMS table overflow containment */
.vertical-layout .app-content,
.vertical-layout .content,
.vertical-layout .content-wrapper,
.vertical-layout .content-body,
.vertical-layout .layout-wrapper,
.vertical-layout .layout-page,
.vertical-layout .container-xxl,
.vertical-layout .container-fluid,
.vertical-layout #ajax-datatable,
.vertical-layout #ajax-datatable .row,
.vertical-layout #ajax-datatable .col-12 {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}

.vertical-layout .app-content,
.vertical-layout .content,
.vertical-layout .content-wrapper,
.vertical-layout .content-body,
.vertical-layout .layout-wrapper,
.vertical-layout .layout-page {
  overflow-x: hidden;
}

.vertical-layout .app-content .content-wrapper {
  box-sizing: border-box;
  margin-right: 0;
  max-width: 100%;
  min-width: 0;
  padding-left: 1.5rem;
  padding-right: 2rem;
  width: 100%;
}

.vertical-layout .app-content .container-xxl,
.vertical-layout .app-content .container-fluid,
.vertical-layout .app-content .content-body {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
  width: 100%;
}

.vertical-layout .app-content .content-body > .row,
.vertical-layout .app-content #ajax-datatable,
.vertical-layout .app-content #ajax-datatable > .row {
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.app-content #ajax-datatable .card {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  width: 100%;
}

.app-content #ajax-datatable .card-datatable {
  box-sizing: border-box;
  contain: inline-size;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.75rem;
  scrollbar-gutter: stable;
  width: 100%;
}

.app-content #ajax-datatable .dataTables_wrapper {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  overflow-x: visible;
  width: 100%;
}

.app-content #ajax-datatable .dataTables_wrapper > .row {
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

.app-content #ajax-datatable table.dataTable {
  min-width: 980px;
  table-layout: auto;
  width: 100% !important;
}

.app-content #ajax-datatable .cms-demand-filter-form,
.app-content #ajax-datatable .cms-demand-filter-form .row {
  box-sizing: border-box;
  max-width: 100%;
}

@media (max-width: 1199.98px) {
  .vertical-layout .app-content .content-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* CMS contrast lift for filters, fields and tables */
.vertical-layout .app-content .card-body.border-bottom,
.vertical-layout .app-content .cms-demand-filter-form,
.vertical-layout .app-content #ajax-datatable .card-body {
  background: linear-gradient(180deg, #f4f8fc 0%, #edf4fb 100%);
  border-bottom: 1px solid rgba(0, 100, 175, 0.16) !important;
}

.vertical-layout .app-content .card-body.border-bottom .card-title,
.vertical-layout .app-content .cms-demand-filter-form h1,
.vertical-layout .app-content .cms-demand-filter-form h2,
.vertical-layout .app-content .cms-demand-filter-form h3,
.vertical-layout .app-content .cms-demand-filter-form h4,
.vertical-layout .app-content .cms-demand-filter-form h5,
.vertical-layout .app-content .cms-demand-filter-form h6 {
  color: var(--damane-blue-dark);
  font-weight: 800;
  position: relative;
}

.vertical-layout .app-content .card-body.border-bottom .card-title::before,
.vertical-layout .app-content .cms-demand-filter-form h1::before,
.vertical-layout .app-content .cms-demand-filter-form h2::before,
.vertical-layout .app-content .cms-demand-filter-form h3::before,
.vertical-layout .app-content .cms-demand-filter-form h4::before,
.vertical-layout .app-content .cms-demand-filter-form h5::before,
.vertical-layout .app-content .cms-demand-filter-form h6::before {
  background: var(--damane-blue);
  border-radius: 999px;
  content: "";
  display: inline-block;
  height: 1.1rem;
  margin-right: 0.5rem;
  vertical-align: -0.15rem;
  width: 4px;
}

.vertical-layout .app-content input.form-control,
.vertical-layout .app-content select.form-select,
.vertical-layout .app-content textarea.form-control,
.vertical-layout .app-content .dataTables_filter input,
.vertical-layout .app-content .dataTables_length select,
.vertical-layout .app-content .select2-container--default .select2-selection--single,
.vertical-layout .app-content .select2-container--default .select2-selection--multiple {
  background-color: #fbfdff !important;
  border: 1px solid #b8cce0 !important;
  border-radius: 8px !important;
  box-shadow: 0 3px 10px rgba(22, 35, 77, 0.06);
  color: var(--damane-blue-dark) !important;
  font-weight: 600;
  min-height: 44px;
}

.vertical-layout .app-content input.form-control::placeholder,
.vertical-layout .app-content textarea.form-control::placeholder,
.vertical-layout .app-content .dataTables_filter input::placeholder {
  color: #63758a;
  opacity: 1;
}

.vertical-layout .app-content input.form-control:hover,
.vertical-layout .app-content select.form-select:hover,
.vertical-layout .app-content textarea.form-control:hover,
.vertical-layout .app-content .dataTables_filter input:hover,
.vertical-layout .app-content .dataTables_length select:hover,
.vertical-layout .app-content .select2-container--default .select2-selection--single:hover,
.vertical-layout .app-content .select2-container--default .select2-selection--multiple:hover {
  border-color: rgba(0, 100, 175, 0.62) !important;
  box-shadow: 0 6px 16px rgba(22, 35, 77, 0.1);
}

.vertical-layout .app-content input.form-control:focus,
.vertical-layout .app-content select.form-select:focus,
.vertical-layout .app-content textarea.form-control:focus,
.vertical-layout .app-content .dataTables_filter input:focus,
.vertical-layout .app-content .dataTables_length select:focus,
.vertical-layout .app-content .select2-container--default.select2-container--focus .select2-selection--single,
.vertical-layout .app-content .select2-container--default.select2-container--focus .select2-selection--multiple {
  background-color: #fff !important;
  border-color: var(--damane-blue) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 100, 175, 0.16), 0 8px 18px rgba(22, 35, 77, 0.1) !important;
  color: var(--damane-blue-dark) !important;
}

.vertical-layout .app-content .select2-container--default .select2-selection--single .select2-selection__rendered,
.vertical-layout .app-content .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  color: var(--damane-blue-dark);
  font-weight: 600;
  line-height: 42px;
}

.vertical-layout .app-content .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 42px;
}

.vertical-layout .select2-container--open .select2-dropdown,
.select2-container--open .select2-dropdown {
  background: #ffffff !important;
  border: 1px solid #b8d3ea !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 16px 34px rgba(22, 35, 77, 0.16) !important;
  color: #16234d !important;
  overflow: hidden;
  z-index: 1050 !important;
}

.vertical-layout .select2-results__options,
.select2-results__options {
  background: #ffffff !important;
  color: #16234d !important;
  max-height: 260px !important;
}

.vertical-layout .select2-results__option,
.select2-results__option {
  background: #ffffff !important;
  color: #16234d !important;
  font-weight: 600;
}

.vertical-layout .select2-results__option--highlighted,
.vertical-layout .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #eef7ff !important;
  color: #00579a !important;
}

.vertical-layout .select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[aria-selected="true"] {
  background: #dceeff !important;
  color: #16234d !important;
}

.vertical-layout .app-content .btn {
  min-height: 42px;
}

.vertical-layout .app-content .btn-primary,
.vertical-layout .app-content button[type="submit"].btn,
.vertical-layout .app-content .btn.search,
.vertical-layout .app-content .btn-rechercher {
  background: var(--damane-blue) !important;
  border-color: var(--damane-blue) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(0, 100, 175, 0.18);
}

.vertical-layout .app-content .btn-secondary,
.vertical-layout .app-content .btn-outline-secondary,
.vertical-layout .app-content .btn-light,
.vertical-layout .app-content .btn-reset,
.vertical-layout .app-content button[type="reset"].btn {
  background: #fff !important;
  border: 1px solid #b8cce0 !important;
  color: var(--damane-blue-dark) !important;
}

.vertical-layout .app-content .dt-buttons .btn {
  background: #f8fbff !important;
  border-color: #b8cce0 !important;
  color: var(--damane-blue-dark) !important;
  box-shadow: 0 4px 12px rgba(22, 35, 77, 0.07);
}

.vertical-layout .app-content .dataTables_wrapper .dataTables_filter,
.vertical-layout .app-content .dataTables_wrapper .dt-search {
  display: none !important;
}

.vertical-layout .app-content .btn:hover,
.vertical-layout .app-content .dt-buttons .btn:hover {
  box-shadow: 0 8px 20px rgba(22, 35, 77, 0.12);
  transform: translateY(-1px);
}

.vertical-layout .app-content .btn:focus,
.vertical-layout .app-content .dt-buttons .btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 100, 175, 0.16) !important;
}

.vertical-layout .app-content .card-datatable {
  background: #fff;
  border: 1px solid rgba(184, 204, 224, 0.78);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72), 0 10px 24px rgba(22, 35, 77, 0.06);
}

.vertical-layout .app-content table.dataTable tbody tr:nth-child(even) td {
  background: #f9fcff;
}

.vertical-layout .app-content table.dataTable tbody td {
  border-bottom: 1px solid #dce7f2;
  line-height: 1.45;
}

.vertical-layout .app-content table.dataTable tbody tr:hover td {
  background: #eef6ff;
}

.vertical-layout .app-content table.dataTable .badge,
.vertical-layout .app-content .badge {
  border: 1px solid rgba(255, 255, 255, 0.48);
  box-shadow: 0 4px 10px rgba(22, 35, 77, 0.08);
  letter-spacing: 0;
  line-height: 1.15;
  padding: 0.52rem 0.82rem;
}

/* Frontend public forms premium contrast - visual layer only */
.page-wrapper .comment-form__input-box input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.page-wrapper .comment-form__input-box select,
.page-wrapper .comment-form__input-box textarea,
.page-wrapper .get-insuracne-two__input-box input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.page-wrapper .get-insuracne-two__input-box select,
.page-wrapper .get-insuracne-two__input-box textarea,
.page-wrapper .get-insurance__input-box input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.page-wrapper .get-insurance__input-box select,
.page-wrapper .get-insurance__input-box textarea,
.page-wrapper .contact-page__form input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.page-wrapper .contact-page__form select,
.page-wrapper .contact-page__form textarea,
.page-wrapper form select.form-control,
.page-wrapper form input.form-control,
.page-wrapper form textarea.form-control {
  background-color: #fbfdff !important;
  border-color: #aebfd1 !important;
  box-shadow: 0 4px 12px rgba(22, 35, 77, 0.07);
  color: #16234d !important;
  font-weight: 600;
  outline-color: rgba(0, 100, 175, 0.22);
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, outline-color 0.18s ease;
}

.page-wrapper .comment-form__input-box input::placeholder,
.page-wrapper .comment-form__input-box textarea::placeholder,
.page-wrapper .get-insuracne-two__input-box input::placeholder,
.page-wrapper .get-insuracne-two__input-box textarea::placeholder,
.page-wrapper .get-insurance__input-box input::placeholder,
.page-wrapper .get-insurance__input-box textarea::placeholder,
.page-wrapper .contact-page__form input::placeholder,
.page-wrapper .contact-page__form textarea::placeholder,
.page-wrapper form input.form-control::placeholder,
.page-wrapper form textarea.form-control::placeholder {
  color: #64748b;
  opacity: 1;
}

.page-wrapper .comment-form__input-box input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]):hover,
.page-wrapper .comment-form__input-box select:hover,
.page-wrapper .comment-form__input-box textarea:hover,
.page-wrapper .get-insuracne-two__input-box input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]):hover,
.page-wrapper .get-insuracne-two__input-box select:hover,
.page-wrapper .get-insuracne-two__input-box textarea:hover,
.page-wrapper .get-insurance__input-box input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]):hover,
.page-wrapper .get-insurance__input-box select:hover,
.page-wrapper .get-insurance__input-box textarea:hover,
.page-wrapper .contact-page__form input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]):hover,
.page-wrapper .contact-page__form select:hover,
.page-wrapper .contact-page__form textarea:hover,
.page-wrapper form select.form-control:hover,
.page-wrapper form input.form-control:hover,
.page-wrapper form textarea.form-control:hover {
  background-color: #ffffff !important;
  border-color: rgba(0, 100, 175, 0.66) !important;
  box-shadow: 0 7px 18px rgba(22, 35, 77, 0.11);
}

.page-wrapper .comment-form__input-box input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]):focus,
.page-wrapper .comment-form__input-box select:focus,
.page-wrapper .comment-form__input-box textarea:focus,
.page-wrapper .get-insuracne-two__input-box input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]):focus,
.page-wrapper .get-insuracne-two__input-box select:focus,
.page-wrapper .get-insuracne-two__input-box textarea:focus,
.page-wrapper .get-insurance__input-box input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]):focus,
.page-wrapper .get-insurance__input-box select:focus,
.page-wrapper .get-insurance__input-box textarea:focus,
.page-wrapper .contact-page__form input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]):focus,
.page-wrapper .contact-page__form select:focus,
.page-wrapper .contact-page__form textarea:focus,
.page-wrapper form select.form-control:focus,
.page-wrapper form input.form-control:focus,
.page-wrapper form textarea.form-control:focus {
  background-color: #ffffff !important;
  border-color: var(--damane-blue) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 100, 175, 0.16), 0 8px 18px rgba(22, 35, 77, 0.11) !important;
  color: #16234d !important;
  outline-color: rgba(0, 100, 175, 0.36);
}

.page-wrapper form label,
.page-wrapper .comment-form__input-box label,
.page-wrapper .get-insuracne-two__input-box label,
.page-wrapper .get-insurance__input-box label,
.page-wrapper .contact-page__form label {
  color: #16234d;
  font-weight: 700;
}

.page-wrapper form select,
.page-wrapper form select.form-control,
.page-wrapper .chosen-container-single .chosen-single,
.page-wrapper .select2-container--default .select2-selection--single,
.page-wrapper .select2-container--default .select2-selection--multiple {
  background-color: #fbfdff !important;
  border-color: #aebfd1 !important;
  box-shadow: 0 4px 12px rgba(22, 35, 77, 0.07);
  color: #16234d !important;
  font-weight: 600;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.page-wrapper form select:hover,
.page-wrapper form select.form-control:hover,
.page-wrapper .chosen-container-single .chosen-single:hover,
.page-wrapper .select2-container--default .select2-selection--single:hover,
.page-wrapper .select2-container--default .select2-selection--multiple:hover {
  background-color: #ffffff !important;
  border-color: rgba(0, 100, 175, 0.66) !important;
  box-shadow: 0 7px 18px rgba(22, 35, 77, 0.11);
}

.page-wrapper form select:focus,
.page-wrapper form select.form-control:focus,
.page-wrapper .chosen-container-active.chosen-with-drop .chosen-single,
.page-wrapper .chosen-container-active .chosen-single,
.page-wrapper .select2-container--default.select2-container--focus .select2-selection--single,
.page-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple {
  background-color: #ffffff !important;
  border-color: var(--damane-blue) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 100, 175, 0.16), 0 8px 18px rgba(22, 35, 77, 0.11) !important;
  color: #16234d !important;
  outline-color: rgba(0, 100, 175, 0.36);
}

.page-wrapper .select2-container--default .damane-city-select2-selection.select2-selection--single,
.page-wrapper .select2-container--default .select2-selection--single.damane-city-select2-selection {
  align-items: center;
  background-color: #fbfdff !important;
  border: 1px solid #aebfd1 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(22, 35, 77, 0.07);
  color: #16234d !important;
  display: flex;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  min-height: 48px;
}

.page-wrapper .select2-container--default .damane-city-select2-selection .select2-selection__rendered,
.page-wrapper .select2-container--default .select2-selection--single.damane-city-select2-selection .select2-selection__rendered {
  color: #16234d !important;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 46px;
  padding-left: 14px;
  padding-right: 34px;
}

.page-wrapper .select2-container--default .damane-city-select2-selection .select2-selection__arrow,
.page-wrapper .select2-container--default .select2-selection--single.damane-city-select2-selection .select2-selection__arrow {
  height: 46px;
  right: 8px;
}

.select2-container--default .damane-city-select2-dropdown.select2-dropdown,
.damane-city-select2-dropdown.select2-dropdown {
  background: #ffffff !important;
  border: 1px solid #b8d3ea !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 34px rgba(22, 35, 77, 0.16) !important;
  color: #16234d !important;
  font-family: inherit;
  overflow: hidden;
  z-index: 1050 !important;
}

.damane-city-select2-dropdown .select2-search--dropdown {
  background: #ffffff !important;
  padding: 8px;
}

.damane-city-select2-dropdown .select2-search__field {
  background: #fbfdff !important;
  border: 1px solid #b8d3ea !important;
  border-radius: 7px !important;
  color: #16234d !important;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  min-height: 40px;
  outline: none;
}

.damane-city-select2-dropdown .select2-search__field:focus {
  border-color: #0064af !important;
  box-shadow: 0 0 0 0.16rem rgba(0, 100, 175, 0.14) !important;
}

.damane-city-select2-dropdown .select2-results__options {
  background: #ffffff !important;
  color: #16234d !important;
  max-height: 260px !important;
}

.damane-city-select2-dropdown .select2-results__option {
  background: #ffffff !important;
  color: #16234d !important;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  padding: 10px 12px;
}

.damane-city-select2-dropdown .select2-results__option--highlighted,
.damane-city-select2-dropdown .select2-results__option--highlighted[aria-selected] {
  background: #eef7ff !important;
  color: #00579a !important;
}

.damane-city-select2-dropdown .select2-results__option[aria-selected="true"] {
  background: #dceeff !important;
  color: #16234d !important;
}

.page-wrapper form input[type="date"],
.page-wrapper form input[id*="date"] {
  background-color: #fbfdff !important;
  border-color: #9fb6cc !important;
  box-shadow: 0 4px 12px rgba(22, 35, 77, 0.08);
  color: #16234d !important;
  font-weight: 700;
}

.page-wrapper form input[readonly],
.page-wrapper form textarea[readonly] {
  background-color: #eef5fb !important;
  border-color: #b7c9dc !important;
  color: #334155 !important;
  opacity: 1;
}

.page-wrapper form .thm-btn,
.page-wrapper form .btn-primary,
.page-wrapper form button[type="submit"],
.page-wrapper form button[type="button"].nextBtn,
.page-wrapper form button[type="button"].add-child-btn,
.page-wrapper form .reopen-form-btn {
  background-color: var(--damane-blue) !important;
  border-color: var(--damane-blue) !important;
  box-shadow: 0 10px 22px rgba(0, 100, 175, 0.2);
  color: #ffffff !important;
  font-weight: 800;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.page-wrapper form .thm-btn:hover,
.page-wrapper form .btn-primary:hover,
.page-wrapper form button[type="submit"]:hover,
.page-wrapper form button[type="button"].nextBtn:hover,
.page-wrapper form button[type="button"].add-child-btn:hover,
.page-wrapper form .reopen-form-btn:hover {
  background-color: #004f8d !important;
  border-color: #004f8d !important;
  box-shadow: 0 12px 26px rgba(0, 100, 175, 0.25);
  color: #ffffff !important;
}

.page-wrapper form .thm-btn:focus,
.page-wrapper form .btn-primary:focus,
.page-wrapper form button[type="submit"]:focus,
.page-wrapper form button[type="button"].nextBtn:focus,
.page-wrapper form button[type="button"].add-child-btn:focus,
.page-wrapper form .reopen-form-btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 100, 175, 0.18), 0 10px 22px rgba(0, 100, 175, 0.2) !important;
  outline-color: rgba(0, 100, 175, 0.42);
}

/* CMS city filter premium dropdown */
.vertical-layout .app-content .cms-city-filter-shell {
  position: relative;
  z-index: 5;
}

.vertical-layout .app-content .cms-filter-city {
  background-color: #fbfdff !important;
  border: 1px solid #b8d3ea !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 6px 16px rgba(22, 35, 77, 0.07);
  color: #16234d !important;
  font-weight: 600;
}

.vertical-layout .app-content .cms-filter-city:focus {
  background-color: #ffffff !important;
  border-color: #0064af !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 100, 175, 0.14), 0 10px 22px rgba(22, 35, 77, 0.1) !important;
  color: #16234d !important;
}

.vertical-layout .app-content .cms-city-filter-menu {
  background: #ffffff !important;
  border: 1px solid #b8d3ea;
  border-radius: 0.5rem;
  box-shadow: 0 16px 34px rgba(22, 35, 77, 0.16);
  display: none;
  left: 0;
  max-height: 240px;
  overflow-y: auto;
  padding: 0.35rem;
  position: absolute;
  right: 0;
  top: calc(100% + 0.35rem);
  z-index: 1050;
}

.vertical-layout .app-content .cms-city-filter-menu.is-open {
  display: block;
}

.vertical-layout .app-content .cms-city-filter-option {
  background: #ffffff;
  border: 0;
  border-radius: 0.38rem;
  color: #16234d;
  cursor: pointer;
  display: block;
  font-weight: 600;
  line-height: 1.25;
  padding: 0.55rem 0.7rem;
  text-align: left;
  width: 100%;
}

.vertical-layout .app-content .cms-city-filter-option:hover,
.vertical-layout .app-content .cms-city-filter-option:focus {
  background: #eef7ff;
  color: #00579a;
  outline: none;
}