* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Source Sans 3", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: var(--color-black, #000000);
  scroll-behavior: smooth;
  font-size: 16px;
  line-height: 1.5;
}

:root {
  --font-newSM: 'Inter', sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;

  /* Font weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Colors */
  --color-black: #000000;
  --color-white: #ffffff;
  --color-primary: #008EFF;
  --color-lite-text: #59658B;
  --color-lite-pri-new: #324254;
  --color-secondary: #B2B2B2;
  --color-gray: #f5f5f5;
  --color-lite-gray: #F3F3F3;
  --color-success: #4BC16C;
  --color-warning: #FFB508;
  --color-danger: #EB2B40;
  --color-lite-danger: #FDF1F0;
  --color-muted: #B2B2B2;
  --color-muted-lite: #919798;
  --color-muted-lite1: #616161;
  --color-moon-white: #EEF1FD;
  --color-border-lite: #E5E7EB;
  --color-dark-text: #09093B;
  --color-lite-f2: #F2F2F2;
  --color-disable-text: #C5D0D9;
  --color-dark-gray2-text: #6F7680;
  --color-dark-gray5-text: #667093;
  --color-lite-gray2-text: #C4C5C7;
  --content-title-color-gray: #4B5563;

  /* Backgrounds */
  --bg-body-color: #F7F7F7;
  --bg-light: #F9FAFB;
  --bg-dark: #1F2937;
  --pri-dark-color: #363F4A;
  --secondary-dark-color: #484848;
  --mute-hover-color: #E8E8E8;
  --pri-dark2-color: #2E2E2E;
  --Blue-StrokeColor : #C8E1FF;
  --Blue-Light-BackgroundColor: #0061FF14;
  --cream-Light-BackgroundColor: #F97F3A21;
  --bg-light-blue: #F1F5FC;
  --tl-green: #22c55e;
  --tl-green-dark: #16a34a;
  --border-color-1: #E4E4E4;
  --muted-color-1: #AFAFAF;

  /* Optional accent shades */
  --color-primary-light: #E8F0FF;
  --color-primary-dark: #2C66FF;
  --color-pri-dark: #0061FF;
  --color-mix-pri-dark: #0073EA;

  /* Background and text helpers */
  --bg-body: var(--bg-body-color);
  --text-main: var(--color-black);
  --text-primary: var(--color-primary);
}

img,
svg {
  /* max-width: 100%; */
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}
.downloadlink {
    color: #0089FF;
    text-decoration: underline !important;
}

ol,
ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
::-webkit-input-placeholder {
  color: #C5D0D9; 
}
:-ms-input-placeholder{
  color: #C5D0D9;
}
::placeholder{
  color: #C5D0D9; 
}

button {
  border: 0;
  background: transparent;
}

main {
  width: 100%;
  /* height: 100vh; */
  /* padding-top: 54px; */
  padding: 32px 28px;
  padding-top: 64px;
  background-color: var(--bg-body-color);
}

/* FONT SIZE */
.font-10-regular {
  font-size: 10px;
  font-weight: var(--font-weight-regular);
}
.font-11-regular {
  font-size: 11px;
  font-weight: var(--font-weight-regular);
}
.font-12-regular {
  font-size: 12px;
  font-weight: var(--font-weight-regular);
}
.font-12-semibold {
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}
.font-12-medium {
  font-size: 12px;
  font-weight: var(--font-weight-medium);
}
.font-13-regular {
  font-size: 13px;
  font-weight: var(--font-weight-regular);
}
.font-13-medium {
  font-size: 13px;
  font-weight: var(--font-weight-medium);
}
.font-14-semibold {
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
}
.font-14-bold {
  font-size: 14px;
  font-weight: var(--font-weight-bold);
}
.font-14-regular {
  font-size: 14px;
  font-weight: var(--font-weight-regular);
}
.font-14-medium {
  font-size: 14px;
  font-weight: var(--font-weight-medium);
}
.font-15-medium {
  font-size: 15px;
  font-weight: var(--font-weight-medium);
}
.font-15-regular {
  font-size: 15px;
  font-weight: var(--font-weight-regular);
}
.font-16-regular {
  font-size: 16px;
  font-weight: var(--font-weight-regular);
}
.font-16-bold {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
}
.font-16-semibold {
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
}
.font-16-medium {
  font-size: 16px;
  font-weight: var(--font-weight-medium);
}
.font-18-medium {
  font-size: 18px;
  font-weight: var(--font-weight-medium);
}
.font-18-semibold {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
}
.font-18-regular {
  font-size: 18px;
  font-weight: var(--font-weight-regular);
}
.font-20-regular {
  font-size: 20px;
  font-weight: var(--font-weight-regular);
}
.font-20-medium {
  font-size: 20px;
  font-weight: var(--font-weight-medium);
}
.font-20-semibold {
  font-size: 20px;
  font-weight: var(--font-weight-semibold);
}
.font-20-bold {
  font-size: 20px;
  font-weight: var(--font-weight-bold);
}
.font-22-regular {
  font-size: 22px;
  font-weight: var(--font-weight-regular);
}
.font-22-medium {
  font-size: 22px;
  font-weight: var(--font-weight-medium);
}
.font-22-semibold {
  font-size: 22px;
  font-weight: var(--font-weight-semibold);
}
.font-22-bold {
  font-size: 22px;
  font-weight: var(--font-weight-bold);
}
.font-24-bold {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
}
.font-24-medium {
  font-size: 24px;
  font-weight: var(--font-weight-medium);
}
.font-24-regular {
  font-size: 24px;
  font-weight: var(--font-weight-regular);
}
.font-24-semibold {
  font-size: 24px;
  font-weight: var(--font-weight-semibold);
}
.font-26-semibold {
  font-size: 26px;
  font-weight: var(--font-weight-semibold);
}
.font-28-semibold {
  font-size: 28px;
  font-weight: var(--font-weight-semibold);
}
.font-28-regular {
  font-size: 28px;
  font-weight: var(--font-weight-regular);
}
.font-28-medium {
  font-size: 28px;
  font-weight: var(--font-weight-medium);
}
.font-32-medium {
  font-size: 32px;
  font-weight: var(--font-weight-medium);
}
.font-32-semibold {
  font-size: 32px;
  font-weight: var(--font-weight-semibold);
}
.font-32-bold {
  font-size: 32px;
  font-weight: var(--font-weight-bold);
}
.font-36-medium {
  font-size: 36px;
  font-weight: var(--font-weight-medium);
}
.font-36-regular {
  font-size: 36px;
  font-weight: var(--font-weight-regular);
}
.font-36-semibold {
  font-size: 36px;
  font-weight: var(--font-weight-semibold);
}
.font-40-medium {
  font-size: 40px;
  font-weight: var(--font-weight-medium);
}
.font-40-semibold {
  font-size: 40px;
  font-weight: var(--font-weight-semibold);
}
.font-40-bold {
  font-size: 40px;
  font-weight: var(--font-weight-bold);
}
.font-48-semibold {
  font-size: 48px;
  font-weight: var(--font-weight-semibold);
}
.font-64-medium {
  font-size: 64px;
  font-weight: var(--font-weight-medium);
}
/* FONT SIZE */

/* COLOR */
.text-muted {
  color: var(--color-muted) !important;
}
.text-muted-lite {
  color: var(--color-muted-lite);
}
.text-primary {
  color: var(--color-primary) !important;
}
.text-pri-dark {
  color: var(--color-dark-text);
}
.text-dark {
  color: var(--color-black) !important;
}
.pri-dark-color{
  color: var(--pri-dark-color);
}
.pri-dark2-color{
  color: var(--pri-dark2-color);
}
.color-lite-text{
  color: var(--color-lite-text);
}
.color-muted-lite1{
  color: var(--color-muted-lite1);
}
.color-white{
  color: var(--color-white);
}
.color-disable-text{
  color: var(--color-disable-text);
}
.text-color-success{
  color: var(--color-success);
}
.text-color-danger{
  color: var(--color-danger);
}
.text-color-warning{
  color: var(--color-warning);
}
.text-color-primary{
  color: var(--color-primary);
}
.secondary-dark-color{
  color: var(--secondary-dark-color);
}
.color-dark-gray2-text{
  color: var(--color-dark-gray2-text);
}
.color-lite-gray2-text{
  color: var(--color-lite-gray2-text);
}
.color-dark-gray5-text{
  color: var(--color-dark-gray5-text);
}
.text-content-dark{
  color: var(--bg-dark);
}
.content-title-color-gray{
  color: var(--content-title-color-gray);
}
/* COLOR */


/* toast css */
#toast-container .toast {
  border-radius: 12px !important;
  font-weight: 500 !important;
  /* border: 1px solid #4cdb69 !important; */
}
#toast-container .toast-success{
  background-color: #4cdb69 !important;
}
#toast-container .toast-error{
  background-color: #fe545a !important;
}
#toast-container .toast-warning{
  background-color: #febf21 !important;
}
#toast-container .toast-info{
  background-color: #3087e9 !important;
}
#toast-container > div {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
  transition: 0.2s all ease-in-out;
}
#toast-container > div:hover {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}
/* toast css */

.fadeInv2 {
  opacity: 0;
  animation: fadeIn 0.8s ease-in-out 0.5s forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.btn{
  border-radius: 8px !important;
}
.btn-link-v2{
  transition: 0.2s all ease-in-out;
}
.btn-link-v2:active, .btn-link-v2:focus, .btn-link-v2:hover {
  border-color: transparent !important;
  color: var(--color-primary-dark) !important;
}
.btn-lite{
  padding: 10px 24px;
  border-radius: 8px;
  color: var(--color-black);
  background-color: var(--color-lite-gray);
  transition: 0.2s all ease-in-out;
}
.btn-lite:hover{
  background-color: var(--color-black);
  color: var(--color-white);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.btn-open{
  border: 1px solid var(--color-border-lite, #E5E7EB);
  padding: 6px 20px;
}
.btn-open:hover{
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn-lite-primary{
  background-color:var(--bg-light-blue);
  color: var(--color-primary);
}
.btn-lite-primary:hover{
  background-color: var(--color-primary);
  color: var(--bg-light-blue);
}
.btn-custom-black{
  border-radius: 8px;
  background-color: var(--color-black);
  color: var(--color-white);
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  transition:  0.05s all ease-in-out;
}
.btn-custom-black:hover{
  border-color: var(--color-black);
  color: var(--color-black);
  background: var(--color-white);
  border: 1px solid var(--color-black);
}
.btn-custom-black:active{
  transform: scale(.98);
}
.modal.fade.show{
  z-index: 99999;
}
.modal-open .header.header-wrapper{
  z-index: 999;
}
.modal-open nav.sidebar-main-wrapper{
  z-index: 998;
}

/* custom-dropdown */
.custom-dropdown-container {
  position: relative;
  display: inline-block;
}
.custom-dropdown-header {
  padding: 3px 16px;
  border-radius: 20px;
  cursor: pointer;
  /* min-width: 240px; */
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-inline-end: 20px;
}
.custom-dropdown-header .drop-arrow {
	position: absolute;
	right: 16px;
	top: 50%;
	width: 7px;
	height: 7px;
	border: solid var(--color-black);
	border-width: 0 1.5px 1.5px 0;
	padding: 2px;
	background: transparent;
	pointer-events: none;
	transform: translateY(-70%) rotate(45deg);
	transition: transform 0.25s;
}
.custom-dropdown-container.open .drop-arrow {
	transform: translateY(-20%) rotate(-135deg);
}
.custom-arrow {
  transition: transform 0.3s ease;
  font-weight: bold;
  font-size: 1.1em;
}
.custom-dropdown-menu {
  display: none;
  position: absolute;
  top: 48px;
  right: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 32px rgba(0,0,0,0.10);
  min-width: 240px;
  z-index: 10;
  padding: 12px;
  animation: fadeIn 0.34s;
}
.custom-dropdown-item1 {
  padding: 1px 24px;
  margin-bottom: 6px;
  font-size: 16px;
  border-radius: 5px;
  transition: background 0.14s;
  cursor: pointer;
  position: relative;
}
.custom-dropdown-item1:hover, .custom-dropdown-item1.selected {
  background: #f5f5f8;
  color: #222;
}
.custom-dropdown-item1.selected::after{
  content: '';
  position: absolute;
  top: 11px;
  left: 10px;
  width: 4px;
  height: 10px;
  border: solid var(--color-black);
  border-width: 0 1.5px 1.5px 0;
  padding: 2px;
  background: transparent;
  pointer-events: none;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.25s;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-7px);}
  to { opacity: 1; transform: translateY(0);}
}
/* custom-dropdown */

/* GLOBAL */

/*  BOOTSTRAP */
.bg-danger {
  background-color: var(--color-danger) !important;
}
/*  BOOTSTRAP */

/* HEADER */
/* logo */
.header-wrapper .logo-text {
  color: var(--color-black);
  margin-inline-start: 4px;
}

/* logo */
.header-wrapper .search-input {
  background-color: var(--color-gray);
  border: none !important;
  border-radius: 12px;
  padding-left: 50px;
  cursor: pointer;
}
.header-wrapper .search-input:focus {
	box-shadow: 0 0;
	border: none !important;
}

.header.header-wrapper {
  width: 100%;
  background: #FFF;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  height: 54px;
  padding: 7px 24px;
  border-bottom: 1px solid var(--color-border-lite);

  /* Glass effect */
  /* backdrop-filter: blur(15px);
  background: rgba(255, 255, 255, 0.3); */
}

.header.header-wrapper .search-icon {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  color: #555;
}

.header.header-wrapper .avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

.header.header-wrapper .btn-upgrade {
  border-radius: 30px !important;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 22px;
  border: 0;
}
.dropdown-menu-profile {
	box-shadow: 1px 4px 8px 1px #4444441F;
}
.dropdown-menu-mehr{
  background: white;
  box-shadow: -1px -1px 4px 0px #00000026 !important;
  border-radius: 16px !important;
  padding: 8px 16px;
}
.dropdown-menu-mehr li a:hover{
  background-color: var(--color-lite-f2);
  color: var(--color-black);
}
.dropdown-menu-mehr li a{
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px;
  padding: 10px 16px !important;
  cursor: pointer;
  border-radius: 12px;
}
.dropdown-item-profile {
	padding: 15px 28px;
	display: flex;
	align-items: center;
  gap: 8px;
}
.header .dropdown-menu-profile a.dropdown-item:hover {
	color: #F75055;
}
.header .dropdown-menu-profile a.dropdown-item:hover svg path {
	stroke: #F75055;
}
.dropdown-menu-profile.show {
  display: block;
  border: none;
}

.header .header-right .dropdown-menu-profile {
	padding-top: 0.5rem !important;
  margin-top: 14px !important;
  background-color: var(--bs-dropdown-bg) !important;
  border-radius: 12px !important;
  padding: 0 !important;
  overflow: hidden;
}
.dropdown-item:hover {
  color: #0089FF;
  background: #fff;
}

.header.header-wrapper .avatar-wrapper {
  background: #dbdadd;
  border-radius: 20px;
  cursor: pointer;
}
.header.header-wrapper .avatar-wrapper .small-profile img{
  width: 36px;
  height: 36px;
  border-radius: 30px;
  object-fit: cover;
}

.notification-badge {
  border: 2px solid var(--color-white) !important;
  top: -1px !important;
  right: -1px;
}
.header-right .dropdown-menu {
  border: 0 !important;
  background: transparent !important;
  padding-top: 24px !important;
}
/* HEADER */

/* FORM CONTROL */
.form-control {
  border: 1px solid var(--color-border-lite);
  transition: 0.2s all ease-in-out;
}

.form-control:focus {
  box-shadow: 0 0;
  border: 1px solid var(--bg-dark) !important;
}

.form-control:focus-visible {
  box-shadow: 0 0;
  border: 1px solid var(--bg-dark) !important;
}

.form-control:focus-within {
  box-shadow: 0 0;
  border: 1px solid var(--bg-dark) !important;
}

/* FORM CONTROL */

/* SIDE MENU */

nav.sidebar-main-wrapper {
  background: var(--color-white);
  color: var(--color-black);
  border-right: 1px solid var(--color-lite-gray);
  height: 100vh;
  display: grid;
  box-sizing: border-box;
  width: 267px;
  padding: 20px 22px;
  padding-top: 64px;
  position: sticky;
  top: 0;
  align-self: start;
  transition: 300ms ease-in-out;
  overflow: hidden;
  overflow-y: hidden;
  text-wrap: nowrap;
  align-content: space-between;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  z-index: 9999;
  user-select: none;
}

nav.sidebar-main-wrapper .sidebar-wrapper-ul li a {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 20px;
  font-weight: var(--font-weight-regular);
  padding: 12px 16px;
  transition: 0.2s all ease-in-out;
}
nav.sidebar-main-wrapper .vorlagen-toggle{
  gap: 20px;
}

.sidebar-wrapper-ul li.active a {
  font-weight: var(--font-weight-semibold) !important;
}
/* .sidebar-wrapper-ul li a svg path {
	stroke-width: 1;
}
.sidebar-wrapper-ul li.active a svg path{
  stroke-width: -1;
} */

.ki-chat-sidebar{
  background: linear-gradient(90deg, #008EFF, #1A0099);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-dash-title h3{
  font-size: 32px;
  font-weight: 600;
  color: #000000;
  /* background: linear-gradient(271.24deg, #00307E 0%, #5B73FB 50%, #00307E 100%); */
  /* background-size: 200% 100%; */
  /* -webkit-background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
  /* animation: gradientMove1 4s linear infinite; */
}
@keyframes gradientMove1 {
  0% { background-position: 200% 50%; }
  100% { background-position: 0% 50%; }
}

.sidebar-wrapper-ul li a:hover {
  background-color: var(--bg-light);
  border-radius: 8px;
}
.sidebar-wrapper-ul.sidebar-bottom .dropdown-menu-mehr li a:hover {
  background-color: var(--color-lite-f2);
}

nav.sidebar-main-wrapper .sidebar-wrapper-ul .legal-advice {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  background: var(--color-black);
  color: var(--color-white);
  border-radius: 20px;
  padding: 18px 21px;
  margin-top: 22px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
nav.sidebar-main-wrapper .sidebar-wrapper-ul .legal-advice:hover{
  background-color: #272C30;
}
nav.sidebar-main-wrapper .sidebar-wrapper-ul .legal-advice img{
  filter: drop-shadow(0px 4px 4px #00000040);
}

nav.sidebar-main-wrapper .sidebar-wrapper-ul .legal-advice-title {
  font-size: 18px;
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
.sidebar-toggle-btn {
  display: none;
}

.legal-advice-badge {
  position: absolute;
  top: -15px;
  right: 15px;
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 4px 8px;
  border-radius: 25px;
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  box-shadow: 2px 3px 3px 0px #FFFFFF82 inset;
  transition: background-color 0.3s ease;
  background-color: var(--color-pri-dark);
  border: 0.4px solid var(--color-moon-white);
}

.vorlagen-menu {
  display: none;
  margin-bottom: 16px;
  margin-inline-start: 6px;
}

.vorlagen-menu li>a {
  font-size: 16px !important;
  font-weight: var(--font-weight-regular) !important;
  color: var(--color-black);
}

.chevron-icon {
  transition: transform 0.3s;
  transform: rotate(90deg);
}

.chevron-icon.rotate {
  transform: rotate(-90deg);
}

.chevron-icon-step {
  transition: transform 0.3s;
  transform: rotate(-90deg);
}

.chevron-icon-step.rotate {
  transform: rotate(90deg);
}

/* Sidebar hidden by default on mobile */
.sidebar-overlay {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0; top: 0; bottom: 0; right: 0;
  background: rgba(0,0,0,0.15);
  transition: opacity 0.3s ease;
}
.sidebar-overlay.active{
  display: block;
}
.nav-help-btn.show svg, .nav-help-btn:hover svg{
  stroke: #7B7194;
}
.nav-notification-btn.show svg, .nav-notification-btn:hover svg{
  fill: #7B7194;
}
.help-card {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0px 2px 20px 0px #0000001A;
  padding: 24px;
  max-width: 340px;
  margin: auto;
  text-align: center;
}

.help-card h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--color-black);
}

.help-option {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 14px;
  border-radius: 16px;
  padding: 12px 20px;
  margin-bottom: 12px;
  /* border: 1px solid #D2D2D7; */
  background-color: #FAFAFA;
}

.help-icon {
  flex-shrink: 0;
  /* padding: 10px; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.help-details {
  text-align: left;
}

.help-details strong {
  font-size: 14px;
  display: block;
  margin-bottom: 4px;
  font-weight: 600;
}
.help-contact{
  color: var(--color-lite-pri-new);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-align: left;
}

.help-link {
  color: #11A5DE;
  text-decoration: underline;
  cursor: pointer;
  word-break: break-all;
}

.notification-card {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0px 2px 20px 0px #0000001A;
  padding: 24px;
  max-width: 340px;
  margin: auto;
  text-align: start;
  overflow: hidden;
}
.notification-card .notification-header{
  padding: 24px 20px;
}
.notification-card h2 {
  font-size: 20px;
  font-weight: var(--font-weight-semibold);
  margin-bottom: 12px;
  color: var(--color-black);
}
.notification-icon{
  border-radius: 6px !important;
  width: 26px !important;
  height: 26px !important;
}
.notification-icon img{
  width: 26px;
  height: 16px;
}
.notification-item.notification-badges-active::after {
  content: "";
  display: inline-block;
  background: var(--color-mix-pri-dark);
  color: var(--color-white);
  padding: 4px;
  border-radius: 12px;
  margin-left: 6px;
  position: absolute;
  top: 18px;
  left: 0;
}
.notification-request{
  border-left: 1px solid #bab9b9;
  margin-inline-start: 5px;
  padding-inline-start: 5px;
}
.notification-title{
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.notification-card .notification-item{
  padding: 10px 20px;
  border-top: 1px solid #9197982b;
  position: relative;
  transition: 0.2s all ease-in-out;
}
.notification-card .notification-item:hover{
  background-color: var(--mute-hover-color);
}
.notification-doc-attach-wrpper{
  display: flex;
  background-color: #F9FBFB;
  border-radius: 8px;
  border: 0.5px solid #EDEDEF;
  box-shadow: 2px 3px 5px -2px #0000000D;
  padding: 8px 10px;
}
.min-dark-btn{
  background-color: var(--color-black);
  color: var(--color-white);
  font-size: 12px;
  font-weight: 400;
  border-radius: 6px;
  padding: 4px 8px;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
  border: 1px solid transparent;
  letter-spacing: 0.5px;
}
.min-dark-btn:hover{
  background-color: var(--color-white);
  color: var(--color-black);
  border: 1px solid var(--color-border-lite);
}
.min-lite-btn{
  background-color: var(--color-white);
  color: var(--color-black);
  border: 1px solid var(--color-border-lite);
  font-size: 12px;
  font-weight: 400;
  border-radius: 6px;
  padding: 4px 8px;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
  letter-spacing: 0.5px;
}
.min-lite-btn:hover{
  background-color: var(--color-black);
  color: var(--color-white);
  border-color: transparent;
}
/* SIDE MENU */

/* DASHBOARD */

.dashboard-v2 {
  display: flex;
  flex-direction: column;  
  padding-top: 15px;
}
.dashboard-v2-header{
  padding-inline: 28px;
  margin-bottom: 20px;
}
.dashboard-v2-title{
  padding-inline: 28px;
  /* margin-bottom: 24px; */
}

.dashboard-v2-wrap {
  background: #fff;
  border-radius: 16px;
  border: 1px solid var(--color-border-lite);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
  padding: 18px 30px;
  margin-block-end: 42px;
}
.profile-card .profile-strength-label{
  color: var(--color-lite-text);
}
.profile-card .profile-strength-value{
  color: var(--color-black);
}
.profile-toggle-card-btn{
  padding: 3px;
  border-radius: 20px;
}
.profile-toggle-card-btn:hover{
  background-color: var(--color-lite-gray);
}

.wizard-content {
  display: none;
}
.wizard-content.active {
  display: block;
}
/* .wizard-toggle-wrapper{
  display: none;
} */
/* verification */
.verify-card-container{
  padding-top: 20px;
}
.verify-card-wrapper{
  background: var(--Blue-Light-BackgroundColor, #F7FBFF);
  border: 1px solid var(--Blue-StrokeColor, #C8E1FF);
  padding: 16px 32px;
  border-radius: 16px;
}
.verify-code-inputs{
  display: flex;
  column-gap: 12px;
}
.btn-verify{
  background-color: var(--color-white);
  color: var(--color-dark-text);
  border: 1px solid var(--color-border-lite);
  box-shadow: 1px 2px 6px 0px #0000000A;
  border-radius: 8px;
  padding: 10px 20px;
  transition: 0.1s all ease-in-out;
}
.btn-verify:hover{
  background: var(--color-black);
  color: var(--color-white);
  box-shadow: 2px 3px 6px 0px #0000000A;
  border: 1px solid var(--color-black);
}
.btn-verify:hover svg {
  fill: var(--color-white); 
}
.verify-input{
  border: 1px solid var(--color-disable-text);
  border-radius: 4px;
  background-color: var(--color-white);
  width: 51px;
  height: 51px;
  
  border-bottom: 2px solid #e0e2e8;
  box-shadow: 1px 2px 6px 0px #0000000A;
  outline: none;
  font-size: 26px;
  transition: border-color 0.3s cubic-bezier(.4,0,.2,1);
  font-weight: 600;
  text-align: center;
  transition: border-bottom 0.3s ease-in-out;
}

.verify-input:focus {
  animation: blinkUnderline 0.3s infinite alternate;
  border-bottom: 2px solid var(--color-mix-pri-dark);
}

@keyframes blinkUnderline {
  0% {
    border-bottom-color: var(--color-mix-pri-dark);
  }

  100% {
    border-bottom-color: #C0C2CB;
  }
}

/* verification */


/* wizard */
/* Progress steps */
.wizard-progress-container {
  margin-block-start: 30px;
}

.wizard-progress-bar {
  margin-bottom: 18px;
  position: relative;
}

.progress-bar-bg {
  background: var(--color-border-lite);
  height: 12px;
  border-radius: 4px;
  position: relative;
  overflow: visible;
}

.progress-bar-fill {
  height: 12px;
  width: 0%;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 0;
  /* transition: width 0.6s cubic-bezier(.87,.01,.07,1); */
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);

  z-index: 1;
}

.progress-striped {
  background: linear-gradient( 90deg, #524FC2 0%, #2893BB 34.98%, #209C7B 70.39%, #35B659 100% );
}

@keyframes stripes-move {
  0% { background-position: 0 0; }
  100% { background-position: 40px 0; }
}



.progress-steps {
  width: 100%;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  justify-content: space-between;
  z-index: 2;
  pointer-events: none;
}
.progress-steps .progress-step:first-child{
  border: 0px solid var(--color-white);
}
.progress-step {
  height: 13px;
  border: 3px solid var(--color-white);
  transform: translateY(-55%);
  transition: background 0.3s, color 0.3s;
}
.progress-step.active, .progress-step.active-star {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--color-white);
  border: 4px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b3c8bb;
  font-weight: 600;
  font-size: 16px;
  transform: translateY(-55%);
  transition: border-color 0.3s, background 0.3s, color 0.3s;
  box-shadow: 1px 2px 4px 0px #00000033;

}
.progress-step.completed{
  border-color: var(--color-white) !important;
}
.progress-step.active-star {
  border: 4px solid var(--color-border-lite);
  width: 44px;
  height: 44px;
}
.progress-step.active{
  background: var(--color-white);
  border-color: #2843BA;
  color: var(--color-primary);
}
.progress-step.active-star.active.star svg path{
  fill: #FFDF5F;
}

.progress-step.completed {
  background: #fff;
  border-color: #1FD552;
  color: #1FD552;
}

.progress-step.completed span {
  font-size: 18px;
}

.progress-step span {
  display: block;
  margin: 0 auto;
}

.wizard-actions {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
}

.wizard-btn {
  padding: 8px 20px;
  background: var(--color-black);
  color: #fff;
  border-radius: 20px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  margin-left: 2px;
  transition: background 0.18s;
}

.wizard-btn:disabled {
  background: #bfc0ea;
  color: #798bb7;
  cursor: not-allowed;
}

.progress-step span {
  color: inherit;
}

.progress-step:last-child span {
  color: #59658B;
  font-size: 1.25em;
}
/* Progress steps */


/*  Address Information  */
.address-form{
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 21px;
  margin-inline-end: 146px;
  margin-block-end: 26px;
}
.address-row{
  display: flex;
  flex-direction: row;
  gap: 35px;
}
.address-form .address-row input, .address-form .address-row select {
  border: 1px solid var(--color-border-lite);
  background-color: var(--color-white);
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  width: 100%;
}
.address-form .address-row input:focus-visible, .address-form .address-row select:focus-visible {
  outline: 1px solid var(--color-mix-pri-dark);
  box-shadow: 1px 2px 6px 0px #0000000A;
}
.address-form .address-row .select-wrapper.address-land, .address-form .address-row select{
  width: 100%;
}
.address-form .address-row .address-plz{
  width: 35%;
}
.address-form .address-row input::placeholder{
  color: var(--color-disable-text);
}
.verify-card-wrapper .text-danger.stepError{
  margin-top: 6px;
}
/*  Address Information  */
/* IBAN */
.iban-label .required{
  color: var(--color-mix-pri-dark);
}
.iban-icon{
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.iban-input {
	padding-inline-start: 60px !important;
  font-size: 20px !important;
}
.is-invalid { border-color: #e74c3c !important; }
/* IBAN */
/* wizard */

/* CTA card box */
.cta-box-group {
  background-color: #f7f9fb;
  border-radius: 20px;
  padding: 26px 28px;
  box-shadow: 0px 4px 25px 0px #78A0F10D;
  border: 1px solid var(--color-border-lite);
  margin-block-end: 42px;
}
.cta-box {
  background-color: #fff;
  border-radius: 14px;
  box-shadow: 0 1.5px 7px rgba(33,65,136,0.06);
  min-height: 178px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.cta-box-title{
  margin-bottom: 20px;
}

.cta-box:hover {
  box-shadow: 0 4px 16px rgba(33,65,136,0.09);
  transform: translateY(-2px) scale(1.01);
  border: 1px solid var(--color-primary);
}

.cta-icon {
  width: 54px;
  height: 54px;
  background-color: #C8E1FF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  color: inherit;
}
.cta-box-card .cta-box-inner:nth-child(2) a.cta-box .cta-icon, 
.cta-box-card .cta-box-inner:nth-child(3) a.cta-box .cta-icon{
  background-color: #FFDAC4 !important;
}
.cta-box-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.cta-box-card .cta-box-inner{
  width: 100%;
}

.cta-box:hover .cta-desc .text-link {
  color: #377CBD;
  text-decoration: underline;
}
/* CTA card box */


/* Your cases & documents */
.m-b-42{
  margin-bottom: 42px;
}
.m-b-24{
  margin-bottom: 24px;
}
.table-cta-icon{
  border-radius: 10px;
  width: 44px;
  height: 44px;
}
.bg-blue-lite{
  background-color: var(--Blue-Light-BackgroundColor, #F7FBFF);
}
.bg-cream-lite{
  background-color: var(--cream-Light-BackgroundColor, #FFDAC4);
}
.your-cases-status ul{
  padding-left: 1rem;
  list-style: disc;
}
.custom-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 18px;
  background: transparent;
}
.custom-table td, .custom-table th {
  padding: 18px 20px;
  font-size: 1.04rem;
  vertical-align: middle;
  background-color: var(--color-white, #fff);
}
.custom-table tbody tr {
  border-radius: 18px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
  overflow: hidden;
}
.custom-table tbody td{
  border: 1px solid transparent;
  transition: 0.1s all ease-in-out;
}
.icon-cell {
  width: 46px;
  text-align: center;
}

.custom-table tr > td:first-child {
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.custom-table tr > td:last-child {
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}
.custom-table tbody tr:hover td {
  border-top: 1px solid var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
}
.custom-table tbody tr:hover td:first-child {
  border-left: 1px solid var(--color-primary);
}
.custom-table tbody tr:hover td:last-child {
  border-right: 1px solid var(--color-primary);
}
.edit-menu-btn{
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-menu-btn.dropdown-toggle:hover, .edit-menu-btn.dropdown-toggle:focus{
  border-radius: 20px;
  background-color: #EFF6FF;
}
.edit-menu-btn.dropdown-toggle:hover svg path, .edit-menu-btn.dropdown-toggle:focus svg path{
  fill: var(--color-primary);
}
.edit-menu-btn.dropdown-toggle::after{
  display: none;
}
.dropdown-menu.edit-menu-list{
  border-radius: 16px;
  background: var(--color-white);
  border: 0;
  box-shadow: -1px -1px 4px 0px #00000026;
  overflow: hidden;
}
.dropdown-menu.edit-menu-list li:first-child > .dropdown-item:hover {
  background-color: var(--color-lite-danger);
  color: inherit;
}
.dropdown-menu.edit-menu-list li:not(:first-child) > .dropdown-item:hover {
  background-color: var(--bg-body);
  color: var(--color-black);
}
.your-cases-edit{
  opacity: 0;
}
.your-cases-documents-edit .your-cases-edit .sparkle-hover img{
  filter: grayscale(1) brightness(1.1);
}
.your-cases-documents-edit .your-cases-edit .sparkle-hover:hover img{
  filter: none;
}

/* Your cases & documents */


/* Discover the plus features */
.card-border-radius-24 {
  border-radius: 24px;
  background: var(--color-white);
  border: 1px solid var(--color-border-lite);
}

.discover-plus-features-item{
  border: 1px solid var(--color-border-lite);
  overflow: hidden;
}
.discover-plus-features-content{
  padding: 16px;
  min-height: 230px;
}
/* Discover the plus features */

/* recommendations for you */
.recommendations-card{
  padding: 36px 42px;
}
.avatars {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  width: max-content;
  gap: 5px;
  cursor: pointer;
}
.avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-left: -12px;
  object-fit: cover;
  box-shadow: 0px 3.24px 4.32px -1.08px #0A0D121A;
  background: #E5CFE7;
}
.avatar:nth-child(1){
  z-index: 5;
}
.avatar:nth-child(2){
  z-index: 4;
}
.avatar:nth-child(3){
  z-index: 3;
}
.avatar:nth-child(4){
  z-index: 2;
}
.avatar:hover, .avatar-count:hover{
  z-index: 99;
}
.avatar:first-child {
  margin-left: 0;
}
.avatar-count {
  background: #eceff1;
  color: #444;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -12px;
  border: 2px solid #fff;
  box-shadow: 0px 3.24px 4.32px -1.08px #0A0D121A;
}
.recommendations-features-card{
  padding: 28px 24px;
}
.recommendations-btn-wrapper{
  width: max-content;
}
.recommendations-img-extra{
  width: 290px;
  border-radius: 22px;
}
.btn-more-link{
  margin-top: 40px;
}
.recommendations-bottom{
  padding: 18px 42px;
}
/* recommendations for you */

/* empty stats */
.empty-case-doc-main-wrapper{
  background-color: var(--color-white);
  border: 1px solid var(--color-border-lite, #E5E7EB);
  border-radius: 16px;
  text-align: center;
  padding: 20px;
  margin-top: 20px;
}
/* empty stats */

/* DASHBOARD */


/* BUILD FORM */
.create-new-form-btn{
  background-color: var(--color-black);
  color: var(--color-white);
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  padding: 10px 32px;
  margin-left: 10px;
}
.create-new-form-btn:active, .build-form-header .create-ai-btn:active{
  transform: scale(0.98);
}
.build-form-header .create-ai-btn{
  padding: 8px 20px;
  background-color: #F5F5F6;
}
.build-form-grid-item{
  border: 1px solid #E5E7EB !important;
}
.build-form-grid-item:hover{
  border: 1px solid var(--color-primary) !important;
}
.build-form-count{
  color: #8E959D;
  width: max-content;
}
.build-form-grid-item .build-form-count:hover{
  color: var(--color-primary);
}
.build-form-title{
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}
.build-form-title .template-file-icon {
	width: 14px;
	height: 14px;
}
.build-form-grid-item .legalquestions-title-date {
	padding: 8px 14px;
  border-top: none;
}
.build-form-grid-item .form-template-img{
  height: 120px;
}
.build-form-grid-item .form-template-img img{
  max-height: 105px;
}
.build-form-cases .custom-table tbody tr td {
  border-top: 1px solid var(--color-moon-white);
  border-bottom: 1px solid var(--color-moon-white);
}
.build-form-cases .custom-table tbody tr td:first-child {
  border-left: 1px solid var(--color-moon-white);
}
.build-form-cases .custom-table tbody tr td:last-child {
  border-right: 1px solid var(--color-moon-white);
}
.build-form-cases .custom-table tbody tr:hover td {
  border-top: 1px solid var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
}
.build-form-cases .custom-table tbody tr:hover td:first-child {
  border-left: 1px solid var(--color-primary);
}
.build-form-cases .custom-table tbody tr:hover td:last-child {
  border-right: 1px solid var(--color-primary);
}

.build-form-cases .pagination .page-item.active .page-link{
  background-color: var(--color-black);
  color: white;
}
.build-form-section .lawyerQuestionPageLinks, .sign-document .lawyerQuestionPageLinks{
  justify-content: end !important;
}
.started-with-template{
  background-color: #F1F1F1;
  border-radius: 10px;
  padding: 20px;
  margin-top: 62px;
}
.started-template-card .template-card .template-img-wrap img{
  width: 100%;
  height: 100px;
}
.build-form .template-title-wrap , .sign-document .template-title-wrap {
	padding: 10px 10px;
}
.started-template-card .template-file-legal-icon.file-form-icon {
	background-color: rgb(208, 108, 255);
}
.started-template-card .template-card{
  width: 180px;
  height: 140px;
}
.sign-and-doc .custom-dropdown-menu{
  min-width: 280px;
}
.build-form .template-title-wrap .template-card-title, .sign-document .template-title-wrap .template-card-title{
  font-size: 11px;
}
/* BUILD FORM */

/* SIGN DOCUMENT */
.sign-document .create-new-form-btn{
  background-color: var(--color-black);
}
.sign-like-btn{
  background-color: var(--color-white);
  padding: 2px 4px;
}
.sign-like-btn:hover, .sign-more-btn:hover{
  background-color: var(--color-white);
}
.sign-like-btn i{
  color: #EB2B40;
}
.sign-more-btn{
  background-color: var(--color-white);
  padding: 2px 4px;
}

.sign-like-btn.liked{
  background: #ffe6e6;
  transition: background 0.2s, color 0.2s;
}
.sign-like-btn.liked i{
  color: #e53935;
}
.sign-like-btn{
  background: #fff;
}
.sign-like-btn i{
  color: #233;
}
.sign-document-card .lq-template-img{
  bottom: -60px;
}
.warning-show-status{
  color: #FF951B;
}
.error-show-status{
  color: #DD2B0E;
}
.success-show-status{
  color: #28A745;
}
/* SIGN DOCUMENT */

/* MODAL GLOBAL SEARCH  */
.modal{
  background: #0006;
}
.main-round-modal{
  border-radius: 20px;
  overflow: hidden;
}
.main-global-search-modal{
  border-radius: 20px;
  overflow: hidden;
}
.main-global-search-modal .search-header{
  padding: 16px 20px;
  border-bottom: 1px solid #ECECEC;
}
.main-global-search-modal .search-header input{
  border: 0;
  width: 100%;
}
.main-global-search-modal .search-header input:focus{
  outline: none;
}
.main-global-search-modal .search-content-list{
  padding: 14px 10px;
  overflow: hidden;
}
.main-global-search-modal .search-tags{
  display: flex;
  gap: 6px;
  margin-bottom: 10px;

  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none; 
}
.main-global-search-modal .search-tags::-webkit-scrollbar {
  display: none;
}
.main-global-search-modal .tag-btn{
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #ECECEC;
  padding: 6px 12px;
  border-radius: 24px;
  transition: 0.1s all ease-in-out;
}
.main-global-search-modal .result-item{
  font-size: 14px;
  font-weight: 400;
  padding: 7px 16px;
  border-radius: 8px;
  margin-bottom: 10px;
  transition: 0.1s all ease-in-out;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 20px;
}
.main-global-search-modal .result-item svg{
  min-width: 18px;
}
.main-global-search-modal .result-item span{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  max-width: 100%;
}

.main-global-search-modal .search-results{
  height: 305px;  
}
.main-global-search-modal .result-item:hover, .main-global-search-modal .tag-btn:hover{
  background-color: #F6F7F9;
}
.main-global-search-modal .search-footer{
  border-top: 1px solid #ECECEC;
  padding: 10px 24px;
  box-shadow: 0px -2px 4px 0px #0000000F;
}
.main-global-search-modal .search-results-section .result-items{
  overflow-y: scroll;
  max-height: 290px;
}

/* MODAL GLOBAL SEARCH */

/* MODAL CHATBOT  */
.custom-chatbot-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; width: 100vw; height: 100vh;
  background: #0000004D;
  z-index: 1000;
  overflow: hidden;
}
.custom-chatbot-sidebar {
  z-index: 999;
  position: absolute; left: -400px; top: 70px;
  width: 528px; height: 88vh;
  background: #fff; border-radius: 20px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.1);
  display: flex; flex-direction: column; gap: 16px;
  transition: left 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.custom-chatbot-sidebar-inner{
  display: none;
  background: linear-gradient(358.62deg, rgba(240, 243, 246, 0) 20.7%, rgba(0, 0, 0, 0.5) 55.03%, #000000 98.71%);
  padding: 65px 28px 70px 28px;
  border-radius: 20px;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.custom-chatbot-notifi-inner{
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.custom-chatbot-sidebar-inner.active, .chatbot-tab.active{
  display: block;
}

.custom-chatbot-sidebar-inner::-webkit-scrollbar, .chatbot-tab {
  display: none; /* Chrome, Safari, Edge */
}

.custom-chatbot-overlay.show {
  display: block;
}
.custom-chatbot-overlay.show .custom-chatbot-sidebar {
  left: 285px;
}
.custom-close-btn {
  position: absolute; top: 6px; right: 6px;
  width: 30px;
  background: transparent;
  border: none; font-size: 22px; cursor: pointer;
}
  .custom-greeting{
    margin-bottom: 48px;
  }
.custom-message.new-message {
  display: flex; 
  align-items: center;
  justify-content: space-between;
  border: 1px solid #EAECEE;
  background: var(--color-white); 
  backdrop-filter: blur(40px);
  box-shadow: 0px 4px 12px 0px #0000001F;
  border-radius: 16px;
  padding: 10px 20px; 
  font-weight: 600;
  cursor: pointer;
}
.custom-law-pic {
  width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid #dde;
  object-fit: cover;
}
.custom-law-pic-48 {
  width: 48px; height: 48px; border-radius: 50%;
  border: 1px solid #dde;
  object-fit: cover;
}
.custom-message.ask-lawyer-cover .custom-law-pic{
  width: 54px; height: 54px;
}
.custom-message.ask-lawyer-cover{
  padding: 20px;
}
.custom-message.ask-lawyer-cover:hover{
  border: 1px solid var(--color-primary);
}
.custom-message.custom-chat-ai-btn{
  background-color: var(--color-black);
  color: var(--color-white);
  padding: 14px 20px;
  border: 0;
}
.custom-law-link {
  color: #0066CC; font-size: 16px;
}
.custom-label-tabs.active {
	/* background: #eef4ff; */
	color: var(--color-black);
	font-weight: bold;
}
.new-messges-count-label{
  position: absolute;
  top: -7px;
  right: 28px;
  background-color: var(--color-primary);
  border-radius: 20px;
  padding: 0px 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-white);
}
.custom-ai-chat-btn {
  display: flex; align-items: center;
  background: var(--color-black); color: var(--color-white);
  padding: 16px; border: none; border-radius: 15px;
  margin-top: 12px; font-size: 1.13em;
  cursor: pointer; gap: 15px;
}
.custom-ai-icon {
  font-size: 1.5em;
}
.custom-tabs-content {
  flex: 1;
  margin: 16px 0;
  padding: 16px;
  border-radius: 12px;
  background: #f8f9fb;
  min-height: 120px;
  box-sizing: border-box;
  font-size: 1.13em;
}

.custom-homebar {
  display: flex; justify-content: space-between; align-items: center;
  position: absolute; bottom: 0; left: 0; width: 100%;
  padding: 15px 22px; background: var(--color-white); border-radius: 0 0 20px 20px;
  box-shadow: 0px -1px 20px 0px #00000029;
  font-size: 1.15em; border-top: 1px solid #eee;
  z-index: 1;
  cursor: pointer;
  user-select: none;
  padding-inline: 120px;
}
.custom-label-tabs:hover svg path:first-child{
  stroke: var(--color-pri-dark);
}
.custom-label-tabs:hover{
  color: var(--color-pri-dark);
}
.custom-label-tabs{
  color: #6E798F;
}
.custom-label-tabs.active{
  color: var(--color-black) !important;
  font-weight: 600;
}
.custom-label-tabs.active svg{
  fill: var(--color-black);
}
.custom-label-tabs.active svg path:first-child{
  stroke: var(--color-black);
}
.custom-label-tabs{
  display: grid;
  justify-items: center;
}
.messages-main-content{
  padding: 32px 26px;
  margin-bottom: 60px;
}
.custom-message.public-cases{
  padding: 15px 20px;
}
.messages-content-wrapper{
  background-color: var(--color-white);
  border: 1px solid var(--Stroke-light, #EEF1FD);
  box-shadow: 0px 4px 40px 0px #0000001F;
  border-radius: 16px;
  padding: 16px 20px;
}
.messages-content-wrapper .messages-img-wrap .custom-law-pic{
  width: 42px;
  height: 42px;
}
.custom-message-icon.messages-img-wrap{
  position: relative;
}
.messages-content-wrapper .img-chat-icon{
  position: absolute;
  bottom: -8px;
  left: -4px;
  backdrop-filter: blur(2.5566508769989014px);
  border: 0.91px solid #EFF3F5;
  background: #FFFFFF;
  border-radius: 30px;
  width: max-content;
  padding: 4px;
}
.three-line-text{
  display: -webkit-box;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messages-empty-wrapper{
  display: grid;
  justify-items: center;
  padding-top: 50px;
}
/* MODAL CHATBOT */

/* BREADCRUMB */
.breadcrumb > .breadcrumb-item > a{
  color: var(--color-primary);
}
.breadcrumb-item + .breadcrumb-item::before {
  vertical-align: middle;
  position: relative;
  top: 3px;
}
/* BREADCRUMB */

/* LEGAL QUESTIONS */
.legalquestions-grid-list .filter-gl{
  padding: 10px;
  border-radius: 8px;
  cursor: pointer;
}
.legalquestions-grid-list .filter-gl.active{
  background: #E6E6E6;
}
.legalquestions-tab{
  color: var(--color-muted-lite1);
}
.legalquestions-filter-tab{
  gap: 40px;
}
.legal-question-section .legal-question nav{
  margin-bottom: 28px;
}
.legalquestions-tab.active, .legalquestions-tab:hover{
  color: var(--color-black);
  text-decoration: underline;
}

.legalquestions-select .dropdown-item-custom {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 18px;
  border-radius: 11px;
  font-weight: 500;
  transition: background 0.2s;
}

.legalquestions-select .dropdown-item-custom.active,
.legalquestions-select .dropdown-item-custom:active,
.legalquestions-select .dropdown-item-custom:hover {
  background: var(--bg-body-color) !important;
  color: var(--color-black) !important;
}

/* GRID view */
.legalquestions-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 18px;
}
.legalquestions-grid-item{
  background-color: var(--color-white);
  border-radius: 12px;
  border: 1px solid transparent;
  box-shadow: 0 1px 2px rgb(160 160 184 / 10%);
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}
.legalquestions-grid-item:hover{
  box-shadow: 0 4px 16px rgb(160 160 184 / 18%);
  transform: translateY(-4px) scale(1.01);
  border: 1px solid var(--color-primary);
}
.lq-grid-tag{
  border: 1px solid var(--color-border-lite);
  border-radius: 8px;
  font-size: 12px;
  padding: 2px 8px;
  font-weight: var(--font-weight-medium);
}
.legalquestions-title-date{
  padding: 16px 14px;
  border-top: 1px solid #F6F6F6;
}
.p-14{
  padding: 14px;
}
.legalquestions-title-date .table-cta-icon{
  border-radius: 6px;
  width: 22px;
  height: 22px;
}
.legalquestions-title-date .table-cta-icon img{
  width: 16px;
  height: 16px;
}
.lq-template-img{
  border: 1px solid var(--color-border-lite);
  border-radius: 8px;
}
.form-template-img {
  height: 100px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.lq-template-img {
  object-fit: cover;
  object-position: top;
  box-shadow: 1px 2px 4px 0px #0000000A;
}
.empty-btn{
  border: 1.5px solid var(--color-primary, #008EFF);
  color: var(--color-primary);
}
.empty-btn:hover{
  color: var(--color-white);
}
.empty-btn:hover svg{
  fill: var(--color-white);
}
.empty-btn:active svg{
  fill: var(--color-black);
}

.breadcrumb-main{
  padding-top: 16px;
}

/* GRID view */
/* LEGAL QUESTIONS */

/* LEGAL QUESTION VIEW */
.case-question-number{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  background-color: #16162A;
  border-radius: 24px;
}
.case-question-number .case-name{
  font-size: 28px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  max-width: 100%;
}
.case-tab-wrapper{
  margin-top: 52px;
}
.case-tab-wrapper .nav-link{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  border: 1px solid #E5E7EB;
  border-radius: 20px;
  color: var(--color-muted-lite1);
  padding: 8px 24px;
}
.case-tab-wrapper .nav-link.active{
  background-color: var(--color-white);
  color: var(--color-black);
}
.case-tab-wrapper .nav-link.active svg path{
  fill: var(--color-primary);
}
.case-tab-content-penal{
  margin-top: 28px;
  border: 1px solid #E5E7EB;
  border-radius: 24px;
  background-color: var(--color-white);
  padding: 30px;
}
.case-tab-content-penal1 .tab-pane {
  display: none;
}

.case-tab-content-penal1 .tab-pane.active {
  display: block;
}

.info-compensation-wrapper1 .tl-item{
  align-items: start;
}
.info-compensation-wrapper1 .timeline{
  position: relative;
  display: grid;
  gap: 40px;
}
.info-compensation-wrapper1 .tl-connector{
  position: absolute;
  top: 20px;
  height: 70px;
}
.info-compensation-wrapper1 .tl-connector .tl-fill{
  animation: fillDownFlay 1.4s ease forwards 0.2s;
}
.info-compensation-wrapper1 .tl-item h3 + div{
  color: #C5D0D9;
}
@keyframes fillDownFlay{ to{ height:50%; } }
.info-compensation-wrapper2 .info-tab-row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 160px;
}
/* .info-compensation-wrapper2 .info-tab-row .info-label.desc-info{
  width: 430px;
} */
.info-compensation-wrapper2 .info-label{
  margin-bottom: 0 !important;
}
.info-compensation-wrapper2 .info-label .info-inner-title{
  display: flex;
  align-items: center;
  width: 400px;
  justify-content: space-between;
  line-height: 60px;
}
.info-compensation-wrapper2 .info-label .info-inner-title > div{
  font-size: 18px;
  font-weight: 500;
  color: #59658B;
}
.info-compensation-wrapper2 .info-label .info-inner-title .info-price{
  font-size: 20px;
  font-weight: 600;
  color: #59658B;
}
.info-compensation-wrapper2 .info-label .info-inner-title .info-price.over-price{
  font-size: 22px;
}
.info-compensation-wrapper2 .info-label .info-inner-title.total-compensation, .info-compensation-wrapper2 .info-label .info-inner-title.total-compensation .info-price, .info-inner-title.total-compensation > div{
  color: #09093B !important;
}
.info-compensation-wrapper2 .info-label .info-inner-title.total-compensation{
  border-top: 1px solid #E5E7EB;
}
.info-compensation-wrapper2 .info-label{
  /* flex: 1 0 240px !important; */
  max-width: 530px !important;
  text-align: center;
}
.info-compensation-wrapper2 .info-label .your-compensation{
  color: #09093B;
  font-size: 16px;
  font-weight: 500;
}
.info-compensation-wrapper2 .info-label .your-price{
  color: #0061FF;
  font-size: 48px;
  font-weight: 500;
  line-height: 54px;
}
.info-compensation-wrapper2 .info-label img{
  margin-bottom: 32px;
}
.info-label .contact-card-wrapper .contact-card-icon{
  border: 1px solid var(--Stroke, #E5E7EB);
  padding: 10px;
  border-radius: 20px;
  box-shadow: 3px -2px 2.8px 0px #00000014 inset, 0px 0px 10px 0px #0000001A;
}
.info-compensation-wrapper2 .info-label .contact-card-wrapper{
  border: 1px solid var(--Stroke, #E5E7EB);
  box-shadow: 0 1px 3px rgba(33,65,136,0.09);
  border-radius: 8px;
  padding: 14px 20px;
  cursor: pointer;
  margin-top: 60px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.info-compensation-wrapper2 .info-label .contact-card-wrapper:hover{
  box-shadow: 0 4px 16px rgba(33,65,136,0.09);
  transform: translateY(-2px) scale(1.01);
}

.view-details #meinProdukt .info-wrapper {
	max-width: inherit;
}
.view-details .info-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.view-details .info-label {
  flex: 0 0 240px;
	font-size: 20px;
	font-weight: 500;
	color: #363F4A;
  line-height: 21px;
	margin-bottom: 4px;
}
.view-details #meinProdukt ol li {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-inline-start: 16px;
}
.view-details #meinProdukt ol {
  list-style: decimal;
}
.view-details .info-value {
	font-size: 18px;
  font-weight: 400;
  margin-top: 2px;
  color: #59658B;
  flex: 1;
	white-space: pre-line;
}
.view-details #meinProdukt .info-value, .view-details #optional .info-value, .view-details #informationen .info-value {
	white-space: inherit;
}

/* progress */
.progress-container {
  width: 296px;
  /* height: 80px; */
  margin-bottom: 45px;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.progress-label {
  font-size: 18px;
  color: var(--color-lite-text);
  font-weight: 600;
}
.progress-bar {
  position: relative;
  width: 100%;
  height: 12px;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 24px;
  margin-bottom: 8px;
  transition: background 0.4s;
}
.progress-fill {
  height: 100%;
  border-radius: 6px;
  width: 0;
  transition: width 1s cubic-bezier(.21,.61,.35,1);
}
.status-badge {
  position: absolute;
  left: 0;
  transform: translateX(-50%);
  top: 75px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  padding: 4px 18px;
  display: inline-block;
  box-shadow: 0px 2px 4px 0px #52525252;
  text-align:center;
  white-space:nowrap;
  z-index: 2;
  transition: left 0.5s ease-in-out;
}

.status-badge::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 10px 12px 10px;
  border-style: solid;
  border-color: transparent transparent #ddd transparent;
  width: 0;
  height: 0;
  display: block;
}
.progress-container.checking .status-badge::after {
  border-color: transparent transparent #FFA726 transparent;
}
.progress-container.answered .status-badge::after {
  border-color: transparent transparent #4BC16C transparent;
}
.progress-container.finished .status-badge::after {
  border-color: transparent transparent #0ea657 transparent;
}
.progress-container.cancelled .status-badge::after {
  border-color: transparent transparent #E02E2A transparent;
}
.progress-container.pending .progress-fill { background: #008EFF; }
.progress-container.pending .status-badge { background: #008EFF; color: #fff;}
.progress-container.checking .progress-fill { background: #FFB508; }
.progress-container.checking .status-badge { background: #FFB508; color: #fff;}
.progress-container.answered .progress-fill { background: #4BC16C; }
.progress-container.answered .status-badge { background: #4BC16C; color: #fff;}
.progress-container.finished .progress-fill { background: #0ea657; }
.progress-container.finished .status-badge { background: #0ea657; color: #fff;}
.progress-container.cancelled .progress-fill { background: #E02E2A; }
.progress-container.cancelled .status-badge { background: #E02E2A; color: #fff; border: 2px solid #E02E2A;}
.progress-container.cancelled .progress-bar { background: #fee3e3; }
.cancelled-x {
  position: absolute;
  right: 138px;
  top: 47px;
  width: 20px;
  height: 20px;
  background: #E02E2A;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 18px;
  border: 2px solid #E02E2A;
  z-index: 3;
}
.num-input { padding:6px 17px; margin-bottom:22px; border-radius:7px; border: 1px solid #ccc; font-size: 16px; width: 120px;}

.progress-bar .milestone-dot {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  z-index: 3;
}
.progress-bar .dot1 { left:14%; }
.progress-bar .dot2 { left:33.33%; }
.progress-bar .dot3 { left:60.66%; }
.progress-bar .dot4 { left:87%; }
.progress-bar .milestone-dot.active { background: #51d93c; }
/* progress */

.view-details .file-upload-wrapper .upload-button {
	display: inline-flex;
	align-items: center;
	padding: 6px 16px;
	background-color: #007bff;
	color: var(--color-white);
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	transition: background-color 0.3s;
	margin-top: 8px;
}
.view-details .file-upload-wrapper .upload-button {
	color: var(--color-white);
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
}
.view-details .file-upload-wrapper input[type="file"] {
	display: none;
}
.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.case-confi-table.table {
	width: 100%;
	border-collapse: collapse;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.case-confi-table thead tr > th {
	background-color: #F9F9F9;
}
.case-confi-table thead tr > th:first-child {
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.case-confi-table thead tr > th:last-child {
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}
.case-confi-table th, .case-confi-table td {
	padding: 14px 16px;
	text-align: left;
	border-bottom: 1px solid #E0E0E0;
	font-size: 14px;
	font-weight: 500;
	color: #667093;
}
.case-confi-table thead tr th, .case-confi-table tbody tr:last-child td{
  border-bottom: none;
}
.case-confi-table thead tr th{
  font-size: 16px;
  font-weight: 500;
  color: var(--pri-dark-color);
}
.case-status-badge{
  display: inline-grid;
  border: 1.5px solid #BABFCE73;
  width: 12px;
  height: 12px;
  border-radius: 20px;
  margin-inline-end: 1px;
}
.case-status-badge.status-active{
  background-color: #BABFCE73;
}
.edit-icon-btn{
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.edit-icon-btn:hover{
  background-color: var(--bg-light-blue);
}
/* LEGAL QUESTION VIEW */


/* ASK YOUR QUESTION */
.ask-your-question-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #0000004D;
	z-index: 1000;
	overflow: hidden;
}
.ask-your-question-overlay.show {
	display: block;
}
.ask-your-question-sidebar {
  z-index: 999;
  position: absolute;
  left: -980px;
	top: 70px;
	width: 934px;
	height: 88vh;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 2px 16px rgba(0,0,0,0.1);
	display: flex;
	flex-direction: column;
	gap: 16px;
	transition: left 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.ask-your-question-overlay.show .ask-your-question-sidebar {
	left: 285px;
}
.ask-your-question-sidebar-inner {
  height: 100%;
	border-radius: 20px;
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
  padding-top: 48px;
}
.ask-your-question-sidebar-inner::-webkit-scrollbar, .chatbot-tab {
	display: none;
}
.modal-close-btn{
  width: 32px;
  height: 32px;
  font-size: 28px;
  line-height: 14px;
  border-radius: 6px;
}
.modal-back-btn{
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
.modal-back-btn:hover, .modal-close-btn:hover{
  background-color: #F7FBFF;
}
.ask-your-question-overlay .char-count {
	position: absolute;
  right: 16px;
  top: 70%;
	transform: translateY(-50%);
	font-size: 16px;
	font-weight: 400;
	color: #C0C2CB;
}
.ask-your-question-overlay .form-ask-your-quest .field .betreff-one {
	padding-inline-end: 75px;
}

/* wizard */
.wizard-btn-wrapper{
  margin-top: 42px;
}
.wizard-container {
  padding: 32px 80px;
}
.wizard-container .wizard-header {
  text-align: center;
  margin-bottom: 40px;
}
.wizard-container .wizard-steps {
  display: flex;
  justify-content: center;
  margin-bottom: 36px;
  gap: 120px;
}
.wizard-container .wizard-step {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.1em;
  color: #a0a0a0;
  font-weight: 500;
  position: relative;
  transition: color 0.3s;
}
.wizard-container .wizard-step .wizard-count{
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EFF3F5;
  color: var(--color-lite-text);
  border-radius: 30px;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
}
.wizard-container .wizard-step.active {
  color: #363F4A;
  font-weight: 700;
}
.wizard-container .wizard-step.active .wizard-count{
  background-color: #EFF6FF;
  color: var(--color-primary);
}
.wizard-container .wizard-step.active::after{
  background: var(--color-primary);
}
.wizard-container .wizard-step:after {
  content: "";
  width: 85px;
  height: 2px;
  background: #e0e0e0;
  display: block;
  position: absolute;
  right: -102px;
  top: 13px;
}
.wizard-container .wizard-step:last-child:after {
  display: none;
}
.wizard-container .wizard-form .wizard-step1 label {
  display: block;
  margin-top: 24px;
  font-size: 16px;
  color:  var(--color-black);
  margin-bottom: 8px;
  font-weight: 500;
}
.wizard-container .wizard-form input[type="text"],
.wizard-container .wizard-form input[type="email"],
.wizard-container .wizard-form textarea {
  width: 100%;
  padding: 11px 13px;
  border-radius: 7px;
  border: 1px solid #D1D5DB;
  font-size: 1em;
  transition: border-color 0.3s;
}
.wizard-container .wizard-form input[type="text"]:focus,
.wizard-container .wizard-form textarea:focus {
  outline: none;
  border: 1px solid var(--color-black);
  box-shadow: 0 0 5px #bfe3ff48;
}
.wizard-container .wizard-form textarea {
  width: 100%;
	min-height: 160px;
  resize: vertical;
}
.wizard-container .wizard-form .file-upload {
  background: var(--color-white);
  border: 2px dashed #D1D5DB;
	border-radius: 8px;
	padding: 35px;
	position: relative;
	cursor: pointer;
}
.wizard-container .wizard-form .file-upload .upload-info {
	display: grid;
	justify-items: center;
	padding-left: 0px;
	max-width: inherit;

  color: #6F7680;
  font-size: 14px;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.wizard-container .wizard-form .file-upload .upload-info img {
	position: relative;
	width: 38px;
	top: 0px;
  left: 0;
	margin-bottom: 6px;
}
.wizard-container .wizard-form .file-upload .file-preview {
  display: flex !important;
  padding: 0 !important;
  width: 100% !important;
  bottom: inherit !important;
  gap: 10px;
  align-items: center;
  position: relative;
  z-index: 999;
}
#filePreviewContainer .file-preview {
  display: flex !important;
  padding: 10px !important;
  width: max-content !important;
  bottom: inherit !important;
}
.wizard-container .wizard-form .file-upload .file-input {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	cursor: pointer;
	border: 1px solid #C4C5C7;
	border-radius: 8px;
}
.wizard-container .wizard-next, .wizard-container .wizard-submit {
  padding: 12px 20px;
  background: var(--color-black);
  color: #fff;
  border-radius: 8px;
  border: 1px solid transparent;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  /* transition: background 0.18s; */
  transition: 0.1s all ease-in-out;
  box-shadow: 1px 2px 6px 0px #0000000A;
}
.wizard-container .wizard-next:active, .wizard-container .wizard-submit:active, .sepa-edit-btn:active, .new-legal-question-section .design-with-ai:active{
  transform: scale(.98);
}
.wizard-container .wizard-next:hover, .wizard-container .wizard-submit:hover{
  background-color: #000000d4;
}
.wizard-container .wizard-next:focus, .wizard-container .wizard-submit:focus{
  color: var(--color-white);
}
.wizard-container .wizard-next:disabled {
  background: #bfc0ea;
  color: #798bb7;
  cursor: not-allowed;
}
/* payment tab */
.field label{
  margin-bottom: 10px;
}
.wizard-step-content .option-card {
  display: flex;
  gap: 16px;
  align-items: baseline;
  flex-direction: row;
  padding: 18px 20px;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: border 0.3s ease;
  background: #fff;
}
.content-question-wrap, .inner-checkbox-que {
  gap: 16px;
}
.first-que-option1.option-card {
  display: inherit !important;
  background: #EFF6FF;
  cursor: pointer;
}
.wizard-step-content .option-card:hover {
  border-color: #008EFF;
}
.wizard-step-content input[type="radio"] {
  transform: scale(1.5);
}
.content-question-wrap, .inner-checkbox-que {
  gap: 16px;
}
.wizard-step-content .inner-first-que-wrap .inner-checkbox-que .option-input {
  margin-inline-start: 10px;
}
.wizard-step-content .inner-first-que-wrap input[type="radio"] {
  transform: scale(1);
}
.unlock-logo-image {
  position: absolute;
  bottom: 10px;
  right: 20px;
}
.text-danger {
  color: #dc3545!important;
}
/* payment tab */
/* payment method */
.wizard-step-content.wizard-step3{
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 32px;
}
.tota-amount {
  background-color: #F9FAFB;
  border-radius: 8px;
  padding: 12px 18px;
}
.payment-methed {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.payment-methed .card {
  width: 100%;
  padding: 15px 20px;
  border-radius: 12px;
  border: 2px solid #E5E7EB;
  text-align: center;
  margin-bottom: 0px;
  transition: 0.1s all;
  justify-content: center;
}
.payment-methed .card.active {
  border: 2px solid #008EFF;
}
.payment-methed .card.active .hidden-visually {
  color: #008EFF;
}
.payment-methed .card [name="payment_type"] {
  display: none;
}
.payment-methed .card span {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
.payment-methed .card span {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
.tab-content > .active {
  display: block !important;
}
.wizard-step3 .field {
  margin-bottom: 26px;
}
.card-brands-icon svg {
  font-size: 24px;
  color: #9CA3AF;
}
.wizard-step3 .cardIcon{
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  color: #C0C2CB;
}
.sepa-edit-btn{
  padding: 16px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  background-color: var(--color-white);
  color: var(--color-black);
  border: 1px solid var(--color-border-lite, #E5E7EB);
  box-shadow: -1px -1px 6px 0px #0000000A;
}
.sepa-edit-btn:hover{
  border-color: #e5e7eb;
}
/* payment method */
/* final step */
.wizard-final-btn{
  padding-top: 38px;
}
.btn-successful{
  padding: 14px 75px;
  border-radius: 12px !important;
}
.wizard-step-content.wizard-step4{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  height: 596px;
}
.wizartoggle-btn-wrapper{
  position: absolute;
  width: 100%;
}
/* final step */
/* wizard */

.question-container{
  padding-inline: 50px;
  padding-bottom: 50px;
}
.receive-status{
  background: #EDF9F0;
  color: #00B67A;
  width: fit-content;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 14px;
  font-weight: 500;
}
.cover-card-border{
  border: 1px solid var(--color-border-lite, #E5E7EB);
  border-radius: 12px;
}
.cover-card-border.custom-card{
  padding: 20px;
}
.cover-card-border.first-que-option1{
  padding: 24px;
  background-color: var(--bg-light-blue);
}
.hidden{
  display: none;
}

.ask-ques-form{
  /* border: 1px solid #C4C5C7; */
  border: 1px solid var(--color-border-lite, #E5E7EB);
  /* border-radius: 8px; */
  border-radius: 12px;
  /* padding: 12px 24px; */
  padding: 22px 24px;
  width: 100%;
  /* min-height: 150px; */
}
.ask-ques-form textarea {
  border: 0;
  padding: 0;
  width: 100%;
  resize: none;
  scrollbar-width: none; 
  -ms-overflow-style: none; 
  overflow: -moz-scrollbars-none;
  background: transparent;
}
.submit-btn.disabled{
  background-color: #EAECEE;
  color: #ffffff;
  border-color: transparent;
}

.private-questions-textarea{
  border-radius: 0 !important;
  resize: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.private-questions-textarea::-webkit-scrollbar {
  display: none;
}
.private-questions-textarea:focus-within{
  box-shadow: 0 0;
  outline: 0;
}
.comments-form .submit-btn.btn.btn-primary .fa-paper-plane{
  display: none;
}
.comments-section .comment-profile-img img {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  border-radius: 100px;
  object-fit: cover;
}
.sub-comment-item{
  margin-left: 50px;
}
.comments-section .comments-list .comment-item{
  padding: 6px 4px;
}
.comments-section .comment-edit-btns .law-toggle-btn img{
  min-width: 20px;
}
.comments-section .comments-list textarea.form-control{
  height: 17px;
  border-radius: 30px !important;
  min-height: 42px;
  padding: 8px 18px;
  resize: none;
}
.comments-section .comments-list .inline-reply-submit-form{
  position: relative;
}
.comments-section .comments-list .inline-reply-submit-form button.btn.btn-primary{
  padding: 9px 10px;
  border-radius: 20px !important;
  font-size: 14px;
  font-weight: 500;
}
.comments-section .comments-list .chat-comment-item .comment-edit-btns .comment-icon-class button img{
  border-radius: 0px !important;
}


/* ANWALTS CHAT VERLAUF */
.anwalts-chatverlauf-sidebar{ width: max-content; right: 20px; }
.lawyer-chat-sidebar { background: #F9F9F9; border-radius: 12px; border: 1px solid #E5E7EB; padding: 20px;}
/* .lawyer-chat-header { border-bottom: 1px solid #ddd; } */
.lawyer-chat-message { margin-bottom: 16px; }
.lawyer-chat-user-msg { background: #ececec; border-radius: 10px 10px 0px 10px; max-width: 70%; padding: 0.75rem 1rem; margin-left: auto;}
.lawyer-chat-agent-msg { border-radius: 10px; max-width: 70%; padding: 0.75rem 1rem; }
.lawyer-chat-templates-row .lawyer-chat-template-card { overflow: hidden; border-radius: 8px; margin-bottom: 6px; border: 1px solid #e1e1e1; background-color: #F8FAFB; transition: 0.2s all ease-in-out; box-shadow: 1px 2px 4px 0px #0000000A; position: relative;  }
.template-hover-btn{ background-color: var(--color-black); color: var(--color-white); font-size: 13px; font-weight: 500; border-radius: 30px !important; transition: 0.2s all ease-in-out; &:hover{ background-color:  rgba(0,0,0,.8); color: var(--color-white); } &:active{ background-color:  rgba(0,0,0,.8) !important; color: var(--color-white) !important; } }
.lawyer-chat-template-card:hover .ir-overlay{ position:absolute; inset:0; background: #00000033; opacity:1; transition:opacity .25s ease-in-out; z-index:9; }
.lawyer-chat-template-card .ir-overlay{opacity:0;}
.lawyer-chat-templates-row .lawyer-chat-template-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.09); opacity:1;}
.lawyer-chat-avatar { width: 24px; height: 24px; border-radius: 50%; }
.lawyer-chat-template-image{ position: absolute; z-index: 9; }
.lawyer-chat-sidebar-new-chat{ padding: 8px 12px; cursor: pointer; margin-bottom: 14px; border-radius: 12px; }
.lawyer-chat-sidebar-new-chat:hover{ background-color: #EBEBEB;}
.legel-sidebar-content .popular-topics-btn::after{ content: ""; position: absolute; right: 16px; top: 45%; width: 8px; height: 8px; border: solid var(--color-black); border-width: 0 1.5px 1.5px 0; padding: 2px; background: transparent; pointer-events: none; transform: translateY(-50%) rotate(45deg); transition: transform 0.25s; }
.chat-card-body{ padding: 32px 25px; }
.anwalts-chatverlauf-container{ overflow: hidden; padding-block: 40px; }
.anwalts-chatverlauf-inner{ padding: 20px; }
.anwalts-board{ height: 470px; overflow: auto; /* scrollbar-width: none; -ms-overflow-style: none; */ }
.template-cover-img:after { content: ""; position: absolute; top: 10px; left: 25px; width: 100%; height: 100%; background-color: #EEF1FD; z-index: 2; display: block; border-radius: 8px; }
.template-cover-img{ height: 150px; padding-top: 20px; }
.lawyer-chat-sidebar-wrapper{ padding:  12px; }
.popular-topics-content{ display: flex; flex-direction: column; gap: 20px; padding-inline: 12px;   max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.legel-sidebar-menu{ display: grid; align-content: space-between; height: 90vh; overflow-y: auto;   scrollbar-width: none; }
.advanced-recommendation{ width: 205px; height: 160px; background-image: url('../img/upgrade-img.png'); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 14px 18px; border-radius: 20px; }
.recommendation-title{ font-size: 20px; font-weight: 600; color: var(--color-white); margin-bottom: 28px; }
.advanced-recommendation .upgrade-now{ box-shadow: 1px 2px 4px 0px #0000000F; border-radius: 12px; font-size: 14px; font-weight: 700; color: var(--pri-dark-color); background: var(--color-white); padding: 10px 14px; justify-content: center; }
.ai-history-menu-item a{ width: 100%; display: inline-block; padding: 6px 11px; cursor: pointer; border-radius: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ai-history-menu-item a:hover{ background-color: #EBEBEB; }
/* ANWALTS CHAT VERLAUF */

/* template slider */
.slider-container{ overflow: hidden; }
.lawyer-chat-templates-row { display: flex; transition: transform 0.4s ease-in-out; }
.template-slide { flex: 0 0 calc(33.333% - 20px); padding: 12px; }
.slider-next, .slider-previous { z-index: 99; cursor: pointer; position: absolute; top: 40%; transform: translateY(-50%); padding: 4px 6px; border-radius: 50%; font-size: 14px; box-shadow: 1px 2px 4px 0px #0000000A; border: none; outline: none; transition: opacity 0.3s ease; background: #C5D0D9; }
.slider-previous { left: 0px; }
.slider-next { right: 0px; }
.slider-next:hover, .slider-previous:hover { background-color: var(--color-primary); }
.hidden-btn { opacity: 0; pointer-events: none; }
/* template slider */
/* ASK YOUR QUESTION */

/*  NEW LEGAL QUESTION  */
.new-legal-question-section .w-radio input[type="radio"] {
  accent-color: black;
  width: 18px;
  height: 18px;
}
.input-radio-wrapper{
  display: flex;
  align-items: center;
  gap: 12px;
}
.new-legal-question-section{
  padding: 75px 110px;
}
.new-legal-question-section .new-legal-question-card .w-question{
  padding-top: 28px;
  padding-bottom: 12px;
  line-height: 32px;
}
.new-legal-question-section .describe-wrapper{
  padding-bottom: 38px;
  padding-top: 18px;
  display: none;
}
.new-legal-question-section .form-control-legal:focus-visible{
  border: 1px solid var(--color-black);
  outline: none;
}
.new-legal-question-section .form-control-legal.disabled{
  pointer-events: none;
  opacity: 0.65;
}
.new-legal-question-section .form-control-legal{
  border: 1px solid var(--color-border-lite, #E5E7EB);
  background-color: var(--color-white);
  padding: 10px 21px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
}
.new-legal-question-section .form-control-legal::placeholder{
  color: var(--color-disable-text);
}
.new-legal-question-section .stellen textarea.form-control-legal {
  min-height: 100%;
  height: auto;
	margin-bottom: 0;
  border: 0;
  outline: none;
  resize: none;
  padding-top: 24px;
}
.new-legal-question-section .form-control-legal:disabled,
.new-legal-question-section .form-control-legal[readonly] {
  user-select: none;
  pointer-events: none;
  /* background-color: #f5f5f5; */
  cursor: default;
}
.form-control-legal-error{
  color: #E02E2A;
  font-size: 16px;
  font-weight: 500;
}
.design-with-ai{
  background: radial-gradient(50% 50% at 50% 50%, #0054DC 0%, #003489 100%);
  border: 2px solid;
  border-image-source: linear-gradient(94.2deg, #E5E7EB 6.41%, #C8E1FF 95.07%);
  box-shadow: 0px 0px 1px 4px #FFFFFF1A;
  border-radius: 30px;
  padding: 12px 45px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-white);
  transition: 0.1s all ease-in-out;
  margin-top: 20px;
}
.design-with-ai:hover{
  box-shadow: 0px 2px 1px 0px #FFFFFF40 inset;
}
.legel-sidebar-main{
  background-color: #F9F9F9;
  padding: 52px 40px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  height: 100%;
  margin-top: 54px;
  width: 321px;
}
.legel-header-main{
  position: fixed;
  top: 0px;
  z-index: 99999;
  background: var(--color-white);
  height: 53px;
  display: flex;
  align-items: center;
  width: 67%;
  left: 58px;
  padding-left: 36px;
}
.legel-header-main a svg{
  display: inline-block;
  transition: transform 0.2s ease;
  /* margin-right: 8px; */
}
.legel-header-main a:hover svg{
  transform: translateX(-4px);
}
.modal-open .legel-header-main, .modal-open .legel-sidebar-main{
  z-index: 999;
}
.check-contact-detail{
  border-radius: 12px !important;
  background-color: var(--color-black);
  color: var(--color-white);
  font-size: 16px;
  font-weight: 500;
  padding: 8px 20px;
}
.check-contact-detail:hover{
  background-color: #000000d4;
  color: var(--color-white);
}
.check-contact-detail:active{
  transform: scale(.98);
}
.check-contact-detail.disabled{
  background-color: #87898C;
  color: var(--color-white);
}

/* legel question timeline */
.timeline-status-request{
  padding-top: 50px;
}
.timeline-status-request .timeline-step {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 32px;
  text-align: start;
  margin-bottom: 44px;
}
.timeline-status-request .timeline-step:last-child {
  margin-bottom: 0;
}
.timeline-status-request .timeline-icon {
  position: absolute;
  left: 0;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #E5E7EB;
  color: #ffffff;
  text-align: center;
  line-height: 21px;
  font-size: 18px;
  margin-bottom: 0px;
  z-index: 999;
}
.timeline-status-request .timeline-icon i{
  font-size: 16px;
}
.timeline-status-request .timeline-step.active .timeline-icon {
  background-color: #008EFF;
  z-index: 99;
}
.timeline-status-request .timeline-step.active .timeline-content h3{
  color: var(--color-black);
  font-weight: 600;
}
.timeline-status-request .timeline-step.active .timeline-icon::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 9px;
  height: 9px;
  background-color: var(--color-white);
  border-radius: 20px;
  transition: height 1s ease-in-out;
}
.timeline-status-request .timeline-step.active.check .timeline-icon::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 9px;
  height: 9px;
  background-color: inherit;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxTDQuMTI1IDhMMSA0LjgxODE4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-repeat: no-repeat;
  background-position: center;
  background-size: 9px 9px;
  border-radius: 20px;
  transition: height 1s ease-in-out;
}
.timeline-status-request .timeline-step:last-child::before, .timeline-status-request .timeline-step:last-child::after {
  display: none;
}
.timeline-status-request .timeline-step::before {
  content: "";
  position: absolute;
  width: 3px;
  background-color: #E5E7EB !important;
  left: 9px;
  top: 18px;
  transition: height 1s ease-in-out;
  height: 40px;
}
.timeline-status-request .timeline-step::after {
  content: "";
  position: absolute;
  width: 3px;
  background-color: #E5E7EB !important;
  left: 9px;
  top: 18px;
  transition: height 1s ease-in-out;
  height: 40px;
}

.timeline-status-request .timeline-step.active::before {
  height: 40px;
  background-color: #008EFF !important;
  animation: growLine 1s ease-in-out forwards;
  z-index: 99;
}
@keyframes growLine {
  0% {
    height: 0;
  }
  100% {
    height: 40px;
  }
}
/* legel question timeline */

.ai-textarea-wrapper{
  border: 1px solid var(--Stroke, #E5E7EB);
  border-radius: 24px;
  overflow: hidden;
  height: 300px;
  position: relative;
}
.new-legal-question-card .accordion-button:not(.collapsed){
  background-color: var(--color-white);
}
.new-legal-question-card .accordion-header{
  padding-inline: 0 !important;
  box-shadow: none;
}
.new-legal-question-card .accordion-button::after{
  content: " ";
  display: none;
}
.new-legal-question-card .accordion-button::before{
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20License%3A%20PD.%20Made%20by%20Mary%20Akveo%3A%20https%3A%2F%2Fmaryakveo.com%2F%20--%3E%3Csvg%20fill%3D%22%23000000%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20id%3D%22plus%22%20data-name%3D%22Line%20Color%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22icon%20line-color%22%3E%3Cpath%20id%3D%22primary%22%20d%3D%22M5%2C12H19M12%2C5V19%22%20style%3D%22fill%3A%20none%3B%20stroke%3A%20rgb(0%2C%200%2C%200)%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%202%3B%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: 0.2s all ease-in-out;
}
.new-legal-question-card .accordion-button:not(.collapsed)::before {
	transform: rotate(-136deg);
}
.new-legal-question-card .accordion-header.accordion-button{
  font-size: 18px;
  font-weight: 500;
}
.new-legal-question-card .accordion-button span{
  padding-inline-start: 22px;
}
.new-legal-question-card .w-accordion-li{
  border-bottom: 1px solid #C4C5C7;
}
.new-legal-question-card .accordion-content{
  margin-bottom: 18px;
}
.new-legal-question-card .form-select:focus{
  box-shadow: none;
}

.new-legal-question-card .file-input-a {
  background: #008EFF0D;
  border: 1px dashed #008EFF;
  border-radius: 16px;
  padding: 40px 100px;
  cursor: pointer;
}
.new-legal-question-card .file-input-a img {
  width: 22px;
}
.new-legal-question-card .file-input-a label {
  display: flex;
  justify-content: center;
  column-gap: 20px;
}
.new-legal-question-card .file-name {
  font-size: 14px;
  font-weight: 500;
  color: #008EFF;
}
.new-legal-question-card .file-type {
  font-size: 10px;
  color: #6F7680;
}
.new-legal-question-card .d-none-file {
  display: none;
}
/* .new-legal-question-card .stellen {
  display: grid;
  row-gap: 30px;
} */

/* loader animation */
.loading-container {
	display: flex;
	/* max-width: 600px; */
	width: 100%;
	flex-direction: column;
	gap: 12px;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	white-space: pre-wrap;

  height: 64px;
  overflow: scroll;
  overflow-x: hidden;
}
.loading-container p {
	margin-bottom: 0px;
}
.loading-bar {
  background-size: 200% auto;
  height: 12px;
  width: 100%;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  display: flex;
}

.animate-loading {
  transform-origin: left;
  animation: expanding 0.4s 0.7s forwards linear, moving 1s 1s infinite forwards linear;
}
@keyframes expanding {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes moving {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 200% 0;
  }
}
.gradient-1 {
  background-image: linear-gradient(90deg, rgba(184, 224, 255, 0.35) 12.35%, #CEEFE6 108.12%);
  width: 90%;
}
.gradient-2 {
  background-image: linear-gradient(270.34deg, rgba(184, 224, 255, 0.31) 29.47%, #CEEFE6 67.37%);
  width: 60%;
}
.ai-caht-wrpper{
  display: none;
  padding-inline: 21px;
  padding-bottom: 32px;
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: var(--color-white);
}
.ai-caht-wrpper .ai-chat-title-wapper{
  border-top: 1px solid #D9D9D9;
  padding-top: 24px;
  padding-bottom: 14px;  
  font-size: 16px;
  font-weight: 700;
  background: linear-gradient(270deg, #001A60 -7.38%, #005599 97.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  
}
.ai-caht-wrpper .ai-btn-wrpper{
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 24px;
}
.ai-btn-wrpper .ai-text-btn{
  background-color: #F7F9F9;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 500;
  padding: 4px 6px;
}
.ai-btn-wrpper .ai-text-btn:hover{
  background-color: #EDF0F0;
}
/* loader animation */

.step-one-fil{
  margin-bottom: 32px;
}
.new-legal-question-card .tab .stellen .row{
  margin-bottom: 20px;
}
.alert.alert-primary.text-primary{
  background: #EFF6FF;
  border: 0;
  border-radius: 16px;
}

.successfully-submitted-modal{
  margin: 48px 150px;
}
.new-legal-question-btn{
  border: 1.5px solid var(--color-primary);
  border-radius: 24px !important;
  color: var(--color-primary);
  padding: 14px 26px;
  font-size: 16px;
  font-weight: 500;
}
.new-legal-question-btn:hover{
  border-color: var(--color-black);
}
.submitte-question-btn:active, .submitte-question-btn:focus-visible{
  border: none;
}
.error-input {
  border: 1px solid red !important;
  background-color: #ffe6e6;
}
.wizard-error-msg {
  color: red;
  font-size: 14px;
  padding: 8px;
}

/* body.modal-open .header{
  z-index: 999;
}
body.modal-open nav.sidebar-main-wrapper{
  z-index: 99;
} */
/*  NEW LEGAL QUESTION  */

/* TEMPLATES */

.template-card-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 26px;
}

.template-card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid var(--color-border-lite);
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
}
.template-card:hover{
  transform: translateY(-4px) scale(1.01);
  border: 1px solid var(--color-primary);
}
.template-card-wrapper .template-img-wrap img{
  object-fit: cover;
  width: 100%;
  height: 150px;
}
.template-title-wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 15px;
}
.template-card-title{
  font-size: 14px;
  font-weight: 500;
}
.template-file-legal-icon{
  background-color: var(--color-primary);
  border-radius: 4px;
  padding: 4px;
}
.form-templates .template-file-legal-icon{
  background-color: #D06CFF;
}
.template-file-icon{
  width: 12px;
  height: 12px;
}
.templates-menu-search-section, .templates-filter-select{
  margin-bottom: 40px;
}
.templates-menu-search-section a:hover span{
  color: var(--color-black);
}
.templates-menu-search-section .search-icon {
	position: absolute;
	top: 50%;
	left: 18px;
	transform: translateY(-50%);
	color: #555;
}
.create-ai-btn{
  padding: 6px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  background: linear-gradient(#F8FAFB, #F8FAFB) padding-box, linear-gradient(270deg, #5B73FB 0%, #A21A9D 100%) border-box;
  border: 2px solid transparent;
  border-radius: 14px;
  cursor: pointer;
  white-space: nowrap;
  transition: 0.2s all ease-in-out;
}
.create-ai-btn:hover{
  background: linear-gradient(#F8FAFB, #F8FAFB) padding-box, linear-gradient(360deg, #5B73FB 0%, #A21A9D 100%) border-box;
}
.create-ai-btn:active{
  border-color: transparent !important;
}
.templates-filter-select .filter-row {
  display: flex;
  gap: 16px;
  align-items: center;
}
.templates-filter-select .custom-select {
  position: relative;
  min-width: 220px;
  width: 220px;
}
.templates-filter-select .custom-select .template-count{
  font-size: 12px;
  font-weight: 400;
  color: var(--color-muted-lite);
  background-color: #EFF3F5;
  border-radius: 8px;
  margin-inline-start: 20px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
}
.templates-filter-select .select-selected {
  padding: 8px 32px 8px 12px;
  border: 1px solid var(--color-border-lite, #E5E7EB);
  border-radius: 8px;
  background: var(--color-white);
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 16px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.template-sub-tag-menu{
  color: #C5D0D9;
}
.template-sub-tag-menu:hover{
  color: var(--color-primary);
}
.templates-filter-select .select-label {
  font-weight: 700;
  margin-right: 12px;
}
.templates-filter-select .select-arrow {
  position: absolute;
  right: 16px;
  top: 50%;
  width: 7px;
  height: 7px;
  border: solid var(--color-black);
  border-width: 0 1.5px 1.5px 0;
  padding: 2px;
  background: transparent;
  pointer-events: none;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.25s;
}

.templates-filter-select .custom-select.open .select-arrow {
  transform: translateY(-50%) rotate(-135deg);
}
.templates-filter-select .select-items {
  display: none;
  position: absolute;
  background-color: var(--color-white);
  top: 110%;
  left: 0;
  right: 0;
  border: 1px solid #eee;
  border-radius: 8px;
  z-index: 2;
  box-shadow: 0 6px 16px rgba(0,0,0,0.07);
  overflow: hidden;
  animation: fadeIn 0.2s;
}
.templates-filter-select #customKategorie .select-items {
  height: 360px;
  overflow-y: scroll;
}
.select-items{
  max-height: 420px;
  overflow: auto;
  position: relative;
}
.ai-sticky-row{
  position: sticky;
  bottom: 0;
  background: #fff;
  border-top: 1px solid #ececec;
  z-index: 1;
}
.ai-sticky-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-7px);}
  to { opacity: 1; transform: translateY(0);}
}
.templates-filter-select .custom-select.open .select-items {
  display: block;
}
.templates-filter-select .select-items div {
  /* padding: 8px 12px; */
  cursor: pointer;
  font-size: 16px;
  background: var(--color-white);
  transition: background 0.2s;
}
.templates-filter-select .select-items a{
  display: flex;
  padding: 8px 12px;
}
.templates-filter-select .select-items div:hover {
  background-color: #F8FAFB;
}
.templates-filter-select .select-items .option-selected {
  background: #F8FAFB;
  font-weight: 600;
}
.invoices-receipts-templates .invoices-receipts-card .template-cover-img{
  padding-top: 34px;
  padding: 34px;
  height: 175px;
}
.invoices-receipts-templates .invoices-receipts-card .template-cover-img::after {
	top: 20px;
	left: 55px;
}
.selected-template-img{
  position: relative;
  height: 175px;
}
.selected-template-img img{
  border: 0;
}
/* template modal view */
.use-tempalte-view-modal-body{
  padding: 42px 52px;
  height: 100%;
  overflow-y: scroll;
}
.use-tempalte-content{
  gap: 36px;
}
.template-view-img-wrapper{
  border-radius: 18px 18px 0 0;
  padding: 40px 42px;
  overflow-y: scroll;
  height: 537px;
  background-color: #F6F7F8;
}
.template-view-img-wrapper img{
  width: 564px;
}
.customizable-btns a:hover span{
  color: var(--color-black);
  transition: 0.1s all ease-in-out;
}
.main-round-modal .btn-close {
  box-shadow: none;
}
.template-view-img-wrapper::-webkit-scrollbar {
  width: 10px;
  background: #e6eaf1;
  border-radius: 8px;
}
.template-view-img-wrapper::-webkit-scrollbar-thumb {
  background: #8da7ce;
  border-radius: 8px;
}
.template-view-img-wrapper::-webkit-scrollbar-thumb:hover {
  background: #607ba7;
}
.template-view-img-wrapper {
  scrollbar-width: thin;
  scrollbar-color: #D2D6D9 #F6F7F8;
}
.template-tag{
  border-radius: 6px;
  background-color: #EBF2FF;
  padding: 1px 40px;
  width: max-content;
  color: var(--color-primary);
}
.template-details-content .btn-custom-black{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.template-btn-wrap{
  padding-block: 26px;
}
.template-details-content .rating-stars{
  font-size: 24px;
  margin-bottom: 24px;
}
.use-more-template{
  padding-top: 64px;
  padding-bottom: 24px;
}
.upgrade-simplyright-content{
  padding: 58px;
}
.upgrade-simplyright-modal-body img{
  border-radius: 16px;
}
#upgradeSimplyrightPlus .modal-header{
  position: absolute;
  right: 0;
}
#upgradeSimplyrightPlus .btn-close{
  opacity: 1;
  filter: invert(1) grayscale(100%) brightness(2);
}
.template-premium-access{
  margin-bottom: 26px;
}
.upgrade-simplyright-modal-body ul li, .upgrade-ai-modal-body ul li{
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--pri-dark-color);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
}
.upgrade-simplyright-modal-body ul li svg, .upgrade-ai-modal-body ul li svg{
  min-width: 20px;
  height: 20px;
}
/* template modal view */
/* TEMPLATES */

/* AI CHAT PAGES */
.ai-support-section{
  padding-top: 170px;
}
.ai-support-services .ai-service-grid{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  max-width: max-content;
  margin-top: 75px;
  margin-bottom: 100px;
  margin-right: auto;
  margin-left: auto;
}
.ai-support-services .ai-service-grid .ai-grid-item{
  display: grid;
  align-items: center;
  background-color: var(--color-white);
  border-radius: 10px;
  text-align: center;
  padding: 12px 15px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  min-width: 100%;
  width: 160px;
  height: 120px;
  cursor: pointer;
}
.ai-support-services .ai-service-grid .ai-grid-item:hover {
	transform: translateY(-5px);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}
.ai-support-services .ai-service-grid .ai-grid-item img{
  width: 35px;
  height: 35px;
}
.ai-support-services .ai-service-grid .ai-grid-item p{
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.ai-support-services .ai-service-grid > .ai-grid-item:nth-of-type(1):hover {
  border: 1px solid #F97F3A !important;
}
.ai-support-services .ai-service-grid > .ai-grid-item:nth-of-type(2):hover {
  border: 1px solid #745EC6 !important;
}
.ai-support-services .ai-service-grid > .ai-grid-item:nth-of-type(3):hover {
  border: 1px solid #C94A3E !important;
}
.ai-support-services .ai-service-grid > .ai-grid-item:nth-of-type(4):hover {
  border: 1px solid #4BC16C !important;
}
.ai-support-services .ai-service-grid > .ai-grid-item:nth-of-type(5):hover {
  border: 1px solid #535EC7 !important;
}
.ai-support-services .ai-service-grid > .ai-grid-item:nth-of-type(6):hover {
  border: 1px solid #1E3A8A !important;
}
.ai-support-services .ai-service-grid > .ai-grid-item:nth-of-type(7):hover {
  border: 1px solid #01B08C !important;
}
.ai-support-services .ai-service-grid > .ai-grid-item:nth-of-type(8):hover {
  border: 1px solid #59C0E4 !important;
}
.ai-support-services .ai-service-grid > .ai-grid-item:nth-of-type(9):hover {
  border: 1px solid #EB9A00 !important;
}
.ai-support-services .ai-service-grid > .ai-grid-item:nth-of-type(10):hover {
  border: 1px solid #FD3DB5 !important;
}


.ai-support-section .ai-support-title p{
  max-width: 500px;
  margin: auto;
}
.ai-support-wrapper{
  background-color: var(--color-white);
  border: 1px solid #EEEDED;
  border-radius: 24px;
  padding: 24px 28px;
  width: 800px;
  margin: auto;
  display: flex;
  position: relative;
  box-shadow: none;
  transition: all 0.25s ease;
}
.ai-support-wrapper:focus-within {
  border: 1px solid rgba(88, 129, 234, 0.35);
  box-shadow: 0 0 8px rgba(88,129,234,0.25), inset 0 0 8px rgba(88,129,234,0.08);
}
.ai-support-wrapper textarea{
  font-size: 20px;
  border: 0;
  outline: none;
  resize: none;
  width: 100%;
  margin-inline-end: 60px;
  margin-bottom: 32px;
}
.send-ai-support{
  position: absolute;
  right: 34px;
  top: 24px;
  width: 48px;
  height: 48px;
  border-radius: 40px !important;
  border: none !important;
  background-color: var(--color-black) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 2px 4px 0px #0000000A;
}
.send-ai-support:hover{
  border: 1px solid #EAECEE !important;
}
.attachment-ai-support{
  position: absolute;
  left: 22px;
  bottom: 18px;
  border-radius: 40px;
  border: none ;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 2px 4px 0px #0000000A;
}
.attachment-ai-support:hover{
  background-color: var(--color-gray);
}
.admin-sidebar-wrap{
  padding: 20px 22px;
  width: 269px;
}
.ai-flight-price-header{
  margin-top: 70px;
}
.ai-flight-price-header .ai-flight-icon{
  width: 635px;
  height: 282px;
  border: 1px solid #D0E6D5;
  border-radius: 24px;
  
}
.ai-flight-tag{
  padding-block: 24px;
}
.flight-delay-title{
  background: linear-gradient(271.24deg, #24B47E 0%, #5B73FB 50%, #24B47E 100%);
  background-size: 200% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientMove 3s linear infinite;
}
@keyframes gradientMove {
  0% { background-position: 200% 50%; }
  100% { background-position: 0% 50%; }
}
.ai-destination-airport{
  gap: 16px;
  margin-top: 80px;
  margin-bottom: 80px;
}
.ai-destination-airport-select select{
  border: 1px solid #C4C5C7;
  padding: 10px 12px;
  border-radius: 6px;
  background-color: var(--color-white);
  width: 284px;
}
.ai-flight-price .ai-destination-airport .btn-custom-black{
  padding: 10px 50px;
}
.send-ai-support.disabled {
  pointer-events: none;
  opacity: 0.1;
  cursor: not-allowed;
}

/* ai flight dd */
.ai-dd-field { width: 284px;}
.ai-dd-field-label { display:block; color:#64748b; font-size:12px; margin:0 0 6px; }
.combo{ position:relative; border: 1px solid var(--color-lite-gray2-text); border-radius:10px; background:var(--color-white); transition: border-color .2s, box-shadow .2s; }
.combo[aria-expanded="true"],
.combo:has(.combo-button:focus-visible){ border-color: #24B47E; box-shadow: 0 0 0 3px color-mix(in oklab, #24B47E 20%, transparent); }
.combo-button{ display:flex; align-items:center; gap:10px; width:100%; padding:10px 16px; background:transparent; border:0; border-radius:9px; color: var(--color-lite-text); font-size:16px; text-align:left; cursor:pointer; outline:none; }
.combo-button .icon{ font-size:18px; opacity:.9 }
.combo-placeholder.is-value{ font-weight:600; }
.combo-list{ position:absolute; left:-1.5px; right:-1.5px; top:100%; margin-top:8px; list-style:none; padding:10px; max-height:260px; overflow:auto; background: var(--color-white); border:1.5px solid #24B47E; border-radius:10px; display:none; }
.combo[aria-expanded="true"] .combo-list{ display:block; }
.combo-option{ background: #008EFF1A; border-radius:6px; padding:14px 16px; cursor:pointer; user-select:none; margin:6px 0; outline: none; }
.combo-option:hover,
.combo-option[aria-selected="true"],
.combo-option:focus{ background:#dff0ff; }
.option-title{ font-weight:700; color:#00589E }
.option-sub{ color:#00589E; font-size:13px; margin-top:4px }
.combo-list::-webkit-scrollbar-thumb{ background:#cde; border-radius:999px }
/* ai flight dd */


/* ai flight chats */
.chat_message-bot{
  display: flex;
  margin-bottom: 28px;
  align-items: start;
}
.bot-message {
	justify-content: flex-start;
}
.chat_avatar{
  text-align: center;
  margin-inline-end: 12px;
}
.chat_avatar img{
  width: 46px;
  height: 46px;
  filter: drop-shadow(-1px -1px 7px #00000047);
}
.chat_message{
  display: flex;
  margin-bottom: 28px;
  align-items: start;
}
.ai-flight-message-content, .ai-message-content {
	max-width: 70%;
	display: inline-block;
}
.bot-message .ai-flight-message-content, .bot-message .ai-message-content{
  background: var(--color-white);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}
.loading_chat_text {
	display: flex;
	/* max-width: 600px;
	width: 900px; */
	flex-direction: column;
	gap: 12px;
	white-space: pre-wrap;
}
.user-message {
	justify-content: flex-end;
}
.user-message .ai-flight-message-content, .user-message .ai-message-content{
  background-color: #F4F4F4;
  color: var(--color-black);
  border-radius: 32px 32px 0 32px;
  min-width: 35%;
}
.ai-flight-message-content, .ai-message-content {
	max-width: 70%;
	display: inline-block;
}
.user-message .ai-flight-message-content p, .user-message .ai-message-content p {
	font-size: 18px;
	font-weight: 500;
	padding: 18px 33px;
	white-space: pre-wrap;
	line-height: 24px;
	margin: 0;
	word-wrap: break-word;
}
.ai-flight-chat-main .ai-support-input, 
.legal-ai-dash-main .ai-support-input, 
.ai-chat-main .ai-support-input,
.ai-support-section .ai-support-input{
  position: fixed;
	bottom: 45px;
	right: 0;
	left: 14px;
  margin-inline: 130px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 800px;
}
.ai-support-section .ai-wrapper {
	padding-bottom: 180px;
}
/* ai flight chats */

/* Sidebar Timeline */
.sidebar-timeline-show{
  display: none;
}
.sidebar-timeline-show .timeline{
  margin-block: 20px;
  border-bottom: 1px solid #DFDFDF;
  padding-bottom: 20px;
}
.tl-item{
  display:grid;
  grid-template-columns: 21px 1fr;
  align-items:center;
  column-gap: 10px;
  position: relative;
}
.tl-dot{
  width: 21px;
  height: 21px;
  border-radius: 50%;
  box-shadow: 0 0 0 16px #B8E0FF inset;
  position: relative;
}
.tl-item.active .tl-dot{
  animation: pulseDot 1.8s ease-in-out infinite;
  box-shadow: 0 0 0 6px #4BC16C inset;
}
.tl-body{
  padding: 6px 0
}
.tl-title{
  margin:0;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-lite-text);
}
.tl-connector{
  width: 4px;
  margin-left: calc((21px - 4px)/2);
  height: 30px;                    /* adjust to match spacing */
  background: linear-gradient(#d9e3f8, #e9f0ff);
  border-radius: 999px;
  position: relative;
}
.tl-connector .tl-fill{
  content:"";
  position:absolute;
  left:0; top:0;
  width:100%;
  height:0%;
  background: linear-gradient(0deg, var(--tl-green) 0%, var(--tl-green-dark) 100%);
  border-radius: 999px;
  animation: fillDown 1.4s ease forwards 0.2s;  /* green fill animation */
}
.tl-item .tl-body{ opacity:0; transform: translateY(6px); animation: rise .6s ease forwards .2s;}
.tl-item + .tl-connector + .tl-item .tl-body{ animation-delay: .6s; } /* second title appears after fill */
.tl-item.active .tl-title{ color: var(--color-black); }
@keyframes fillDown{ to{ height:100%; } }
@keyframes rise{ to{ opacity:1; transform:none; } }
@keyframes pulseDot{ 0%,100%{ transform: scale(1); } 50%{ transform: scale(1.06); } }
/* Sidebar Timeline */

/* Ai Flight Chats */

.ai-dash-card-wrapper{
  padding-top: 38px;
  padding-bottom: 138px;
  gap: 20px;
}
.legal-ai-dash-wrapper.ai-support-section{
  padding-bottom: 138px;
}
.ai-dash-card{
  background-color: var(--color-white);
  border: 1px solid #E5E7EB;
  border-radius: 20px;
  box-shadow: 1px 2px 10px 0px #0000000F;
  padding: 14px 18px;
  width: 27%;
  /* height: 126px; */
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.ai-dash-card:hover{
  box-shadow: 0 4px 16px rgba(33,65,136,0.09);
  transform: translateY(-2px) scale(1.01);
}
.ai-dash-card-wrapper .show-more-temp{
  display: none;
}
.ai-dash-card-wrapper .ai-dash-card:hover .show-more-temp{
  display: block;
}
.legal-ai-dash-main .ai-service-grid{
  display: flex;
  gap: 16px;
  padding-block: 20px;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.legal-ai-dash-main .serviceData.ai-grid-item{
  display: flex;
  border-radius: 10px;
  text-align: center;
  padding: 6px 12px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  min-width: max-content;
  width: 100%;
  height: 36px;
  cursor: pointer;
  align-items: center;
  gap: 8px;
}
.legal-ai-dash-main .serviceData.ai-grid-item:hover{
  transform: translateY(-3px);
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.legal-ai-dash-main .service-img{
  width: 20px;
  height: 20px;
}
/* Ai Flight Chats */

/* Ai Legal chats */
.loading_chat_text.typing-text{
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  
}
.loading_chat_text.text-animation{
background: linear-gradient(91.44deg, #000000 2%, #6f6f6f 50%, #a5a5a5 98%);
  background-size: 300% 300%;
  background-position: 100% 50%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: TypingMove 3s ease-in-out infinite;
}
@keyframes TypingMove {
  0% { background-position: 100% 50%; }
  50% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.btnToptoEnd {
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 80px;
	width: 40px;
	height: 40px;
	margin: auto;
	cursor: pointer;
	border-radius: 38px;
	background: #f5f5f5;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border: 1px solid #e2e2e2ad;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s all;
	margin-bottom: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnToptoEnd.show {
	opacity: 1;
	visibility: visible;
	margin-bottom: 0px;
}
.file-preview {
	display: grid !important;
	background: #fff;
	/* border: 1px solid #ddd; */
	border-radius: 8px;
	padding: 10px;
	align-items: center;
	width: 50%;
	bottom: 72px;
}
.chat-ai-file-upload-wrap .file-preview > .d-flex {
	min-width: 100%;
}
.file-preview img {
	width: 40px;
	height: 48px;
	margin-right: 10px;
}
.file-info {
	flex: 1;
  display: grid;
  gap: 0px;
}
.chat-ai-search-file-upload {
	display: none;
	left: 50px;
  bottom: 8px;
}
.chat-ai-file-upload-wrap .file-info #fileName {
	width: 100%;
	max-width: 100%;
	display: inline-block;
	/* display: -webkit-box; */
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
  white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.chat-ai-file-upload-wrap .file-info #fileName, .chat-ai-file-upload-wrap .file-info-1 #filecount {
	font-size: 16px;
	font-weight: 600;
}
.chat-ai-file-upload-wrap .file-info #fileSize {
	font-size: 16px;
	font-weight: 400;
	color: #6F7680;
}
.file-info span {
	display: block;
	width: 100%;
	word-break: break-word;
}
.chat-ai-file-upload-wrap .file-info-1 .remove-file {
	cursor: pointer;
	margin-inline-start: 16px;
}
.progress-bar-1 {
	height: 5px;
	background: #ddd;
	border-radius: 6px;
	margin-block-start: 4px;
	width: 100%;
}
.progress-bar-1 .progress-1 {
	height: 5px;
	width: 0px;
	background: var(--color-black);
	border-radius: 6px;
	transition: 0.2s ease-in-out all;
}
.file-upload input[type="file"] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#file-upload-container {
	display: none;
	padding: 20px;
	/* border: 2px dashed #ccc; */
	/* border-radius: 10px; */
	background: linear-gradient(to bottom, transparent, white 50%);
	text-align: center;
	cursor: move;
	transition: all 0.3s ease;
	position: fixed;
	right: 0;
	/* left: 0px; */
	width: 100%;
	top: 0;
	max-width: 100%;
	/* margin-top: 30px; */
	height: 100vh;
	min-height: 100vh;
	align-items: center;
	justify-content: center;
}
.drop-upload-container {
	display: grid;
	justify-items: center;
	user-select: none;
}
.drop-icon-wrap {
	width: 76px;
	height: 76px;
}

/* Ai Legal chats */
.upgrade-ai-modal-body .upgrade-ai-content{
  padding: 42px 36px;
}
.right-list-check-point{
  margin-top: 34px;
}
.premium-offer-price-tag{
  background-color: #4BC16C;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  position: relative;
  top: 25px;
  padding: 0px 6px;
  width: fit-content;
  rotate: 8.69deg;
  left: 70px;
}
.upgrade-plus-ai-modal .upgrade-ai-modal-body ul li{
  margin-bottom: 20px;
}
.right-template-view{
  border-left: 1px solid #D9D9D9;
  margin-inline-start: 30px;
  padding-inline-start: 60px;
}
.ai-chat-main .ai-wrapper{
  padding-bottom: 180px;
}
/* choose plan modal */
.upgrade-choose-plan-modal .btn-close {
	opacity: 1;
	filter: invert(1) grayscale(100%) brightness(2);
}
.upgrade-choose-plan-body{
  background: linear-gradient(125.78deg, #071F37 29.06%, #040F1A 102.64%);
}
.upgrade-choose-plan-left-content{
  background-color: var(--color-white);
  border-radius: 16px;
  padding: 64px 40px;
  margin: 12px;
}

.plan-view{
  margin-bottom: 42px;
  margin-top: 46px;
}
.toggle-box {
  display: flex;
  position: relative;
  gap: 8px;
  width: 216px;
  padding: 5px;
  margin: 6px;
}
.toggle-box-wrap{
  border: 1px solid #E4E4E7;
  border-radius: 23px;
  position: relative;
  display: block;
  width: max-content;
  margin-bottom: 32px;
}
.toggle-btn {
  z-index: 1;
  position: relative;
  flex: 1;
  padding: 0;
  border-radius: 30px;
  font-size: 16px;
  border: none;
  background: transparent;
  color: #1a2b4c;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.2s;
}
.toggle-btn.active {
  color: var(--color-white);
}
.toggle-indicator {
  position: absolute;
  top: 0;
  left: 5px;
  width: 99px;
  height: 100%;
  background: var(--color-dark-text);
  box-shadow: 0 2px 8px 0 #ecf0fa;
  background: linear-gradient(145deg, #3a4a9a, var(--color-dark-text));
  box-shadow: rgba(0, 0, 50, 0.5) 2px 2px 6px, rgba(255, 255, 255, 0.2) 0px 2px 3px inset, rgba(0, 0, 0, 0.6) 0px -2px 3px inset;
  border-radius: 26px;
  transition: left 0.35s cubic-bezier(.7,0,.3,1), width 0.35s cubic-bezier(.7,0,.3,1);
  z-index: 0;
  
}
.plans {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.plan-card {
  border: 2px solid #C5D0D9;
  border-radius: 14px;
  padding: 15px 22px;
  background: var(--color-white);
  box-shadow: 0 2px 8px 0 #f8fafd;
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  cursor: pointer;
}
.plan-title {
  font-size: 15px;
  color: var(--color-dark-text);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: 0.5px;
}
.plan-price {
  font-size: 32px;
  font-weight: 600;
  line-height: 24px;
}
.plan-price .per {
  font-size: 15px;
  color: var(--color-lite-text);
  font-weight: 400;
  margin-left: 2px;
}
.best-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-white);
  background: linear-gradient(90deg, #F87A3A 0%, #F2533E 100%);
  border-radius: 12px;
  padding: 2px 15px;
  position: absolute;
  top: -11px;
  right: 30px;
}
.best-choice {
  border: 2px solid #11da6f;
}
.upgrade-choose-plan-modal .plan-card:hover{
  background: #F0F6FF;
}
.plan-card.selected {
  border: 2px solid #10194c;
  background: #EFF6FF;
}
.upgrade-plan-content{
  margin-top: 67px;
}

.upgrade-choose-plan-right-content{
  padding-inline-start: 68px;

  background-image: url("../img/plan-view-dots.png");
  background-size: auto;
  background-position: top;
  background-origin: content-box;
}
.profile-circle{
  border-radius: 99px;
  width: 38px;
  height: 38px;
  object-fit: cover;
}
/* choose plan modal */

.upgrade-form-body {
  padding: 100px;
  padding-top: 50px;
  gap: 60px;
}
.upgrade-form-label{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.upgrade-form-control{
  border: 1px solid var(--color-disable-text, #C5D0D9);
  background-color: var(--color-white);
  width: 100%;
  border-radius: 8px;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 400;
  color: var(--pri-dark-color);
  outline: none;
  cursor: pointer;
}
.upgrade-form-right-content .plan-card{
  padding: 26px 20px;
}
.upgrade-plan-discount{
  padding-top: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid #1010101A;
}
.best-choice-label{
  font-size: 11px;
  font-weight: 500;
  background: linear-gradient(90deg, #F97F3A -7.65%, #EB2B40 191.47%);
  color: var(--color-white);
  border-radius: 17px;
  padding: 2px 14px;
}
.upgrade-plan-summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 400;
  padding-top: 20px;
  padding-bottom: 26px;
}
.upgrade-terms{
  margin-top: 26px;
  color: #7F7F7F;
}
.svg-card-icon{
  position: absolute;
  bottom: 18px;
  left: 20px;
}
.upgrade-form-control.svg-card-icon-input{
  padding-left: 60px;
}
.svg-paypal-icon{
  width: 78px;
  height: 40px;
  vertical-align:middle;
}
.pay-option-form-control.selected {
  border: 1px solid #59658B;
  background: #eaf1fa;
}
.pay-option-form-control input[type="radio"] {
  accent-color: #59658B;
  width: 22px;
  height: 22px;
  margin-right: 11px;
}
/* AI CHAT PAGES */

/* public questions (Öffentliche Fragen) */
.filter-custom-select{
  border: 1px solid #E5E7EB;
  background-color: var(--color-white);
  border-radius: 8px;
  padding: 8px 12px;
}
select.filter-custom-select:focus {
	border: 1px solid #008EFF;
	box-shadow: 0 0 5px #bfe3ff;
}
.public-content-card{
  background-color: var(--color-white);
  border: 1px solid var(--color-border-lite, #E5E7EB);
  border-radius: 16px;
  padding: 20px 25px;
  margin-bottom: 24px;
  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.09));
}
.public-content-card.card-labour-law-describe{
  filter: none;
  user-select: none;
}
.confidential-pay-unlock{
  opacity: 0.9;
}
/* .custom-wrap-card .over-text-paragraph{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  max-width: 100%;
} */

.public-plus-members{
  background-color: #E5E7EB80;
  border-radius: 6px;
  padding: 16px 29px;
  margin-top: 15px;
}

.one-line-ellipsis{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 1;
  max-width: 100%; 
}
.two-line-ellipsis{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  max-width: 100%; 
}
.like-btn .fa-thumbs-up{
  font-size: 20px; 
  color: var(--color-dark-gray2-text);;
}
.like-btn .fa-thumbs-up:hover{
  color: var(--color-primary) !important;
}
.public-questions-content > p, .public-questions-content .one-line-text{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
/* public questions (Öffentliche Fragen) */

/* public question details (Öffentliche Fragen details) */
.custom-wrap-card{
  border-radius: 12px;
  background-color: var(--color-white);
  border: 1px solid var(--color-border-lite, #E5E7EB);
  padding: 24px;
}
.btn.btn-mini{
  border: 1px solid var(--color-black);
  background: var(--color-black);
  color: var(--color-white);
  font-size: 13px;
  font-weight: 400;
}
.btn.btn-mini:hover{
  border: 1px solid var(--color-black) !important;
  background: var(--color-white);
  color: var(--color-black);
}
.btn-outline-primary.btn-mini{
  border: 1px solid var(--color-black) !important;
  background: var(--color-white);
  color: var(--color-black);
}
.btn-outline-primary.btn-mini:hover{
  background-color: var(--color-black);
  color: var(--color-white);
}
.private-describe-wrap{
  background-color: #F7FBFF;
}

.public-question-details-section .private-describe-wrap-section-outer{
  max-height: 400px;
  overflow-y: auto;
  scroll-behavior: smooth;
}

/* pagination */
.pagination {
  margin: 15px 0;
}
.disabled {
  opacity: 0.5;
}
.disabled {
  color: var(--color-dark-gray2-text);
  pointer-events: none;
  cursor: default;
}
.page-link {
  padding: .375rem .75rem;
  text-decoration: none;
  position: relative;
}
.page-item .page-link {
  color: var(--pri-dark-color);
  background: transparent;
  border: 0;
  border-radius: 50%;
  margin: 1px !important;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  font-size: 16px;
  font-weight: 400;
}
.page-item .page-link:hover:not(.disabled){
  background-color: #e9ecef;
  color: #495057;
}
.page-item.disabled .page-link {
  color: var(--pri-dark-color);
  background-color: transparent;
  border: none;
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
  margin-left: 0;
  border-radius: 50%;
  font-size: 26px;
  line-height: 10px;
  padding-bottom: 10px;
}
.page-item.disabled:first-child .page-link {
  color: #6c757d;
  border: none;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.page-item.active .page-link {
  background-color: #EFF6FF;
  color: var(--color-primary);
}
.similar-questions-without-login{
  padding-top: 40px;
}
.ask-your-quest-container .form-ask-your-quest .field #betreff{
  padding-inline-end: 80px;
}
.public-questions-section-wrap.public-questions-main-class .public-questions-page-inner .custom-card h4,.public-questions-section-wrap.public-questions-main-class .public-questions-page-inner .custom-card p{
  word-break: break-word;
}
.page-link:focus{
  box-shadow: none;
}
/* pagination */
/* public question details (Öffentliche Fragen details) */

/* public lawyer details */
.lawyer-services-wrap{
  margin-top: 52px;
}
.btn.btn-outline-primary.btn-mini.btn-smaller-h{
  font-size: 16px;
  margin-top: 26px;
}
.lawyer-services-wrap .about-me-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	padding: 30px 50px !important;
}
.lawyer-services-wrap .custom-wrap-card.about-me-wrap .about-me-content p {
	padding-left: 30px;
}
.card-labour-law-describe-mobile {
	display: none !important;
}
.reviews-img-cover img{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}
.public-question-details-section img{
  border-radius: 80px !important;
}
.public-question-details-section .reviews-about-lawyer-slider-main{
  min-width: 100%;
  max-width: 1166px;
  user-select: none;
}
.public-question-details-section .reviews-about-lawyer-slider-main .verifiziertes-text {
	position: relative;
	padding-left: 16px;
	font-size: 12px;
}
.public-question-details-section .reviews-about-lawyer-slider-main .verifiziertes-text::before {
	content: "";
	display: block;
	background: url("../icons/checkmark.svg") no-repeat;
	/* background: url("../../../public/new-assets/icons/checkmark.svg") no-repeat; */
	background-size: 12px;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.public-question-details-section .private-ques-profile-img img{
  width: 40px;
  height: 40px;
}
.public-question-details-section .profile-img-cover img{
  border-radius: 80px !important;
}

.lawyer-services-wrap .about-me-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	padding: 30px 50px !important;
}
.lawyer-services-wrap .imprint-wrap {
	padding: 38px 32px !important;
}
.custom-wrap-card-dashboard a:hover{
  color: var(--color-primary);
  text-decoration: underline;
}
.public-question-details-section .reviews-about-slider::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.lawyer-services-wrap .similar-questions-wrap a h5{
  transition: color 0.2s ease;
}
.lawyer-services-wrap .similar-questions-wrap a:hover h5{
  color: var(--color-primary);
}
.lawyer-services-wrap .reviews-about-lawyer-slider-main .reviews-about-slider .slick-slide p, 
.lawyer-services-wrap .similar-questions-wrap h5 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* public lawyer details */

/* regulations law */
.regulations-law-wrapper .new-regulations-card {
	background-color: #EFF6FF;
	padding: 24px;
	border-radius: 12px;
}
.regulations-law-wrapper .new-regulations-wrap, .related-posts-section .new-regulations-wrap {
	display: flex;
	gap: 12px;
}
.regulations-law-wrapper .regulations-icons-wrap {
	color: var(--color-primary);
}
.regulations-law-wrapper .new-regulations-card.bg-lite-warning{
  background-color: #FFFBEB;
}
.regulations-law-wrapper .bg-lite-warning .regulations-icons-wrap {
	color: #D97706;
}
.regulations-law-wrapper .new-regulations-card.bg-lite-gray {
	background-color: #F9FAFB;
}
.regulations-law-wrapper .new-regulations-card.bg-lite-green {
	background-color: #4BC16C1A;
}
.regulations-law-wrapper .bg-lite-green .regulations-icons-wrap svg {
	font-size: 30px;
}
.regulations-law-wrapper .new-regulations-card.bg-lite-purple {
	background-color: #F5F3FF;
}
.new-regulations-card.bg-lite-line-gray {
	background-color: #fff;
	border: 1px solid #E5E7EB;
}
.regulations-law-wrapper .bg-lite-gray .regulations-icons-wrap {
	color: #4B5563;
}
.regulations-law-wrapper .bg-lite-green .regulations-icons-wrap {
	color: #24B47E;
}
.regulations-law-wrapper .bg-lite-purple .regulations-icons-wrap {
	color: #7C3AED;
}
/* regulations law */

/* PROFILE SECTION */
.profile-img-section{
  padding: 45px 0;
}
.photo-circle {
  width: 100px;
  height: 100px;
  background: var(--color-black);
  border: 2px solid black;
  color: var(--color-white);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.photo-circle #profile-image{
  object-fit: cover;
  width: 100px;
  height: 100px;
  background: var(--color-black);
}
.photo-initials {
  color: var(--color-white);
  font-size: 40px;
  font-weight: 400;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.photo-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.profile-img-input{
  display: none;
}
.btn-change-photo {
  background: var(--color-black);
  color: var(--color-white);
  border-radius: 12px;
  font-weight: 500;
  border: none;
  font-size: 16px;
  padding: 8px 42px;
  margin-right: 32px;
  box-shadow: 1px 2px 6px 0px #0000000A;
  cursor: pointer;
  transition: 0.1s all ease-in-out;
  white-space: nowrap;
}
.btn-change-photo:hover {
  background: #444;
}
.btn-change-photo:active, .profil-form-btn:active {
  transform: scale(0.98);
}
.remove-photo-link {
  color: var(--pri-dark-color);
  text-decoration: underline;
  font-size: 16px;
  cursor: pointer;
  white-space: nowrap;
} 
.remove-photo-link:hover {
  color: var(--color-primary);
}
.profile-form-section{
  padding: 32px;
  border-radius: 24px;
  border: 1px solid var(--color-border-lite, #E5E7EB);
}
.profil-form-btn{
  background-color: var(--color-black);
  color: var(--color-white);
  border-radius: 12px !important;
  font-size: 16px;
  font-weight: 500;
  transition: 0.1s all ease-in-out;
}
.profil-form-btn:hover{
  background-color: var(--color-black) !important;
  color: var(--color-white) !important;
  border-color: var(--color-black) !important;
}
.profile-form-section .form-control{
  font-size: 20px;
  font-weight: 400;
  padding: 5px 15px;
  border-radius: 8px;
}
.profil-form-btn.btn-cancel-changes{
  color: var(--color-black);
  background-color: var(--color-white);
  border-color: var(--color-border-lite);
}
.profile-form-input, .profil-btn-wrapper{
  display: none;
}
.profile-form-detail{
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.add-new-address{
  width: 80%;
}
.add-new-address .row{
  margin-bottom: 20px;
}
.add-new-address .w-question {
	padding-top: 28px;
	padding-bottom: 12px;
	line-height: 32px;
}
.add-new-address .form-control-legal{
  border: 1px solid var(--color-border-lite, #E5E7EB);
  background-color: var(--color-white);
  background: #F8FAFB;
  padding: 10px 21px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
}
.add-new-address input:focus-within{
  outline: none;
}
.help-option-inner{
  display: flex;
  align-items: center;
  gap: 20px;
}
.help-contact-main .help-option-inner{
  border-radius: 12px;
  background-color: #FAFAFA;
  padding: 12px 20px;
  width: 400px;
}
.help-contact-main .help-option-inner a{
  color: #0061FF;
}
.help-contact-main h2{
  font-size: 20px;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 12px;
}
.help-contact-main .help-option-inner strong{
  font-weight: 600;
}
.arrow-icon {
	position: absolute;
	right: 16px;
	top: 45%;
	transform: translateY(50%);
	pointer-events: none;
	width: 24px;
	height: 24px;
	fill: #222;
	opacity: 0.65;
}

/* switch toggle */
.switch-container {
  width: 30px;
  height: 16px;
  position: relative;
  user-select: none;
}
.switch-container .checkbox {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.switch-container .switch {
  width: 30px;
  height: 18px;
  display: block;
  background-color: #e9e9eb;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.switch-container .slider {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px 0px #00000033;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.switch-container .checkbox:checked + .switch {
  background-color: #34C759;
}
.switch-container .checkbox:checked + .switch .slider {
  left: 14px;
}
/* switch toggle */


/* password and session */
.pro-custom-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 16px;
}
.pro-custom-table th,
.pro-custom-table td {
  padding: 10px 3px;
  text-align: left;
  border: none;
}
.pro-custom-table thead th {
  font-size: 20px;
  font-weight: 400;
  color: #7F7F7F;
  background: none;
  border-bottom: none;
}
.pro-custom-table tbody td {
  background: none;
}
.pro-custom-table a {
  color: var(--color-black);
  text-decoration: underline;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
}
.pro-custom-table tr {
  border-bottom: none;
}
.password-wrapper{
  position: relative;
}
.password-wrapper svg {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 19px;
	color: #888;
	cursor: pointer;
}
.changed-your-password.new-password, .successfully-changed-password.new-password{
  display: none;
}
/* password and session */

/* Your Teams */
.teams-title-teste{
  background-color: var(--color-black);
  background-image: url("../img/dots-glass.png");
  background-size: contain;
  color: var(--color-white);
  border-radius: 25px;
  padding: 28px 37px;
  margin-bottom: 48px;
}
.discover-plans-btn{
  font-size: 16px;
  font-weight: 500;
  border: 1px solid var(--Stroke, #E5E7EB);
  background-color: var(--color-white);
  letter-spacing: 0.5px;
  border-radius: 8px;
  padding: 8px 32px;
}
.discover-plans-btn:hover{
  border: 1px solid var(--Stroke, #E5E7EB);
}
.team-title-name{
  font-size: 22px;
  font-weight: 600;
	background: linear-gradient(90deg, #6F6F6F -20.39%, #D5D5D5 36.27%);
	background-size: 200% 100%;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.your-teams-section .pro-custom-table thead th{
  font-size: 18px;
}
.you-badge{
  background-color: #E8ECEF;
  color: #7B868E;
  font-size: 9px;
  font-weight: 500;
  border-radius: 8px;
  padding: 3px 8px;
  margin-left: 4px;
  vertical-align: middle;
}
.select-option-cover{
  border-radius: 20px;
  border: 1px solid #E5E5E5;
  background-color: var(--color-white);
  padding: 10px 32px;
}
.create-new-team-left-content{
  padding: 73px;
}
.create-new-team-modal .btn-close {
	opacity: 1;
	filter: invert(1) grayscale(100%) brightness(2);
}
#teamname-dropdown .dropdown-item{
  cursor: pointer;
}
.custom-dropdown {
  width: 10px;
  position: relative;
  user-select: none;
}
.dropdown-btn {
  width: 100%;
  background: var(--color-white);
  border: 2px solid #eee;
  border-radius: 20px;
  padding: 4px 18px;
  font-size: 1.2em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  box-sizing: border-box;
}
.icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  text-align: center;
  font-size: 1.3em;
  line-height: 1;
}
.icon.lock::before,
.icon.calendar::before {
  content: none;
}

.arrow {
  margin-left: auto;
  font-size: 1.2em;
  color: var(--color-black);
}
.dropdown-list {
  display: none;
  margin-top: 8px;
  background: #f9f9f9;
  border-radius: 16px;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.04);
  position: absolute;
  left: 0; right: 0;
  z-index: 1000;
  padding: 6px 0;
  box-sizing: border-box;
  overflow: hidden;
}
.dropdown-option {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  font-size: 1.1em;
  cursor: pointer;
  background: transparent;
  transition: background 0.2s;
  user-select: none;
}
.dropdown-option:hover {
  background: #ececec;
}
.dropdown-option.selected {
  background: #f2f2f2;
  font-weight: bold;
}
.checkmark {
  margin-left: auto;
  color: var(--color-black);
  font-size: 1.3em;
  user-select: none;
}
/* Your Teams */

/* purchase-history */
.your-bill-history-table thead th {
	font-size: 18px;
	font-weight: 500;
	color: var(--color-black);
	background: none;
	border-bottom: none;
}
.your-bill-history-table tbody tr {
  border-top: 1px solid #C0C2CB;
}
.search-bill-wrap .search-icon{
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  color: #555;
}
.search-bill-wrap .search-bill{
  padding-inline: 48px;
}
.download-btn{
  display: inherit;
  padding: 8px;
  border-radius: 8px;
}
.download-btn:hover{
  background: #EFFCFF;
}
/* purchase-history */



tr.your-cases-documents-row {
  position: relative;
}

tr.add-label.your-cases-documents-row::after {
  content: "";
  position: absolute;
  right: 24px; /* Adjust spacing from the right edge */
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('../icons/flag-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
tr.add-label.your-cases-documents-row:hover::after {
  display: none;
}
.edit-menu.dropdown {
  z-index: 999;
}

.legalquestions-grid-item {
  position: relative;
}
.legalquestions-grid a.legalquestions-grid-item.add-label::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 24px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('../icons/flag-icon.svg');
  background-size: inherit;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

/* your-plan */
.your-plan-content{
  background-color: #FFFFFF;
  border: 1px solid #D0D0D0;
  border-radius: 20px;
  padding: 26px;
}
.current-lable{
  border: 1px solid #E5E5E5;
  color: var(--color-muted-lite1);
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0.5%;
  margin-left: 6px;
}
.plan-desc > div{
  position: relative;
}
.plan-desc > div::after {
  content: '';
  position: absolute;
  left: -28px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url('../icons/check-mark.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.update-your-plan-card .plan-desc > div::after {
  background-image: url('../icons/check-mark.svg');
}
.update-your-plan-card .plan-desc > div{
  margin-inline-start: 26px;
  color: var(--color-muted);
  font-size: 14px;
  font-weight: 400;
}
.update-your-plan-card.your-plan-content{
  width: 385px;
  display: grid;
}
.update-your-plan{
  padding: 66px 105px;
}
.you-plan-lable{
  background: linear-gradient(97.45deg, #272729 3.03%, #10264F 93.94%);
  font-size: 14px;
  font-weight: 400;
  color: var(--color-white);
  padding: 3px 10px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  width: max-content;
}
.plan-desc{
  border-top: 2px dashed #565656;
  padding-top: 16px;
  margin-top: 18px;
}
.btn-custom-black.update-plane{
  border-radius: 16px !important;
  padding: 12px 16px !important;
}
.btn-custom-black.update-plane.disbaled{
  background-color: #939393;
  user-select: none;
  pointer-events: none;
  opacity: 0.7;
}
.your-plan-card-title{
  position: relative;
}
.current-plan-lebal{
  color: var(--color-white);
  background-color: #161725;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 400;
  border: 1px solid #585858;
  box-shadow: -2px -2px 2.2px 0px #FFFFFF40 inset;
  width: max-content;
  padding: 2px 8px;
  position: absolute;
  top: 0;
  right: 0;
}
.update-your-plan-card.your-plan-content.business-plan{
  background: linear-gradient(360deg, #454B56 0%, #080818 55.26%, #000000 98.25%);
  transform: scale(1.05);
  position: relative;
}
.update-your-plan-card.your-plan-content.business-plan .plan-btn-wrap button{
  background-color: var(--color-white);
  color: var(--color-black);
  box-shadow: 2px 3px 6px 0px #0000001A;
}
.update-your-plan-card-wrap{
  margin-top: 48px;
  display: flex;
}
.business-plan-best{
  background-color: var(--color-pri-dark);
  color: var(--color-white);
  border-radius: 20px;
  box-shadow: -1px -2px 4px 0px #FFFFFF40 inset;
  padding: 6px 15px;
  width: max-content;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 26px;
  top: -14px;
}
.update-your-plan-card.your-plan-content{
  box-shadow: 0px 0px 10px 0px #0000000A;
}
.update-your-plan-card.your-plan-content.enterprise-plan{
  border: 1px solid #95999F;
  box-shadow: 0px 0px 15px 0px #00000026;
}

.toggle-pill {
  display: flex;
  background: #FAFAFA;
  border-radius: 999px;
  padding: 8px;
  box-shadow: 0 1px 5px 0 #ececec;
  align-items: center;
  width: max-content;
  margin: auto;
  margin-top: 26px;
}
.toggle-pill input[type="radio"] {
  display: none;
}
.toggle-pill label {
  cursor: pointer;
  padding: 8px 20px;
  margin: 0;
  font-size: 14px;
  border-radius: 999px;
  transition: background 0.15s, color 0.15s;
  color: #7B868E;
  font-weight: 500;
  position: relative;
}
.toggle-pill input[type="radio"]:checked + label {
  background: #fff;
  color: #212229;
  box-shadow: 1px 2px 3px 0px #0000001F;
  font-weight: 600;
  z-index: 1;
  border: 0.5px solid #E5E5E5;
}
.toggle-pill label .sub-label {
  font-size: 0.95em;
  color: #afb4c8;
  font-weight: 400;
  margin-left: 3px;
}
.toggle-pill input#monatlich:checked + label {
  background: #fff;
  color: #212229;
}
.toggle-pill input#jahrlich:checked + label {
  background: #fff;
  color: #212229;
}
.toggle-pill input#jahrlich:checked + label .sub-label{
  color: #35B659;
}
.toggle-pill label:not(:first-of-type) {
  margin-left: -6px;
}
/* PROFILE SECTION */


/* CHOOSE YOUR PLAN */
.your-plan-wrap{
  gap: 20px;
  border-bottom: 1px solid #E4E4E4;
  padding-bottom: 36px;
  margin-bottom: 36px;
}
.choose-your-plan-title{
  text-align: center;
  padding-top: 110px;
  padding-bottom: 70px;

}
.your-plan-card{
  padding: 24px;
  border: 1px solid #E4E4E4;
  border-radius: 16px;
  background-color: var(--color-white);
  width: 230px;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.your-card-best-plan-tag{
  text-align: end;
  color: var(--color-primary);
  background-color: var(--color-primary-light);
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  padding-inline: 28px;
}
.your-plan-card.your-card-best-plus{
  padding-top: 44px;
}
.your-plan-table tbody tr {
	border-top: 1px solid #C0C2CB;
}
.premium-comparison-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  min-width: 600px;
  background: var(--color-white);
}
.premium-comparison-table td {
  padding: 22px 4px;
  text-align: end;
  min-width: 135px;
}
.premium-comparison-table td {
  background: #fff;
  border-bottom: 1.3px solid var(--border-color-1);
  font-size: 18px;
  font-weight: 500;
}
.premium-comparison-table tr.section-heading td {
  font-size: 28px;
  font-weight: 500;
  text-align: left;
  border-bottom: 0;
  padding: 23px 10px 7px 4px;
  letter-spacing: 0.7px;
}
.info-icon {
  background: #f2f2f2;
  color: var(--muted-color-1);
  font-size: 12px;
  border-radius: 50%;
  padding: 3px 10px;
  margin-left: 7px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  transition: background 0.22s;
}
.info-icon:hover {
  background: #e0e0e0;
}
.checkmark {
  font-size: 1.35rem;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1;
}
.premium-comparison-table td:first-child {
  text-align: left;
}
.premium-comparison-table tr:last-child td {
  border-bottom: none;
}

.premium-comparison-table .checkmark {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
}

.premium-comparison-table .checkmark::after {
  content: url("../icons/checkmark-plan.svg");
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/* FAQ */
.faq-container {
  max-width: 1110px;
  margin: auto;
  margin-top: 64px;
  padding: 80px 64px;
}
h2.faq-title {
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 48px;
  text-align: center;
  color: #111;
}
.faq-item {
  border-radius: 14px;
  margin: 0 0 14px 0;
  overflow: hidden;
  box-shadow: none;
  border: none;
}
.faq-question {
  cursor: pointer;
  padding: 18px 36px 18px 64px;
  font-size: 22px;
  font-weight: 500;
  color: var(--pri-dark-color);
  background: transparent;
  border: none;
  outline: none;
  position: relative;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease;
  user-select: none;
}
.faq-question:hover,
.faq-question.active {
  background-color: #FAFAFA;
}
.faq-icon {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  width: 30px;
  height: 30px;
  fill: none;
  stroke: #4b4b4b;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.faq-question.active .faq-icon {
  transition: transform 0.3s ease;
  transform: translateY(-50%) rotate(180deg);
}
.faq-answer-wrapper {
  background: #FAFAFA;
  border-radius: 0 0 14px 14px;
  overflow: hidden;
  display: none;
}
.faq-answer {
  padding: 0px 24px 14px 24px;
  font-size: 16px;
  color: #656565;
  line-height: 1.7;
  font-weight: 500;
  user-select: text;
}
/* FAQ */
/* CHOOSE YOUR PLAN */
/* DELETE MODAL */
.delete-account-modal{
  padding: 48px;
  padding-bottom: 24px;
}
.you-lose-file{
  list-style: disc;
  padding-left: 20px;
}
.important-warning{
  padding: 16px 24px;
  border-radius: 8px;
  background-color: #FBE6E2;
}

.profil-form-btn.delete-account-btn {
	color: var(--color-black);
	background-color: var(--color-white);
	border-color: var(--color-black);
}
/* DELETE MODAL */

/* FOOTER */

.footer {
  background: #fff;
  padding: 0px 18px;
  color: #000;
}

.footer-top {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
}

.footer-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  font-size: 1.2rem;
}

.footer-socials {
  margin: 20px 0;
  display: flex;
  gap: 12px;
}

.footer-socials img {
  width: 20px;
  height: 20px;
  display: block;
}

.footer-lang select {
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background: #fff;
}

.footer-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.footer-links h3 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 12px;
}

.footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 8px;
}

.footer-links a {
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
}

.footer-links a:hover {
  text-decoration: underline !important;
}

.legal-links {
  margin-top: 35px;
  color: var(--color-muted-lite1);
  /* display: flex; */
  gap: 20px;
}
/* FOOTER */



@media (max-width: 991px){
  .legalquestions-grid{
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
@media (max-width: 768px) {
  nav.sidebar-main-wrapper {
    position: fixed;
    left: -260px;
    width: 260px;
    /* Sidebar width */
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 991;
    transition: left 0.3s;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.05);
  }

  nav.sidebar-main-wrapper.active {
    left: 0;
  }

  nav.sidebar-main-wrapper {
    position: absolute;
    left: -300px;
    transition: 0.2s all ease-in-out;
  }
  nav.sidebar-main-wrapper.active{
    left: 0;
    position: absolute;
  }
  .sidebar-toggle-btn {
    display: block;
    position: fixed;
    right: 20px;
    top: 10px;
    z-index: 99;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 2rem;
    padding: 10px 12px;
    border-radius: 4px;
  }

  
  .table-wrapper {
    border-radius: 0;
    box-shadow: none;
    max-width: 100vw;
    margin: 18px 0;
    padding-left: 0;
  }
  .premium-comparison-table {
    min-width: 500px;
  }
  .premium-comparison-table td:first-child {
    position: sticky;
    left: 0;
    background: #fafafa;
    z-index: 2;
    box-shadow: 2px 0 6px -4px rgba(0,0,0,0.04);
  }
  .premium-comparison-table tr.section-heading td {
    position: sticky;
    left: 0;
    z-index: 3;
    background: #f5f5f5;
  }
  .premium-comparison-table td:first-child {
    position: sticky;
    left: 0;
    background: #fafafa;
    z-index: 2;
    box-shadow: 2px 0 6px -4px rgba(0,0,0,0.04);
  }
  .premium-comparison-table tr.section-heading td {
    position: sticky;
    left: 0;
    z-index: 3;
    background: #f5f5f5;
    box-shadow: 2px 0 6px -4px rgba(0,0,0,0.04);
  }

  .faq-container {
    padding: 0 10px;
  }
  h2.faq-title {
    font-size: 1.8rem;
    margin-bottom: 24px;
  }
  .faq-question {
    padding: 18px 22px 18px 40px;
    font-size: 1rem;
  }
  .faq-answer {
    padding: 18px 20px 18px 46px;
    font-size: 0.9rem;
  }
  .faq-icon {
    left: 14px;
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 400px) {
  .help-card {
    padding: 14px 6px;
  }
  .help-option {
    padding: 10px 7px;
    font-size: 0.97rem;
  }

  .premium-comparison-table td {
    min-width: 100px;
    padding: 8px 3px;
    font-size: 0.86rem;
  }
  .premium-comparison-table tr.section-heading td {
    font-size: 0.95rem;
    padding: 10px 6px 4px 10px;
  }
}