@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");
:root {
  --c_primary: #c00000;
  --c_success: #1db142;
  --c_success14: #12aa3114;
  --c_heading: #070707;
  --c_heading_10: #07070710;
  --c_text: #3c4142;
  --c_text2: #9e9e9e;
  --c_text_dark: #1b1b1b;
  --c_grey: #f6f6f6;
  --c_grey_light: #fbfbfb;
  --c_grey_dark: #1a1a1a;
  --c_black: #000000;
  --c_white: #ffffff;
  --c_danger: #c00000;
  --c_border1: #1d1d1d33;
  --f_kumbh: "Kumbh Sans", sans-serif;
  --f_cairo: "Cairo", sans-serif;
  --shadow: 0px 4px 4px 0px #0000000a;
  --shadow_hover: 0px 2px 36px #00000030;
  --transition: all 0.3s ease-in-out 0s;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--c_grey_dark);
}

::-webkit-scrollbar-thumb {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: var(--c_primary);
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background-color: var(--c_secondary);
  box-shadow: inset 0 0 5px gray;
  border-radius: 10px;
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--f_kumbh);
  font-size: 16px;
  color: var(--c_text_dark);
  line-height: 1.3;
}

b,
strong {
  font-weight: 700;
}

a {
  color: var(--c_text);
  transition: var(--transition);
}

a:hover {
  color: var(--c_primary);
}

a,
a:not(.btn_n):hover {
  text-decoration: none;
}

.text_primary {
  color: var(--c_primary) !important;
}

.text_success {
  color: var(--c_success) !important;
}

.text_danger {
  color: var(--c_danger) !important;
}

:is(h1, h2, h3, h4, h5, h6) {
  color: var(--c_heading);
  font-weight: 600;
  line-height: 1.2;
  font-family: var(--f_kumbh);
  margin-bottom: 0;
  font-size: 18px;
}

:is(h1, h2, h3, h4, h5, h6):not(:last-child) {
  margin-bottom: 15px;
}

h1,
.hd_1 :where(h1, h2, h3, h4, h5, h6) {
  font-size: 34px;
}

h2,
.hd_2 :where(h1, h2, h3, h4, h5, h6) {
  font-size: 30px;
  font-weight: 400;
}

h3,
.hd_3 :where(h1, h2, h3, h4, h5, h6) {
  font-size: 24px;
}

h4,
.hd_4 :where(h1, h2, h3, h4, h5, h6) {
  font-size: 24px;
}

h5,
.hd_5 :where(h1, h2, h3, h4, h5, h6) {
  font-size: 22px;
}

h6,
.hd_6 :where(h1, h2, h3, h4, h5, h6) {
  font-size: 20px;
}

:is(p, li) {
  margin: 0;
}

:is(p, ul, ol, li):not(:last-child) {
  margin-bottom: 15px;
}

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

img {
  max-width: 100%;
}

figure {
  margin: 0;
  line-height: 0;
}
figure figcaption {
  line-height: 1.2;
}

.c_primary {
  color: var(--c_primary);
}

.c_secondary {
  color: var(--c_secondary);
}

.c_white {
  color: var(--c_white);
}

.bg_white {
  background-color: var(--c_white);
}

.c_black {
  color: var(--c_black);
}

.c_danger,
a.c_danger {
  color: var(--c_danger);
}

.text_center {
  text-align: center;
}

.d_block {
  display: block;
}

.btnn {
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  min-height: 50px;
  padding: 5px 20px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  box-shadow: none !important;
  transition: var(--transition);
  border: 1px solid transparent;
  letter-spacing: 0;
  position: relative;
  text-indent: 0;
  overflow: hidden;
  cursor: pointer;
  font-family: var(--f_cairo);
  line-height: 1;
}

.text_right {
  text-align: right;
}

.btnn:hover {
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1) !important;
}

.btnn::before {
  content: "";
  animation: slide 2s infinite;
  background: linear-gradient(90deg, rgba(64, 235, 241, 0) 0, rgba(255, 254, 253, 0.5607843137) 50%, rgba(255, 254, 253, 0.2784313725) 69%, rgba(64, 235, 241, 0));
  bottom: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

@keyframes slide {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
.btn_primary {
  color: var(--c_white);
  background-color: var(--c_primary);
  border-color: var(--c_primary);
}

.btn_primary:is(:hover, :focus) {
  color: var(--c_primary);
  background-color: transparent;
}

.btn_primary.br {
  color: var(--c_primary);
  background-color: var(--c_white);
  border-color: var(--c_primary);
}

.btn_danger.br {
  color: var(--c_danger);
  background-color: transparent;
  border-color: var(--c_danger);
}

.btn_success.br {
  color: var(--c_success);
  background-color: var(--c_white);
  border-color: var(--c_success);
}

.btn_success {
  background: var(--c_success);
  color: var(--c_white);
  min-height: 36px;
}

.btn_primary.br:is(:hover, :focus) {
  color: var(--c_primary);
  background-color: var(--c_white);
  border-color: var(--c_primary);
}

.btn_xsm {
  min-height: 36px;
}

.control_group {
  margin-bottom: 20px;
  position: relative;
}
.control_group > label {
  font-size: 12px;
  color: var(--c_text2);
  margin-bottom: 12px;
}
.control_group .left_icon {
  position: absolute;
  top: 11px;
  left: 16px;
}
.control_group:has(.left_icon) input {
  padding-left: 50px;
}

.control_group .add_btn {
  position: absolute;
  inset: 0 0 0 auto;
}

.control_group_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.graph_boxes .control_group_flex h2 {
  margin: 0;
}

label {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
  color: #272727;
  display: block;
  margin: 0 0 5px;
}

label.checkbox_label {
  font-size: 14px;
  letter-spacing: 0.5px;
  color: var(--c_heading);
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  transition: var(--transition);
  cursor: pointer;
  margin: 0;
  gap: 8px;
}

input,
select,
textarea {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #272727;
  border-radius: 8px;
  border: 1px solid #e2e2e2;
  background-color: var(--c_white);
  transition: var(--transition);
  box-shadow: none;
  outline: 0;
}

input {
  height: 45px;
  padding: 0 15px;
}

input:is([type=checkbox], [type=radio]) {
  width: 24px;
  height: 24px;
  min-width: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
  padding: 0;
}

input:is([type=checkbox], [type=radio]) {
  color: var(--c_white);
  accent-color: var(--c_primary);
  cursor: pointer;
}

input:is([type=checkbox], [type=radio]):checked::before {
  font-family: "Font Awesome 5 Free";
  transition: var(--transition);
  font-weight: 900;
  line-height: 1;
}

input[type=checkbox] {
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

input[type=checkbox]:checked {
  background-color: var(--c_primary);
  border-color: var(--c_primary);
}

input[type=checkbox]:checked::before {
  content: "\f00c";
  color: var(--c_white);
}

input[type=radio] {
  border-radius: 50%;
  border: 1px solid #707070;
  background-color: var(--c_white);
}

input[type=radio]:checked {
  border-color: var(--c_primary);
}

input[type=radio]:checked::before {
  content: "\f111";
  color: var(--c_primary);
}

select {
  height: 45px;
  padding: 0 40px 0 15px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

textarea {
  height: 230px;
  padding: 10px 15px;
  border-radius: 8px;
  resize: none;
  border-radius: 17px !important;
  padding: 25px 30px;
}

:is(input, select, textarea)::-moz-placeholder {
  color: var(--c_text);
  font-weight: 400;
  opacity: 1;
}

:is(input, select, textarea)::placeholder {
  color: var(--c_text);
  font-weight: 400;
  opacity: 1;
}

:is(input, select, textarea):focus {
  border-color: var(--c_primary);
}

.form_btn {
  margin-top: 30px;
}

:is(.gap_p, .gap_m) {
  --gap_x: 20px;
  --gap_y: 20px;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--gap_y) * -1);
  margin-left: calc(var(--gap_x) * -1);
}

.gap_m > .w_100 {
  width: calc(100% - var(--gap_x));
}

:is(.gap_p, .gap_m).aic {
  align-items: center;
}

:is(.gap_p, .gap_m).jcsb {
  justify-content: space-between;
}

:is(.gap_p, .gap_m).jcc {
  justify-content: center;
}

:is(.gap_p, .gap_m) > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  margin-top: var(--gap_y);
}

.gap_p > * {
  padding-left: var(--gap_x);
}

.gap_p .w_75 {
  width: 75%;
}

.gap_m > * {
  margin-left: var(--gap_x);
}

.w_25 {
  width: 25%;
}

.w_33 {
  width: 33.33%;
}

.w_50 {
  width: 50%;
}

.w_100 {
  width: 100%;
}

.mt_30 {
  margin-top: 30px;
}

.content {
  min-height: 100vh;
}

.content.f_width {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_flex {
  display: flex;
  align-items: center;
  margin-top: 30px;
  gap: 20px;
}

.iti--allow-dropdown {
  width: 100%;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: transparent;
}

.iti--allow-dropdown .iti__flag {
  transform: scale(0.8);
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 4px;
  font-size: 14px;
  color: #272727;
}

.iti--allow-dropdown .iti__arrow {
  margin-left: 5px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #272727;
}

.iti--allow-dropdown .iti__arrow--up {
  border-top: none;
  border-bottom: 5px solid #272727;
}

.iti--allow-dropdown .iti__selected-flag {
  padding: 0 10px 0 15px;
  background: 0 0 !important;
}

.iti__country-list .iti__country {
  margin: 0;
  font-size: 14px;
  color: #272727;
}

.auth_sc .inner {
  padding: 30px;
  max-width: 586px;
  width: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.auth_sc .checkbox_label + p a {
  color: var(--c_heading);
  font-size: 14px;
}

.auth_sc .checkbox_label + p a:hover {
  color: var(--c_primary);
}

.auth_sc .logo {
  width: 270px;
  height: 80px;
  margin: 0 auto 20px;
}

.auth_sc .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.auth_sc .inner .auth_logo {
  position: absolute;
  inset: 16px auto auto 50%;
  transform: translateX(-50%);
}

.auth_sc .inner .hd_6 {
  margin-bottom: 20px;
}

.auth_sc .inner :where(h1, h2, h3) {
  font-weight: 400;
  margin-bottom: 0;
}

.auth_sc .inner p {
  font-size: 18px;
  line-height: 1.3;
}

.auth_sc .inner .hd_2 h2 {
  margin-bottom: 10px;
}

.form_bottom {
  text-align: center;
  margin-top: 20px;
}

.form_bottom p {
  font-size: 16px;
}

.form_bottom p a {
  text-decoration: underline;
}

.otp_input {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.otp_input input {
  width: 53px;
  height: 53px;
  border-radius: 8px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: var(--c_grey_dark);
}

a.back_icon {
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--c_text_dark);
  background-color: var(--c_grey);
  border-radius: 5px;
  position: absolute;
  height: 28px;
  width: 28px;
  z-index: 1;
  top: 3px;
  left: 0;
  float: left;
}

a.back_icon:hover {
  color: var(--c_white);
  background-color: var(--c_primary);
}

.auth_sc .upload_image {
  margin-top: -20px;
}

.view_doc_modal .img_flx .upload_image {
  margin-top: 0;
}

.view_doc_modal .img_flx {
  margin-top: 20px;
  justify-content: center;
}

.upload_image {
  position: relative;
  border: 1px dashed #c9c9c9;
  display: inline-flex;
  margin-bottom: 10px;
  border-radius: 50%;
  padding: 4px;
}
.upload_image figure figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 10px;
}
.upload_image figure figcaption > img {
  width: 55px;
  height: 55px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}
.upload_image figure span {
  display: block;
  font-size: 14px;
  color: #9e9e9e;
}
.upload_image figure span.text_primary {
  color: var(--c_primary);
  font-size: 12px;
  margin-top: 5px;
}
.upload_image figure p {
  margin-top: 16px;
}

.upload_image figure {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.upload_doc {
  border-radius: 16px;
  max-width: 306px;
  width: 100%;
}

.img_flx {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}
.img_flx .upload_image.w_100 {
  width: 100%;
  max-width: 100%;
}

.upload_doc figure {
  width: 100%;
  height: 200px;
  border-radius: 16px;
}

.upload_image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}

.upload_image .action {
  width: 26px;
  height: 26px;
  font-size: 12px;
  color: var(--c_white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--c_white);
  background-color: var(--c_primary);
  transform: translate(-50%, 50%);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: 0;
  cursor: pointer;
}

.upload_image input {
  position: absolute;
  inset: 0;
  padding: 0;
  opacity: 0;
  height: auto;
  text-indent: -1000px;
  cursor: pointer;
}

.toggle-click {
  position: absolute;
  right: 15px;
  font-size: 14px;
  top: 15px;
  width: 18px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.checkbox_list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

.checkbox_list label.checkbox_label {
  width: 100%;
  color: var(--c_text_dark);
}

.toggle_label {
  font-size: 18px;
  font-weight: 500;
  color: var(--c_black);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  line-height: 1;
  margin: 0;
  gap: 16px;
}

.toggle_label input[type=checkbox] {
  width: 51px;
  height: 27px;
  color: #b5b5b5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  background-color: #eee;
  border-color: #eee;
  border-radius: 40px;
  padding: 4px;
  gap: 4px;
}

.toggle_label input[type=checkbox]:checked {
  color: var(--c_white);
  background-color: #00c408;
  border-color: #00c408;
  flex-direction: row-reverse;
}

.toggle_label input[type=checkbox]::after {
  content: "Off";
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.toggle_label input[type=checkbox]:checked::after {
  content: "On";
}

.toggle_label input[type=checkbox]::before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
}

.toggle_label:has(input:checked) ~ :is(.slot_list, .slot_time_list) {
  display: flex;
}

:root {
  --aside_width: 302px;
  --dashboard_header_height: 80px;
}

.dashboard_header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  width: calc(100% - var(--aside_width));
  margin-left: var(--aside_width);
  transition: var(--transition);
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: var(--dashboard_header_height);
  background-color: var(--c_white);
  padding: 10px 30px;
  gap: 30px;
}

.dashboard_header.scrolled {
  box-shadow: var(--shadow);
}

.search_bar {
  max-width: 800px;
  width: 100%;
}

.search_bar input,
input[type=search] {
  background-image: url("../images/search_icon.svg");
  background-position: 18px center;
  background-repeat: no-repeat;
  background-size: 20px;
  box-shadow: var(--shadow);
}

.search_bar input {
  font-size: 16px;
  padding: 5px 15px 5px 45px;
  color: var(--c_black);
}

.search_bar input::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}

.search_bar input::placeholder {
  color: #aaa;
  opacity: 1;
}

.header_right {
  display: inline-flex;
  align-items: center;
  gap: 30px;
  margin-left: auto;
}
.header_right .badge {
  position: absolute;
  top: -5px;
  right: -10px;
  width: 21px;
  height: 21px;
  border-radius: 21px;
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-weight: 400;
}
.header_right .badge.chat_badge {
  background: var(--c_primary);
  font-size: 11px;
}

.header_right > li {
  display: inline-flex;
  margin-bottom: 0;
  position: relative;
}

.noti_icon > a {
  display: inline-flex;
}

.noti_icon > a figure {
  display: inline-flex;
  position: relative;
}

.noti_icon > a figure img {
  width: 30px;
  transition: var(--transition);
}

.noti_icon > a:hover figure img {
  filter: brightness(0) saturate(100%) invert(17%) sepia(75%) saturate(3109%) hue-rotate(349deg) brightness(91%) contrast(125%);
}

.noti_icon .dropdown-menu {
  right: 0 !important;
  top: calc(100% + 10px) !important;
  transform: none !important;
  padding: 0;
  border-radius: 10px;
  background-color: var(--c_white);
  box-shadow: var(--shadow);
  border: none;
  min-width: 350px;
  max-width: 350px;
  overflow: hidden;
}

.noti_icon .dropdown-menu .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--c_grey);
  padding: 10px 15px;
}

.noti_icon .dropdown-menu .head h5 {
  margin: 0;
  font-size: 20px;
}

.noti_icon .dropdown-menu .head a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--c_primary);
  text-decoration: underline;
}

.noti_icon .dropdown-menu ul {
  padding: 20px 0;
}

.noti_icon .dropdown-menu ul li {
  margin: 0;
  padding-inline: 15px;
}

.noti_icon .dropdown-menu ul li:not(:last-child) {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--c_border1);
}

.noti_icon .dropdown-menu ul li h6 {
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 5px;
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

.noti_icon .dropdown-menu ul li h6 span {
  color: var(--c_text);
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  line-height: 1;
  display: inline-block;
}

.noti_icon .dropdown-menu ul li p {
  font-size: 14px;
  font-weight: 500;
  color: var(--c_text_dark);
}

.user_icon > a {
  font-size: 16px;
  font-weight: 700;
  display: inline-flex;
  color: var(--c_black);
}

.user_icon > a:hover {
  color: var(--c_primary);
}

.user_icon > a .fas {
  font-size: 18px;
  line-height: 1;
  position: relative;
  color: var(--c_white);
  top: -1px;
}

.user_icon > a figure {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.user_icon > a figure img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
}

.user_icon > a figure figcaption {
  display: inline-block;
  max-width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--c_black);
  font-size: 16px;
  font-weight: 700;
  position: relative;
  padding-right: 15px;
}
.user_icon > a figure figcaption span {
  color: #8f8f8f;
  font-size: 12px;
  display: block;
  font-weight: 400;
  margin-top: 4px;
}
.user_icon > a figure figcaption::after {
  content: "";
  border-radius: 15px;
  height: 15px;
  background: var(--c_success);
  width: 15px;
  position: absolute;
  right: 0;
  top: 4px;
}

.user_icon .dropdown-menu {
  right: 0 !important;
  top: calc(100% + 10px) !important;
  transform: none !important;
  padding: 5px 0;
  min-width: 180px;
  border-radius: 10px;
  background-color: var(--c_white);
  box-shadow: var(--shadow);
  border: none;
  padding-block: 15px;
}

.user_icon .dropdown-menu li {
  margin: 0;
  display: flex;
  padding: 3px 15px;
  gap: 20px;
  align-items: center;
}
.user_icon .dropdown-menu li:not(:last-child) {
  margin-bottom: 16px;
}
.user_icon .dropdown-menu li figure {
  display: flex;
  align-items: center;
}

.user_icon .dropdown-menu li a {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  color: var(--c_black);
  gap: 20px;
  width: 100%;
}

.user_icon .dropdown-menu li a:hover {
  font-weight: 700;
  color: var(--c_primary);
}

.dashboard_sidebar {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  max-width: var(--aside_width);
  background-color: var(--c_white);
  transition: var(--transition);
  box-shadow: var(--shadow);
  overflow: hidden;
  z-index: 9;
}

.dashboard_sidebar .logo {
  width: 100%;
  height: 60px;
  margin: 0 auto;
}

.dashboard_sidebar .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.dashboard_sidebar .head {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--dashboard_header_height);
  transition: var(--transition);
  padding: 5px 20px;
  gap: 15px;
}

.dash_logo {
  transition: var(--transition);
  display: inline-flex;
  align-items: center;
  max-width: 195px;
  line-height: 1;
  width: auto;
}

.dash_logo :is(figure, figure img) {
  width: 100%;
}

.dash_hamburgur {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--c_text_dark);
  transition: var(--transition);
  background-color: var(--c_grey);
  display: none;
}

.dash_hamburgur:hover {
  color: var(--c_white);
  background-color: var(--c_primary);
}

.dash_hamburgur i {
  font-size: 16px;
  display: inline-flex;
  line-height: 1;
}

.aside_menu {
  overflow-y: auto;
  max-height: calc(100vh - 80px);
  overflow-x: hidden;
  padding: 20px 0;
}

.aside_menu .dropdown-menu {
  position: relative !important;
  inset: auto !important;
  transform: unset !important;
  border: 0;
  padding: 0;
  max-width: 68%;
  margin-left: auto !important;
  padding: 0 0 0 24px;
}
.aside_menu .dropdown-menu li a {
  font-size: 12px;
  font-weight: 400;
  padding: 0;
  min-height: 1px;
  color: #a5a5a5;
  background-color: transparent !important;
}
.aside_menu .dropdown-menu li a::before {
  content: "";
  position: absolute;
  border-bottom: 1px solid #a5a5a5;
  height: 1px;
  width: 17px;
  left: -24px;
  top: 50%;
  transform: translateY(-50%);
}
.aside_menu .dropdown-menu li:not(:last-child) {
  margin-bottom: 12px;
}
.aside_menu .dropdown-menu::before {
  content: "";
  position: absolute;
  border-left: 1px solid #a5a5a5;
  height: calc(100% - 7px);
  left: 0;
}

.aside_menu li:not(:last-child) {
  margin-bottom: 5px;
}

.aside_menu li a {
  font-size: 13px;
  font-weight: 500;
  min-height: 40px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 33px 15px 60px;
}

.aside_menu li a span {
  color: #a5a5a5;
  white-space: normal;
  transition: var(--transition);
  line-height: 1.2;
  display: block;
  font-size: 14px;
  font-weight: 500;
}

.aside_menu li a.active span {
  color: var(--c_primary);
}

.aside_menu li a.active img {
  filter: brightness(0) saturate(100%) invert(11%) sepia(81%) saturate(6550%) hue-rotate(17deg) brightness(87%) contrast(124%);
}

.aside_menu li a img {
  max-width: 24px;
  width: 24px;
  position: relative;
  top: -1px;
  transition: var(--transition);
  filter: brightness(0) saturate(100%) invert(74%) sepia(8%) saturate(3%) hue-rotate(64deg) brightness(89%) contrast(89%);
}

.dashboard_content {
  padding: 26px 0 26px 26px;
  margin-top: var(--dashboard_header_height);
  width: calc(100% - var(--aside_width));
  min-height: calc(100vh - var(--dashboard_header_height));
  margin-left: var(--aside_width);
  transition: var(--transition);
  background: var(--c_grey);
}

.aside_active {
  --aside_width: 84px;
}

.aside_active .dashboard_sidebar .head {
  padding: 15px 10px 15px 10px;
}

.aside_active .aside_menu li a {
  padding: 0 30px;
}

.aside_active .aside_menu li a span {
  margin-left: -10px;
  opacity: 0;
  visibility: hidden;
  width: 0;
}

body:not(.aside_active):has(.aside_menu:hover) .tooltip.show {
  opacity: 0;
}

.table-responsive {
  border-radius: 15px;
  background-color: var(--c_white);
}

.table {
  margin-bottom: 0;
}
.table .send_invt {
  display: flex;
  align-items: center;
  gap: 12px;
}
.table .send_invt .short_desc {
  min-width: 1px;
  width: auto;
}
.table .send_invt .sent img {
  filter: brightness(0) saturate(100%) invert(11%) sepia(91%) saturate(6893%) hue-rotate(5deg) brightness(75%) contrast(110%);
}
.table p {
  margin: 0;
}

.table .user_info {
  display: flex;
  align-items: center;
  gap: 15px;
  min-width: 150px;
  position: relative;
}

.table .user_info .view_user {
  position: absolute;
  inset: 0;
}

.table .user_img,
.table .user_info figure {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 10px;
}
.table .user_img img,
.table .user_info figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: inherit;
}

.table .user_img {
  position: relative;
}

.table .user_img figcaption {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.table .user_img figcaption i {
  animation: blink 2s infinite;
}

.table .user_info p {
  margin: 0;
}

.table tr :is(th, td) {
  white-space: nowrap;
  color: var(--c_black);
  background-color: var(--c_white);
  border-bottom: 1px solid var(--c_grey);
  background-color: transparent;
  vertical-align: middle;
}

.tooltip .tooltip-inner {
  background: #d9d9d9 !important;
  font-size: 12px;
  color: var(--c_black) !important;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  border-color: #d9d9d9 !important;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #d9d9d9 !important;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #d9d9d9 !important;
}

.table .no-border {
  border: 0;
  color: var(--c_primary);
  background: 0 0;
}

.table input[type=checkbox] {
  border: 2px solid #bebebe;
}
.table input[type=checkbox]:checked {
  border: 2px solid var(--c_primary);
  background: var(--c_white);
}
.table input[type=checkbox]:checked::before {
  content: "\f0c8";
  color: var(--c_primary);
}

.table .no-border {
  border: 0;
  color: var(--c_primary);
  pointer-events: none;
  background: 0 0;
}

.table tr th {
  font-size: 16px;
  font-weight: 500;
  color: var(--c_black);
  padding: 15px;
  line-height: 1.2;
}

.table tr td {
  color: var(--c_black);
  padding: 8px 15px;
}
.table tr td.text_success {
  color: var(--c_success);
}
.table tr td.text_danger {
  color: var(--c_danger);
}

.table tr td.short_decs {
  white-space: normal;
  max-width: 300px;
}

.table tbody tr:last-child td {
  border: none;
}

.table tr .c_primary,
.table tr td.c_primary {
  color: var(--c_primary);
}

.table tr td .control_group {
  margin: 0;
}

.table tr .c_danger,
.table tr td.c_danger {
  color: var(--c_danger);
}

.actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.actions li {
  display: inline-flex;
  margin: 0;
}

.actions li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 28px;
}
.actions li a:has(img[src*=eye_icon]) {
  background: #d8ffe0;
}
.actions li a:has(img[src*=edit_icon]) {
  background: #ffebcc;
}
.actions li a:has(img[src*=trash_icon]) {
  background: #ffd2d2;
}

.actions li a:has(.fa-trash) {
  background-color: var(--c_danger);
}

.actions li a:hover {
  transform: translateY(-2px);
}

.table select {
  height: 35px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 5px;
  padding: 2px 25px 2px 8px;
  color: var(--c_black);
  background-position: right 7px center;
  background-size: 11px 11px;
  text-overflow: ellipsis;
  max-width: 120px;
  min-width: 120px;
  width: 100%;
}

.table select:has(option[value=accepted]:checked) {
  color: var(--c_primary);
}

.table select:has(option[value=declined]:checked) {
  color: var(--c_danger);
}

.table select option {
  color: var(--c_black);
  background-color: var(--c_white);
}

.table .toggle_label input[type=checkbox] {
  width: 80px;
}

.table .toggle_label input[type=checkbox]::after {
  content: "Inactive";
}

.table .toggle_label input[type=checkbox]:checked::after {
  content: "Active";
}

.page_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  position: sticky;
  top: -30px;
  background: #fff;
  z-index: 8;
  margin: -26px -20px 20px -20px;
  padding: 20px 20px 5px;
}

.page_head .right_s {
  display: inline-flex;
  align-items: center;
  gap: 20px;
}

.page_head .btn_flex {
  margin: 0;
  gap: 10px;
}

.page_head .btn_flex .btnn {
  font-size: 15px;
  min-height: 45px;
  padding: 5px 20px;
  white-space: nowrap;
  min-width: 140px;
}

.white_box {
  transition: var(--transition);
  background-color: var(--c_white);
  border-radius: 10px;
  border: 1px solid #e9e9e9;
  box-shadow: 0px 10px 36px 0px rgba(220, 220, 220, 0.1411764706);
}
.white_box.px_0 {
  padding-inline: 0 !important;
}
.white_box.inner_box {
  margin-inline: -26px;
  border: 0;
}
.white_box.gray_box {
  background: var(--c_grey);
  border: 0;
}

.white_box:not(.p_0) {
  padding: 30px;
}

.white_box.p_1 {
  padding: 1px;
  margin-inline: -1px;
}

.white_box_head h2 {
  font-weight: 500;
}

.white_box_head h2:not(:last-child) {
  margin-bottom: 8px;
}

.report_boxes .gap_m {
  --gap_x: 15px;
  --gap_y: 15px;
}

.report_boxes ul li {
  width: calc(50% - var(--gap_x));
  margin-bottom: 0;
  position: relative;
}

.report_boxes ul li a {
  position: absolute;
  inset: 0;
  display: block;
}

.report_boxes .white_box:hover {
  border: 1px solid var(--c_primary);
  transform: translateY(-3px);
}

.report_boxes ul li .white_box {
  padding-left: 124px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.report_boxes h2 {
  line-height: 1;
  margin-bottom: 10px;
  font-size: 40px;
}

.report_boxes p {
  line-height: 1.2;
  font-size: 20px;
  color: #909090;
}

.report_boxes figure {
  width: 74px;
  height: 74px;
  border-radius: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: var(--c_primary);
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.table_boxes .white_box_head {
  margin-bottom: 20px;
}

.date_range label {
  padding: 11px 45px 11px 62px;
  background-color: var(--c_white);
  box-shadow: var(--shadow);
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  margin: 0;
}

.date_range label b {
  color: #202020;
  font-size: 18px;
  font-weight: 700;
  display: block;
  margin-bottom: 3px;
  line-height: 1.25;
}

.date_range label .fa-calendar {
  font-size: 22px;
  color: var(--c_primary);
  transform: translate(0, -50%);
  position: absolute;
  line-height: 1;
  left: 24px;
  top: 50%;
}

.date_range label .fa-caret-down {
  font-size: 20px;
  color: var(--c_black);
  transform: translate(0, -50%);
  position: absolute;
  line-height: 1;
  right: 17px;
  top: 50%;
}

.date_range label input {
  height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  font-size: 14px;
  min-width: 215px;
  color: var(--c_text);
  text-overflow: ellipsis;
}

.modal .modal-dialog {
  max-width: 600px;
}

.provider_modal .modal-dialog {
  max-width: 570px;
  justify-content: center;
}

.view_doc_modal .modal-dialog {
  max-width: 1050px;
}

.view_doc_modal .modal-dialog .inner {
  max-width: 100%;
}

.modal .modal-content {
  border: none;
  box-shadow: var(--shadow);
  border-radius: 20px;
}

.modal .modal-body {
  padding: 40px;
  position: relative;
}

.modal .btn-close {
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 0;
  opacity: 1;
}

.provider_modal .auth_sc .inner {
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.detail_list li {
  display: flex;
  flex-wrap: wrap;
  color: var(--c_text_dark);
  font-weight: 500;
  gap: 5px 20px;
  width: 33.3333333333%;
  flex-direction: column;
  word-break: break-word;
}

.detail_list.gap_p li {
  margin-bottom: 0;
}

.detail_list li.w_50 {
  width: 50%;
}

.detail_list li.w_100 {
  width: 100%;
}

.detail_list li:empty {
  margin: 0;
}

.detail_list li.aic {
  align-items: center;
}

.detail_list p {
  color: var(--c_text_dark);
}

.detail_list p:not(:last-child) {
  margin-bottom: 5px;
}

.detail_list li strong {
  min-width: 160px;
  max-width: 100%;
  font-weight: 500;
  color: var(--c_text2);
}

.detail_list li span {
  font-size: 18px;
  color: var(--c_heading);
  font-weight: 500;
}
.detail_list li span span {
  font-size: 16px;
  display: inline-flex;
  margin-inline: 20px;
  color: var(--c_text2);
}

.detail_list li strong.w_100 {
  min-width: 100%;
  max-width: 100%;
}

.user_image_view {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.user_image_view img {
  height: 60px;
  width: 60px;
  min-width: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.upload_image_view figure {
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #e2e2e2;
  border-radius: 10px;
  overflow: hidden;
  max-width: 195px;
}

.upload_image_view {
  position: relative;
}

.upload_image_view .download_btn {
  position: absolute;
  top: 15px;
  right: 15px;
  min-width: 35px;
  min-height: 35px;
  border-radius: 35px;
  padding: 3px;
}

.upload_image_view figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.bootstrap-select {
  width: 100% !important;
}

.bootstrap-select > .btn.dropdown-toggle,
.bootstrap-select > .btn.dropdown-toggle:focus {
  outline: 0 !important;
}

.bootstrap-select > .btn::after {
  display: none;
}

.bootstrap-select > .btn.bs-placeholder {
  color: var(--c_text);
}

.bootstrap-select > .btn.dropdown-toggle,
.bootstrap-select > .btn.dropdown-toggle:focus {
  outline: 0 !important;
}

.bootstrap-select > .btn,
select {
  height: 50px;
  padding: 0 40px 0 20px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.bootstrap-select .filter-option {
  display: flex;
  align-items: center;
}

.bootstrap-select .filter-option-inner {
  width: 100%;
}

.bootstrap-select .filter-option-inner-inner {
  text-overflow: ellipsis;
  width: 100%;
}

.bootstrap-select .dropdown-menu li {
  font-size: 14px;
  margin-bottom: 0;
}

.bootstrap-select .dropdown-menu li.selected .bs-ok-default::after {
  color: var(--c_primary);
}

.bootstrap-select > .btn,
input,
select,
textarea {
  width: 100%;
  font-size: 13px;
  color: var(--c_text);
  border-radius: 50px;
  border: 1px solid var(--c_border1);
  background-color: var(--c_white);
  transition: var(--transition);
  box-shadow: none;
  outline: 0;
}

.detail_list label.toggle_label {
  font-size: 18px;
  font-weight: 400;
  color: var(--c_text_dark);
  background-color: var(--c_grey);
  padding: 8px 10px;
  border-radius: 5px;
  margin-bottom: 5px;
}

.custom_tabs {
  display: flex;
  gap: 5px;
  border-bottom: 1px solid var(--c_grey);
  margin-bottom: 30px;
}

.white_box .custom_tabs .nav-link {
  background-color: var(--c_grey);
}

.custom_tabs + .white_box {
  border-top-left-radius: 0;
}

.custom_tabs .nav-link {
  min-width: 1px;
  min-height: 1px;
  border-radius: 0;
  background: transparent !important;
  color: var(--c_text2);
  font-size: 18px;
  font-weight: 500;
  padding: 7px 15px 16px;
  min-width: 106px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: var(--transition);
}
.custom_tabs .nav-link::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 5px;
  background: var(--c_primary);
  opacity: 0;
  transition: var(--transition);
}

.custom_tabs .nav-link:hover {
  color: var(--c_primary);
}

.custom_tabs .nav-link.active {
  color: var(--c_black);
}
.custom_tabs .nav-link.active::before {
  opacity: 1;
}

.custom_tabs1 {
  display: flex;
  gap: 0;
}

.custom_tabs1 + .white_box {
  border-top-left-radius: 0;
}

.custom_tabs1 .nav-link {
  min-width: 1px;
  min-height: 1px;
  border-radius: 0;
  color: var(--c_text_dark);
  font-size: 16px;
  font-weight: 500;
  padding: 0 15px 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  transition: var(--transition);
  border-bottom: 2px solid var(--c_grey);
}

.custom_tabs1 .nav-link:hover {
  color: var(--c_primary);
}

.custom_tabs1 .nav-link.active {
  color: var(--c_primary);
  background-color: transparent;
  border-color: var(--c_primary);
}

.form_modal .btn_flex {
  margin-top: 15px;
  justify-content: flex-end;
}

.table .user_image_view img {
  height: 40px;
  width: 40px;
  min-width: 40px;
  align-self: self-start;
}

.table .user_image_view {
  vertical-align: middle;
}

.rating_icon {
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.rating_icon i {
  color: var(--c_primary);
  position: relative;
  top: -2px;
  font-size: 20px;
}

.chart {
  height: 400px;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

.filters_row {
  display: flex;
  justify-content: space-between;
  border-radius: 15px 15px 0 0;
  background-color: var(--c_white);
  border-bottom: 1px solid var(--c_border1);
  padding: 15px 15px 15px;
  gap: 20px;
}

.filters_row .btn_flex {
  margin-top: 0;
}

.filters_row .control_group {
  margin: 0;
}

.filters_row :is(.left_s, .right_s) {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.filters_row :is(.search_bar input, .form_control select) {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0392156863);
}

.filters_row .btnn {
  min-height: 40px;
}

.filters_row .form_control {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filters_row .form_control label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--c_text_dark);
  white-space: nowrap;
}

.filters_row .form_control select {
  padding: 0 32px 0 15px;
  background-position: right 12px center;
  background-size: 11px 11px;
}

.filters_row .form_control input:not([type=search]) {
  padding: 0 15px;
}

.filters_row .form_control :is(select, input:not([type=search])) {
  min-width: 170px;
  max-width: 170px;
}

.filters_row .form_control input[name=daterange] {
  min-width: 330px;
  max-width: 330px;
  height: 40px;
}

.filters_row .search_bar input[type=search] {
  background-position: 19px center;
  background-size: 18px;
  font-size: 14px;
  padding: 5px 15px 5px 50px;
  max-width: 250px;
  min-width: 250px;
}

.table_pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0 0 15px 15px;
  background-color: var(--c_white);
  border-top: 1px solid var(--c_border1);
  padding: 15px 15px 15px;
  gap: 3px;
}
.table_pagination > p {
  margin: 0 auto 0 0;
}

.table_pagination a {
  height: 34px;
  width: 34px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-radius: 34px;
}
.table_pagination a:has(.fa-angle-left) {
  background: #a5a5a5;
}
.table_pagination a:has(.fa-angle-left) i {
  color: var(--c_white);
}

.table_pagination a:hover {
  color: var(--c_white);
  background: var(--c_primary);
}

.table_pagination a.active {
  color: var(--c_white);
  background-color: var(--c_primary);
}

.form_field {
  --gap_x: 20px;
  --gap_y: 20px;
}

.form_field .control_group {
  margin: var(--gap_y) 0 0 var(--gap_x);
  width: calc(100% - var(--gap_x));
}

:is(.gap_p, .gap_m) > .control_group {
  margin-bottom: 0;
}

.auth_flx .auth_rht {
  width: calc(100% - (586px + var(--gap_x)));
  margin-left: 0;
  position: sticky;
  top: 0;
  height: 100vh;
}

.auth_flx .auth_rht::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.337254902);
  pointer-events: none;
}

.auth_sc .inner .form {
  padding-top: 140px;
}

.auth_sc .form_head {
  margin-inline: -30px;
  padding-inline: 30px;
  border-bottom: 1px solid var(--c_heading_10);
  padding-bottom: 5px;
}
.auth_sc .form_head h1 {
  position: relative;
  min-width: 195px;
  display: inline-flex;
  justify-content: center;
}
.auth_sc .form_head h1::before {
  content: "";
  width: 100%;
  height: 4px;
  background: var(--c_primary);
  position: absolute;
  left: 0;
  bottom: -9px;
}
.auth_sc .form_wrapper > .hd_2 {
  padding: 80px 0 50px;
  position: relative;
}
.auth_sc .form_wrapper .back_btn {
  position: absolute;
  top: 30px;
  left: 0;
  border: 0;
  cursor: pointer;
  background: transparent;
  color: var(--c_primary);
  gap: 12px;
  display: inline-flex;
  align-items: center;
}
.auth_sc .form_wrapper .back_btn i {
  width: 34px;
  height: 34px;
  border-radius: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--c_primary);
}
.auth_sc .strenth_pass_wrp > p {
  font-size: 14px;
  color: var(--c_black);
}
.auth_sc .success_tick {
  width: 90px;
  height: 90px;
  margin-inline: auto;
}

.strenth_pass {
  margin: 20px 0 0;
  display: flex;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.strenth_pass li {
  margin: 0;
  width: calc(50% - 5px);
  color: var(--c_black);
  position: relative;
  display: flex;
  font-size: 14px;
  align-items: center;
  gap: 8px;
}
.strenth_pass li::before {
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: var(--c_success14);
  color: var(--c_success);
  font-size: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.strenth_pass li.error::before {
  color: var(--c_danger);
  background: rgba(255, 29, 29, 0.0784313725);
  content: "\f00d";
}

.auth_sc .form_wrapper {
  width: 100%;
  max-width: 440px;
  margin-inline: auto;
}

.auth_rht .main_img {
  width: 100%;
  height: 100%;
}

.auth_rht .main_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.auth_rht .logo {
  width: 600px;
  height: 350px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
}

.auth_rht .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.auth_sc {
  min-height: 100vh;
  display: flex;
  align-items: stretch;
}

.auth_flx {
  flex-grow: 1;
}

.form_field .w_50 {
  width: calc(50% - var(--gap_x));
}

.short_desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  max-width: 195px;
  min-width: 195px;
}

.mb_20 {
  margin-bottom: 20px;
}

.graph_boxes {
  gap: 16px;
  flex-wrap: wrap;
}

.graph_boxes .w_49 {
  width: calc(50% - 8px);
}

.graph_boxes .control_group {
  max-width: 100px;
  width: 100%;
  margin: 0 0 0 auto;
}

.graph_boxes .control_group select {
  height: 36px;
  border-radius: 8px;
  padding: 0 25px 0 14px;
  background-position: right 10px center;
}

.graph_boxes .btnn {
  border: 1px solid var(--c_primary);
  background: transparent;
  color: var(--c_black);
  border-radius: 8px;
}

.graph_boxes h2 {
  margin: 0;
}

.mt_20 {
  margin-top: 20px;
}

.position_relative {
  position: relative;
}

.error_page {
  min-height: 100vh;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.error_page > figure {
  max-width: 450px;
  margin-inline: auto;
}

@media (max-width: 1300px) {
  .white_box:not(.p_0) {
    padding: 20px;
  }
}
@media screen and (max-width: 1199.98px) {
  .dashboard_content,
  .dashboard_header {
    width: 100%;
    margin-left: 0;
  }
  .dashboard_sidebar {
    transform: translateX(-100%);
  }
  .aside_active .dashboard_sidebar {
    transform: translateX(0);
  }
  .aside_active .header_left .dash_hamburgur {
    display: none;
  }
  .aside_active {
    --aside_width: 270px;
  }
  .aside_active .dashboard_sidebar .head {
    padding: 15px 20px;
  }
  .aside_active .aside_menu li a {
    padding: 0 20px;
  }
  .aside_active .aside_menu li a span {
    margin-left: 0;
    opacity: 1;
    visibility: visible;
    width: auto;
  }
}
@media (max-width: 991.91px) {
  .graph_boxes .w_49 {
    width: 100%;
  }
  .bootstrap-select > .btn,
  input,
  select,
  textarea {
    border-radius: 15px;
  }
  .modal-content {
    width: 95%;
  }
  .custom_tabs .nav-link {
    font-size: 14px;
    padding: 7px 10px 5px;
  }
}
@media (max-width: 767.98px) {
  .detail_list li strong {
    font-size: 16px;
  }
  .auth_sc .inner {
    width: 95%;
    margin-inline: auto;
  }
  .page_head {
    margin-bottom: 20px;
  }
  .report_boxes ul li {
    width: calc(50% - var(--gap_x));
  }
  .page_head .btn_flex .btnn {
    font-size: 14px;
    padding: 6px 16px;
    min-width: 100px;
  }
  .table tr td {
    font-size: 13px;
    padding: 10px;
  }
  .page_head {
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 12px;
  }
  .white_box:not(.p_0) {
    padding: 20px;
  }
  .form_field .w_50 {
    width: calc(100% - var(--gap_x));
  }
  .detail_list li {
    width: 50%;
  }
  .filters_row {
    flex-wrap: wrap;
    row-gap: 10px;
  }
  textarea {
    height: 80px;
  }
  .custom_tabs,
  .custom_tabs1 {
    overflow: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-y: hidden;
  }
  .custom_tabs .nav-link,
  .custom_tabs1 .nav-link {
    min-height: 40px;
    font-size: 14px;
    padding: 7px 10px 5px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .bootstrap-select > .btn,
  input,
  select,
  textarea {
    border-radius: 10px;
  }
  .control_group.w_50 {
    width: calc(100% - var(--gap_x));
  }
  .aside_menu li a {
    min-height: 40px;
  }
  .auth_sc .inner {
    padding: 30px 20px;
  }
  .auth_sc .inner .auth_logo {
    margin-bottom: 20px;
  }
  a.back_icon {
    top: -5px;
  }
  .otp_input input {
    width: 70px;
    height: 70px;
    font-size: 22px;
  }
  .form_bottom p {
    font-size: 14px;
  }
  .btnn {
    font-size: 14px;
    min-height: 40px;
    padding: 5px 15px;
  }
  .auth_sc .logo {
    width: 130px;
    height: 60px;
    margin: 0 auto 10px;
  }
  .aside_active .dashboard_sidebar .head {
    padding: 8px 16px;
  }
  .dashboard_sidebar .logo {
    height: 55px;
  }
  .aside_active .aside_menu li a {
    padding-inline: 16px;
  }
  .filters_row .form_control input[name=daterange] {
    min-width: 1px;
  }
  .filters_row .right_s {
    flex-grow: 1;
  }
  .filters_row .form_control:has(input[name=daterange]) {
    width: 100%;
  }
  .filters_row :is(.left_s, .right_s) {
    flex-wrap: wrap;
  }
  .detail_list li:is(.w_50, .w_33) {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .white_box:not(.p_0) {
    padding: 16px;
  }
  .detail_list li strong {
    font-size: 14px;
  }
  .detail_list li span {
    font-size: 13px;
  }
  .dashboard_content {
    padding: 20px;
  }
  .auth_sc .inner {
    padding: 24px 16px;
  }
  .report_boxes ul li {
    width: calc(100% - var(--gap_x));
  }
  .header_right {
    gap: 16px;
  }
  .noti_icon > a figure img {
    width: 24px;
  }
  .user_icon > a figure img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .user_icon > a {
    font-size: 14px;
  }
  .w_25:has(.upload_image_view) {
    width: 50%;
  }
  .detail_list li {
    width: 100%;
  }
  .graph_boxes .control_group_flex h2 {
    font-size: 16px;
  }
  .graph_boxes .line {
    height: 400px !important;
  }
  .filters_row .search_bar input[type=search] {
    min-width: 200px;
  }
  .modal .modal-body {
    padding: 30px 20px;
  }
  .add_faq .form_btn {
    margin-top: 0;
  }
}
.ck.ck-editor__main > .ck-editor__editable {
  min-height: 210px !important;
}

.chat_sc .lt_s {
  height: 100%;
  padding: 20px;
  max-height: calc(100vh - 132px);
  min-height: calc(100vh - 132px);
  width: calc(28.5% - var(--gap_x));
  background-color: var(--c_primary);
  border-radius: 14px;
  overflow: auto;
}

.chat_sc .lt_s .search_bar {
  top: -20px;
  position: sticky;
  margin: -20px -20px 0;
  width: calc(100% + 40px);
  background-color: var(--c_primary);
  padding: 20px;
  z-index: 1;
}
.chat_sc .lt_s .search_bar .cht_lft_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chat_sc .lt_s .search_bar .cht_lft_head h2 {
  margin: 0;
  font-size: 16px;
  color: var(--c_white);
  font-weight: 600;
}
.chat_sc .lt_s .search_bar .cht_lft_head img {
  filter: brightness(0) invert(1);
}
.chat_sc .lt_s .search_bar .usr_list {
  display: flex;
  align-items: center;
  overflow: auto;
  gap: 20px;
  margin: 24px 0;
}
.chat_sc .lt_s .search_bar .usr_list figure {
  max-width: 70px;
  text-align: center;
  position: relative;
}
.chat_sc .lt_s .search_bar .usr_list figure::before {
  content: "";
  background: var(--c_success);
  border: 2px solid var(--c_white);
  width: 9px;
  height: 9px;
  border-radius: 10px;
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}
.chat_sc .lt_s .search_bar .usr_list figure img {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.chat_sc .lt_s .search_bar .usr_list figure:first-child {
  width: 57px;
  height: 57px;
  min-width: 57px;
  border-radius: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--c_white);
  cursor: pointer;
}
.chat_sc .lt_s .search_bar .usr_list figure:first-child img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
.chat_sc .lt_s .search_bar .usr_list figure:first-child i {
  font-size: 30px;
  color: var(--c_primary);
}
.chat_sc .lt_s .search_bar .usr_list figure figcaption {
  display: block;
  margin-top: 8px;
  font-size: 10px;
  color: var(--c_white);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.chat_sc .lt_s .search_bar .usr_list figure.active::before {
  opacity: 1;
}

.chat_sc .lt_s .search_bar input {
  height: 60px;
  border-radius: 10px;
  background-position: right 18px center;
  padding: 5px 45px 5px 15px;
}

.chat_sc .lt_s .search_bar .control_group {
  margin-bottom: 0;
}

.chat_sc .rt_s {
  width: calc(71.5% - var(--gap_x));
}

.chat_sc .chat_single {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  margin-inline: -15px;
  padding-inline: 15px;
  padding-block: 15px;
}
.chat_sc .chat_single.active {
  background: #a50000;
}

.chat_sc .chat_single:not(:last-child) {
  border-bottom: 1px solid #d22727;
}

.chat_sc .chat_single figure {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 10px;
  overflow: hidden;
}

.chat_sc .chat_single figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.chat_sc .chat_single .c_info {
  width: calc(100% - 53px);
  padding-left: 12px;
}

.chat_sc .chat_single p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 14px;
  color: var(--c_white);
  gap: 10px;
}

.chat_sc .chat_single p:not(:last-child) {
  margin-bottom: 5px;
}

.chat_sc .chat_single p strong {
  font-size: 18px;
  font-weight: 500;
  color: var(--c_white);
  white-space: normal;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  padding-right: 22px;
}
.chat_sc .chat_single p strong::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 13px;
  height: 13px;
  background: var(--c_success);
  border-radius: 13px;
  margin-left: auto;
}

.chat_sc .chat_single p .time {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  color: var(--c_white);
}

.chat_sc .chat_single p:last-child {
  white-space: normal;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-right: 25px;
}

.chat_sc .chat_single .count {
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  background-color: var(--c_secondary);
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 5px;
  bottom: 10px;
}

.chat_sc .chat_box {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  background-color: #fff;
  padding: 18px;
  max-height: calc(100vh - 132px);
  min-height: calc(100vh - 132px);
  border-radius: 14px;
  overflow: auto;
}

.chat_sc .chat_box .chat_head {
  top: -20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
  padding: 15px 25px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1215686275);
  position: sticky;
  z-index: 2;
  gap: 15px;
}
.chat_sc .chat_box .chat_head .chat_lft {
  display: flex;
  align-items: center;
  gap: 16px;
}
.chat_sc .chat_box .chat_head .chat_rht {
  display: flex;
  align-items: center;
  gap: 16px;
}
.chat_sc .chat_box .chat_head .chat_rht span {
  cursor: pointer;
}
.chat_sc .chat_box .chat_head .chat_rht span i {
  color: #a5a5a5;
}
.chat_sc .chat_box .chat_head .chat_rht span i.fa-star {
  color: #ffab2d;
}

.chat_sc .chat_box .chat_head figure {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 10px;
  overflow: hidden;
}

.chat_sc .chat_box .chat_head figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.chat_sc .chat_box .chat_head h2 {
  font-size: 18px;
  color: #000;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.chat_sc .chat_box .chat_head h2 strong {
  font-weight: 500;
  font-size: 20px;
}

.chat_sc .chat_box .chat_head h2 span {
  font-size: 14px;
  font-weight: 500;
  color: var(--c_text2);
}

.chat_sc .chat_box .chat_body {
  flex: 1;
  padding: 25px 0 0;
}

.chat_sc .chat_box .chat_body .single_message {
  border-bottom: 1px solid var(--c_grey);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.chat_sc .chat_box .chat_body .single_message:not(:last-child) {
  margin-bottom: 15px;
}

.chat_sc .chat_box .chat_body .single_message .msg_body {
  width: auto;
  padding: 12px 0;
  background-color: #fff;
  word-break: break-word;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  margin-bottom: 20px;
}

.chat_sc .chat_box .chat_body .single_message .msg_body p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.chat_sc .chat_box .chat_body .single_message .msg_body span {
  top: 100%;
  left: 0;
  position: absolute;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  padding-top: 4px;
  display: inline-flex;
}

.chat_sc .chat_box .chat_body .single_message.sended {
  text-align: right;
  margin-left: auto;
}

.chat_sc .chat_box .chat_body .single_message.sended .msg_body {
  max-width: 588px;
}

.chat_sc .chat_box .chat_body .single_message.sended .msg_body p {
  text-align: right;
}

.chat_sc .chat_time {
  display: flex;
  align-items: center;
  position: relative;
  gap: 20px;
}
.chat_sc .chat_time::before, .chat_sc .chat_time::after {
  content: "";
  display: flex;
  flex-grow: 1;
  border-bottom: 1px solid var(--c_grey);
}
.chat_sc .chat_time p {
  font-size: 12px;
  font-weight: 600;
}

.chat_sc .chat_box .chat_body .single_message.sended .msg_body span {
  left: auto;
  right: 0;
}

.chat_sc .chat_box .chat_body .single_message.recieved .msg_body {
  max-width: 430px;
}

.chat_sc .chat_box .chat_body .single_message.recieved .msg_body p {
  color: #000;
}

.chat_sc .chat_box .chat_foot {
  left: 0;
  bottom: -20px;
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 10px 0 20px;
  margin-top: auto;
  position: sticky;
  gap: 15px;
}

.chat_sc .roundIcon_btn {
  background: 0 0;
  border: 0;
  display: none;
}

.chat_sc .chat_box .chat_foot button {
  border: 0;
}

.chat_sc .chat_box .chat_foot .control_group {
  margin: 0;
  position: relative;
  flex-grow: 1;
}

.chat_sc .chat_box .chat_foot .control_group textarea {
  height: 145px;
}

.chat_sc .chat_box .chat_foot .control_group .chat_option {
  position: absolute;
  bottom: 6px;
  left: 2px;
  width: calc(100% - 3px);
  padding: 12px 24px;
  background: #f0f0f0;
  border-radius: 0 0 17px 17px;
  display: flex;
  align-items: center;
  gap: 28px;
}
.chat_sc .chat_box .chat_foot .control_group .chat_option .btnn {
  border-radius: 10px;
  background: var(--c_primary);
  color: var(--c_white);
}
.chat_sc .chat_box .chat_foot .control_group .chat_option .btnn img {
  filter: brightness(0) invert(1);
}
.chat_sc .chat_box .chat_foot .control_group .chat_option button:first-child {
  margin-right: auto;
}

/*profile scss */
.add_item_wrapper {
  max-width: 550px;
  width: 100%;
}

.control_group_flex.align_start {
  align-items: flex-start;
}

.profile_outer {
  display: flex;
  align-items: baseline;
  gap: 30px;
  padding: 35px 40px 0;
  position: relative;
  z-index: 1;
}
.profile_outer > figure {
  width: 190px;
  height: 190px;
  border-radius: 50%;
}
.profile_outer > figure img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.profile_outer > h2 {
  font-size: 18px;
  font-weight: 500;
  color: var(--c_text2);
}
.profile_outer > h2 span {
  color: var(--c_primary);
  font-size: 14px;
  font-weight: 400;
  padding-top: 8px;
}
.profile_outer .cover_pic {
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  position: absolute;
  background-color: var(--c_primary);
  content: "";
  width: 100%;
  height: 100px;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

.info_section {
  padding: 30px 0;
}
.info_section .left_s,
.info_section .right_s {
  width: calc(50% - var(--gap_x));
}
.info_section .right_s .inner_bx,
.info_section .left_s {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  padding: 20px;
  border-radius: 10px;
}
.info_section .right_s .inner_bx:not(:last-child) {
  margin-bottom: 16px;
}
.info_section .profile_hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.info_section .profile_hd > h3 {
  font-size: 16px;
  font-weight: 500;
  color: var(--c_text2);
  line-height: normal;
  margin: 0;
}
.info_section .profile_hd hr {
  border-color: #e1e1e1;
  width: 100%;
}
.info_section .profile_hd figure {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info_section .profile_hd figure img {
  filter: brightness(0) saturate(100%) invert(13%) sepia(79%) saturate(4298%) hue-rotate(5deg) brightness(98%) contrast(130%);
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.info_section .control_group_flex {
  flex-wrap: wrap;
  gap: 0;
}
.info_section .control_group_flex > h4 {
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  margin-bottom: 20px;
}
.info_section .control_group_flex > h4 u {
  color: var(--c_text2);
}
.info_section .control_group_flex > ul {
  width: 100%;
}
.info_section .control_group_flex > ul li h5 {
  font-size: 16px;
  font-weight: 500;
  color: var(--c_text2);
  line-height: 28px;
}
.info_section .control_group_flex > ul li h5 span {
  color: var(--c_primary);
}
.info_section .control_group_flex > ul li h5 span.abt_bx {
  background: url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' rx='10' ry='10' stroke='%23333' stroke-width='2.5' stroke-dasharray='4%2c 6' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  line-height: 1.2;
  padding: 10px 25px;
  min-height: 111px;
  margin-top: 14px;
}
.info_section .control_group_flex > ul:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 60px;
  border-bottom: 1px solid #e1e1e1;
}
.info_section .right_s .inner_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #E1E1E1;
}
.info_section .right_s .inner_head h3 {
  margin: 0;
  color: var(--c_text2);
  font-size: 16px;
  font-weight: 500;
}
.info_section .right_s .inner_head figure {
  cursor: pointer;
}
.info_section .right_s .user_list .user_list_bx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.info_section .right_s .user_list .user_list_bx > figure {
  display: flex;
  align-items: center;
  gap: 14px;
}
.info_section .right_s .user_list .user_list_bx > figure img {
  width: 53px;
  height: 57px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.info_section .right_s .user_list .user_list_bx > figure figcaption p {
  color: var(--c_black);
  font-weight: 500;
  margin-bottom: 8px;
}
.info_section .right_s .user_list .user_list_bx > figure figcaption span {
  font-size: 12px;
  font-weight: 500;
}
.info_section .right_s .user_list .user_list_bx:not(:last-child) {
  margin-bottom: 25px;
}
.info_section .cancel_sub p {
  color: var(--c_text2);
  font-weight: 500;
  margin-bottom: 40px;
}

.control_group_flex.align_start {
  align-items: start;
}

.desk_sec form,
.desk_sec .supp_rtl {
  width: 49%;
  position: sticky;
  top: 100px;
}
.desk_sec form > figure,
.desk_sec .supp_rtl > figure {
  width: 100%;
  max-width: 460px;
  height: 295px;
  margin-left: auto;
}
.desk_sec form > figure img,
.desk_sec .supp_rtl > figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
}
.desk_sec form button,
.desk_sec .supp_rtl button {
  width: 100%;
}
.desk_sec .term_cntnt {
  width: 49%;
  /*accordion scss*/
  /*accordion scss*/
}
.desk_sec .term_cntnt h2 {
  color: var(--c_primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding-top: 8px;
}
.desk_sec .term_cntnt p {
  font-size: 14px;
  color: var(--c_cntnt);
  line-height: 28px;
  letter-spacing: 0.2px;
  font-weight: 400;
}
.desk_sec .term_cntnt .d_flex {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.desk_sec .term_cntnt .d_flex input {
  min-width: 20px;
  height: 20px;
  transform: translate(0px, 6px);
}
.desk_sec .term_cntnt .c-faqs__item {
  width: 100%;
  padding: var(--faqs-item-padding, 1rem);
  border-radius: var(--faqs-item-border-radius, 8px);
  border: 1px solid var(--c_border);
  margin-bottom: 20px;
}
.desk_sec .term_cntnt .c-faqs__item[open] .c-faqs__item-question {
  border-bottom: var(--faqs-question-margin-bottom, 1px solid var(--c_border));
  margin-bottom: var(--faqs-question-margin-bottom, 12px);
}
.desk_sec .term_cntnt .c-faqs__item[open] .c-faqs__item-question::after {
  transform: rotate(180deg);
}
.desk_sec .term_cntnt .c-faqs__item[open] .c-faqs__item-question ~ * {
  animation: openQuestion 0.5s ease-in-out;
}
.desk_sec .term_cntnt .c-faqs__item-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  cursor: pointer;
  padding: var(--faqs-question-padding, 0.25rem 0);
  color: var(--c_background);
  font-weight: 500;
}
.desk_sec .term_cntnt .c-faqs__item-question::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("../images/plus.svg") no-repeat;
  transition: 0.2s;
}
.desk_sec .term_cntnt .c-faqs__item-answer {
  font-size: var(--faqs-answer-font-size, 1rem);
  line-height: var(--faqs-answer-line-height, 1.6em);
}
@keyframes openQuestion {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.desk_sec .terms_rl {
  width: 49%;
  position: sticky;
  top: 120px;
}
.desk_sec .terms_rl figure {
  max-width: 379px;
  height: auto;
  margin-left: auto;
}
.desk_sec .terms_rl figure img {
  width: 100%;
  height: 100%;
}
.desk_sec .terms_rl.ac_img figure {
  width: 420px;
  height: 251px;
}
.desk_sec textarea {
  height: 132px;
  padding: 16px 20px;
}

.p10 {
  padding: 10px;
}

.add_on {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--c_primary);
  cursor: pointer;
}
.add_on svg {
  width: 20px;
  height: 20px;
}

/* profile css end */
@media only screen and (max-width: 1399.98px) {
  .chat_sc .lt_s {
    padding: 15px;
    border-radius: 10px;
  }
  .chat_sc .lt_s .search_bar {
    top: -15px;
    margin: -15px -15px 0;
    width: calc(100% + 30px);
    padding: 15px;
  }
  .chat_sc .chat_single:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
  .chat_sc .chat_single .c_info {
    width: calc(100% - 50px);
    padding-left: 10px;
  }
  .chat_sc .chat_single p:not(:last-child) {
    margin-bottom: 5px;
  }
  .chat_sc .chat_box .chat_head {
    padding: 10px 15px;
    gap: 10px;
  }
  .chat_sc .chat_box .chat_head figure {
    width: 45px;
    height: 45px;
    min-width: 45px;
  }
  .chat_sc .chat_box .chat_body {
    padding: 20px 15px 0;
  }
  .chat_sc .chat_box .chat_body .single_message:not(:last-child) {
    margin-bottom: 12px;
  }
  .chat_sc .chat_box .chat_body .single_message .msg_body p {
    font-size: 13px;
  }
}
@media (max-width: 1200px) {
  .chat_sc .roundIcon_btn {
    display: block;
  }
}
.page_wraper {
  box-shadow: 0px 10px 36px 0px rgba(220, 220, 220, 0.1411764706);
  background: var(--c_white);
  padding: 27px;
  border-radius: 5px;
  height: calc(100vh - 132px);
  overflow: auto;
}

.report_boxes.profile_box li {
  width: calc(33.33% - var(--gap_x));
}
.report_boxes.profile_box figure {
  width: auto;
  height: auto;
  background: transparent;
  padding: 0;
}
.report_boxes.profile_box h2 {
  font-size: 16px;
  margin-bottom: 6px;
  color: var(--c_primary);
  font-weight: 500;
}
.report_boxes.profile_box p {
  font-size: 14px;
  font-weight: 500;
  line-height: 135%;
}
.report_boxes .white_box {
  height: 100%;
}

.lic_group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form_btn {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.form_btn .btnn {
  min-width: 366px;
}

.view_page .btn_flex .btnn {
  min-width: 145px;
}
.view_page .company_dtl h2 {
  margin-bottom: 8px;
}
.view_page .contact_company {
  display: flex;
  margin: 20px 0 0;
  gap: 50px;
  flex-wrap: wrap;
}
.view_page .contact_company li {
  width: 100%;
  max-width: 270px;
  margin: 0;
  display: flex;
  gap: 20px;
}
.view_page .contact_company li span {
  display: block;
  color: var(--c_text2);
  margin-bottom: 6px;
}
.view_page .contact_company li address {
  color: var(--c_heading);
}
.view_page .contact_company li > figure {
  width: 48px;
  height: 48px;
  min-width: 48px;
  background: #ffd4d4;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 48px;
}
.view_page .contact_company li > figure {
  width: 30px;
  height: 30px;
  min-width: 30px;
  padding: 7px;
}
.dtl_head {
  display: flex;
  justify-content: space-between;
}
.dtl_head .dtl_r .btn_success {
  min-height: 36px;
  min-width: 112px;
}

.cms_page .btn_flex {
  justify-content: flex-end;
}
.cms_page .btn_flex .btnn {
  min-width: 160px;
}

.custom_accord .accordion-item {
  border: 0;
}
.custom_accord .accordion-item:not(:last-child) {
  margin-bottom: 15px;
}
.custom_accord .accordion-item h2 {
  margin: 0;
}
.custom_accord .accordion-item .accordion-button {
  color: var(--c_black);
  background: var(--c_grey);
  border: 0;
  box-shadow: unset;
  border-radius: 5px;
}
.custom_accord .accordion-item .accordion-button::after {
  content: "\f067";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  background-image: unset;
}
.custom_accord .accordion-item .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.custom_accord.cat_accord .accordion-item {
  position: relative;
  z-index: 0;
}
.custom_accord.cat_accord .accordion-item .accordion-button {
  gap: 15px;
  font-size: 28px;
  color: var(--c_primary);
  background: transparent;
}
.custom_accord.cat_accord .accordion-item .accordion-button > img {
  width: 44px;
  height: 44px;
  border-radius: 44px;
  -o-object-fit: cover;
     object-fit: cover;
}
.custom_accord.cat_accord .accordion-item .accordion-button::after {
  content: "\f0d7";
}
.custom_accord.cat_accord .accordion-item .accordion-button:not(.collapsed) ::after {
  transform: scale(-1);
}

.faq_edit textarea {
  height: 430px;
}
.faq_edit .form {
  display: flex;
  align-items: flex-end;
  gap: 70px;
}
.faq_edit .form > .form_field {
  max-width: 700px;
  flex-grow: 1;
}

.notification_list li {
  padding: 20px 50px 20px 105px;
  position: relative;
  margin: 0;
}
.notification_list li > figure {
  width: 50px;
  height: 50px;
  border-radius: 17px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 26px;
}
.notification_list li > figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.notification_list li h2 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.notification_list li p {
  font-size: 14px;
  color: var(--c_text2);
}
.notification_list li:not(:last-child) {
  border-bottom: 1px solid var(--c_grey);
}
.notification_list li:first-child {
  margin-top: -30px;
}
.notification_list li:last-child {
  margin-bottom: -30px;
}
.notification_list li::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: var(--c_primary);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 27px;
  opacity: 0;
}
.notification_list li.active::before {
  opacity: 1;
}

.logout_box {
  min-height: 300px;
  border: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 37px 0px rgba(0, 0, 0, 0.0509803922);
}
.logout_box .btnn {
  min-width: 160px;
}

.emp_category {
  min-height: calc(100vh - 360px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.emp_category .upload_image {
  max-width: 230px;
  height: 174px;
  background: var(--c_grey);
}
.emp_category .upload_image figcaption i {
  font-size: 44px;
  color: var(--c_primary);
}
.emp_category .upload_image a {
  position: absolute;
  inset: 0;
  display: block;
}
.emp_category .no_cat_text {
  text-align: center;
}
.emp_category .no_cat_text h2 {
  margin-bottom: 10px;
}
.emp_category .no_cat_text p {
  font-weight: 500;
  color: var(--c_text2);
}

.white_box:has(.emp_category) {
  border: 0;
}

.form_field .form_lft {
  width: calc(100% - var(--gap_x) - 415px);
}
.form_field .form_lft .control_group.w_100 {
  width: 100%;
  margin-left: 0;
}
.form_field .form_lft .control_group.w_100:first-child {
  margin: 0;
}
.form_field .form_rht {
  width: calc(415px - var(--gap_x));
}
.form_field .form_rht .upload_doc {
  max-width: 415px;
  height: calc(100% - 35px);
}
.form_field .form_rht .upload_doc figure {
  height: 100%;
}

.add_cat .btn_flex {
  justify-content: center;
}
.add_cat .btn_flex .btnn {
  margin-inline: auto;
}

.category_list {
  margin: 0;
}
.category_list li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.category_list li > figure {
  width: 212px;
  height: 124px;
  border-radius: 5px;
  overflow: hidden;
}
.category_list li > figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.category_list li:not(:last-child) {
  border-bottom: 1px solid var(--c_grey);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.category_list li .category_detail {
  width: calc(100% - 232px);
}
.category_list li .category_detail p {
  max-width: 340px;
}
.category_list li .cat_foot_link {
  display: flex;
  justify-content: space-between;
}
.category_list li .cat_foot_link > a {
  font-size: 18px;
}
.category_list li .cat_foot_link a {
  transition: var(--transition);
}
.category_list li .cat_foot_link a:hover {
  text-decoration: underline;
}
.category_list li .cat_foot_link .add_edit_cat {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  margin-left: auto;
}

.dropdown-menu.emoji_menu {
  border: 0;
  padding: 0;
  background: transparent;
  right: -30px !important;
  left: auto !important;
}

.category_page .upload_image figure figcaption > img {
  width: 42px;
  height: 42px;
}
.control_group.lic_group h2{
  margin: 0;
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by{
  display: none;
}
/* media query 12345 */
@media (max-width:1400px){
  .item_lists .item_list_head{gap:50px}
  .item_lists .item_list_head .item_count{gap:30px}
  .hd_5 :where(h1,h2,h3,h4,h5,h6),h5{font-size:18px}
  .report_boxes.profile_box figure{width:45px;height:45px;min-width:45px;left:16px}
  .report_boxes ul li .white_box{padding-left:90px; padding-block: 16px;}
  .report_boxes h2{
    font-size: 30px;
  }
  .report_boxes p{
    font-size: 18px;
  }
  h1, .hd_1 :where(h1, h2, h3, h4, h5, h6){
    font-size: 24px;
  }
  .report_boxes figure{
    width: 50px;
    height: 50px;
  }
  .page_wraper.chat_page_wrapper{padding-block:5px;height:auto}
  .chat_page_wrapper .add_item_wrp{top:-6px;min-height:50px;margin-bottom:20px}
  .chat_page_wrapper .add_item_wrp>figure{width:35px;height:35px}
  .chat_sc .chat_box{padding:5px}
  .chat_sc .lt_s .search_bar input{height:50px}
  .chat_sc .lt_s .search_bar .usr_list{margin:16px 0;gap:14px}
  .chat_sc .chat_box,.chat_sc .lt_s{        max-height: calc(100vh - 135px);
    min-height: calc(100vh - 135px);}
  .chat_sc .chat_box .chat_foot .control_group textarea{padding:10px;height:120px;border-radius:7px!important}
  .chat_sc .chat_box .chat_foot{padding-bottom:10px;bottom:-10px}
  .chat_sc .chat_single .c_info{width:calc(100% - 30px)}
  .chat_sc .chat_single p .time{font-size:10px}
  .chat_sc .chat_single figure{width:40px;height:40px;min-width:40px}
  .chat_sc .chat_single{margin-inline:-10px;padding-inline:10px;padding-block:10px}
  .chat_sc .chat_single p strong::after{width:10px;height:10px}
  .chat_sc .chat_single .c_info{padding-left:6px}
  .chat_sc .chat_single p strong{font-size:16px}
  .chat_sc .lt_s .search_bar .cht_lft_head h2{font-size:14px}
  h2, .hd_2 :where(h1, h2, h3, h4, h5, h6){
    font-size: 20px;
  }
  .detail_list li span {
    font-size: 16px;

}
.emp_category .no_cat_text h2{
  font-size: 20px;
}
.custom_accord.cat_accord .accordion-item .accordion-button{
  font-size: 22px;
}
.custom_tabs .nav-link{
  font-size: 16px;
  padding: 5px 10px 10px;
}
.custom_tabs .nav-link::before{
  height: 3px;
}
.faq_edit textarea{
  height: 300px;
}
  /* 1400px media end */
  }
  @media (max-width:1200px){
  .auth_rht .logo{width:400px;height:auto}
  .hd_2 :where(h1,h2,h3,h4,h5,h6),h2{font-size:26px}
  .dash_hamburgur{display:inline-flex}
  .add_item_wrp{min-height:60px}
  .add_item_wrp>figure{width:50px;height:50px}
  .intial_sec .intial_head p{font-size:20px}
  .intial_sec .intial_head{margin-bottom:50px}
  .chat_sc .lt_s{width:calc(100% - var(--gap_x))}
  .chat_sc .lt_s .search_bar{max-width:calc(100% + 30px);position:initial}
  .chat_sc .rt_s{width:calc(100% - var(--gap_x));display:none}
  .highlight .rt_s{display:block}
  .highlight .lt_s{display:none}
  .page_wraper.chat_page_wrapper{padding-block:5px}
  .chat_page_wrapper .add_item_wrp{top:-6px}
  .custom_accord.cat_accord .accordion-item .accordion-button{
    font-size: 18px;
    padding: 5px;
  }
  .faq_edit textarea{
    height: 250px;
  }

  /* 1200px media end */
  }
  @media (max-width:992px){
  .hd_2 :where(h1,h2,h3,h4,h5,h6),h2{font-size:18px}
  .auth_sc .inner p{font-size:16px}
  .hd_5 :where(h1,h2,h3,h4,h5,h6),h5{font-size:18px}
  .auth_sc .inner{max-width:100%;width:calc(100% - var(--gap_x));margin-left:var(--gap_x)}
  .auth_flx{flex-wrap:wrap-reverse}
  .auth_flx .auth_rht{width:calc(100% - var(--gap_x));height:150px;margin-left:var(--gap_x)}
  .auth_sc .logo{width:200px;height:auto}
  .auth_rht .logo{width:280px;height:100%;margin:0}
  .auth_sc .inner .form{padding-top:60px}
  .page_wraper{padding:20px}
  .add_item_wrp{top:-20px}
  .add_item_wrp>figure{width:40px;height:40px}
  .add_item_wrp>figure a img{width:20px}
  .add_item_wrp{min-height:1px;padding:8px}
  .intial_sec .intial_head{margin-bottom:30px}
  .intial_left .btnn{margin-top:30px}
  .page_head{margin:-26px -20px 20px -20px}
  .item_lists .item_list_head .left_s{gap:15px}
  .item_lists .item_list_head .item_count{gap:16px}
  .item_list_flx{--gap_x:20px;--gap_y:20px}
  .item_list_flx .item_list_box{width:50%}
  .intial_sec .intial_head p{font-size:16px}
  .report_boxes.profile_box li{width:calc(50% - var(--gap_x))}
  .add_item .upload_image.upload_profile>figure{height:350px}
  .desk_sec .terms_rl{display:none}
  .desk_sec .term_cntnt{width:100%}
  .notification_list>li>.user_img{width:35px;height:35px;border-radius:35px;left:0}
  .notification_list>li{padding:10px 35px 10px 60px}
  .notification_list>li{padding:50px 5px 10px 5px}
  .notification_list>li>.user_img{width:30px;height:30px;border-radius:30px;left:0;top:10px;transform:unset}
  .white_box.inner_box {
    margin-inline: -20px;

}
.detail_list li{
  width: 50%;
}
.category_list li > figure {
  width: 150px;
  height: 90px;

}
.category_list li .category_detail {
  width: calc(100% - 150px);
}
.category_list li .category_detail h2{
  font-size: 16px;
  margin-bottom: 5px;
}
.category_list li .category_detail p{
  font-size: 13px;
  margin-bottom: 8px;
}
.category_list li .cat_foot_link > a{
  font-size: 13px;
}
.category_list li .cat_foot_link .add_edit_cat{
  gap: 20px;
}

.custom_accord.cat_accord .accordion-item .accordion-button > img{
  width: 30px;
  height: 30px;
}
.custom_accord.cat_accord .accordion-item .accordion-button{
  font-size: 16px;
}
.faq_edit textarea{
  height: 150px;
}
.cms_page .btn_flex{
    justify-content: center;
}
.notification_list li > figure{
  width: 40px;
  height: 40px;
  top: 16px;
  transform: unset;
  left: 16px;
}
.notification_list li:first-child{
  margin-top: -20px;
}
.notification_list li:last-child{
  margin-bottom: 0;
}
.notification_list>li {
  padding: 60px 15px 15px 15px;
  position: relative;
}
.notification_list li::before{
  top: 16px;
  transform: unset;
}
.chat_sc .chat_box .chat_foot .roundIcon_btn{
  display: none !important;
}
  /* 992px media end */
  }
  @media (max-width:767px){
    body{
      font-size: 14px;
    }
  .auth_sc .form_head{margin-inline:-15px;padding-inline:18px}
  :is(.gap_p,.gap_m){--gap_x:16px;--gap_y:16px}
  .auth_sc .form_wrapper>.hd_2{padding:60px 0 30px}
  .auth_sc .form_wrapper .back_btn i{width:24px;height:24px;border-radius:24px;font-size:12px}
  .auth_sc .form_wrapper .back_btn{font-size:14px}
  .btnn{border-radius:10px}
  .otp_input input{width:60px;height:60px}
  .intial_left{width:calc(100% - var(--gap_x));padding:24px}
  .intial_rht{width:calc(100% - var(--gap_x))}
  .intial_flx{justify-content:center}
  .intial_rht figure{margin-inline:auto}
  .intial_sec .intial_head p{font-size:16px}
  .intial_sec .intial_head{margin-bottom:24px;padding:0}
  .intial_left .btnn{margin-top:10px}
  .add_item .upload_image figure{height:230px}
  .item_lists .item_list_head .item_count li{font-size:14px}
  .hd_4 :where(h1,h2,h3,h4,h5,h6),h4{font-size:20px}
  .item_lists .item_list_head{gap:16px}
  .intial_sec .intial_head p:last-child:not(:only-child)::before{display:none}
  .intial_sec .intial_head p:last-child:not(:only-child){padding:0;font-size:16px}
  .item_list.group_item_list li>figure figcaption{bottom:auto}
  .report_boxes.profile_box li{width:calc(100% - var(--gap_x))}
  .profile_outer>figure{width:100px;height:100px}
  .profile_outer .cover_pic{height:60px}
  .info_section .left_s,.info_section .right_s{width:calc(100% - var(--gap_x))}
  .add_item .upload_image.upload_profile>figure{height:300px}
  .desk_sec .supp_rtl,.desk_sec form{width:100%;position:initial}
  .control_group_flex.align_start{flex-wrap:wrap}
  .desk_sec .supp_rtl,.subs_dtl .right_s{display:none}
  .subs_dtl .left_s{width:calc(100% - var(--gap_x))}
  .hd_3 :where(h1,h2,h3,h4,h5,h6),h3{font-size:18px}
  .table_pagination>p{display:none}
  .table_pagination{justify-content:flex-end}
  .mt_100{margin-top:50px}
  .prgrs_bar{min-height:50px}
  ul.store_list li{align-items:center}
  ul.store_list li::before{width:10px;height:10px;border-radius:10px}
  .upgrade_storage .left_s{padding:20px}
  .upgrade_storage .left_s p{margin-bottom:24px}
  .upgrade_storage .left_s a{font-size:18px}
  .custom_accord.custom_accord2 .accordion-item .accordion-button{gap:10px;padding:5px 10px}
  .custom_accord.custom_accord2 .accordion-body{padding:10px 0 0}
  .custom_accord .accordion-item:not(:last-child){margin-bottom:10px}
  .desk_sec .term_cntnt p{line-height:1.3}
  .desk_sec .term_cntnt h2{font-size:16px}
  .chat_user_list .chat_user_flx>figure{width:100%}
  .chat_user_list .chat_user_flx{gap:0}
  .chat_page_wrapper .add_item_wrp{margin-bottom:16px}
  .chat_sc .lt_s .search_bar input{height:45px}
  .chat_sc .chat_single{margin-inline:-10px;padding-inline:10px;padding-block:10px}
  .chat_sc .lt_s .search_bar{margin:-10px -10px 0;width:calc(100% + 20px);padding:10px}
  .chat_sc .lt_s .search_bar .usr_list{margin:10px 0;gap:12px}
  .chat_sc .chat_single p strong{font-size:16px}
  .page_wraper.chat_page_wrapper{height:auto}

  .chat_sc .chat_box{padding:0}
  .chat_sc .chat_box .chat_head{top:-10px}
  .chat_sc .chat_box .chat_foot .control_group .chat_option{gap:8px;padding:5px;flex-wrap:wrap}
  .chat_sc .chat_box .chat_foot .control_group .chat_option .btnn img{max-width:12px}
  .chat_sc .chat_box .chat_foot .control_group textarea{height:145px;padding:10px 10px;border-radius:7px!important}
  .chat_sc .chat_box .chat_foot{bottom:0;padding:10px 0 0}
  .chat_sc .chat_box .chat_body{padding:12px 10px 0}
  .chat_sc .chat_box .chat_foot button{border:0;max-width:200px}
  .chat_sc .chat_box .chat_foot .control_group .chat_option .btnn{max-width:100%;width:100%}
  h1, .hd_1 :where(h1, h2, h3, h4, h5, h6){
    font-size: 20px;
  }
  .page_head{
    padding: 20px 16px 4px;
    margin: -20px -16px 10px ;
  }
  .report_boxes ul li .white_box{
    padding: 10px 10px 10px 75px;
  }
  .report_boxes p{
    font-size: 16px;
  }
  .report_boxes h2{
    font-size: 24px;
  }
  .report_boxes figure{
    width: 40px;
    height: 40px;
    left: 16px;
  }
  .custom_tabs{
    margin-bottom: 16px;
  }
  .custom_tabs1{
    overflow: visible;
  }
  .white_box.inner_box{
    margin-inline: -16px;
  }
  .img_flx{
    gap: 16px;
  }
  .upload_doc figure {

    height: 160px;

}
.detail_list li{
  width: 100%;
}
.view_page .contact_company{
  width: 100%;
  gap: 16px;
}
.view_page .contact_company li{
  max-width: 100%;
}
.view_page .contact_company li address br{
  display: none;
}
.view_page .contact_company li address {
  margin: 0;
}
.toggle_label{
  font-size: 16px;
}
.emp_category .no_cat_text h2{
  font-size: 18px;
}
.category_page .white_box:has(.emp_category){
  padding-inline: 0;
}
.emp_category {
  min-height: calc(100vh - 290px);

}
.form_field .form_lft,.form_field .form_rht {
  width: calc(100% - var(--gap_x) );
}
textarea {

  border-radius: 10px !important;
  padding: 15px 16px;
}
.category_list li > figure{
  width: 100px;
}
.category_list li .category_detail{
  width: calc(100% - 100px);
}
.category_list li .cat_foot_link .add_edit_cat{
  gap: 12px;
}
.category_list li .cat_foot_link a{
  font-size: 13px;
}
.custom_tabs .nav-link{
  font-size: 14px;
}
.faq_edit .form > .form_field{
  max-width: initial;
}
.faq_edit .form{
  flex-wrap: wrap;
  gap: 0;
}
.cms_page .btn_flex .btnn {
  flex-grow: 1;
}
.ck.ck-editor__main > .ck-editor__editable{
  min-height: 150px !important;
}
.custom_accord .accordion-item .accordion-button{
  padding: 10px 15px;
}
.notification_list li::before{
  width: 8px;
  height: 8px;
}
.chat_sc .lt_s .search_bar .usr_list figure:first-child{
  width: 35px;
  height: 35px;
  min-width: 35px;
}
.chat_sc .lt_s .search_bar .usr_list figure:first-child img{
width: 16px;
height: 16px;
}
  /* 767px media end */
  }
  @media (max-width:575px){
    textarea{
      padding: 10px 16px;
    }
    .emp_category {
      min-height: calc(100vh - 270px);
    
    }
    .control_group.lic_group h2{
      font-size: 16px;
    }
  .mt_100{margin-top:30px}
  .desk_sec.ut_spc{padding-top:16px}
  .intial_sec .intial_head{margin-bottom:20px}
  .auth_sc .form_head{margin:0}
  .form_btn .btnn{min-width:100%}
  .auth_sc .form_head h1{min-width:120px}
  .auth_sc .inner .auth_logo{inset:0px auto auto 50%}
  .hd_2 :where(h1,h2,h3,h4,h5,h6),h2{font-size:18px}
  .auth_sc .inner p{font-size:14px}
  .otp_input input{width:45px;height:45px;font-size:16px}
  .auth_sc .success_tick{width:70px;height:70px}
  .page_wraper{padding: 16px}
  .intial_sec .intial_head p{font-size:14px}
  .intial_sec .intial_head{padding-right:10px}
  .add_item_wrp{top:-24px}
  .user_icon>a figure figcaption{display:none}
  .user_icon>a figure::after{left:30px;bottom:0}
  .page_head{margin: -15px -16px 10px -16px;
    padding: 15px 16px 5px;}
  .add_item .upload_image figure{height:170px}
  .add_item .img_flx .upload_image{width:calc(50% - 8px)}
  .add_item .img_flx{gap:6px 16px}
  .control_group>label{margin-bottom:6px}
  .btn_flex{margin-top:20px}
  .add_item .btn_flex .btnn{width:100%}
  .item_lists .item_list_head .item_count,.item_lists .item_list_head .left_s{gap:10px}
  .item_lists .item_list_head .item_count li{font-size:16px}
  .item_lists .item_list_head{position:relative}
  .item_lists .item_list_head .right_s{position:absolute;right:0;top:0}
  .item_lists .item_list_head .right_s a{font-size:14px}
  .item_lists .item_list_head .item_count{gap:10px}
  .item_lists .item_list_head .item_count li{font-size:14px}
  .hd_5 :where(h1,h2,h3,h4,h5,h6),h5{font-size:16px}
  .item_list_flx .item_list_box p{font-size:13px}
  .no_data{max-width:400px;margin-inline:auto}
  .intial_sec .intial_head p:last-child:not(:only-child){display:none}
  .hd_3 :where(h1,h2,h3,h4,h5,h6),h3{font-size:20px}
  .page_head .left_s h1{margin-bottom:10px}
  body{font-size:14px}
  .add_item_wrapper .document_list li .doc_dtl,.item_list li .itm_dtl{width:100%}
  .add_item_wrapper .document_list li,.item_list li{justify-content:center;flex-wrap:wrap}
  .item_head{margin:20px 0 10px}
  .item_list li .action a{font-size:14px}
  .item_list.group_item_list li .itm_dtl .action a{font-size:12px}
  .item_list.group_item_list li .itm_dtl{padding-inline:8px}
  .item_list li .action{display:flex;justify-content:flex-end;gap:12px}
  .profile_outer>figure{width:70px;height:70px}
  .profile_outer{gap:16px;padding:25px 15px 0}
  .profile_outer .cover_pic{height:40px}
  .profile_outer>h2{font-size:15px;line-height:normal;margin:0}
  .info_section .control_group_flex>h4{margin-bottom:10px}
  .info_section .profile_hd hr{margin:5px 0}
  .info_section .control_group_flex>ul li h5{font-size:14px;line-height:20px}
  .info_section .control_group_flex>ul:not(:last-child){padding-bottom:24px}
  .info_section .left_s,.info_section .right_s .inner_bx{padding:20px 16px}
  .add_item .upload_image.upload_profile>figure{height:250px}
  .modal.add_img_modal .img_flx{gap:20px}
  .modal.add_img_modal .img_flx .upload_doc>figure{height:100px}
  .upload_image figure figcaption>img{width:35px;height:35px}
  .data_storage .store_head .ttl_strg{left:auto;right:0;transform:unset}
  .prgrs_bar{min-height:40px}
  ul.store_list li{margin-bottom:10px;padding-bottom:10px}
  .upgrade_storage .left_s{padding:20px 16px}
  .upgrade_storage .left_s p{margin-bottom:20px}
  .upgrade_storage .left_s a{font-size:16px}
  .upgrade_storage{gap:30px}
  .chat_sc .chat_single p strong::after{width:7px;height:7px;border-radius:7px}
  .chat_sc .chat_single p strong,.chat_sc .lt_s .search_bar .cht_lft_head h2{font-size:14px}
  .chat_sc .chat_single p{font-size:12px}
  .chat_sc .lt_s .search_bar .usr_list{gap:8px}
  .chat_sc .chat_box .chat_body .single_message:not(:last-child){margin-bottom:8px;padding-bottom:8px}
  .chat_sc .chat_box .chat_body .single_message .msg_body{padding:5px 0;margin-bottom:18px}
  .chat_sc .chat_box .chat_body .single_message .msg_body span{padding-top:0}
  .page_wraper.chat_page_wrapper{padding-block:5px}
  .chat_sc .chat_box{padding:0}
  .chat_sc .chat_box .chat_head .chat_rht{gap:8px}
  .chat_sc .chat_box .chat_head figure{width:35px;height:35px;min-width:35px}
  .chat_sc .chat_box .chat_head .chat_lft{gap:8px}
  .chat_sc .chat_box .chat_head h2 strong{font-size:15px}
  .chat_sc .chat_box .chat_head h2 span{font-size:12px}
  .intial_left .btnn{min-width:100%}
  .intial_left{padding:24px 16px}
  .item_list_flx .item_list_box{width:100%;margin-bottom:10px}
  .item_list_flx .item_list_box>figure{height:150px;padding:5px;margin-bottom:10px}
  .white_box.gray_box {
    padding: 10px;
}
.lic_group{
  flex-wrap: wrap;
  gap: 12px;
}
.upload_image_view figure{
  max-width: 100px;
}
.view_page .btn_flex .btnn{
  min-width: 1px;
}
.dtl_head .dtl_r .btn_success {
position: absolute;
  top: 6px;
  right: 0;
  min-width: 1px;
}
.w_75.company_dtl{
  width: 100%;
}
.btn_flex{
  gap: 12px;
}
.company_dtl .btn_flex {
  margin-top: 10px;
  justify-content: flex-end;
}
h1, .hd_1 :where(h1, h2, h3, h4, h5, h6){
  font-size: 18px;
}
.search_bar input{
  padding: 5px 15px 5px 30px;
}
.search_bar input, input[type=search] {

  background-position: 13px center;

  background-size: 14px;

}
.toggle_label{
  font-size: 14px;
}
.detail_list li span{
  font-size: 14px;
}
.category_list li:not(:last-child){
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.category_list li{
  flex-wrap: wrap;
  gap: 12px;
}
.category_list li .category_detail {
  width: 100%;
}
.custom_accord.cat_accord .accordion-item .accordion-button{
  gap: 10px;
  font-size: 14px;
}
.custom_accord.cat_accord .accordion-body{
  padding-inline: 0;
}
.faq_edit textarea{
  height: 130px;
}
.cms_page .btn_flex .btnn{
  min-width: 1px;
}
.accordion-body{
  padding-inline: 0;
}
.custom_tabs .nav-link.active{
  color: var(--c_primary);
}
.cms_page .btn_flex{
  flex: 1;
}
.table tr th{
  font-size: 14px;
  padding: 10px;
}

  /* 575px media end */
  }